/* HTML, BODY ---------- */
html {height: 100%;}
body {background: #fff url(../images/tile.jpg) repeat-x 0 0; margin: 0;}
*html body {background: #ecf2e5; background-image:none;}
* {margin:0; padding:0;}
/* TEXT ---------- */
body {color: #636363; font: 12px/18px Verdana, Helvetica, sans-serif; text-align:left;}
p {padding: 0px 0 15px 0px;}
/* HEADERS ---------- */
.home h1 {width: 455px; height:50px; padding-bottom: 15px;}
h1{ display: block; overflow: hidden; text-indent: -999em; background-repeat: no-repeat; width: 336px; height: 26px; padding-bottom: 18px;}
h2{color: #377236; padding: 0 0 10px 0; font-size: 16px; margin: .5em 0 0 0;}
h3{padding: 0 0 5px 0; font-size: 14px;}
/* LISTS ---------- */
ol, ul {padding:0 0 10px 20px;}
/* LINKS ---------- */
a {color: #636363; font-weight:bold; font-style:italic; text-decoration: underline;}
a:visited{ color: #636363; font-weight:bold; font-style:italic;text-decoration: underline;}
a:hover {color: #636363; font-weight:bold; font-style:italic; text-decoration: none; }
* #logo {position:absolute; top:0; left:307px; width: 411px; height: 82px; display: block; background: url(../images/logo.gif) no-repeat 0 0;}
#logo a{width: 411px; height: 82px; display: block; }
#logo-link a{position: absolute; top: 0; left: 125px; display: block; z-index:100; height: 203px; width: 151px;}
.sesame a {color:#377236; font-size: 14px; font-weight:normal; font-style:normal;}
/* DR LOGIN---------- */
* #top-links-dr{position:absolute; top: 138px; left:528px; z-index:1;}
#top-links-dr ul{padding: 0; }
#top-links-dr li{float: left; display:inline; padding: 0;}
#top-links-dr a {display: block; height: 35px; overflow: hidden; text-indent: -999px;}
* #doctor-login{background: url(../images/nav/doctor-login.gif) 0 0; width:107px;}
/* PATIENT LOGIN---------- */
* #top-links-patient{position:absolute; top: 138px; left:650px; z-index:1;}
#top-links-patient ul{padding: 0; }
#top-links-patient li{float: left; display:inline; padding:0;}
#top-links-patient a {display: block; height: 35px; overflow: hidden; text-indent: -999px;}
* #patient-login{background: url(../images/nav/patient-login.gif) 0 0; width:168px;}
/* NAV ---------- */
* .head{margin: 0; padding:0;}
* .last{margin: 0; padding:0;}
* #nav {position: absolute; top: 250px; left: 73px; padding: 0; margin: 0 0 0 0px;width: 197px;}
#nav ul {list-style: none;width: 197px; margin: 0;}
#nav a{display: block; overflow: hidden; text-indent: -999em; width: 197px; height: 33px; /* w */}
/* vertical nav */
#nav a:hover, #nav li.active a:hover {background-position: -197px 0;} /* -w */
#nav li.active a {background-position: -197px 0;} /* -w */
/* set bg image for each link */
a#our-office {background-image:url(../images/nav/office.gif);}
a#new-patients {background-image:url(../images/nav/patients.gif);}
a#about-orthodontics {background-image:url(../images/nav/ortho.gif);}
a#about-braces {background-image:url(../images/nav/braces.gif);}
a#emergency-care {background-image:url(../images/nav/care.gif); }
a#fun-and-games {background-image:url(../images/nav/fun.gif); }
a#contact-us {background-image:url(../images/nav/contact.gif); }
a#office-news {background-image:url(../images/nav/news.gif); }
a#home {background-image:url(../images/nav/home.gif); }
/* sliding sub-nav */
#nav li ul {background: url(../images/subnav-bg.gif) repeat-y 0 0; padding:5px 0 5px 13px; text-align:left;}
*+html #nav li ul { padding:5px 0px 5px 13px;}
*html #nav li ul { padding:5px 0px 5px 13px;}
#nav li ul li {width: 230px; text-indent: 0; margin: 0; padding:0 10px 0 0;}
#nav li ul li a {color:#636363; text-decoration:none; display:inline; padding:5px 0 5px 20px; margin:0; text-indent:0; font: normal 12px/28px Verdana, Helvetica, sans-serif; width: 177px;}
#nav li ul a:hover, #nav li ul li.active a:hover, #nav li ul li a:hover {color:#636363; background: url(../images/subnav-active.gif) repeat-y 0 0;padding:5px 50px 5px 20px;}
#nav li ul li.active a {color:#636363; background: url(../images/subnav-active.gif) repeat-y 0 0; padding:5px 50px 5px 20px;}
/* TEXT_NAV - FOOTER NAV ----------------*/
* .text_nav { color: #5a8e59; text-transform:uppercase; font-weight: bold; font-size: 11px; line-height:22px; font-style:normal; padding-bottom: 20px; padding-top: 10px;}
.text_nav a {color: #5a8e59; text-decoration: none; font-style:normal;}
.text_nav a:visited{color: #5a8e59; text-decoration: none; font-style:normal;}
.text_nav a:hover{color: #5a8e59; text-decoration: underline; font-style:normal;}
/* LAYOUT ---------- */
* .clear{clear:both;}
* .hide {display:none;}
.flash-replaced .alt {display: block; width: 0px; height: 0px; position: absolute; overflow: hidden;}
div.hr { background: #636363; clear: both; height: 1px; margin: 20px 0; width: 100%; }
div.hr hr { display: none; }
* #main {position: relative; background: url(../images/main-tile.png) repeat-y 0 0; width: 928px; margin: 0 auto;}
*html #main {background: url(../images/main-tile-ie6.gif) repeat-y 0 0;}
* #main-bg {background: url(../images/main-bg.gif) no-repeat top right; width: 737px; padding-left: 93px;}
* #office-address{position: absolute; top: 82px; left: 307px;width: 411px;}
.home #text {padding-top: 505px;min-height: 350px; _height: 350px;}
* #text{background: url(../images/text-bottom-bg.gif) no-repeat bottom left; width:500px; padding: 245px 32px 170px 205px; min-height: 520px; _height: 520px;}
* #flash-logo{position: absolute; top: 0; left: 125px;}
* #flash-home{border:none; z-index: 75; position: absolute; top: 167px; left: 295px;}
* #footer {background: url(../images/footer-bg.gif) no-repeat top center; color: #5a8e59; font-size: 12px; line-height:22px; padding: 20px 157px 30px 150px; text-align: center; width:621px; height: 195px;}
/* 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 {float:right; border: 3px solid #454545; margin-left:10px;margin-bottom:20px;}
* .left {float:left; border: 3px solid #454545; margin-right:10px;margin-bottom:10px;}
* .borderless {border: none;}
* img.center {display:block; margin:0 auto 10px auto;}
iframe {border: 1px solid #454545; margin-bottom:20px;}
/* THE GAME ROOM ---------- */
div#sesame-game {line-height: 0; margin: 10px 0px 18px 0px; text-align: center; width: 400px;background: #000;}
ul#sesame-games {list-style: none;}
ul#sesame-games li {clear: both; text-indent:none;}
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;}/*THIS IS WHERE YOU MAKE PADDING ADJUSTMENTS TO THE GAMES IMG*/
ul#sesame-games p { padding:0 10px 10px 0;}
/* edit.com */
ul, ol {
margin-top:0px;
margin-bottom:0px;
}
.NormalText, body, td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #636363;
font-weight: normal;
text-decoration: none;
text-transform: none;
font-style: normal;
}
.FooterText {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #5A8E59;
font-weight: normal;
}
.SubHeader {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #636363;
font-weight: bold;
}
.SubjectHeader {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #377236;
font-weight: bold;
}
* .PageTitle {
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-size: 20px;
line-height: 24px;
color: #377236;
font-weight: bold;
}
td.GrayBorderBottom {border-top: solid 1px #636363; padding-top: 15px;}
img.Border {border: solid 3px #454545;}
img.FloatLeft {border: solid 3px #454545; float:left; margin-right:10px; margin-bottom:10px;}
img.FloatRight {border: solid 3px #454545; float: right; margin-right:10px; margin-bottom:10px;}