/* HTML, BODY ---------- */
html {height: 100%;}
body {background: #d0c3a5 url(../images/tile.jpg) repeat-x 0 0; margin: 0}
* {margin:0; padding:0;}
/* TEXT ---------- */
body {color: #1b2850; font: 11px/18px Verdanda, Helvetica, sans-serif; text-align:left; letter-spacing: 1px;}
p {padding: 0px 0 15px 0;}
/* HEADERS ---------- */
h1{margin: 0 0 28px 0; padding:43px 0 0px 0px; background-repeat: no-repeat; background-position: bottom left; height: 22px; overflow: hidden; text-indent: -999em; }
*+html h1{background-position: top left; margin: 30px 0 30px 0; padding: 0;}
h2{color: #00adc6; padding: 0 0 10px 0;font-size:14px;}
* .brown{color: #672007;}
h3{color: #00adc6;font-size:14px;margin: 0; }
h4{font-size:12px; font-style:italic; font-weight:normal;}
* #footer-text {display: block; width: 337px; height: 17px; margin: 0 auto; background: url(../images/footer-text.gif) no-repeat 0 0; padding-bottom: 20px;}
/* LISTS ---------- */
ol, ul {padding:0 0 10px 40px; list-style-image: url(../images/bullet.gif); }
/* LINKS ---------- */
a {color: #1b2850; text-decoration: underline}
a:hover {text-decoration: none; font-weight:normal;}
#logo a {position:absolute; top:4px; left:50%; margin: 0 0 0 -366px; width: 201px; height: 203px; display: block; background: url(../images/logo.jpg) no-repeat; }
#header-title a{position:absolute; top:83px; left:50%; margin: 0 0 0 -114px; width: 460px; height: 129px; display: block; background: url(../images/header-text.gif) no-repeat; }
* .sesame {color:#a77b15; font-size: 11px; font-weight: normal; text-decoration: none; text-transform: none;}
.sesame a{color: #a77b15;}
.sesame a:visited{color: #a77b15;}
#top-link a{position:absolute;top: 52px;left:50%; margin: 0 0 0 176px;width: 170px; height: 31px; display: block; text-indent: -999em; overflow:hidden;}
#top-link ul{list-style-image:none; list-style:none;}
* #patient-login {background: url(../images/patient-login.gif) no-repeat; }
/* nav ---------- */
* #nav{position:absolute; top:287px; left:50%; margin: 0 0 0 -382px; padding:0; width:161px; display:block; z-index: 100;}
#nav a {display: block; height: 33px; overflow: hidden; text-indent: -999px; width: 161px;}
#nav ul{padding:0;}
* #patient-information {background: url(../images/patient-information.gif) 0 0;}
* #about-orthodontics {background: url(../images/about-orthodontics.gif) 0 0;}
* #about-braces {background: url(../images/about-braces.gif) 0 0;}
* #treatments {background: url(../images/treatments.gif) 0 0;}
* #invisalign-info {background: url(../images/invisalign.gif) 0 0;}
* #contact-us {background: url(../images/contact-us.gif) 0 0;}
* #home {background: url(../images/home.gif) 0 0;}
#nav ul li:hover a, #nav a:hover, #nav .active {background-position: -161px 0}
#nav li.active a, #nav-with-sub li.active a {background-position: -161px 0;}
/* DROP-DOWN-NAVIGATION ----------------*/
#nav li {display: inline;margin:0; padding:0;}
#nav li ul { /* second-level lists */margin: -33px 0 0 161px; padding: 8px 0 5px 0px ;width: 195px; position: absolute; background: #662007; left: -999em;line-height: 21px; font-size: 11px; font-weight:bold; height: auto; z-index:100; }
#nav li ul a {list-style-image:none;width: 185px; color: #fff; 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 {color: #f7e8aa; font-weight:bold;}
/* SUBNAV ----------------*/
* .sub_nav{color:#00adc6; font-size: 14px; font-weight: bold;}
.sub_nav a{text-decoration: underline; color:#00adc6; font-weight:bold; font-size:12px;}
.sub_nav a:visited {text-decoration: underline; color:#00adc6; font-weight:bold;}
.sub_nav a:hover, .sub_nav a.active {font-weight:bold; text-decoration:none;}
/* FOOTER NAV ----------------*/
* .text-nav {font-size: 10px; text-transform:uppercase; color:#978762; letter-spacing:0;}
.text-nav a{ color:#978762;}
/* LAYOUT ---------- */
* .clear{clear:both;}
* .hide {display:none;}
.flash-replaced .alt {display: none;}
hr {clear: both;}
div.hr { background: #3c362e; clear: both; height: 1px; margin: 20px 0; width: 100%; }
div.hr hr { display: none; }
* #main {width: 780px; margin: 0 auto; position: relative;}
* #header {height: 228px; width: 780px; display:block; background: url(../images/header-bg.gif) no-repeat bottom center;}
* #address{position: absolute; top: 229px; left: 50%; margin: 0 0 0 -140px; font-size: 11px; line-height:14px; color:#3c362e; text-align: right;}
* #flash-logo{position:absolute; top:4px; left:50%; margin: 0 0 0 -366px; width: 200px; height: 203px;}
* #quotation{position: absolute; top: 560px; left: 50%; margin: 0 0 0 -377px;text-indent: -999em; overflow:hidden; background: url(../images/quotation.gif) no-repeat; width: 144px; height: 196px; display: block;}
* #premium-provider-logo-home{position: absolute; top: 790px; left: 40px;}
* #content{background: #fbf4d5 url(../images/content-tile.gif) repeat-x 0 0; width:522px; min-height: 520px; _height: 520px; padding: 19px 30px 0 228px;}
*+html #content{padding-top: 65px;}
* .place-image{margin: -14px -13px 0 0; padding: 0px 0px 0 10px; z-index:1; float: right; width: 338px; height:256px;}
* .logo-box{float:left;}
* #spotlight{float: right; margin: -23px -13px 0 0; z-index:1; height: 304px; width: 356px; padding: 0px 0px 0 10px;}
* #footer {background: url(../images/footer-bg.gif) no-repeat top center; color: #4b3e22; font-size: 11px; line-height: 18px; padding: 40px 0 25px 0 ; text-align: center; width:780px; text-align:center; letter-spacing:1px;}
#footer p{width: 714px; padding-left: 33px;}
/* 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;}
* .email-icon {padding: 0 10px 0 0;}
/*right and left floating image with border*/
* .right {float:right; border: 3px solid #662007; margin-left:10px;margin-bottom:15px;}
* .left {float:left; border: 3px solid #662007; margin-right:10px;margin-bottom:20px;}
/* THE GAME ROOM ---------- */
div#sesame-game {line-height: 0; margin: 10px 0px 10px 0px; text-align: center; width: 400px; background-color:#000; z-index:2;}
ul#sesame-games {list-style: none; padding:0;z-index:2;}
ul#sesame-games li {clear: both; text-indent:0;z-index:2;}
ul#sesame-games img {border: 0; float:right;z-index:2;}
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 #662007; 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: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #1B2850;
font-weight: normal;
text-decoration: none;
text-transform: none;
font-style:normal;
}
.FooterText {}
.BlueText {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0C1C8C;
font-weight: normal;
}
.GreenText {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #00B27A;
font-weight: normal;
}
.BlueSubHeader {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #00ADC6;
font-weight: bold;
}
.BrownSubHeader {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #672007;
font-weight: bold;
}
.SubjectHeader {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #1B2850;
font-weight: bold;
}
* .PageTitle {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 28px;
color: #863417;
font-weight: bold;
text-transform: uppercase;
}
td.GrayBorderBottom {border-bottom: solid 1px #CCC; padding-bottom: 15px;}
td.StaffBorderBottom {border-bottom: solid 1px #3C362E; padding-bottom: 40px;}