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

/*******************************************************
		PROJECT: Sloan

		DESCRIPTION:
		This CSS file comprises layout elements for
		all site pages.
		
		CREATED: 9-11-07

*******************************************************/



/*******************************************************
	BASIC LAYOUT ELEMENTS
*******************************************************/

* {margin: 0; padding: 0;}

body {
	color: #333;
	font-family: Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-align: center;
	background: url(../m/bg-body.gif) repeat top left;
	margin: 0; padding: 0;
}

p {
	font-size: .7em;
	line-height: 1.6em;
	margin: 0 0 1.2em 0;
}

h2 { /* Levin technique */
 	width: 654px;
	height: 62px;
	position: relative;
	color: #005D97;
	font-size: 1em;
	margin: 4px 0 1em 8px;
	padding: 0;
}

h2 span {
	top: 0px;
	left: 0px;
 	width: 654px;
	height: 62px;
	background-repeat: no-repeat;
	background-position: top left;
	position: absolute;
	z-index:1;
}

h2 a {
 	width: 654px;
	height: 62px;
	display: block;
	cursor:pointer;
}

body#page-meet-staff h2 span {background-image: url(../m/h-meet-staff.jpg);}
body#page-about h2 span {background-image: url(../m/h-about.jpg);}
body#page-patient-forms h2 span {background-image: url(../m/h-patient-forms.jpg);}
body#page-services h2 span {background-image: url(../m/h-services.jpg);}
body#page-contact h2 span {background-image: url(../m/h-contact.jpg);}
body#page-faq h2 span {background-image: url(../m/h-faq.jpg);}
body#page-insurance-coverage h2 span {background-image: url(../m/h-insurance-coverage.jpg);}


h3 {
	color: #005D97;
	font-size: 1em;
	margin: 0 0 .4em 0;
}

h4 {
	color: #000;
	font-size: .9em;
	margin: 0 0 .2em 0;
}



/* ANCHOR TAGS */

a:link {
	color: #005D97;
	text-decoration: underline;
}

a:visited {
	color: #005D97;
	text-decoration: underline;
}

a:hover {
	color: #005D97;
	text-decoration: none;
}

a:active {
	color: #005D97;
	text-decoration: none;
}




img {
	display: block;
	border: 0;
}




ul, ol {
	margin: .5em 0 1.6em 1.5em;
	padding: 0;
}

li {
	font-size: .7em;
	margin: 0 0 .6em 0;
	line-height: 1.5em;
}





form {
	margin: 0;
	padding: 0;
}








/*******************************************************
	MAIN CONTAINERS
*******************************************************/

div#global {
	width: 670px;
	text-align:left;
	margin: 12px auto 0 auto;
}

div#mainContent {
	min-height: 250px;
	background:url(../m/bg-global.jpg) repeat-y top left;
}

body#page-home div#global {
	margin-bottom: 12px;
}

div#main {
	width: 550px;
	margin: 0 auto 0 auto;
}

div#subNav {
	float: left;
}



/*******************************************************
	TOP
*******************************************************/

div#top {
	height: 147px;
	background: url(../m/bg-top.jpg) no-repeat 150px 0px;
	position:relative;
}

h1 { /* Levin technique */
 	width: 150px;
	height: 147px;
	position: relative;
	margin: 0;
	padding: 0;
	font-size: .2em;
}

h1 span {
	top: 0px;
	left: 0px;
 	width: 150px;
	height: 147px;
	background: url(../m/logo.gif) no-repeat top left;
	position: absolute;
	z-index:1;
}

h1 a {
 	width: 150px;
	height: 147px;
	display: block;
	cursor:pointer;
}

div#mainNav {
	position: absolute;
	top: 124px;
	left: 163px;
	width: 500px;
}

div#mainNav ul, div#secondaryNav ul {
	margin: 0;
	padding: 0;
	list-style-type:none;	
}

#mainNav ul li { /* Levin technique */
	height: 10px;
	position: relative;
	margin: 0 14px 0 0;
	padding: 0;
	font-size: .2em;
	line-height: .2em;
	float: left;
}

#mainNav li span {
	top: 0px;
	left: 0px;
	height: 10px;
	position: absolute;
	z-index:1;
	background-repeat: no-repeat;
	background-position: top left;
}

#mainNav li a {
	height: 10px;
	display: block;
	cursor:pointer;
	color:#FFFFFF;
}


li#nav-meet-staff, li#nav-meet-staff span {width: 78px;}
li#nav-meet-staff span {background-image: url(../m/nav/meet-staff.gif);}
body#page-meet-staff li#nav-meet-staff span, li#nav-meet-staff a:hover span {background-image: url(../m/nav/over/meet-staff.gif);}

li#nav-about, li#nav-about span {width: 32px;}
li#nav-about span {background-image: url(../m/nav/about.gif);}
body#page-about li#nav-about span, li#nav-about a:hover span {background-image: url(../m/nav/over/about.gif);}

li#nav-services, li#nav-services span {width: 44px;}
li#nav-services span {background-image: url(../m/nav/services.gif);}
body#page-services li#nav-services span, li#nav-services a:hover span {background-image: url(../m/nav/over/services.gif);}

li#nav-insurance, li#nav-insurance span {width: 107px;}
li#nav-insurance span {background-image: url(../m/nav/insurance.gif);}
body#page-insurance-coverage li#nav-insurance span, li#nav-insurance a:hover span {background-image: url(../m/nav/over/insurance.gif);}

li#nav-patient-forms, li#nav-patient-forms span {width: 99px;}
li#nav-patient-forms span {background-image: url(../m/nav/patient-forms.gif);}
body#page-patient-forms li#nav-patient-forms span, li#nav-patient-forms a:hover span {background-image: url(../m/nav/over/patient-forms.gif);}

li#nav-faq, li#nav-faq span {width: 26px;margin: 0;}
li#nav-faq span {background-image: url(../m/nav/faq.gif);}
body#page-faq li#nav-faq span, li#nav-faq a:hover span {background-image: url(../m/nav/over/faq.gif);}


div#secondaryNav {
	position: absolute;
	right: 7px;
	top: 7px;
	width: 138px;
	height: 31px;
}

#secondaryNav ul li { /* Levin technique */
	height: 31px;
	position: relative;
	margin: 0;
	padding: 0;
	font-size: .2em;
	line-height: .2em;
	float: left;
}

#secondaryNav li span {
	top: 0px;
	left: 0px;
	height: 31px;
	position: absolute;
	z-index:1;
	background-repeat: no-repeat;
	background-position: top left;
}

#secondaryNav li a {
	height: 31px;
	padding: 6px 0 0 0;
	display: block;
	cursor:pointer;
	color:#FFFFFF;
}

li#nav-home, li#nav-home span {width: 59px;}
li#nav-home span {background-image: url(../m/nav/home.gif);}
/*li#nav-home a:hover span {background-image: url(../m/nav/over/home.gif);}*/

li#nav-contact, li#nav-contact span {width: 79px;margin: 0;}
li#nav-contact span {background-image: url(../m/nav/contact.gif);}
/*li#nav-contact a:hover span {background-image: url(../m/nav/over/contact.gif);}*/








/*******************************************************
	HOME
*******************************************************/
div#home-callouts img, div#home-mid img {
	display: inline;
	margin: 0;
}

#home-mid {
	margin: 0 0 4px 0;
}



/*******************************************************
	FAQ
*******************************************************/
.faq-list ol {
	margin: .5em 0 1.6em 1.5em;
}

.faq-list li {
	margin: 0 0 1.6em 0;
	line-height: 1.5em;
}



.faq-list li h3 {
	color: #000;
	font-size: 1.2em;
	margin: 0 0 .4em 0;
}




/*******************************************************
	FOOTER
*******************************************************/
div#footer {
	padding: 42px 0 0 0;
	text-align:center;
	color: #282117;
	background:url(../m/btm-piece.gif) no-repeat top left;
}

body#page-home div#footer {
	background-image: none;
}

div#footer a {
/*	font-weight:bold;*/
	color: #644E2D;
}

body#page-home div#footer {
	padding-top: 6px;
}









.TwoColLt, TwoColRt {
	float: left;
	display:inline;
	margin: 0 12px 0 0;
	width: 200px;
}






div.insetRt {
	float: right;
	margin: 0 0 16px 16px;
}


.clear { clear: both; font-size: 0px; line-height: 0px; height: 0px;}
div.hide {display: none;}