@charset "utf-8";
/* CSS Document */

/* ---------------------------------------
[ Color codes ]
text,h1 (content) : #462e26
h2 (subheader tagline) : #f7f0d7
background (page) : #faf7ed
background (header) : #f7f0d7
--------------------------------------- */   

/* Tag definitions */
html { overflow: scroll; overflow-x:auto; }  /* Fix Firefox and Safari 'scrollbar jump' */
body { margin: 0; padding: 0; background-color: #faf7ed; font: 1em Arial, Helvetica, sans-serif; }

/* Layout */
#header { width: 100%; height: 90px; background-color: #f7f0d7; position: relative; z-index: 1100 }
	#header .headerContainer { width: 775px; height: 90px; margin: 0px auto; background: url(../images/hdr_top.gif) center no-repeat; z-index: 1099;}
	#header .homeLink {	display: block;	top: 0px; left: 0px; z-index: 9998; /* for IE to make entire link clickable */ 	height:90px; width: 300px; text-indent: -9999px; }
		ul#nav { position: absolute; margin: 0; margin-left: 14px; top: 90px; padding: 0; list-style: none; width: 750px; height: 40px; z-index: 1069;}
			ul#nav li { float: left; margin-left: 4px;}
			ul#nav li a.home { display: block; width: 75px;	height: 40px; background: url(../images/nav_home.png) no-repeat 0 0; text-indent: -9999px;	}
			ul#nav li a.home:hover { background: url(../images/nav_home_over.png) no-repeat; z-index: 1100;}
			ul#nav li a.homeOn { display: block; width: 75px; height: 40px;	background: url(../images/nav_home_over.png) no-repeat;text-indent: -9999px; }
			ul#nav li a.about {	display: block; width: 103px; height: 40px; background: url(../images/nav_about_us.png) no-repeat 0 0; text-indent: -9999px; }
			ul#nav li a.about:hover { background: url(../images/nav_about_us_over.png) no-repeat; 	}
			ul#nav li a.aboutOn { display: block; width: 103px; height: 40px; background: url(../images/nav_about_us_over.png) no-repeat; text-indent: -9999px; }
			ul#nav li a.patients { display: block; width: 125px; height: 40px; background: url(../images/nav_for_patients.png) no-repeat; text-indent: -9999px;	}
			ul#nav li a.patients:hover { background: url(../images/nav_for_patients_over.png) no-repeat; }
			ul#nav li a.patientsOn { display: block; width: 125px; height: 40px; background: url(../images/nav_for_patients_over.png) no-repeat; text-indent: -9999px; }
			ul#nav li a.providers { display: block; width: 138px; height: 40px; background: url(../images/nav_for_providers.png) no-repeat; background-position: 0 0; text-indent: -9999px; }
			ul#nav li a.providers:hover { background: url(../images/nav_for_providers_over.png) no-repeat; }
			ul#nav li a.providersOn { display: block; width: 138px; height: 40px; background: url(../images/nav_for_providers_over.png) no-repeat; text-indent: -9999px; }
			ul#nav li a.billing { display: block; width: 178px;	height: 40px; background: url(../images/nav_billing.png) no-repeat 0 0; text-indent: -9999px; }
			ul#nav li a.billing:hover {	background: url(../images/nav_billing_over.png) no-repeat; }
			ul#nav li a.billingOn { display: block;	width: 178px; height: 40px;	background: url(../images/nav_billing_over.png) no-repeat; text-indent: -9999px; }
			ul#nav li a.location {	display: block; width: 101px; height: 40px; background: url(../images/nav_location.png) no-repeat 0 0; text-indent: -9999px; }
			ul#nav li a.location:hover { background: url(../images/nav_location_over.png) no-repeat; }	
			ul#nav li a.locationOn { display: block; width: 101px; height: 40px; background: url(../images/nav_location_over.png) no-repeat; text-indent: -9999px; }
#navigation { width: 100%; height: 35px; background: url(../images/nav_bg.png) left top repeat-x;position: relative; z-index: 1000; }
	.navContainer { width: 775px; height: 35px; margin: 0px auto; position: relative; }

#subHeader { width: 100%; height: 200px; background: url(../images/bg_green_squares_2.gif) left repeat-x; position: relative; top: -5px; }
	#subHeader .subHeaderContainer { width: 775px; height: 200px; margin: 0 auto; }
	#subHeader .tagLine { margin-top: 75px;	width: 350px; padding: 0px; }
		#subHeader .tagLine h2 { color: #f7f0d7; font-family: "Arial Narrow",Arial, Helvetica, sans-serif; text-align: center;	font-size: 1.375em;	font-weight: normal; text-transform: uppercase;	margin: 0; padding: 0; }
#content { width: 735px; padding: 15px 20px 20px 20px; margin-left: auto; margin-right: auto; border-bottom: 1px solid #462e26; font: .75em Arial, Helvetica, sans-serif; line-height: 1.5em; color: #462e26; }
	#content h1 { font-size: 1.563em; }
#footer { width: 735px;	height: 25px; padding: 15px 20px; margin-left: auto; margin-right: auto; font-size: .689em;	background: url(../images/bg_footer.gif) top left no-repeat; position: relative; }
	#footer .footerLinks { width: 425px; text-align: left; color: #462e26; }
	#footer .footerLinks a, a:link, a:visited, a:active { color: #462e26; text-decoration: underline; }
	#footer .footerLinks a:hover { text-decoration: none; }
	#footer ul#pipeLinks { margin-left: 0; padding-left: 0; display: inline;	} 
	#footer ul#pipeLinks li { margin-left: 0; padding: 0px 6px; border-left: 1px solid #462e26; list-style: none; display: inline; }	
	#footer ul#pipeLinks li.first { padding: 0px 6px 0px 0px; margin-left: 0; border-left: none; list-style: none; display: inline; }
	#footer .copyright { clear: left; color: #462e26; width: 425px; padding: 4px 0px 0px 0px; }

/* Common Styles */
.floatLeft { float: left; }
.floatRight { float: right; }
.floatRight img { float: right; }
.clearBoth { clear: both; }