/* CSS Document */
BODY {
	PADDING: 0px; 
	BACKGROUND: url(../images/bg.jpg) #a8d6ec no-repeat  50% 0; 
	MARGIN: 0px; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	text-align: center;
	}

#media_before {width: 850px; margin: 0px auto; height: 340px; background: url(../images/media_before.jpg);}
#media_braces {width: 850px; margin: 0px auto; height: 340px; background: url(../images/media_braces.jpg); }
#media_contact {width: 850px; margin: 0px auto; height: 340px; background: url(../images/media_contact.jpg); }
#media_faq {width: 850px; margin: 0px auto; height: 340px; background: url(../images/media_faq.jpg); }
#media_home {width: 850px; margin: 0px auto; height: 340px; }
#media_patient_info {width: 850px; margin: 0px auto; height: 340px; background: url(../images/media_patient_info.jpg);}
#media_practice {width: 850px; margin: 0px auto; height: 340px; background: url(../images/media_practice.jpg);}
#media_treatment {width: 850px; margin: 0px auto; height: 340px; background: url(../images/media_treatment.jpg);}











.credit {color: #c7eeff; text-decoration:underline;}
a.credit:hover {color: #c7eeff; text-decoration:none;}


.linksbody {	color: #1e5e7b;	text-decoration: underline;}	
a.linksbody:hover {	text-decoration: none;}

.linksbodyblock {	color: #1e5e7b;	text-decoration: underline; display: block; height: 20px;}	
a.linksbodyblock:hover {	text-decoration: none;}

.linksbodyblocka {	color: #1e5e7b;	text-decoration: underline; display: block; height: 35px;}	
a.linksbodyblocka:hover {	text-decoration: none;}


#prefooter {
	height: 86px;
	background: url(../images/prefooter.gif) repeat-x;
}
#footer_container { background-color: #397b98;}
#footer {width: 850px; margin: 0px auto; color: #c7eeff; text-align: left;}
#footer a {
	color: #c7eeff;
	display: block;
	width: 270px;
	text-decoration: none;
}
#footer a:hover {text-decoration: underline;}
#footer .sublink {
	margin-left: 20px;
	width: 250px;
}
#footer a.sublink:hover {text-decoration: underline;}
#footer h2 {
	margin-top: 0;
	font-size: 14px;
	font-weight: bold;
/	color: #FFFFFF;
}
#footer ul {
	padding: 0;
	margin: 0;	
	list-style: none;
}

#footer li {
	display: block;
	float: left;
	width: 275px;
	margin-left: 5px;
}

#footer li.first {
	margin-left: 0px;
}
#footer li.second {
}
#footer li.third {
}
#footer li ul {
	margin: 0;
}
.centeredclear {text-align:center; clear:both;}
#footer li li {
	display: list-item;
	float: none;
	padding: 5px 0;
	background: url(../images/footer_dash.gif) repeat-x left bottom;
}



.bold {font-weight: bold;}	
.contact_us_today_button {	background-color: #40819e; width: 150px; color: #ffffff; margin-bottom: 5px; border: none; padding: 3px;	FONT-FAMILY: Arial, Helvetica, sans-serif; font-size: 12px;}
.contact_us_today_input {background-color: #40819e; width: 200px; color: #ffffff; margin-bottom: 5px; border: none; padding: 3px;	FONT-FAMILY: Arial, Helvetica, sans-serif; font-size: 12px;}
.contact_us_today_area {background-color: #40819e; width: 200px; height: 100px; color: #ffffff; margin-bottom: 5px; border: none; padding: 3px;	FONT-FAMILY: Arial, Helvetica, sans-serif; font-size: 12px;}
#home_tabs_bg {BACKGROUND: url(../images/home_tabs_bg.gif) repeat-x; height: 440px;}
#home_tabs {width: 850px; margin: 0px auto; background: url(../images/home_tabs.gif) no-repeat; height: 387px; display:block; text-align: left;}
#home_tabs a {color: #000000; height: 20px; display:block;}
#home_tabs a:hover {color: #40819e; text-decoration: none;}
#home_tabs ul {
	padding: 0;
	margin: 0;	
	list-style: none;
}

#home_tabs li {
	display: block;
	float: left;
	width: 229px;
	margin-top: 60px;
	margin-left: 5px;
	padding-left: 25px;
	padding-right: 25px;
}

#home_tabs li.first {
	margin-left: 0px;
}
#home_tabs li.second {
}
#home_tabs li.third {
}

.clear	{clear:both;}
#content {width: 850px; margin: 0px auto;BACKGROUND: url(../images/content_bg.gif) repeat-y; margin-bottom: 15px; margin-top: 15px; text-align: left;}
#content_left {padding-left: 20px; width: 545px; float: left;}
#content_right {width: 250px; float: right;}
#header {width: 850px; margin: 0px auto; height: 134px; text-align: left;}
#logo {background: url(../images/logo.gif); height: 134px; width: 395px;}
#logo a{height: 134px; width: 395px; display:block;}
#header_call_today {background: url(../images/header_call_today.gif); height: 134px; width: 143px; float:right;}
#divnav {width: 850px; margin: 0px auto;}	
#nav { 
	background:url("../images/nav.jpg") no-repeat; 
	width:850px; 
	height:41px; 
	margin:0;
	padding:0; 
	list-style: none;
	line-height: 1;
	 text-align: left;
	}

#nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;

}

#nav span { display: none; }

#nav li, #nav a { height:41px; display:block; } /* add the height again */

#nav li { float:left; list-style:none; _display:inline; position:relative; }

#nav-01 { width: 84px;}
#nav-02 { width: 108px;}
#nav-03 { width: 121px;}
#nav-04 { width: 90px;}
#nav-05 { width: 112px;}
#nav-06 { width: 76px;}
#nav-07 { width: 140px;}
#nav-08 { width: 119px;}


/*-------------- X position of item -84px (width of first item)/ height of item from above -41px (height of visibale portion of menu) ------------- */
#nav-01 a:hover { background:url("../images/nav.jpg") 0px -41px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.jpg") -84px -41px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -192px -41px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg") -313px -41px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.jpg") -403px -41px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.jpg") -515px -41px no-repeat; }
#nav-07 a:hover { background:url("../images/nav.jpg") -591px -41px no-repeat; }
#nav-08 a:hover { background:url("../images/nav.jpg") -731px -41px no-repeat; }


#nav a {
	display: block;
/*	width: 10em;*/
}

#nav li {
	float: left;
/*	width: 10em;*/
}

#nav li ul {
	position: absolute;
	wwidth: 10em;
	left: -9999em;
	padding-right:1px;			
	background-color:#b2efeb;	/* this is the bgcolor of drop down menu*/
}




/*start of third level*/

#nav li ul ul {
	margin: -25px 0 0 10em;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}







/* end of third level */





#nav li:hover, #nav li.hover {  
    position: static;  
}


/* test for IE7 hack

*/

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li ul li { 
	height:25px; 				/* Height of each drop down nav list item */
	border:1px solid #9cbac7;
	border-top:none;
	width: 160px;
	}	

#nav li ul li a {
	width:100%;
	height:25px;				/* Height of each drop down nav link, same as above */
	line-height:25px;			/* Height of each drop down nav link, same as above */
	}

#nav li ul li a span {
	display:block;
	padding-left:14px;
	text-align: left;
	font-size: 12px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:1.0em;
	color:#285b65;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }


/* Hover styles for drop down items */

#nav ul a:hover { 
	background-image:none;
	background-color:#e9f6fb;
	color:#285b65;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line*/
#nav-02 ul, #nav-02 li { width:160px; }
#nav-03 ul, #nav-03 li { width:160px; }
#nav-04 ul, #nav-04 li { width:160px; }
#nav-05 ul, #nav-05 li { width:160px; }
#nav-06 ul, #nav-06 li { width:160px; }