@charset "utf-8";
/* HTML, BODY ---------- */
html {height: 100%;}
body {background: #fdce3e url(images/bg.jpg) no-repeat top center;margin: 0;}
* {margin:0; padding:0;}

/* TEXT ---------- */
body {color: #000; font: 12px/18px Tahoma, Helvetica, sans-serif; text-align:left;}
p {margin: 0px 0 15px 0}

/* HEADERS ---------- */
h1{margin:0 0 10px 0; padding:0;	font: bold 18px/1 Tahoma, Helvetica, sans-serif;}
* .title{margin:0px 0 5px 0px; background-repeat: no-repeat; height: 33px; overflow: hidden; text-indent: -999em;}
	/*---IE6 title margin-bottom hack---*/
	*html .title{margin:0px 0 -3px 0px; background-repeat: no-repeat; height: 33px;	overflow: hidden; text-indent: -999em;}
	/*---IE7 title margin-bottom hack---*/
	*+html .title{margin:0px 0 -3px 0px; background-repeat: no-repeat; height: 33px; overflow: hidden; text-indent: -999em;}
* .office-sub{margin-bottom:33px;}
	/*---IE6 office-sub margin-bottom hack---*/
	*html .office-sub{margin-bottom:28px;}
	/*---IE7 office-sub margin-bottom hack---*/
	*+html .office-sub{margin-bottom:28px;}
* .ortho-sub{margin-bottom:50px;}
	/*---IE6 ortho-sub margin-bottom hack---*/
	*html .ortho-sub{margin-bottom:45px;}
	/*---IE7 ortho-sub margin-bottom hack---*/
	*+html .ortho-sub{margin-bottom:45px;}
* .braces-sub{margin-bottom:70px;}
	/*---IE6 braces-sub margin-bottom hack---*/
	*html .braces-sub{margin-bottom:65px;}
	/*---IE7 braces-sub margin-bottom hack---*/
	*+html .braces-sub{margin-bottom:65px;}
h2{color: #000; margin: 0 0 10px 0;	font-size:14px;}
h3{color: #000;	font-size:12px;	margin: 0 0 10px 0;}

/* LISTS ---------- */
ol, ul {margin:0 0 10px 0;}
ul#nav {position:absolute; top:147px; left:50%; margin:0 0 0 -354px; background: url(images/nav-bg-top.gif) no-repeat 0 0; list-style: none; padding:33px 0 0 4px; width:207px; }
*html ul#nav {position:absolute; top:147px; left:50%; margin:0 0 0 -356px; background: url(images/nav-bg-top.gif) no-repeat 0 0; list-style: none; padding:33px 0 0 4px; width:207px;}
.orthodontist ul{list-style-position:outside; margin-left:20px;}
.orthodontist h2{border-bottom: 1px solid #000; margin:0 20px 0 0; padding:0px 20px 0 0;}

/* LINKS ---------- */
a {color: #000; text-decoration: underline;}
a:hover {color: #000; text-decoration: none; font-weight:normal;}
#text a {color: #000; text-decoration: underline; font-weight:bold;}
#text a:hover {color: #000; text-decoration: none; font-weight:bold;}
#site-map a {font-weight:normal;}
#site-map a:hover {font-weight:normal; text-decoration:none;}
#logo a {
	position:absolute;
	top:0px;
	left:50%;
	margin: 0 0 0 -356px;
	width: 419px;
	height: 138px;
	display: block;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
}

/*---IE6 logo a margin hack---*/
*html #logo a {position:absolute; top:0; left:50%; margin: 0 0 0 -358px; width: 419px; height: 138px; display: block; 	background: url(images/logo.jpg) no-repeat;}
#footer a {color: #000;}
* .sesame {margin-top:15px; font-size:11px; float: left;}

/* NAV ---------- */
#nav a {display: block; height: 36px; overflow: hidden; text-indent: -999px; width: 203px;}
* #our-office {background: url(images/our-office.gif) 0 0; width:203px;}
* #about-ortho {background: url(images/about-ortho.gif) 0 0; width:203px;}
* #braces-101 {background: url(images/braces-101.gif) 0 0; width:203px;}
* #new-patient {background: url(images/new-patient.gif) 0 0; width:203px;}
* #newsletter {background: url(images/newsletter.gif) 0 0; width:203px;}
* #contests {background: url(images/contests.gif) 0 0; width:203px;}
* #emergency-care {background: url(images/emergency-care.gif) 0 0; width:203px;}
* #the-game-room {background: url(images/the-game-room.gif) 0 0; width:203px;}
* #contact {background: url(images/contact.gif) 0 0; width:203px;}
* #patient-login {background: url(images/patient-login.gif) 0 0; width: 203px;}
* #doctor-login {background: url(images/doctor-login.gif) 0 0; width: 203px;}
* #home {background: url(images/home.gif) 0 0; width:203px;}
#nav a:hover, #nav .active, 
#nav li:hover #our-office, #nav li.sfhover #our-office,#nav li.sfhover #doctor-login,
#nav li:hover #about-ortho, #nav li.sfhover #about-ortho,
#nav li:hover #new-patient, #nav li.sfhover #new-patient, 
#nav li:hover #braces-101, #nav li.sfhover #braces-101{background-position: -202px 0}

/* DROP DOWN-NAVIGATION ----------------*/
#nav .logos {margin:0px 0 0 26px; padding:10px 0 0 0px;	display:block;}
#nav li {display: inline; z-index:100; margin:0; padding:0;}
#nav li ul { /* second-level lists */margin: -36px 0 0 202px; padding: 0; position: absolute; background: #dff4f9; left: -999em; line-height: 24px;	font-size: 12px; height: auto; border:1px solid #41c4dd;}
#nav li ul a {list-style-image:none; padding: 0 0 0 10px; width: 150px;	color: #ea4498;	text-indent: 0px;text-decoration: none; height: auto;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;display:block;z-index:100;	}
#nav li:hover ul a:hover, #nav li.sfhover ul a:hover {color: #dff4f9; background: #ea4498;}

#nav 

/* SUB-NAVIGATION -----------*/
* #subnavcontainer {
	position:absolute;
	top:437px;
	left:50%;
	margin: 0 0 0 -136px;
	width: 480px; height:70px;}
#subnav ul{width:480;}
	#subnav li {display:inline; list-style:none; text-indent:none; white-space:nowrap;}
	#subnav li a {padding: 0 4px 0 5px; font: normal 12px Tahoma, Helvetic, sans-serif;
	border-left: 1px solid #000; line-height:14px; white-space:nowrap; text-decoration: none;}
	#subnav li a:visited {text-decoration: none;}
	#subnav li:hover a, #subnav li a.active {font-weight:bold; text-decoration:none;}
	#subnav .first{border-left:none;}
#subnav li.first a{padding-left:0; border-left:none;}
* .subnavstyles {text-align:left;}

/* IMAGES ---------- */
img {border:none;}
/*right floating image with border*/
img.right {float:right; border: 1px solid #ea4498; margin-left:10px;padding:3px; background:#FFFFFF}
* .border { border: 1px solid #ea4498; padding:3px; background:#FFFFFF}

/* LAYOUT ---------- */
* .clear{clear:both;}
* #main {position: absolute; top:0; left:50%;	margin: 10px 0 0 -350px; width: 712px;}
	/*---IE 6 hack for main width---*/
	*html #main {position: absolute; top:0;	left:50%; margin: 10px 0 0 -350px; width: 716px;}
* #header {background:url(images/header-bg.jpg) no-repeat 0 0; width: 712px; height: 147px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
			* #header { margin-top: -10px; }
		}
#header p{text-align:right;	margin: 25px 25px 0 0; color:#000; line-height:14px; text-align:right; font-family:Arial, Helvetica, sans-serif; z-index:100;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
			#header p{ padding-top: 5px; }
		}
#header p.location{font-style:italic; font-size:10px; line-height:14px;	margin-top:15px;}
* #right{float:right;	background: url(images/main-bg.gif) repeat-y 0 0; width:702px; margin:0 4px 0 0; min-height: 700px;}
* #spotlight{background: url(images/frame.jpg) no-repeat 0 0;	width:503px; height:237px; position:absolute; top:147px;		left:50%; margin: 0 0 0 -147px;}
	/*---IE6 spotlight min-height, margin-left hack---*/
	*html #spotlight{background: url(images/frame.jpg) no-repeat 0 0; width:503px; height:237px; position:absolute; top:147px; left:50%; margin: 0 0 0 -149px;}
* #flash-home{ border:none; z-index:1; width: 498px; height:237px;}
* #text{float:right; width:478px;	margin:252px 0 0 0;	padding:10px 10px 0 10px; min-height:340px;	_height:275px;}
	/*---IE7 text min-height hack---*/
	*+html #text{float:right; width:478px; margin: 242px 0 0 0; padding:10px 10px 0 10px; min-height:340px;}
#text ul{text-indent:0px; list-style-position:inside;}
#text ul li ul{text-indent:20px;}
* #forms{
	position:absolute;
	top:865px;
	left:50%;
	border:4px solid #ea4498;
	width: 132px; 
	margin: 0 0 0 -326px; 
	padding:8px; 
	background:#cfe5a7;}
#forms h3{text-decoration:underline;font-weight:bold;}
* #footer {background: url(images/footer-bg.gif) no-repeat top center; color: #000; font-size: 12px; line-height:12px;margin:0 0 15px 6px; padding: 50px 0 0 20px; text-align: left; width:682px; height:123px;}
	#footer ul{margin:0; padding:0; text-indent:none; line-height:14px;}
	#footer li {display:inline; list-style:none; text-indent:none; padding: 0 2px 0 7px; border-left: 1px solid #000;}
	#footer li a {color:#000; text-decoration:none;}
	#footer li a:visited {color:#000; text-decoration:none;}
	#footer li:hover a, #footer li a.active {color:#000; text-decoration:underline;}
	#footer li.first {padding-left:0; border-left:none;}

/*----------------------------- 
Shortcuts	
-----------------------------*/
/* Image Replacement -- add class="replace" to root element, i.e.  and add a bg image*/
* .replace {letter-spacing : -1000em;line-height: 0;overflow: hidden;line-height: 0;text-indent: -999em;}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .replace {	letter-spacing : normal;text-indent : -999em;overflow : hidden;}
/* End of hack */

/* RESOURCES ---------- */
dl.logos, dl.logos dt, dl.logos dd {list-style:none;margin:0;padding:0;}
dl.logos {margin-bottom: 10px;padding:10px;}
dl.logos dd {border-bottom:1px solid #CCC;margin:0;padding:10px 0 5px 0;width:50%;}
dl.logos span {font-size: 16px; font-weight:bold;}

/* THE GAME ROOM ---------- */
div#sesame-game {
	line-height: 0;
	margin: 10px 0px 0 0px;
	text-align: center; 
	width: 478px;
	background-color:#000000;
	}
ul#sesame-games {list-style: none;}
ul#sesame-games li {clear: both; text-indent:none;}
ul#sesame-games img {
	border: 0;
	float:right;
	margin: 10px 0px 0px 10px}
ul#sesame-games a.button {
	float:right;
	height:85px;
	width:200px;
	margin-right:10px;}
ul#sesame-games p {
	padding-bottom: 10px;
	}

/* LOCATION ---------- */
iframe {
	border: 1px solid #EA4498;
	margin-bottom:20px;

	}

/* MEDIA CENTER ---------- */
h2.media-center {
background:#000033;
color:#FFF;
margin:0;
padding:5px;}
div.media-center {
background:#336699;
color:#FFF;
display:inline-block;
margin-bottom:10px;
overflow:auto;
padding:10px;}
div.media-center a {
color:#FFF;}
div.media-center img {
border:1px solid #FFF;}

/* edit.com */

ul, ol {
	margin-top:0px;
	margin-bottom:0px;
}

.NormalText, body, td {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-style: normal;
}

* .TinyText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	font-weight: normal;
	font-style: italic;
}

* .AddressText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: normal;
}

.SubHeader {
	font-size: 14px;
	color: #000;
	font-weight: bold;
}

.SubjectHeader {
	font-size: 18px;
	line-height: 22px;
	color: #000;
	font-weight: bold;
}

* .PageTitle {
	font-size: 22px;
	line-height: 26px;
	color: #EA4498;
	font-weight: bold;
	font-style: italic;
}

div.HA {width: 280px; position: absolute; margin-top: 15px; margin-left: 405px; text-align: right; line-height: 14px;}

/* SOCIAL NETWORKING ICONS ---------- */
#icons-right {float: right; padding-right: 20px; padding-top: 15px;}

.display-link {
	display: block !important;	
	overflow: auto !important;
	width: 144px !important;
	height: 44px !important;
}