/*** WEBSITE TEMPLATE ***/
/* TABLE OF CONTENT
*	
*	@group1 : OVERALL RESETS
*	@group2 : HEADER
*	@group3 : MAIN
*	@group4 : SIDEBARS
*	@group5 : INNERPAGES
*		@group5-1 : PAGE'S MAIN
*		@group5-2 : PAGE'S SIDEBARS
*		@group5-3 : FORMS
*		@group5-4 : TABLES
*/

/*** OVERALL RESETS - @group1 ***/
/********************************************************/
html,body,ul,ol,li,h1,h2,h3,h4,h5,h6,p,blockquote,object,img,em,form,input,textarea,label{
	margin:0;
	padding:0;
	outline:0;
}
a{
	text-decoration:none;
}
img{
	border:none;
	vertical-align:bottom;
}
ul,ol{
	list-style:none outside;
}
body{
	font:.75em arial,helvetica,sans-serif;
	text-align:center;
	background:#f2f0fb url(images/bg.jpg) repeat-x left top;
	padding:7px 0 0;
}
.extra{
	display:block;
	clear:both;
	width:100%;
	overflow:hidden;
	line-height:0;
	font-size:0;
}
.skipLink{
	position:absolute;
	left:-9999em;
	top:-9999em;
}

/*** HEADER - @group2 ***/
/********************************************************/
#header{
	width:820px;
	margin:0 auto;
	overflow:hidden;
}
#header h1{
	float:left;
	width:196px;
	height:14px;
	overflow:hidden;
	background:url(images/logo-small.gif);
}
#header h1 a{
	float:left;
	width:196px;
	height:14px;
	text-indent:-100em;
}
#menu{
	font:11px arial;
	color:#695ca8;
	padding:0 0 0 10px;
	float:middle;
	background:#fff;
	margin-top:15px;
}
#menu li{
	display:inline;
}
#menu li a{
	color:#695ca8;
}
#menu li a:hover{
	text-decoration:underline;
}
#header .sections{
	width:775px;
	margin:0 auto;
	clear:both;
	font:.92em/2.1em arial;
	color:#8177af;
	padding:8px 0 5px;
	overflow:hidden;
}
#header .sections li{
	float:left;
	background:#fff;
	height:1%;
}
#header .sections .surrogacy{
	border:2px solid #acd264;
	width:252px;
}
#header .sections .fertility{
	margin:0 5px;
	border:2px solid #85d1e1;
	width:235px;
}
#header .sections .sharedCycle{
	border:2px solid #a96f86;
	width:266px;
}
#header .sections li a{
	display:block;
	color:#8177af;
	border:3px solid #fff;
	height:1%;
}
#header .sections li a:hover{
	text-decoration:underline;
}
.surrogacy #header .sections .surrogacy a{
	border-color:#acd264;
}
.fertility #header .sections .fertility a{
	border-color:#85d1e1;
}
.sharedCycle #header .sections .sharedCycle a{
	border-color:#a96f86;
}


/*** MAIN - @group3 ***/
/********************************************************/
#wrap{
	width:775px;
	margin:0 auto;
	overflow:hidden;
	padding:0 0 10px;
	clear:both;
	background:#f8f9fb url(images/main-bg.gif) repeat-x left top;
}
#main{
	float:left;
	width:100%;
}
#content #homeLogo{
	width:180px;
	height:88px;
	float:left;
	margin:0px 0 33px 0;
	background:url(images/logo.gif);
	overflow:hidden;
	text-indent:-100em;
}
#content #homeLogo2{
	width:351px;
	height:88px;
	float:right;
	margin:0px 0 33px 50px;
	background:url(images/logoRight.gif);
	overflow:hidden;
	text-indent:-100em;
}
#content #flashVideo{
	clear:both;
	width:100%;
	padding:0 0 1px;
	border-bottom:5px solid #d9c6e1;
	margin:0 0 40px;
}
#content #flashVideo object{
	width:100%;
	height:130px;
	display:block;
}
#content .sections{
	overflow:hidden;
	width:100%;
}
#content .sections li{
	float:left;
	width:240px;
	background:#fff url(images/box-top.gif) no-repeat center 5px;
	padding:0 0 10px;
	margin:0 9px;
	display:inline;
}
#content .sections li h3{
	font:1.1em/3em arial;
	color:#8177af;
	text-align:left;
}
#content .sections li h3 a{
	color:#8177af;
	display:block;
	padding:0 0 0 20px;
}
#content .sections .surrogacy h3{
	background:url(images/green-divider.gif) no-repeat center bottom;
}
#content .sections .fertility h3{
	background:url(images/blue-divider.gif) no-repeat center bottom;
}
#content .sections .sharedCycle h3{
	background:url(images/red-divider.gif) no-repeat center bottom;
}
#content .sections .surrogacy h3 a{
	background:url(images/green-arrow.gif) no-repeat 10px;
}
#content .sections .fertility h3 a{
	background:url(images/blue-arrow.gif) no-repeat 10px;
}
#content .sections .sharedCycle h3 a{
	background:url(images/red-arrow.gif) no-repeat 10px;
}
#content .sections li p{
	padding:5px 10px 10px;
	font:.9em/1.5em arial;
	color:#555;
	text-align:left;
	height:170px;
}
#content .sections li .readMore{
	display:block;
	overflow:hidden;
	text-indent:-100em;
	height:43px;
	margin:0 auto;
}
#content .sections .surrogacy .readMore{
	width:188px;
	background:url(images/go-green.gif);
}
#content .sections .fertility .readMore{
	width:185px;
	background:url(images/go-blue.gif);
}
#content .sections .sharedCycle .readMore{
	width:187px;
	background:url(images/go-red.gif);
}

/*** SIDEBARS - @group4 ***/
/********************************************************/
#sidebar-one{
	float:left;
	width:180px;
	margin:18px 0 0 -760px;
	text-align:left;
}
#sidebar-one .column{
	width:100%;
	font-size:10px;
}

#sidebar-one .column a{
	color:#8862cc;
}
#sidebar-one h2{
	font:.95em/2.5em arial;
	color:#4e408e;
	background:url(images/contact-bg.gif) no-repeat right top;
}
#sidebar-one #pageLogo{
	width:126px;
	height:79px;
	float:right;
	overflow:hidden;
	text-indent:-100em;
}
#sidebar-one ul{
	text-align:right;
	width:100%;
	clear:both;
	font:1em/2em arial;
	padding:5px 0 35px;
}
#sidebar-one ul li{
	width:100%;
	font-size:10px;
}
#sidebar-one ul li a{
	display:block;
	padding:10px 0 0;
	width:100%;
	font-size:10px;
}
#sidebar-one ul li a:hover{
	font-weight:bold;
	font-size:10px;
}
#sidebar-one p{
	font:10px;
	color:#555;
}

/*** INNERPAGES - @group5 ***/
/********************************************************/
/*** PAGE'S MAIN - @group5-1 ***/
.innerPage #main{
	text-align:left;
}
.surrogacy #main{
	background:url(images/green-bg.gif) repeat-x left 42px;
}
.fertility #main{
	background:url(images/blue-bg.gif) repeat-x left 42px;
}
.sharedCycle #main{
	background:url(images/red-bg.gif) repeat-x left 42px;
}
.overall #main{
	background:url(images/content-page-bg.gif) repeat-x left 42px;
}
.innerPage #content{
	margin:0 70px 0 261px;
}
.overall #content #pageHeader,
.innerPage #content #pageMenu{
	float:left;
	padding:0 10px 0 15px;
	color:#fff;
	margin:44px 0 35px;
	font-size:.95em;
	overflow:hidden;
	/*height:1%;*/
	text-transform:capitalize;
	
	
}
.surrogacy #content #pageMenu{
	background:#9ac45c url(images/green-white-arrow.gif) no-repeat 3px;
	width:100%;
}
.fertility #content #pageMenu{
	background:#57bbd1 url(images/blue-white-arrow.gif) no-repeat 3px;
}
.sharedCycle #content #pageMenu{
	background:#b76884 url(images/red-white-arrow.gif) no-repeat 3px;
}
.overall #content #pageHeader{
	background:#8d9ad1 url(images/purple-white-arrow.gif) no-repeat 3px;
	
}
.innerPage #content #pageMenu li{
	display:inline;
	margin:0 10px 0 0;
}
.innerPage #content #pageMenuSS li{
	display:inline;
	margin:0 5px 0 0;
}
.innerPage #content #pageMenu li a{
	color:#fff;
	margin:0 10px 0 0;
}
.innerPage #content #pageMenu li a:hover{
	text-decoration:underline;
}
.innerPage #content .pageGraphics{
	padding:5px 0 0;
	width:100%;
	clear:both;
}
.surrogacy #content .pageGraphics{
	background:url(images/page-green-divider.gif) no-repeat left top;
}
.fertility #content .pageGraphics{
	background:url(images/page-blue-divider.gif) no-repeat left top;
}
.sharedCycle #content .pageGraphics{
	background:url(images/page-red-divider.gif) no-repeat left top;
}
.overall #content .pageGraphics{
	background:url(images/page-purple-divider.gif) no-repeat left top;
}
.innerPage #content h2{
	font:1.8em arial;
	text-transform:uppercase;
	padding:20px 0 10px;
	clear:both;
}
.surrogacy #content h2{
	color:#9cc168;
}
.fertility #content h2{
	color:#57bbd1;
}
.sharedCycle #content h2{
	color:#b76984;
}
.overall #content h2{
	color:#8d9bd1;
}
.innerPage #content p{
	font:1em/1.5em arial;
	color:#6f6f6f;
	padding:0 0 1.2em;
	text-align:justify;
}
.innerPage #content p a{
	color:#8d9bd1;
}
.innerPage #content p a:hover{
	text-decoration:underline;
}
/*** PAGE'S SIDEBARS - @group5-2 ***/
.surrogacy #sidebar-one #pageLogo{
	background:url(images/go-green-big.gif) no-repeat left top;
}
.fertility #sidebar-one #pageLogo{
	background:url(images/go-blue-big.gif) no-repeat left top;
}
.sharedCycle #sidebar-one #pageLogo{
	background:url(images/go-red-big.gif) no-repeat left top;
}
.surrogacy #sidebar-one ul li{
	border-bottom:1px solid #dce8cf;
}
.fertility #sidebar-one ul li{
	border-bottom:1px solid #d1ecf3;
}
.sharedCycle #sidebar-one ul li{
	border-bottom:1px solid #e4ced7;
}
.overall #sidebar-one ul li{
	border-bottom:1px solid #d1ecf3;
}
.surrogacy #sidebar-one ul li a{
	color:#9cc168;
}
.fertility #sidebar-one ul li a{
	color:#00a4c0;
}
.sharedCycle #sidebar-one ul li a{
	color:#b76984;
}
.overall #sidebar-one ul li a{
	color:#8d9bd1;
}
.overall #sidebar-one #pageLogo{
	width:237px;
	margin:16px -46px 0 -15px;
	position:relative;
	left:0;
	top:0;
	height:29px;
	border:2px solid #a6b0db;
	overflow:hidden;
	text-indent:-100em;
	background:#fff url(images/logo-small.gif) no-repeat center;
}
/*** FORMS - @group5-3 ***/
.forms{
	clear:both;
	overflow:hidden;
	width:100%;
}
.forms h4{
	font:1em/1.3em arial;
	color:#4F4F4F;
}
.forms .notes,
.forms .generalInfo{
	border:solid #aaa;
	border-width:2px 1px 1px 2px;
	padding:1px 2px;
	width:45%;
	color:#4F4F4F;
	margin:0 0 .5em;
}
.forms .notes{
	width:80%;
}
.forms .generalInfo:hover,
.forms .generalInfo:focus,
.forms .notes:hover,
.forms .notes:focus{
	border:solid #666;
	border-width:2px 1px 1px 2px;
}
.forms label{
	font:1em/1.3em arial;
	color:#4F4F4F;
	display:block;
	width:100%;
	overflow:hidden;
	margin:0 0 .2em;
}
.forms .serviceInterested{
	vertical-align:middle;
}
.forms .submit{
	border:none;
	background:#666;
	color:#fff;
	font-weight:bold;
	width:10em;
}
/*** TABLES - @group5-4 ***/
table.costs{
	clear:both;
	width:100%;
	overflow:hidden;
	border-collapse:collapse;
	margin:0 0 20px;
	font:11px;
	color:#666;
	
}
table.costs tr{
	font:11px;
	color:#4F4F4F;
	vertical-align:top;
}
table.costs th{
	font-weight:bold;
	text-align:center;
	line-height:2em;
	text-transform: uppercase;
}
table.surrogacy th{
	background:#8aba4c;
	color:#fff;
}
table.costs td{
	border:1px solid #aaa;
	padding:5px 10px;
	font:11px;
	color:#666;
}


table.sharedCycle td.second-col,
table.costs td.third-col{
	text-align:left;
	font:11px;
	color:#666;
}
table.surrogacy td.first-col{
	width:30%;
	font:11px;
	color:#666;
}
table.surrogacy td.second-col{
	width:50%;
	font:11px;
	color:#666;
}
table.surrogacy td.third-col{
	width:20%;
	font:11px;
	color:#666;
}
table.sharedCycle td.first-col{
	width:50%;
}
table.sharedCycle td.second-col{
	width:20%;
}
table.sharedCycle td.third-col{
	width:30%;
}

#footer{
width:720px;
text-align:center;
font-size:11px;
font-family:arial;
color:#333;
margin-top:10px;
padding-top:10px;
line-height:20px;
}

#footer a:link{
color:#695ca8;
}

#footer a:visited{
color:#695ca8;
}

#footer a:hover{
color:#695ca8;
text-decoration:underline;
}

#footer a:active{
color:#695ca8;
}

.costs surrogacy p{text-align:left;}


//Highbrow css start here //

.input_box{
			border:1px solid #606060;
			width:255px;
			height:22px;
			margin:8px 0px 10px 0px;
		}
		.textarea_box{
			border:1px solid #606060;
			width:305px;
			margin:8px 0px 10px 0px;
		}
		.txt_1{
			color:#606060;
			font-weight:bold;
			padding-top:10px;
		}
		.submit{
			border:none;
			background:#666;
			color:#fff;
			font-weight:bold;
			width:10em;
		}
		
		.input_box{
			border:1px solid #606060;
			width:255px;
			height:22px;
			margin:8px 0px 10px 0px;
		}
		.txt_1{
			color:#606060;
			font-weight:bold;
			padding-top:10px;
		}
		.submit{
			border:none;
			background:#666;
			color:#fff;
			font-weight:bold;
			width:10em;
		}

//Highbrow css ends here//


