/* HTML, BODY ---------- */
html {height: 100%; margin-bottom: 1px}
body {background: #5e526a url(images/stripe.gif) repeat-x 0 0; margin: 0;}
img {border:none;}
/* TEXT ---------- */
body {color: #000; font: 12px/17px Arial, Helvetica, sans-serif; text-align:left;}
p {margin: 0px 0 15px 0}
/* HEADERS ---------- */
h1 {margin:0;}
h2{margin:0px 0 20px 0px; padding: 30px 0 0 0; background-repeat: no-repeat;height: 33px; border-bottom: 1px solid #662b87; /* this height reflects the height of the heading image */
overflow: hidden; text-indent: -999em;} /* hides rich text so only background image shows */
h3 {font: bold 14px/17px Arial, Helvetica, sans-serif; margin:0; padding:0; }
/* LISTS ---------- */
ol, ul {margin-bottom: 10px; margin-top: 0; list-style:none;}
ul#nav {background: url(images/nav-bg.jpg) no-repeat; list-style: none; margin: 0 0 0 0px; padding: 18px 0 0px 0px; width:222; height:301px; float:left;}
/* LINKS ---------- */
a {color: #662b87; text-decoration: none}
a:link {color: #662b87; text-decoration: none}
a:visited {color: #662b87; text-decoration: none; font-weight:normal;}
a:hover {color: #662b87; text-decoration: underline; font-weight:normal;}
#logo a {position:absolute; top:43px; left:50%; margin: 0px 0px 0px 107px; width: 293px; height: 183px; display: block; background: url(images/logo.gif) no-repeat;}
*:first-child+html #logo a {position:absolute; top:43px; left:50%; margin: 0px 0px 0px 106px; width: 294px; height: 183px; display: block; background: url(images/logo.gif) no-repeat;}
.sesame {color: #bfd4ee; font: normal 10px/17px Arial, Helvetica, sans-serif; margin: 0px 0 0px 0;}
.sesame a{color:#bfd7ee; text-decoration:none;}
.sesame a:visited {color:#bfd7ee; text-decoration:none;}
.sesame a:hover {color:#bfd7ee; text-decoration:underline;}
/* top links ---------------*/
#top-links{width:300px; height:40px; position: absolute; top:225px; left:50%; margin:0 0 0 66px;}
#top-links a{height: 40px; overflow: hidden; text-indent: -999px; display:block;}
#top-links li {
display: inline; margin:0; padding:0; float:left;
}
#top-links ul li:hover a, #top-links ul li a.active {background-position: 0 -40px;}
#top-links a:hover{background-position: 0 -40px;}
#patient-login {background: url(images/patient-login.gif) 0 0; width: 118px;}
#contact {background: url(images/contact.gif) 0 0; width: 72px;}
#home {background: url(images/home.gif) 0 0; width: 57px;}
/* Set cursor to default arrow so link does not appear clickable*/
#top-links .active {cursor: default}
/* nav ---------- */
#nav {width:850px; height:43px; margin: 0 0 0 -439px; position:absolute; top:0; left:50%;}
#nav a {height: 43px; overflow: hidden; text-indent: -999px; display:block;}
/* Shift the image position up to show the active state */
#nav ul li:hover a, #nav ul li.sfhover a, #nav ul li a.active {background-position: 0 -44px;}
#about-our-practice {background: url(images/about-our-practice.gif) 0 0; width: 201px;}
#about-ortho {background: url(images/about-ortho.gif) 0 0; width: 187px;}
#braces-101 {background: url(images/braces-101.gif) 0 0; width: 108px;}
#emergency-care {background: url(images/emergency-care.gif) 0 0; width: 148px;}
#fun-and-games {background: url(images/fun-and-games.gif) 0 0; width: 155px;}
/* Set cursor to default arrow so link does not appear clickable*/
#nav .active {cursor: default}
/* DROP DOWN NAVIGATION ----------------*/
#nav li {
display: inline; margin:0; padding:0; float:left;
}
#nav li ul { /* second-level lists */
margin: 0px 0 0 30px;padding: 3px 10px 0 10px ;width: 140px;position: absolute; background: #45586c url(images/subnav-bg.gif); left: -999em;line-height: 30px;font-size: 12px; display:block; text-align:left;}
#nav li ul a {position: relative; list-style-image:none; display:block; padding: 0;width: 140px;color: #fff;text-indent:0;text-decoration:none;line-height: 24px;height: auto; border-bottom:1px solid #45586c;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;display:block;}
#nav li:hover ul a:hover, #nav li.sfhover ul a:hover {color: #1a3333;}
/* SUB-NAVIGATION -----------*/
#subnavcontainer {
position:absolute;
top:297px;
left:50%;
margin: 0 0 0 -380px;
width: 600px; height:50px;}
/*IE 6 subnavcontainer hack --------------*/
*html #subnavcontainer {
position:absolute;
top:297px;
left:50%;
margin: 0 0 0 -370px;
width: 600px; height:50px;}
#subnav {width:600px; color:#6087a8;}
#subnav li {display:inline; list-style:none; text-indent:none; white-space:nowrap;}
#subnav li a {display:inline; color:#6087a8; padding: 0 4px 0 5px; font: bold 11px/0px Tahoma, Helvetic, sans-serif;
border-left: 1px solid #6087a8; white-space:nowrap; text-decoration: none;}
#subnav li a:visited {color:#6087a8; text-decoration: none;}
#subnav li:hover a, #subnav li a.active {color:#6087a8; text-decoration:underline;}
#subnav .first{border-left:none;}
#subnav li.first a{padding-left:0; border-left:none;}
.subnavstyles {text-align:left;}
/* IMAGES ---------- */
/*.flash img {float: left; margin-right: 10px}*/
/* LAYOUT ---------- */
.clear{clear:both;}
#container {
background: url(images/shadow.png); position: absolute; top:0; left:50%; margin: 0 0 0 -418px; width: 837px;}
*html #container {background:none;}
#header {width:800px; height: 182px; display:block; margin:43px 0 0 19px; padding:0;}
#flash-home{ height:182px; width:506px; top:45px; left:18px;}
#mid {width:751px; margin: 0 0 0 19px; background: #fbf7ff; padding-left:48px; _height: 470px; min-height:470px;}
#text{width:425px; margin: 0 0 20px 10px; float:left; postion: relative;}
#img-header{float:left; margin: 57px 0px 5px 26px;padding:0px; width:239px; height:267px;}
#policies{position:absolute; top:570px; left:50%; margin-left: 110px; border:4px solid #6381a1; width: 201px; padding:15px 15px 15px 15px; background:#cfe0f3;}
#policies h3{text-decoration:underline;}
*html #policies{position:absolute; top:570px; left:50%; margin-left: 120px; border:4px solid #6381a1; width: 201px; padding:15px 15px 15px 15px; background:#cfe0f3;}
.bios li{list-style:disc;}
.bios dt{font-weight:bold;}
.bios h4{font-weight:bold; font-size:12px; margin:0px;}
.bios hr{margin:20px 0 20px 0;}
#bio-layout{width:239px; position:absolute; top: 410px; left: 50%; margin-left: 120px;}
#bio-layout .dr-1{margin-bottom:509px}
#bio-layout .dr-2{margin-bottom:527px}
#bio-layout .dr-3{margin-bottom:501px}
*html #bio-layout{width:239px; position:absolute; top: 424px; left: 50%; margin-left: 120px;}
*html #bio-layout .dr-1{margin-bottom:533px}
*html #bio-layout .dr-2{margin-bottom:593px}
*html #bio-layout .dr-3{margin-bottom:566px}
*:first-child+html #bio-layout{width:239px; position:absolute; top: 424px; left: 50%; margin-left: 120px;}
*:first-child+html #bio-layout .dr-1{margin-bottom:533px}
*:first-child+html #bio-layout .dr-2{margin-bottom:593px}
*:first-child+html #bio-layout .dr-3{margin-bottom:566px}
.indent {margin-left:50px;}
.action{float:left; margin: 0 30px 25px 0;}
.hours dl{}
.hours dt{font-weight:bold;}
.hours dd{text-indent: -20px;}
.map{float:right;}
#footer {background: #594f64 url(images/footer-bg.gif) no-repeat 0 0;color: #bfd7ee; font: normal 10px/17px Arial, Helvetica, sans-serif; margin:0px 0 0 19px; padding: 0px 0 0px 0px; text-align:center; width:799px; height:190px;}
#footer p{margin: 20px 0 20px 0;}
#footer ul{margin:0; padding:5px 0 0 0; text-indent:none; line-height:1.5; color:#000;}
#footer li {display:inline; list-style:none; text-indent:none;}
#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;}
.first-contact{float:left; font: normal 12px/17px Arial, Helvetica, sans-serif; color:#fff; text-align:center; width:230px; margin: 0 0 0 54px;}
*html .first-contact{float:left; font: normal 12px/17px Arial, Helvetica, sans-serif; color:#fff; text-align:center; width:230px; margin: 0 0 0 27px;}
.contact-info{float:left; font: normal 12px/17px Arial, Helvetica, sans-serif; color:#fff; text-align:center; width:230px; margin:0;}
*html .contact-info{float:left; font: normal 12px/17px Arial, Helvetica, sans-serif; color:#fff; text-align:center; width:230px; margin:0 0 -10px 0;}
*:first-child+html .contact-info{float:left; font: normal 12px/17px Arial, Helvetica, sans-serif; color:#fff; text-align:center; width:230px; margin: 0 0 -10px 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 {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 {background: #000;line-height: 0;margin: 10px auto;text-align: center; width: 400px}
ul#sesame-games {list-style: none;margin: 0;padding: 0; }
ul#sesame-games li {clear: both;display: block}
ul#sesame-games img {border: 0;float:right;margin: 10px 1px 0px 10px}
ul#sesame-games a.button {float:right;height:85px;width:200px}
ul#sesame-games p {width:215px;padding-bottom: 1em}
*html #ul#sesame-games p {width:200px;padding-bottom: 1em}
/* LOCATION ---------- */
iframe {border: 1px solid #5e526a; margin-bottom:20px;}