html { height: 100%; } body { margin: 0; background: #fff url(/styles/../images/gradient.gif) repeat-x 0 0; } img{ border:none; margin:0; padding:0; }  body, table, input, textarea {color: #000; font: 14px/22px Georgia, "Times New Roman", Times, serif; text-align:left;} p {margin: 0px 0 0px 0; padding: 0 0 10px 0;} .text-left{width: 207px; padding: 10px 0 10px 0; float:left; font-style:italic; text-align:center; font-weight:bold; font-size: 16px; color:#5e749b;}  h1 {margin:0;} h2{ font-size:14px; font-weight:bold; margin:0;} .title { margin:0; background-repeat: no-repeat; height: 63px; overflow: hidden; text-indent: -999em; } .before-after{width: 415px; text-align:center; padding: 20px 0 10px 0; font-size: 18px; color:#5e749b;} h3 {color: #000; font-size: 12px; font-weight:bold; margin:0 0 5px 0;} h4 {color: #000; font-size: 12px; font-weight:bold; margin: 0;}  ol, ul {margin: 0 0 10px 0; text-indent:0;}  a {color: #5d739c; text-decoration: none; font-weight:normal;} a:visited{color: #5d739c; text-decoration: none; font-weight:normal;} a:hover {color: #5d739c; text-decoration: underline; font-weight:normal;} #logo a {position:absolute; top:32px;left:115px; width: 645px; height: 227px; display: block; background: url(/styles/../images/logo.gif) no-repeat 0 0; overflow:hidden;} #footer li a {color: #5d739c; text-decoration:underline;} #footer li a:visited {color: #5d739c; text-decoration:underline;} #footer li a:hover {color: #5d739c; text-decoration:none;} .sesame a {text-decoration:none; color:#424141; } .sesame a:visited {text-decoration:none; color:#424141;} .sesame a:hover {text-decoration:underline; color:#424141;}  #nav { border-top: 8px solid #000; width: 868px; z-index: 100;} #nav ul {width: 868px; height: 35px; list-style: none; padding:0; margin: 0; font-family: Tahoma, Helvetica, sans-serif} #nav li {float: left; display:inline;}  #nav a {height: 35px; display: block; overflow: hidden; text-indent: -999em;  }  #home {background: url(/styles/../images/home.gif) 0 0; width:107px;} #our-office {background: url(/styles/../images/our-office.gif) 0 0; width:111px;} #patient-info {background: url(/styles/../images/patient-info.gif) 0 0; width:120px;} #treatment-options {background: url(/styles/../images/treatment-options.gif) 0 0; width:160px;} #before-and-after {background: url(/styles/../images/before-and-after.gif) 0 0; width:134px;} #fun-and-games {background: url(/styles/../images/fun-and-games.gif) 0 0; width:130px;} #contact {background: url(/styles/../images/contact.gif) 0 0; width:106px;}  #nav ul li:hover a, #nav ul li.sfhover a, #nav ul li a.active {background-position: 0 -35px;}  #nav .active {cursor: default}  #nav li ul { margin: -1px 0 0 0px; padding: 0; width: 160px; position: absolute; left: -999em; font-size: 12px; text-align: left; height: auto; background: #fff; border-right: 1px solid #5d739c; border-bottom: 1px solid #5d739c; border-left: 1px solid #5d739c; z-index: 100;} #nav li ul a { border-top: 1px solid #5d739c; padding: 0px 0px 0px 10px; width: 150px; color: #5d739c; background:#fff; text-indent: 0; text-decoration: none; line-height: 28px; height: auto;} #nav a .first{border-top:none;} #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: #fff; background: #8f9fbb;}  #subnavcontainer { margin: 0 0 0 -40px; padding:0; width: 450px; height:35px; }  *html #subnavcontainer{margin-left:0;} *+html #subnavcontainer{margin-left:0;} #subnav ul{} #subnav li {line-height: 18px; display:inline; list-style:none; text-indent:none; white-space:nowrap;} #subnav li a {padding: 0 4px 0 5px; font: normal 12px/0px Tahoma, Helvetic, sans-serif; border-left: 1px solid #5d739c; 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;} #subnav li.subnav-first a{padding-left:0; border-left:none;} .subnavstyles {text-align:left;}  img {border:none;}  .right {float:right; border: 3px solid #5e749b; margin:5px 0 5px 5px;} .left {float:left; border: 3px solid #5e749b; margin: 5px 5px 5px 0; padding:0;}  .clear{clear:both;} #main {position:absolute; width:868px; top:0; left:50%; margin:0px 0 0px -434px;} #header {width: 868px; height: 324px;} #contact-info{width:868px; font-weight: bold; font-size: 17px; font-family: Georgia, "Times New Roman", Times, serif; padding: 285px 0 10px 0; color:#fff; text-align:left;} #container{ margin:0; width:864px; background: #e8ebf2 url(/styles/../images/body-bg.jpg) no-repeat 0% 100%; border-right:2px solid #000; border-left:2px solid #000; } #spotlight{ position:absolute; top:366px; left:4; display: block; width: 464px; height:516px; } #top-img{ position:absolute; top: 422px; left: 54px; display:block; border: 8px solid #5d739c; width:270px; height:321px; } #text{ width:430px; min-height: 475px; _height: 475px; padding:38px 0px 50px 391px; } #pic-container{ width:368px; padding: 20px 0 0 465px; text-align:right; color:#5d739c; font-size:17px; font-weight:bold;} #pic-container img{float:left; padding:0 60px 20px 0; } #footer { color: #424141; background: #fff url(/styles/../images/footer-bg.jpg) no-repeat 0 0; font: normal 11px/14px Tahoma, Helvetica, sans-serif; text-align: center; line-height: 24px; width:868px; height:115px; padding: 55px 0 20px 0 ; } #footer p{margin:0 0 4px 0;} #footer ul{ margin:0px 0 0 0; padding:0px 0 14px 0; text-indent:none; line-height:0px; } #footer li { display:inline; list-style:none; text-indent:none; } #footer li { font-size:11px; padding: 0 5px 0 8px; border-left: 1px solid #424141; } #footer li.first {padding-left:0; border-left:none;}   .replace {letter-spacing : -1000em;line-height: 0;overflow: hidden;line-height: 0;text-indent: -999em;}  html>body .replace { letter-spacing : normal;text-indent : -999em;overflow : hidden;}   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;}  div#sesame-game {line-height: 0; margin: 10px 0px 0 0px; text-align: center; width: 430px;} ul#sesame-games {list-style: none; margin-left: -38px;}  *html ul#sesame-games {margin-left:0;} *+html ul#sesame-games {margin-left:0;} 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: 10px 0 10px 10px;} ul#sesame-games p { padding:0 10px 15px 0;}  iframe {border: 1px solid #000; margin-bottom:20px;}  img.right { border: solid 1px #000; margin: 0 0 15px 15px; float: right; clear: right;} .img-left { border: solid 1px #000; margin: 0 15px 20px 0; float: left;} span.indent { padding-left: 40px;} #sidebar { background: #fff; width: 275px; margin: 0 0 15px 15px; padding: 0; border: solid 1px #000; float: right; clear: right;} #sidebar a { color: #036;} #sidebar h3 { background: #97AFC2; margin: 0; padding: 15px; color: #fff;} .thumb { border: solid 1px #000; margin: 0 10px 10px 0; float: left; clear: left;} #sidebar p { padding: 0 15px; margin: 15px 0;} .clear {clear: both;}