/*-----------------------------------------------------------------------------
Lake Forest Pediatric Associates Website Style Sheet

version:   1.0
author:    Chris Monnat
email:     cmonnat@practisinc.com
website:   http://www.lakeforestpediatrics.com/
-----------------------------------------------------------------------------*/

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  font: 12px "Trebuchet MS";
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 880px; /* Centered design work around for Netscape 6. */
	  background:#f5ee88;
	}
	
	/* Class for clearing floats */
	.clear { clear:both;  height: 1px; overflow: hidden; }
	
	/* Remove border around linked images */
	img { border: 0; }
	
	p { margin: 0.8em 0; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; }
	h1 { font-size: 1.5em; }
	h2 { font-size: 1.3em; }
	h3 { font-size: 1.1em; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	#home {margin-left: 490px;}
	#home img{margin-top:15px;}
	
	/* =Section Banners
	-----------------------------------------------------------------------------*/
	h2.meet_us { display:inline; width:840px; height:96px; margin:0 0 0 20px; padding:0; float:left; position:relative; }
	h2.meet_us span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner_meet_us.gif) no-repeat; }
	
	h2.locations { display:inline; width:840px; height:96px; margin:0 0 0 20px; padding:0; float:left; position:relative; }
	h2.locations span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner_locations.gif) no-repeat; }
	
	h2.for_parents { display:inline; width:840px; height:96px; margin:0 0 0 20px; padding:0; float:left; position:relative; }
	h2.for_parents span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner_for_parents.gif) no-repeat; }
	
	h2.expecting { display:inline; width:840px; height:96px; margin:0 0 0 20px; padding:0; float:left; position:relative; }
	h2.expecting span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner_expecting.gif) no-repeat; }
	
	h2.policies { display:inline; width:840px; height:96px; margin:0 0 0 20px; padding:0; float:left; position:relative; }
	h2.policies span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner_patient_forms.jpg) no-repeat; }
	
	h2.contact_us { display:inline; width:840px; height:96px; margin:0 0 0 20px; padding:0; float:left; position:relative; }
	h2.contact_us span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner_contact.gif) no-repeat; }
	
	h2.jobs { display:inline; width:840px; height:96px; margin:0 0 0 20px; padding:0; float:left; position:relative; }
	h2.jobs span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner_jobs.gif) no-repeat; }
	
	h2.whats_new { display:inline; width:840px; height:96px; margin:0 0 0 20px; padding:0; float:left; position:relative; }
	h2.whats_new span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner_whats_new.gif) no-repeat; }
	
	h2.privacy { display:inline; width:840px; height:96px; margin:0 0 0 20px; padding:0; float:left; position:relative; }
	h2.privacy span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner_privacy.gif) no-repeat; }
	
	h2.thanks { display:inline; width:840px; height:96px; margin:0 0 0 20px; padding:0; float:left; position:relative; }
	h2.thanks span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner_thanks.gif) no-repeat; }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link { color: #0072bb; }
	a:visited { color: #0072bb; }
	a:hover {  }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width:880px;
	  margin:0 auto;
	  text-align:left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  background:url(../images/bg_container.gif) repeat-y;
	}
	
	#three_column #content { background: url(../images/bg_content.gif) repeat-y 20px 0; }
	
	#three_column #footer { height:79px; padding: 20px 0 0 35px; background:url(../images/bg_footer.gif) no-repeat; }
	#two_column #footer { height:79px; padding: 20px 0 0 35px; background:url(../images/bg_footer2.gif) no-repeat; }
	#footer { font-size:0.92em; color:#2d2d2d; }
	#footer p { margin:0; }
	#footer a { color:#2d2d2d; text-decoration:none; }
	#footer a:hover { text-decoration:underline; }
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { width:880px; height:30px; padding:0; margin:0 0 0 20px; list-style-type:none; }
	ul#nav_main li { float:left; }
	ul#nav_main li a { display:block; }
	
	ul#nav_main li.meet_us { width:77px; height:30px; position:relative; }
	ul#nav_main li.meet_us a span, ul#nav_main li.meet_us a:link span { width:100%; height:100%; position:absolute; background:url(../images/buttons/btn_meet_us.gif) no-repeat; }
	ul#nav_main li.meet_us a:hover span { background:url(../images/buttons/btn_meet_us.gif) no-repeat 0 -30px; }
	body.meet_us ul#nav_main li.meet_us a span { background:url(../images/buttons/btn_meet_us.gif) no-repeat 0 -30px; }
	
	ul#nav_main li.locations { width:85px; height:30px; position:relative; }
	ul#nav_main li.locations a span, ul#nav_main li.locations a:link span { width:100%; height:100%; position:absolute; background:url(../images/buttons/btn_locations.gif) no-repeat; }
	ul#nav_main li.locations a:hover span { background:url(../images/buttons/btn_locations.gif) no-repeat 0 -30px; }
	body.locations ul#nav_main li.locations a span { background:url(../images/buttons/btn_locations.gif) no-repeat 0 -30px; }
	
	ul#nav_main li.for_parents { width:96px; height:30px; position:relative; }
	ul#nav_main li.for_parents a span, ul#nav_main li.for_parents a:link span { width:100%; height:100%; position:absolute; background:url(../images/buttons/btn_for_parents.gif) no-repeat; }
	ul#nav_main li.for_parents a:hover span { background:url(../images/buttons/btn_for_parents.gif) no-repeat 0 -30px; }
	body.for_parents ul#nav_main li.for_parents a span { background:url(../images/buttons/btn_for_parents.gif) no-repeat 0 -30px; }
	
	ul#nav_main li.expecting { width:85px; height:30px; position:relative; }
	ul#nav_main li.expecting a span, ul#nav_main li.expecting a:link span { width:100%; height:100%; position:absolute; background:url(../images/buttons/btn_expecting.gif) no-repeat; }
	ul#nav_main li.expecting a:hover span { background:url(../images/buttons/btn_expecting.gif) no-repeat 0 -30px; }
	body.expecting ul#nav_main li.expecting a span { background:url(../images/buttons/btn_expecting.gif) no-repeat 0 -30px; }

	ul#nav_main li.policies_forms { width:127px; height:30px; position:relative; }
	ul#nav_main li.policies_forms a span, ul#nav_main li.policies_forms a:link span { width:100%; height:100%; position:absolute; background:url(../images/buttons/btn_policies.gif) no-repeat; }
	ul#nav_main li.policies_forms a:hover span { background:url(../images/buttons/btn_policies.gif) no-repeat 0 -30px; }
	body.policies_forms ul#nav_main li.policies_forms a span { background:url(../images/buttons/btn_policies.gif) no-repeat 0 -30px; }

	ul#nav_main li.contact_us { width:96px; height:30px; position:relative; }
	ul#nav_main li.contact_us a span, ul#nav_main li.contact_us a:link span { width:100%; height:100%; position:absolute; background:url(../images/buttons/btn_contact.gif) no-repeat; }
	ul#nav_main li.contact_us a:hover span { background:url(../images/buttons/btn_contact.gif) no-repeat 0 -30px; }
	body.contact_us ul#nav_main li.contact_us a span { background:url(../images/buttons/btn_contact.gif) no-repeat 0 -30px; }

	ul#nav_main li.jobs { width:53px; height:30px; position:relative; }
	ul#nav_main li.jobs a span, ul#nav_main li.jobs a:link span { width:100%; height:100%; position:absolute; background:url(../images/buttons/btn_jobs.gif) no-repeat; }
	ul#nav_main li.jobs a:hover span { background:url(../images/buttons/btn_jobs.gif) no-repeat 0 -30px; }
	body.jobs ul#nav_main li.jobs a span { background:url(../images/buttons/btn_jobs.gif) no-repeat 0 -30px; }


	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding_home{background:url(../images/header.gif) no-repeat; height:146px;}
	#branding_home h1 { height:146px; width:330px; margin:0; padding:0; float:left; position:relative; }
	#branding_home h1 span { height:100%; width:100%; position:absolute; background:url(../images/logo.gif) no-repeat; }
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding{background:url(../images/header2.gif) no-repeat; height:146px;}
	#branding h1 { height:146px; width:330px; margin:0; padding:0; float:left; position:relative; }
	#branding h1 span { height:100%; width:100%; position:absolute; background:url(../images/logo.gif) no-repeat; }
	

	/* =Tagline
	-----------------------------------------------------------------------------*/
	h2.tagline { width:840px; height:131px; margin:0 0 0 20px; padding:0; float:left; position:relative; display:inline; }
	h2.tagline span { width:100%; height:100%; position:absolute; background:url(../images/tagline.gif) no-repeat; }
		
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main { display:inline; width:567px; margin-left:20px; float:left; }
	#three_column #content_main #welcome { display:inline; width:314px; padding-left:20px; float:left; }
	#three_column #content_main #callouts { display:inline; width:213px; margin-left:20px; float:left; }
	#three_column #content_main #callouts h4 { margin: 0 2px; color:#664f26; }
	#three_column #content_main #callouts p { margin:0; }
	#three_column #content_main #callouts a { color:#1d2733; font-weight:bold; }
	
	#quick_access { height:94px; padding: 3px 0 0 10px; margin-bottom:10px; background: url(../images/bg_quick_access.gif) no-repeat; }
	#quick_access h2 { font-size:18px; color:#0072bb; }
	#quick_access a { font-size:14px; text-decoration: none; }
	
	#three_column #content_sub { display:inline; width:233px; float:left; }
	
	ul#whats_new { padding:0; margin:0 0 0 25px; list-style-type:none; }
	ul#whats_new li { padding-bottom:10px; }
	ul#whats_new li h4 { margin:0; }
		
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { display:inline; width:457px; min-height:300px; _height:300px; margin-left:144px; padding: 0 10px; float:left; background:#efebe8; }
	#two_column #content_main h1{ margin: 0px; padding:0px; }
	
	#two_column #content_sub { display:inline; width:226px; margin-top:10px; float:left; }
	
	ul#in_this_section { padding:0; margin:0 0 0 28px; list-style-type:none; }
	ul#in_this_section li { padding-left:15px; background: url(../images/bullet.gif) no-repeat 0 6px; }
	ul#in_this_section li a { color:#1d2733; text-decoration:none; }
	ul#in_this_section li a:hover { text-decoration:underline; }
	
		
	/* =Interior Content BG
	-----------------------------------------------------------------------------*/		
	body.meet_us #content { background:url(../images/bg_content2.jpg) no-repeat 20px bottom; }
	body.locations #content { background:url(../images/bg_content3.jpg) no-repeat 20px bottom; }
	body.for_parents #content { background:url(../images/bg_content4.jpg) no-repeat 20px bottom; }
	body.expecting #content { background:url(../images/bg_content2.jpg) no-repeat 20px bottom; }
	body.policies_forms #content { background:url(../images/bg_content3.jpg) no-repeat 20px bottom; }
	body.contact_us #content { background:url(../images/bg_content4.jpg) no-repeat 20px bottom; }
	body.jobs #content { background:url(../images/bg_content2.jpg) no-repeat 20px bottom; }
	
		
	
	/* =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: 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; }
	
	/*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
	-----------------------------------------------------------------------------*/
	td {
	  text-align: left;
	}
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	
	tr.alt { background:#FFF; }
	
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.right { float:right; }
	img.left { float:left; }
	
	.vcard { margin-left:25px; }
}