/* HTML, BODY ---------- */
html {height: 100%;}
body {background: #26140c; margin:0; }
* {margin:0; padding:0;}

/* TEXT ---------- */
body {color: #3e3e3e; font: 12px/20px Arial, Helvetica, sans-serif; text-align:left;}
p {	padding: 0px 0 15px 0;}

/* HEADERS ---------- */
h1{padding:10px 0 5px 0px;	background-repeat: no-repeat; height: 38px; /* this height reflects the height of the heading image */ overflow: hidden; text-indent: -999em;}
h2{color: #3a9b98; padding: 0 0 15px 0; font-size:12px;font-weight:bold;}
h3{color: #3a9b98;font-size:12px;margin: 0;}

/* LISTS ---------- */
ol, ul {padding:0 0 10px 50px;}

/* LINKS ---------- */
a {color: #3a9b98; text-decoration: underline}
a:visited {color: #3a9b98; text-decoration: underline}
a:hover {color: #3a9b98; text-decoration: none; font-weight:normal;}
#logo a {position:absolute; top:29px; left:50%; width: 470px; height: 122px; display: block; background: url(../images/logo.gif) no-repeat; text-indent: -999em; overflow:hidden; margin: 0 0 0 -407px;}
#consultation-btn a{position: absolute; top: 508px; left: 50%; margin: 0 0 0 -417px; display: block; width: 193px; height:127px; background: url(../images/complimentary-consultation.gif) no-repeat; text-indent: -999em; overflow:hidden;}
#patient-forms-btn a{position: absolute; top: 635px; left: 50%; margin: 0 0 0 -417px; display: block; width: 193px; height:93px; background: url(../images/patient-forms.gif) no-repeat; text-indent: -999em; overflow:hidden;}
#footer a {color: #6b5b4e; text-decoration:none;}
#footer a:hover {text-decoration: underline;}
* .sesame {text-decoration: underline;}
.sesame a{font-size:11px; text-decoration: underline;}

/* nav ---------- */
* #nav{position:absolute; top:185px; left:50%; margin: 0 0 0 -443px; padding:0; width:216px; display:block; z-index: 100;}
#nav a {display: block;	overflow: hidden; text-indent: -999px; width: 216px;/*min-height: 37px; _height:37px*/;}
#nav ul{padding:0;border-bottom: 1px solid #fff;}
* #home {background: url(../images/home.gif) 0 0; height:39px;}
* #about-our-office {background: url(../images/our-office.gif) 0 0; height:39px;}
* #new-patients {background: url(../images/new-patients.gif) 0 0; height:38px;}
* #about-orthodontics {background: url(../images/about-ortho.gif) 0 0; height:37px;}
* #braces-101 {background: url(../images/braces-101.gif) 0 0; height:39px;}
* #emergency-care {background: url(../images/emergency-care.gif) 0 0; height:38px;}
* #fun-zone {background: url(../images/fun-zone.gif) 0 0; height:39px;}
* #contact-us {background: url(../images/contact-us.gif) 0 0; height:40px;}
#nav ul li:hover a, #nav a:hover, #nav .active {background-position: -216px 0}
#nav li.active a, #nav-with-sub li.active a {background-position: -216px 0;}

/* DROP-DOWN-NAVIGATION ----------------*/
#nav li {display: inline; z-index:100; margin:0; padding:0;}
#nav li ul {border: 1px solid #38291f;margin: -38px 0 0 216px;padding:0;width: 170px;position: absolute;background: #ceebec;left: -999em;line-height: 33px;font-size: 12px; height: auto; }
#nav li ul a {list-style-image:none; padding: 0; width: 170px; color: #38291f; text-indent: 10px; 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 {background: #5ac7c4;}

/* sub_nav ----------------*/
#sub_nav li a:visited {text-decoration: underline;}
#sub_nav li:hover a, #sub_nav li a.active {font-weight:normal; text-decoration:none;}

/* LAYOUT ---------- */
* .clear{clear:both;}
* #main {background: url(../images/bg.jpg) no-repeat 0 0; display: block; position: absolute; width: 1400px; height:713px; top: 0; left: 50%; margin: 0 0 0 -700px;}
* #header{height: 176px;}
* #phone-number{background: url(../images/phone-number.jpg) no-repeat 0 0; display: block; text-indent: -999em; overflow:hidden; position:absolute;top: 114px;left:50%; width: 190px;height: 29px; margin: 0 0 0 200px}
* #address{position: absolute; top: 37px; left: 50%; margin: 0 0 0 200px; font-size: 11px;padding: 28px 0 0 21px; line-height:14px; color:#6b5b4e; text-align:right;}
* #text{width:591px; background: #fff url(../images/text-bg.jpg) no-repeat 0 100%; padding: 0 38px 70px 250px; margin: 0 0 10px 257px; min-height: 340px; _height: 340px;}
*+html #text{background-position: bottom left;}
* #secondary-page{width:591px; background: #fff url(../images/text-bg.jpg) no-repeat 0 100%; padding: 0 38px 70px 250px; margin: 0 0 10px 257px; min-height: 610px; _height: 610px;}
*+html #secondary-page {background-position: bottom left;}
* #spotlight{background: url(../images/flash-bg.gif) no-repeat 100% 100%; border:none; z-index:1; margin: 90px auto 0 auto; padding: 31px 0 0 0;display: block; width:810px; height: 311px; text-align:right;}
*html #spotlight {padding-top: 120px;}
*+html #spotlight {padding-top: 120px;}
* #patient-forms{position: absolute; top: 508px; left: 50%; margin: 0 0 0 -417px; padding: 5px 2px 0 7px; display: block; width: 190px; border: 1px solid #3a9b98;background: #fff;}
* #footer {width: 879px; margin:0 auto 0 auto; padding:20px 128px 30px 128px; color:#6b5b4e; text-align: center;}
#footer p{font-size:11px; padding-bottom: 0;}

/* 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 {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;}

/* IMAGES ---------- */
img {border:none;}

/*right and left floating image with border*/
* .place-image{float: right; width: 289px; height: 309px; margin: 0; padding: 0 0 10px 10px;}
* .right {float:right; border: 1px solid #26140c; margin-right: 12px; margin-left:10px;margin-bottom:10px;}
* .left {float:left; border: 1px solid #26140c; margin-right:10px; margin-bottom:10px;}
/* THE GAME ROOM ---------- */
div#sesame-game {line-height: 0; margin: 10px 0px 0 0px; text-align: center; width: 400px;}
ul#sesame-games {list-style: none; padding:0;}
ul#sesame-games li {clear: both; text-indent:0;}
ul#sesame-games img {border: 0; float:right;}
ul#sesame-games a.button {float:right; height:85px; width:200px; margin-right:10px; padding: 0 0 10px 10px;}
ul#sesame-games p {padding:0 10px 10px 0;}
	
/* LOCATION ---------- */
iframe {border: 1px solid #26140c; margin-bottom:20px;}
	
/* MEDIA CENTER ---------- */
h2.media-center {color:#26140c; margin:0; padding:5px;}
div.media-center {background:#26140c; 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: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #3E3E3E;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-style:normal;
}

.AddressText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6B5B4E;
	font-weight: normal;
}

.FooterText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #6B5B4E;
	font-weight: bold;
}

.BlueSubHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #3A9B98;
	font-weight: bold;
}

.SubjectHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #3E3E3E;
	font-weight: bold;
}

* .PageTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	line-height: 32px;
	color: #3A9B98;
	font-weight: normal;
	font-style: italic;
}

/* etc */

* #HeaderAddress {
	margin: 0 0 0 200px;
	padding: 28px 0 0 21px;
	position: absolute;
	text-align: right;
	top: 37px;
	left: 50%;
	line-height: 14px;
}

td.GrayBorderBottom {
	border-bottom: solid 1px #CCC;
	padding-top: 15px;
	padding-bottom: 5px;
}