/*-----------------------------------------------------------------------------
Vein Center Brinton Lake Website Style Sheet

version:   1.0
author:    Bryan Miller
email:     bmiller@practisinc.com
website:   http://www.veincenterbrintonlake.com/
-----------------------------------------------------------------------------*/

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  background-color: #fff;
	  font: 12px Arial, Helvetica, sans-serif;
	  color:#434343;
	  overflow: -moz-scrollbars-vertical;
	  background:#f9f0e6 url(../images/bg.jpg) no-repeat;
	}
	
	/* Class for clearing floats */
	.clear { clear:both; height:0px;}
	
	/* Remove border around linked images */
	img { border: 0; }
	
	p { margin: 0.8em 0; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; color:#525b40; }
	h1 { font-size: 1.5em; }
	h2 { font-size: 1.3em; }
	h3 { font-size: 1.1em; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link { color: #434343; }
	a:visited { color: #434343; }
	a:hover {  }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 840px;
	  margin-left:100px;
	}
	
	#content { background:#f7ecdf url(../images/content_bg.jpg) repeat-x; margin:0; padding:10px 0 0 0; border-left:1px solid #e0d0bc; border-right:1px solid #e0d0bc;}
	
	#footer { height:95px; background:url(../images/bg_footer.png) no-repeat; padding-top:35px;}
	
	* html #footer { height:50px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://10.5.128.78/images/bg_footer.png',sizingMethod='scale', enabled='true' ); }
	/*change above URL to reflect the absolute path of bg_footer.png in the images folder on the server*/
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	
	ul#nav_main li { width:288px; position:relative; }
	ul#nav_main li span { width:100%; height:100%; position:absolute; }
	ul#nav_main li.filler1 { height:19px; }
	ul#nav_main li.filler2 { height:20px; }
	ul#nav_main li a { display:block; text-decoration:none; color:#d4c572;}
	ul#nav_main a:hover {cursor:pointer;}
	* html #nav_main a:hover { background:#ccccff; cursor:pointer;}
	
	/* This is an example of what needs to be done for each li in the main navigation unordered list. 
	   You can copy this block and just change out the class name, widths and background image names/locations. */
	
	ul#nav_main li.filler_top {height:19px; width:288px; background:url(../images/buttons/filler_top.jpg) no-repeat;}
	#three_column ul#nav_main li.filler_bottom {height:20px; width:288px; background:url(../images/buttons/filler_bottom.jpg) no-repeat;}
	#two_column ul#nav_main li.filler_bottom {height:0; width:288px; display:none;}
	
	ul#nav_main li.home { height:40px;}
	ul#nav_main li.home a span,ul#nav_main li.home a:link span { background:url(../images/buttons/btn_home.jpg) no-repeat; }
	ul#nav_main li.home a:hover span,body.home ul#nav_main li.home a span { background:url(../images/buttons/btn_home.jpg) no-repeat -288px 0;}
	
	ul#nav_main li.about_us { height:36px;}
	ul#nav_main li.about_us a span,ul#nav_main li.about_us a:link span { background:url(../images/buttons/btn_about_us.jpg) no-repeat;}
	ul#nav_main li.about_us a:hover span,body.about_us ul#nav_main li.about_us a span { background:url(../images/buttons/btn_about_us.jpg) no-repeat -288px 0; }
	body.about_us ul#nav_main li.about_us { height:55px; }
	
	
	body.home ul#nav_main li.about_us ul {display:none;}
	body.about_us ul#nav_main li.about_us ul {display:block;}
	body.our_center ul#nav_main li.about_us ul {display:none;}
	body.about_varicose_veins ul#nav_main li.about_us ul {display:none;}
	body.services_procedures ul#nav_main li.about_us ul {display:none;}
	body.your_visit ul#nav_main li.about_us ul {display:none;}
	body.request_information ul#nav_main li.about_us ul {display:none;}
	body.privacy_policy ul#nav_main li.about_us ul {display:none;}
	body.thank_you ul#nav_main li.about_us ul {display:none;}
	

	ul#nav_main li.our_center { height:37px; }
	ul#nav_main li.our_center a span,ul#nav_main li.our_center a:link span { background:url(../images/buttons/btn_our_center.jpg) no-repeat; }
	ul#nav_main li.our_center a:hover span,body.our_center ul#nav_main li.our_center a span { background:url(../images/buttons/btn_our_center.jpg) no-repeat -288px 0; }

	ul#nav_main li.about_varicose_veins { height:37px; }
	ul#nav_main li.about_varicose_veins a span,ul#nav_main li.about_varicose_veins a:link span { background:url(../images/buttons/btn_about_varicose_veins.jpg) no-repeat; }
	ul#nav_main li.about_varicose_veins a:hover span,body.about_varicose_veins ul#nav_main li.about_varicose_veins a span { background:url(../images/buttons/btn_about_varicose_veins.jpg) no-repeat -288px 0; }
	
	ul#nav_main li.services_procedures { height:37px; }
	ul#nav_main li.services_procedures a span,ul#nav_main li.services_procedures a:link span { background:url(../images/buttons/btn_services_procedures.jpg) no-repeat; }
	ul#nav_main li.services_procedures a:hover span,body.services_procedures ul#nav_main li.services_procedures a span { background:url(../images/buttons/btn_services_procedures.jpg) no-repeat -288px 0; }
	body.services_procedures ul#nav_main li.services_procedures { height:115px; }
	
	body.home ul#nav_main li.services_procedures ul {display:none;}
	body.about_us ul#nav_main li.services_procedures ul {display:none;}
	body.our_center ul#nav_main li.services_procedures ul {display:none;}
	body.about_varicose_veins ul#nav_main li.services_procedures ul {display:none;}
	body.services_procedures ul#nav_main li.services_procedures ul {display:block;}
	body.your_visit ul#nav_main li.services_procedures ul {display:none;}
	body.request_information ul#nav_main li.services_procedures ul {display:none;}
	body.privacy_policy ul#nav_main li.services_procedures ul {display:none;}
	body.thank_you ul#nav_main li.services_procedures ul {display:none;}
	

	ul#nav_main li.your_visit { height:37px; }
	ul#nav_main li.your_visit a span,ul#nav_main li.your_visit a:link span { background:url(../images/buttons/btn_your_visit.jpg) no-repeat; }
	ul#nav_main li.your_visit a:hover span,body.your_visit ul#nav_main li.your_visit a span { background:url(../images/buttons/btn_your_visit.jpg) no-repeat -288px 0; }
	
	ul#nav_main li.request_information { height:37px; }
	ul#nav_main li.request_information a span,ul#nav_main li.request_information a:link span { background:url(../images/buttons/btn_request_info.jpg) no-repeat; }
	ul#nav_main li.request_information a:hover span,body.request_information ul#nav_main li.request_information a span { background:url(../images/buttons/btn_request_info.jpg) no-repeat -288px 0; }
	
	
	#nav_supp { font-size: 0.92em; text-align:center;}
	#nav_supp, #nav_supp a { color: #434343; }
	#nav_supp a { text-decoration: none; }
	#nav_supp a:hover { text-decoration: underline; }
	* html #nav_supp {position:relative;}
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	
	#branding h1 { width:278px; height:110px; margin:0; padding:0; float:left; position:relative; }
	#branding h1 span { width:100%; height:100%; position:absolute; background:url(../images/logo.gif) no-repeat; }
	
	#branding object {float:right; margin:42px 2px 0 0;}
	
	#branding h2 { float:right; text-align:right; clear:right; padding:85px 20px 0 0; color:#434b33; font-size:22px; width:450px;}
	
	#branding #contact_info {width:170px; height:68px; float:right; margin:0; padding-right:185px; background: url(../images/contact_info.gif) no-repeat;}
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #branding { height:410px; background: url(../images/branding_bg.jpg) no-repeat;}
	
	#three_column ul#nav_main { margin:-300px 0 0 0; padding:0; float:left; list-style-type:none; font-size:0px; clear:left; position:absolute;}
	
	#three_column #content_main { display:inline; float:left; margin:17px 0 0 20px; width:260px;}
	#three_column #content_main h2#welcome  { width:195px; height:34px; margin:0; padding:0; position:relative; }
	#three_column #content_main h2#welcome span { width:100%; height:100%; position:absolute; background:url(../images/welcome.gif) no-repeat; }
	
	#three_column #content_sub { display:inline; float:left; width:230px; padding:0 10px 0 30px; }
	#three_column #content_sub h2#view_our_video  { width:137px; height:27px; margin:0; padding:0; position:relative; }
	#three_column #content_sub h2#view_our_video span { width:100%; height:100%; position:absolute; background:url(../images/view_our_video.gif) no-repeat; }
	#three_column #content_sub h2#patient_testimonials  { width:187px; height:27px; margin:0; padding:0; position:relative; }
	#three_column #content_sub h2#patient_testimonials span { width:100%; height:100%; position:absolute; background:url(../images/patient_testimonials.gif) no-repeat; }	
	
	#three_column #content_supp { float:left; display:inline; width:258px; height:229px; background:url(../images/why_choose_us_bg.jpg) no-repeat; margin-left:20px;} 
	
	#three_column #content_supp h2#why_choose_us  {width:146px; height:23px; margin:20px 0 0 12px; padding:0; position:relative; }
	#three_column #content_supp h2#why_choose_us span { width:100%; height:100%; position:absolute; background:url(../images/why_choose_us.jpg) no-repeat; }
	
	#three_column #content_supp ul {margin:15px 0 0 16px; padding:0 0 0 0; list-style:none;}
	#three_column #content_supp li {
		padding: 2px 0px 4px 12px;
		background-image: url(../images/bullet.gif);
		background-repeat: no-repeat;
		background-position: top left;
		}
		
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #branding { height:230px; background: url(../images/two_column_branding_bg.jpg) no-repeat;}
	
	#two_column #left_container{position:absolute;}
	
	#two_column ul#nav_main { margin:-120px 0 0 0; padding:0; float:left; list-style-type:none; font-size:0px; clear:left; background: url(../images/2col_nav_main_bg.jpg) no-repeat 0px -100px;}
	
	#two_column ul#nav_main li ul {margin:32px 0 0 55px; padding:0; list-style-type:none; font-size:12px;}
	#two_column ul#nav_main li ul li { padding:2px 0; }
	#two_column ul#nav_main li ul li a, #two_column ul#nav_main li ul li a:visited, #two_column ul#nav_main li ul li a:hover {color:#683c04; background:transparent; width:200px;}
	
	#two_column #content #content_container {background: transparent url(../images/2col_content_sub_bg.jpg) repeat-y;}
	#two_column #content  #content_container #content_main {min-height:550px; height:auto !important; height:550px; width:520px; float:right; margin-right:10px;}

	#two_column #content_sub { clear:left; width:248px; margin:0; padding:20px 10px 0 30px; background:transparent;} 
	#two_column #content_sub h2#view_our_video  { width:145px; height:25px; margin:0; padding:0; position:relative; }
	#two_column #content_sub h2#view_our_video span {
	width:100%;
	height:100%;
	position:absolute;
	background:url(../images/2col_view_our_video.gif) no-repeat;
	top: 2px;
}
	#two_column #content_sub h2#patient_testimonials  { width:190px; height:25px; margin:0; padding:0; position:relative; }
	#two_column #content_sub h2#patient_testimonials span { width:100%; height:100%; position:absolute; background:url(../images/2col_patient_testimonials.gif) no-repeat; }
	
	
	/* =Driving Directions 
	-----------------------------------------------------------------------------*/
	#driving_directions { margin:0; padding:0; border:0; width:250px; float:right;}
	#driving_directions h2 {width:250px; height:50px; margin:0; padding:0; position:relative;}
	#driving_directions h2 span {width:100%; height:100%; position:absolute; background:url(../images/directionsTop.gif) no-repeat;}
	#driving_directions form {margin:0; padding:0; border:0;}
	#driving_directions p {margin:3px 0; padding:0;}
	#driving_directions .content {background: url(../images/directionsMiddle.gif) repeat-y; font-size:12px; padding:10px 20px;}
	#driving_directions .content input {margin:3px 0px;}
	#driving_directions .bottom {background: url(../images/directionsBottom.gif) no-repeat; width:250px; height:35px; text-align:center;}
	#driving_directions .bottom #submitButton {margin:0px auto; cursor:pointer;}
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { font-size: 0.92em; text-align:center; }
	#site_info, #site_info a { color: #434343;}
	#site_info a { text-decoration: none; }
	#site_info a:hover { text-decoration: underline; }
	
	* html #site_info {position:relative;}
	
	/* =Forms
	-----------------------------------------------------------------------------*/
	form { padding: 0.4em; margin: 0; }
	form em { color: #FF0000; }
	form p { clear: left; margin: 0; padding: 0; padding-top: 0.4em; }
	form p label { float: left; width: 25%; }
	
	fieldset { padding: 0.6em; padding-left: 0.7em; }
	fieldset legend { padding: 0; margin-bottom: 0.2em; font-weight: bold; color: #000000; font-size: 1.1em; }
	
	input.txt { width: 200px; }
	
	/*textarea {
	  width: 300px;
	  height: 100px;
	}
	*/
	
	.formerror {
	  border: 1px solid red;
	  background-color : #FFCCCC;
	  width: auto;
	  padding: 0.4em;
	  margin-bottom: 0.4em;
	}
	.formerror ul { padding-left: 1.7em; }
	
	
	/* =Tables
	-----------------------------------------------------------------------------*/
	table {margin:0; padding:0;}
	
	td {
	  text-align: left;
	}
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	.highlight { font-weight:bold; background:#FFFF00; }
	
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.left { float:left; }
	img.right { float:right; }
}