*{ margin:0; padding:0; border:0; outline:0;}
table { border-collapse:collapse; border-spacing:0; }
ol,ul { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
/* end Reset */

.left{ float:left; display:inline;}
.right{ float:right; display:inline;}
.block{ clear:both; float:left; width:100%;}

a{ text-decoration:none; color:#3940a2; }
a:hover{text-decoration:underline;}


body{
	background:#f9f9f9 url(images/bg-body.gif) repeat-x;
	color:#6e6e6e;
	font:12px Arial, Helvetica, sans-serif;
}


/* General */
.wrapper{ width:900px; margin:0 auto;}

#header,
#menu,
#content,
#footer{ clear:both; float:left; width:100%; }


#header{
	background: url(images/bg-header.jpg) no-repeat;
	height:72px;
	text-indent:-9999px;
}



#menu{ width:619px;}
#menu  ul li{ float:left; display:inline;}
#menu a{
	float:left; display:inline;
	height:20px;

	text-indent:-9999px;

}

#menu a.menu-1{ background: url(images/menu/nav-doctors.gif) no-repeat; width:130px; }
#menu a.menu-1:hover,
#menu a.menu-1_on{ background: url(images/menu/nav-doctors_on.gif) no-repeat; width:130px; }

#menu a.menu-2{ background: url(images/menu/nav-noscalpelvas.gif) no-repeat;  width:159px; }
#menu a.menu-2:hover,
#menu a.menu-2_on{ background: url(images/menu/nav-noscalpelvas_on.gif) no-repeat;width:159px;}

#menu a.menu-3{ background: url(images/menu/nav-conventionalvas.gif) no-repeat; width:182px; }
#menu a.menu-3:hover,
#menu a.menu-3_on{ background: url(images/menu/nav-conventionalvas_on.gif) no-repeat;width:182px;}

#menu a.menu-4{ background: url(images/menu/nav-vasreversal.gif) no-repeat; width:148px; }
#menu a.menu-4:hover,
#menu a.menu-4_on{ background: url(images/menu/nav-vasreversal_on.gif) no-repeat;width:148px;}

#menu a.menu-5{ background: url(images/menu/nav-birthcontrol.gif) no-repeat; width:106px; }
#menu a.menu-5:hover,
#menu a.menu-5_on{ background: url(images/menu/nav-birthcontrol_on.gif) no-repeat;width:106px;}

#menu a.menu-6{ background: url(images/menu/nav-anatomy.gif) no-repeat; width:156px; }
#menu a.menu-6:hover,
#menu a.menu-6_on{ background: url(images/menu/nav-anatomy_on.gif) no-repeat;width:156px;}

#menu a.menu-7{ background: url(images/menu/nav-questions.gif) no-repeat; width:54px; }
#menu a.menu-7:hover,
#menu a.menu-7_on{ background: url(images/menu/nav-questions_on.gif) no-repeat;width:54px;}

#menu a.menu-8{ background: url(images/menu/nav-contact.gif) no-repeat; width:97px; }
#menu a.menu-8:hover,
#menu a.menu-8_on{ background: url(images/menu/nav-contact_on.gif) no-repeat;width:97px;}

#menu a.menu-9{ background: url(images/menu/nav-links.gif) no-repeat; width:81px; }
#menu a.menu-9:hover,
#menu a.menu-9_on{ background: url(images/menu/nav-links_on.gif) no-repeat;width:81px;}

#menu a.menu-10{ background: url(images/menu/nav-sources.gif) no-repeat; width:74px; }
#menu a.menu-10:hover,
#menu a.menu-10_on{ background: url(images/menu/nav-sources_on.gif) no-repeat;width:74px;}

#menu a.menu-11{ background: url(images/menu/nav-home.gif) no-repeat; width:51px; }
#menu a.menu-11:hover,
#menu a.menu-11_on{ background: url(images/menu/nav-home_on.gif) no-repeat;width:51px;}




#content{
	background:url(images/bg-content.gif) repeat-y left top;
}


#sLeft{
	background:url(images/bg-sleft.gif) no-repeat left top;
	float:left; display:inline;
	padding-top:72px;
	
	width:144px;
}
#sLeft .padder{ padding-left:8px;}

.boxTop{
	background:url(images/box-top.gif) no-repeat;
	height:16px;
	padding-top:3px; padding-left:12px;
	color:#3940a2;
	font-weight:bold;font-size:11px;
	width:114px;
	margin-top:20px;
}
.boxTop h3{ font-weight:bold;}
.boxBot{
	background:url(images/box-bot.jpg) no-repeat;
	height:14px;
	overflow:hidden;

}
.box{
background:url(images/box-mid.jpg) repeat-y;
padding:5px 10px;
width:106px;

}
.box a{ color:#fff; text-decoration:underline; font-weight:bold;}
.box a:hover{ color:#3366ff;}
.box ul li{ padding:6px 0;}


#sCentral{
	float:left; display:inline;
	padding:30px 16px 60px 16px;
	width:574px;
}

#sRight{
	float:right; display:inline;
	width:130px;
	text-align:center;
	padding:60px 10px;


}
.centered{ text-align:center;}
#intro{
	background:url(images/bg-intro.jpg) no-repeat left bottom;
	
	
	float:left; display:inline; width:100%;
}
#introTop{ float:left; display:inline; width:100%;}
#introTop a{
	background:url(images/logo-find-doctor.gif) no-repeat;
	float:left; display:inline;
	height:192px; margin-left:6px;
	text-indent:-9999px;
	width:205px;
}
#introTop h2{
	float:right; display:inline;
	width:320px;
	color:#6b73e0; text-align:justify;
	font-size:24px; font-weight:bold;
	margin-right:20px; margin-top:25px;
}
	#introTop h2 span{ display:block; font-size:12px; color:#6e6e6e; font-weight:normal;}

#introContent{ 
	color:#fff;
	font-weight:bold;
	height:176px;float:left; display:inline; width:100%;
}
	#introContent h3{
		display:block;
		height:21px;
		position:relative; top:-15px;
		text-indent:-9999px;
	}

#introContent .left{ margin-left:14px; width:260px;}
#introContent .left h3{
	background:url(images/title-vasectomy.gif) no-repeat;
	left:140px;
	width:121px;
}
#introContent p{ position:relative; margin-bottom:9px;}
#introContent .left p span{ font-size:10px; top:-2px; font-weight:normal; position:absolute; right:7px; text-align:center;}
#introContent .left p span.no-needle{ top:6px;}
#introContent .right{ margin-right:20px; width:249px;}
#introContent .right h3{
	background: url(images/title-vasectomy-reversal.jpg) no-repeat;
	left:0px;
	width:225px;
}
#links{
	float:left; display:inline; width:100%;
	padding:5px 0;
	text-align:center;
}
	#links img{ margin:0 2px;}

#featured{
	background:url(images/bg-featured.gif) no-repeat;
	float:left; display:inline; width:100%;
	padding:60px 15px 0 20px;
	height:187px;
	width:539px;
}
#featured .item div{
	color:#797979;
	font-size:11px;
	float:left; display:inline;
	width:158px;
	margin-right:21px;
	text-align:center;
}
#featured .item div img{ 
	border:3px solid #797979;
	width:97px;
	margin-bottom:4px;
}
#featured .item div span{ display:block;}
#featured .item div a{ text-decoration:none; color:#797979; font-weight:bold; display:block; margin-bottom:5px;}
#featured .item div a span{ text-decoration:underline;}


.options{
	float:left; display:inline; width:100%;
	padding:20px 14px 0 10px;
	width:550px;
}
.mTop{ margin-top:30px;}
.options a.left{
	background:url(images/arrow-top.jpg) no-repeat left center;
	color:#000080;
	padding-left:14px;
	font-size:10px;
	text-decoration:underline;
}
.options a.left:hover{ text-decoration:none;}
.options a.right{
	background:url(images/link-find-doctor.jpg) no-repeat;
	height:21px;
	text-indent:-9999px;
	width:140px;


}

.boxes{
	float:left; display:inline; width:100%;
}
.boxes h3{
	background: url(images/bg-headers.jpg) no-repeat;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	height:21px;
	padding:4px 0 0 12px;
	margin:22px 0 6px 0;
}
.boxes p{ padding:0 12px; }
.boxes p a{ text-decoration:underline; font-weight:bold;}
.boxes div{ padding:10px 25px;}
.boxes div h5{ font-size:14px; font-weight:bold;}
.boxes div p{ margin-top:15px; padding:0;}
.boxes div p a{ display:block;}


#steps{ margin-top:20px;}
#steps,
#stepsBot{
	color:#6b6b6b;
	float:left; display:inline; width:100%;
	background:url(images/steps-mid.jpg) repeat-y;
}
#stepsBot{background:url(images/steps-bot.jpg) no-repeat; height:13px;}
.step{ 
	float:left; display:inline; width:190px;
}

.step div.gradient{
	background:#fff url(images/bg-steps-gradient.jpg) repeat-x; 
	float:left; display:inline;
	width:168px;
	padding:10px 8px;
	margin-left:3px;
	min-height:1000px;
}

#col-2{ margin-left:1px; width:187px; }
#col-2 div.gradient { width:164px;}
#col-3 div.gradient { width:165px;}

.introText{ height:85px; }
.step-1{ min-height:340px;}
* html .step-1{ height:340px;}
.step-2{ min-height:415px;}
* html .step-2{ height:415px;}
.step-3{ min-height:270px;}
* html .step-3{ height:270px;}

a.intro{
	color:#2486b1;
	font-size:11px;
	display:block;
	text-decoration:underline;
	margin-bottom:5px;
}
a.intro:hover{ text-decoration:none;}



.step h2{ height:42px; text-indent:-9999px; }
.step h2.col-1{ background:url(images/title-conventional.jpg) no-repeat; }
.step h2.col-2{ background:url(images/title-no-scalpel.jpg) no-repeat -1px top; padding-right:9px; }
.step h2.col-3{ background:url(images/title-vas-rev.jpg) no-repeat; }

.step h4{ color:#4b4b4b; font-size:16px; text-transform:uppercase; font-weight:bold; margin-bottom:10px}
.step h4 span{ display:block; font-size:13px; text-transform:none;}

.step p{ font-size:11px; margin-top:3px;}
.step p a{
	color:#6e6e6e;
	font-size:12px;
	font-weight:bold;
	display:block;
	text-decoration:underline;
}


#footer{
	background:url(images/bg-footer.gif) no-repeat;
	color:#000080;
	height:85px;
	font-size:10px;

	text-align:center;
}
#footer p{ margin-top:7px;}
#footer a{color:#000080; margin:0 5px; text-decoration:underline;}
#footer a:hover{ color:#3366ff;}