/*-----------------------------------------------------------------------------
Website Style Sheet

version:   1.0
author:    Jon Reddout	
email:     jreddout@practisinc.com
website:   http://www.lakemedicalimaging.com/
-----------------------------------------------------------------------------*/

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	* {
	margin: 0;
	}
	html, body {
	height: 100%;
	}
	
	body {
	  padding: 0;
	  margin: 0;
	  background-color: #009899;
	  font: 12px Arial, Helvetica, sans-serif;
	  color:#000;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 990px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	  float:left;
	}
	
	/* Class for clearing floats */
	.clear { clear:both; height:0px;}
	
	/* Remove border around linked images */
	img { border: 0; }
	
	p { margin: 0.8em 0; }
	
	abbr {border-bottom:0px;}
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; }
	h1 { font-size: 1.5em; color:#78201c; }
	h2 { font-size: 1.3em; color:#32796f; }
	h3 { font-size: 1.1em; color:#78201c; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link { color: #78201c; }
	a:visited { color: #78201c; }
	a:hover {  }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 990px;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  background:url(../images/body-background.jpg) repeat-y;
	}
	
	#top_corner { width:570px; height:63px; background: url(../images/lake-medical-top.jpg) no-repeat; float:left;   }
	
	#content { width:990px;}
	
	#footer, #footer_pad {
		width:980px; height: 52px; background:#fffeef; text-align:center; clear:left;
	}
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:48px; margin:0; padding:0; list-style-type:none; }
	ul#nav_main li { height:48px; float:left; position:relative; }
	ul#nav_main li span { width:100%; height:100%; position:absolute; }
	ul#nav_main li a { display:block; 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.home { width:103px; }
	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 0 -48px; }
	
	ul#nav_main li.about-us { width:114px; }
	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 0 -48px; }
	
	ul#nav_main li.locations { width:115px; }
	ul#nav_main li.locations a span,ul#nav_main li.locations a:link span { background:url(../images/buttons/btn-locations.jpg) no-repeat; }
	ul#nav_main li.locations a:hover span,body.locations ul#nav_main li.locations a span { background:url(../images/buttons/btn-locations.jpg) no-repeat 0 -48px; }
	
	ul#nav_main li.services { width:102px; }
	ul#nav_main li.services a span,ul#nav_main li.services a:link span { background:url(../images/buttons/btn-services.jpg) no-repeat; }
	ul#nav_main li.services a:hover span,body.services ul#nav_main li.services a span { background:url(../images/buttons/btn-services.jpg) no-repeat 0 -48px; }
	
	ul#nav_main li.for-patients { width:131px; }
	ul#nav_main li.for-patients a span,ul#nav_main li.for-patients a:link span { background:url(../images/buttons/btn-for-patients.jpg) no-repeat; }
	ul#nav_main li.for-patients a:hover span,body.for-patients ul#nav_main li.for-patients a span { background:url(../images/buttons/btn-for-patients.jpg) no-repeat 0 -48px; }
	
	ul#nav_main li.for-physicians { width:170px; }
	ul#nav_main li.for-physicians a span,ul#nav_main li.for-physicians a:link span { background:url(../images/buttons/btn-for-physicians.jpg) no-repeat; }
	ul#nav_main li.for-physicians a:hover span,body.for-physicians ul#nav_main li.for-physicians a span { background:url(../images/buttons/btn-for-physicians.jpg) no-repeat 0 -48px; }
	
	
	#nav_sub { font-size:0.92em; height:25px; margin:5px 62px 0 0; float:right; }
	#nav_sub, #nav_sub a { color: #fff; text-decoration:none; }
	#nav_sub a:hover { text-decoration:underline; }
	
	#nav_supp { font-size: 0.92em; position:relative; }
	#nav_supp, #nav_supp a { color: #; }
	#nav_supp a { text-decoration: none; }
	#nav_supp a:hover { text-decoration: underline; }
	
	#nav_supp .wisely{ position:absolute; top:-10px; right:0px; }
	#nav_supp .acr-logo { position:absolute; top:-10px; right:140px; }
	#nav_supp .bicoe { position:absolute; left:160px; top:-10px; }
	#nav_supp .mammo { position:absolute; left:10px; top:-10px; }
	
	
	
	#quick_access { width:189px; height:159px; margin-top:12px; background:url(../images/quick-access-bg.jpg) no-repeat; float:left; }
	#quick_access ul { width:155px; padding:0; margin:47px 0 0 34px; list-style-type:none; }
	#quick_access li{ padding:0 0 0 14px; background:url(../images/bullet.gif) no-repeat; line-height:22px; }
	#quick_access li a{ color:#fffff2; text-decoration:none; }
	#quick_access li a:hover{ text-decoration:underline; }
	
	body.contact h2.banner { width:560px; height:176px; padding:0; margin:0; position:relative; }
	body.contact h2.banner span { width:100%; height:100%; position:absolute; background:url(../images/header.png) no-repeat; }
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { height:153px; }
	
	#branding h1 { width:420px; height:153px; margin:0; padding:0; position:relative; float:left }
	#branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background: url(../images/logo.jpg) no-repeat; }
	
	#branding_sub { } /* Optional container, use only if necessary. */
	
	#flash { width:560px; height:280px; margin-left:420px; margin-top:-128px; position:absolute; float:right;}
	#header { width:560px; height:176px; margin-left:420px; margin-top:-128px; position:absolute; float:right;}
	

	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main { width:546px; height:185px; background-color:#fff; float:left; }
	#three_column #content_main h1 { width:546px; height:24px; margin:12px 0 2px 0; padding:0; position:relative; }
	#three_column #content_main h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background: url(../images/welcome-to-lake-medical-imaging-txt.jpg) no-repeat; }
	#three_column #content_main p { padding: 0 14px 0 8px; margin:0; }
	
	#three_column #phone { width:245px; height:70px; padding-top:12px; color:#fffff7; margin-top:103px; background:url(../images/phone-background.jpg) no-repeat; float:left; }
	#three_column #phone p{ font-size:18px; text-align:center; margin:0; padding:0; }
	#three_column #phone h2{ color:#fffff7; font-size:30px; text-align:center; margin:0; padding:0; }	
	
	#three_column #content_sub { width:980px; height:220px; background:url(../images/callout-background.jpg) repeat-x; float:left;  }
	
	#three_column #content_sub .callout { width:245px; margin-top:1px; float:left; background:url(../images/callout-divider.gif) no-repeat right;  }
	#three_column #content_sub .callout2 { width:244px; margin-top:1px; float:left;  }

	#three_column #content_sub h2 { display:block; width:224px; height:28px; margin:0; padding:0; font-size:12px; position:relative; float:left; }
	
	#three_column #content_sub h2 span { width:100%; height:100%; position:absolute; float:left; }
	#three_column #content_sub h2 a:hover {cursor:pointer;}
	
	#three_column #content_sub h2.vascular span { background: url(../images/vascular-services-txt.gif) no-repeat; }
	#three_column #content_sub h2.womens span { background: url(../images/womens-imaging-txt.gif) no-repeat; }
	#three_column #content_sub h2.pt-safety span { background: url(../images/patient-safety-txt.gif) no-repeat; }
	#three_column #content_sub h2.diagnostic span { background: url(../images/diagnostic-services-txt.gif) no-repeat; }
	
	#three_column #content_sub p { color:#525252; padding:0 5px 0 20px; font-size:1.1em; clear:left;}
	
	#three_column #content_sub p a,
	#three_column #content_sub p a:visited,
	#three_column #content_sub p a:hover { color:#525252; text-decoration:none; }
	
	#three_column #content_sub a .red,
	#three_column #content_sub a:visited .red { color:#78201c; text-decoration:underline; }
	#three_column #content_sub a:hover .red { color:#78201c; text-decoration:underline; }
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { width:667px; height:100%; padding:19px 35px 20px 35px; background:url(../images/interior-body-bg.gif) repeat-y; float:left; min-height:300px; height:auto !important; height:300px;}
	
	#two_column #content_sub { width:980px; height:10px; border-top:2px solid #82afa8; float:left;  }

	#two_column #content_supp { width:242px; height:100%; margin:0 0 0 -2px; padding:0 11px 0 0; float:right; border-left:2px solid #82afa8;} 
	
	#two_column #content_supp #in_this_section { width:242px; background-color:#fffeef; float:left; border-bottom: 1px solid #654e3c; }
	#two_column #content_supp #in_this_section ul { width:100%; padding:0 0 0 0; margin:0; list-style-type:none; clear:both;}
	#two_column #content_supp #in_this_section li { margin:0; padding:0; line-height:22px; background:url(../images/bullet-int.jpg) no-repeat 24px 0; border-top: 1px solid #654e3c; }
		#two_column #content_supp #in_this_section ul li ul li { padding:0; margin:0; background:none; }
	#two_column #content_supp #in_this_section li a,
	#two_column #content_supp #in_this_section li a:visited { color:#781c1c; text-decoration:none;  padding:0 0 0 40px; }
	#two_column #content_supp #in_this_section li a:hover{ color:#781c1c; text-decoration:underline;  padding:0 0 0 40px; }


	#two_column #content_supp h3 { width:217px; height:27px; margin:0; padding:2px 0 0 25px; font-size: 18px; font-style:italic; }
	/*#two_column #content_supp h3 span { width:100%; height:100%; position:absolute; background:url(../images/in-this-section-txt.gif) no-repeat; }*/
	
	#two_column #phone { width:243px; height:70px; padding-top:12px; color:#fffff7; background:url(../images/phone-background-int.jpg) no-repeat; float:left; }
	#two_column #phone p{ font-size:18px; text-align:center; margin:0; padding:0; }
	#two_column #phone h2{ color:#fffff7; font-size:30px; text-align:center; margin:0; padding:0; }	
	
	/* =Driving Directions 
	-----------------------------------------------------------------------------*/
	#driving_directions { margin:0; padding:0; border:0; width:250px; height:230px; float:right; background: url(../images/directionsBackground.gif) repeat-y;}
	#driving_directions h2 {width:250px; height:30px; 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 {font-size:12px; padding:10px 20px;}
	#driving_directions .content input {margin:3px 0px;}
	#driving_directions .bottom {width:250px; height:35px; text-align:center;}
	#driving_directions .bottom #submitButton {margin:0px auto; cursor:pointer;}
	

	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { font-size: 0.92em; }
	#site_info, #site_info a { color: #;}
	#site_info a { text-decoration: none; }
	#site_info a:hover { text-decoration: underline; }
	
	
	/* =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%; }
	
	form.patient-satisfaction-survey p {margin:0; padding:5px 0;}
	form.patient-satisfaction-survey p label { float:left; width: 35%; }
	
	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; }
	
	
	.formerror {
	  border: 1px solid red;
	  background-color : #FFCCCC;
	  width: auto;
	  padding: 0.4em;
	  margin-bottom: 0.4em;
	}
	.formerror ul { padding-left: 1.7em; }
	
	
	/* =Tables
	-----------------------------------------------------------------------------*/
	td {
	  text-align: left;
	  vertical-align:top;
	}
	
	/* =Lists
	-----------------------------------------------------------------------------*/
	ul {margin:0 0 0 35px; padding:0;}
	ul li {margin:0; padding:0;}
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	.highlight { font-weight:bold; background:#FFFF00; }
	
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.left { float:left; margin:0 10px 10px 0; }
	img.right { float:right; margin:0 0 10px 10px;}
	
	.vcard { padding:20px 25px; border-top: 1px solid #654e3c; }
	
	.loc-thumb {text-align:center; margin:10px 30px 20px 0; width:160px; float:left;}
	.loc-thumb a,
	.loc-thumb a:visited,
	.loc-thumb a:hover {font-size:14px; margin:5px 0; font-weight:bold; text-decoration:none;}
	
	
	ul.left {float:left; margin:0 0 0 20px; padding:0 30px 0 0;}
	ul.left li {padding:2px 0;}
	
	#back-to-services {float:right; font-weight:normal; margin-top:8px; padding:0 4px 0 40px;}
	
	
	#nav-services-diagnostic-imaging,
	#nav-services-vascular-services,
	#nav-services-screening,
	#nav-services-womans-imaging {display:none;}
	
	#two_column.services.diagnostic-imaging #nav-services-diagnostic-imaging {display:block;}
	#two_column.services.vascular-services #nav-services-vascular-services {display:block;}
	#two_column.services.screening #nav-services-screening {display:block;}
	#two_column.services.womans-imaging #nav-services-womans-imaging {display:block;}

	#two_column.services.index table {width:100%; color:#82afa8;}
	#two_column.services.index table td {text-align:left; width:50%; padding-left:10px;}
	#two_column.services.index table ul {float:left; padding:5px 25px 20px 0; margin:0; list-style-type:none;}	
	#two_column.services.index table ul li {padding:1px 0;}
	#two_column.services.index h2 {font-size: 1.3em; color:#32796f; margin:0; padding:0;}
	#two_column.services.index h2 a,
	#two_column.services.index h2 a:visited,
	#two_column.services.index h2 a:hover { text-decoration:none; color:#32796f; }
	
	img.pullquote {border-top:1px solid #654e3c;}
	
	
}