/**
 *	Dr Molloy
 *  Base Screen Styles
 *	
 *	@date:		11/09/2007	
 *
 *	Table of Contents:
 *		layout
 *		breadcrumbs
 *		typography
 *		lists / links
 *		tables
 *		forms
 *
 */
body,html {
	background:					#c5dee7 url(../images/bg-body.gif) repeat-x;
}

body {
	color:						#444;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					62.5%;
}

/** layout
--------------------------------------- */
#wrapper {
	background:					#FFF url(../images/bg-container-index.jpg) left top repeat-x;
}

#wrapper-main {
	background:					#FFF url(../images/bg-container.jpg) left top repeat-x;
}

#back-picture {
	background:					url(../images/feature/feature-main.jpg) center 47px no-repeat;
	overflow:					hidden;
}

#back-picture-infert {
	background:					url(../images/feature/feature-infert.jpg) center 47px no-repeat;
	overflow:					hidden;
}

#back-picture-endo {
	background:					url(../images/feature/feature-endo.jpg) center 47px no-repeat;
	overflow:					hidden;
}

#back-picture-qfg {
	background:					url(../images/feature/feature-qfg.jpg) center 47px no-repeat;
	overflow:					hidden;
}

#back-picture-ovul {
	background:					url(../images/feature/feature-ovul.jpg) center 47px no-repeat;
	overflow:					hidden;
}

#back-picture-links {
	background:					url(../images/feature/feature-none.jpg) center 47px no-repeat;
	overflow:					hidden;
}

#back-picture-contact {
	background:					url(../images/feature/feature-contact.jpg) center 47px no-repeat;
	overflow:					hidden;
}

#back-picture-lapo {
	background:					url(../images/feature/feature-lapo.jpg) center 47px no-repeat;
	overflow:					hidden;
}

#back-picture-poly {
	background:					url(../images/feature/feature-poly.jpg) center 47px no-repeat;
	overflow:					hidden;
}

#container {
	margin:						0 auto;
	width:						880px;
}

#container-left {
	margin-left:				15px;
	width:						570px;
}

#brand {
	float:						left;
	height:						19px;
	width:						570px;
	margin-top:					32px;
	margin-bottom:				35px;
}

#title {
	height:						31px;
	background:					url(../images/title/title-end.gif) right top no-repeat;
	clear:						both;
	float: 						left;
	color:						#FFFFFF;
	text-transform:				uppercase;
	font-size:					1.2em;
	letter-spacing:				1px;
	white-space:				nowrap;
}

.titlew {
	height:						31px;
	background:					url(../images/title/title-endw.gif) right top no-repeat;
	clear:						both;
	float: 						left;
	color:						#FFF;
	text-transform:				uppercase;
	font-size:					1.1em;
	letter-spacing:				1px;
	white-space:				nowrap;
	margin:						30px 0 20px 0;
}

.titlew-lower {
	height:						31px;
	background:					url(../images/title/title-endw.gif) right top no-repeat;
	clear:						both;
	float: 						left;
	color:						#FFF;
	font-size:					1.1em;
	letter-spacing:				1px;
	white-space:				nowrap;
	margin:						30px 0 20px 0;
}

#navigation {
	clear:						both;
	width:						880px;
}

#hero {
	background:					#ccc url(../images/feature/feature-index.jpg) left top no-repeat;
	height:						386px;
}

#hero-main {
	height:						87px;
}

#content {
	font-size:					1.1em;
	line-height:				1.5em;
	/*color:					#4e4e4e;*/
	color:						#333;
	padding-bottom:				30px;					
}

#content-index {
	background:					#fff url(../images/feature/feature-index-content.jpg) left top no-repeat;
	/*height:					270px;*/
	/*padding-bottom:			20px*/
}

#content-right-index {
	float:						right;
	width:						440px;
	margin-top:					25px;
}

#content-right-index-column1 {
	float:						left;
	width:						180px;
}

#content-left {
	width:						430px;
	float:						left;
	margin:						0 35px 0 15px;
}

#content-left-nochild {
	width:						530px;
	float:						left;
	margin:						0 35px 0 15px;
}

#content-right {
	width:						200px;
	float:						left;
}

#title-column1 {
	height:						43px;
	width:						147px;
	background:					url(../images/title/bg-title-column1.gif) left top no-repeat;
	float: 						left;
	margin-bottom:				5px;
	text-transform:				uppercase;
	font-size:					1.1em;
	line-height:				14px;
	letter-spacing:				1px;
	padding:	 				8px 0 0 10px;
	color:						#FFFFFF;
}

#title-column2 {
	height:						31px;
	width:						147px;
	background:					url(../images/title/bg-title-column2.gif) left top no-repeat;
	float: 						left;
	margin-bottom:				5px;
	text-transform:				uppercase;
	font-size:					1.1em;
	letter-spacing:				1px;
	padding:	 				7px 0 0 10px;
	color:						#FFFFFF;
}

#title-column3 {
	height:						31px;
	margin-top:					20px;
	width:						147px;
	clear:						both;
	float:						left;
	background:					url(../images/title/bg-title-column3.gif) left top no-repeat;
	margin-bottom:				5px;
	text-transform:				uppercase;
	font-size:					1.1em;
	letter-spacing:				1px;
	padding:	 				7px 0 0 10px;
	color:						#FFFFFF;
}

#content-right-index-column2 {
	float:						left;
	margin-left:				40px;
	width:						190px;
}

#content-right-index-column3 {
	width:						390px;
}

#intro-index {
	clear:						both;
	/*color:						#3e5867;*/
	color:						#394D58;
	font-size:					1.1em;
	line-height:				1.5em;
	margin-top:					15px;
}

#feature-main {
	position:					absolute;
	width:						200px;
	height:						300px;
	margin:						50px 0 0px 800px;
	background-color:			#003333;
}

#footer {
	width:						840px;
	margin:						0 auto;
	padding:					30px 20px 30px 20px;
	font-size:					1.1em;
	/*color:						#88a4b4;*/
	color:						#6A8492;
}

/** typography
--------------------------------------- */
em {
	font-style:					italic;
}

strong {
	font-weight:				bold;
}

#intro-index p {
	margin-bottom:				1.5em;
}

#content h2 {
	color:						#41677C;
	height:						21px;
	font-size:					12px;
	margin-bottom:				0px;
	text-transform:				uppercase;
	font-weight:				bold;
}

#content h3,
#content h4,
#content h5,
#content h6 {
	color:						#403f3f;
	font-weight:				bold;
	margin-bottom:				0.5em;
}

#content h3 {
	color:						#c70d1b;
	background: 				url(../images/bg-h3.gif) left bottom no-repeat;
	padding:					0 0 3px 8px;
}

#content blockquote {
	font-style:					italic;
}

#content p {
	margin-bottom:				1.5em;
}

#content strong {
	color:						#4d4c4c;
}

/** lists / links
--------------------------------------- */
#content a,
#content a:link {
	color:						#3b6172;
	text-decoration:			none;
	/*border-bottom:				1px solid #DDD;*/
}

#content a:hover {
	/*color:						#22414f;*/
	color:						#000;
}

#content a.whitelink,
#content a.whitelink:link {
	border-bottom:				0;
	color:						white;
}

#content ul {
	margin:						.5em 0 1.5em 1em;

}

#content ul li ul {
	margin:						.5em 0 1.5em 0;

}

#content ul li {
	background:					url(../images/link.gif) 0 4px no-repeat;
	margin-bottom: 				0.5em;
	padding-left:				20px;
}

#content ul li ul li {
	background:					url(../images/link2.gif) 0 4px no-repeat;
	margin-bottom: 				0.5em;
	padding-left:				20px;
}

#content ol {
	list-style:					decimal;
	margin:						.5em 0 1.5em 2.25em;
	padding-left:				0.5em;
}

#content ol li {
	margin-bottom:				0.5em;
}

.footlink a {
	color:						#496a79;
	text-decoration:			none;
}

#footer a,
#footer a:link {
	color:						#7f9eaf;
	text-decoration:			none
}

#footer a:hover {
	color:						#496a79;
}

/** tables
--------------------------------------- */

/** forms
--------------------------------------- */
input, select, textarea, optgroup, pre {
	color:						#444;
	font:						11px Arial, Helvetica, sans-serif;
}