/* Layout */

body {background: #06559a url(images/body_bg.jpg) repeat-x; margin: 0; text-align: center; font: 12px/18px Arial, Helvetica, sans-serif; color: #06559a;}

#container {background: url(images/container_bg.gif) repeat-y; width: 800px; margin: 0 auto; padding: 0; text-align: left;}

#head {height: 197px;}

#wrap {position: relative; width: 800px; margin: 0; padding: 0;}

#content {width: 544px; position: relative; left: 212px; top: 10px; margin: 0; padding: 0;}

.content_wrap {min-height: 530px;}

* html .content_wrap {height: 530px;}

.home_wrap {min-height: 768px;}

* html .home_wrap {height: 768px;}

#footer {background: #06559a url(images/footer.gif) no-repeat; padding: 35px 0 0 0; font-size: 10px; color: #fff; text-align: center; line-height: normal;}

#fade_left {background: url(images/fade_left.jpg); width: 12px; height: 31px; position: absolute; z-index: 2; left: 0; top: 0;}

#fade_right {background: url(images/fade_right.jpg); width: 13px; height: 31px; position: absolute; z-index: 2; right: 0; top: 0;}

#address {margin: 7px 0 0 7px; line-height: normal; color: #fff;}

#invisalign_home {margin-left: 28px;}

.float_left {float: left;}

.float_right {float: right;}

.clear {clear: both;}

.sidebar {background: #cfc3ad; width: 105px; display: block; text-align: center; border: solid 1px #013366; float: right; margin: 5px 0 15px 15px; padding: 5px;}

.location {float: left; margin-right: 20px;}



/* Text */

p {margin: 10px 0;}



/* Headings */

h1 {font: 30px Georgia, "Times New Roman", Times, serif; margin: 0 0 10px 0;}

h2 {font: 18px Arial, Helvetica, sans-serif; margin: 0;}

h3 {font-size: 14px; font-weight: bold; margin: 0;}

.welcome {font-size: 18px; margin: 0;}

.serving {font: 14px "Times New Roman", Times, serif; margin: 0;}



/* Flash Elements */

#horsey {margin: 10px 0 0 0;}

#flash_home {background: url(images/flash-home_bg.gif); width: 604px; height: 197px; float: left;}

p.upgrade {width: 200px; background: #FFCC00 url(images/get_flash_player.gif) no-repeat 5px; font-size: 10px; text-align: left; margin: 0 auto; margin-top: 20px; padding: 5px 5px 5px 105px; border: solid 1px #000;}



/* Images */

img {border: 0; display: block;}

.img_left_border {border: solid 1px #06559a; margin: 5px 15px 15px 0; float: left; display: inline;}

.img_center_border {border: solid 1px #06559a; margin: 0 auto; display: block; clear: both;}

.img_right_border {border: solid 1px #06559a; margin: 5px 0 15px 15px; float: right; display: inline;}



/* Links */

a {color: #06559a;}

a:hover {text-decoration: none;}

#footer a {color: #fff; text-decoration: underline;}

#footer a:hover {color: #5ea2df;}



/* Lists */

ul, ol {margin-bottom: 10px; margin-top: 5px;}

dl.doctor {list-style: none; margin: 15px 0 10px 15px; padding: 0;}

dl.doctor dt {float: left;}

dl.doctor dd {margin-left: 55px;}

dl.logos, dl.logos dt, dl.logos dd {list-style: none; margin: 0; padding: 0;}

dl.logos {border: 1px solid #CCC; border-width: 0 0 1px 1px; margin-top: 10px; padding: 10px 0 5px 10px; width: 50%;}

dl.logos dd {border-bottom: 1px solid #CCC; margin-bottom: 10px; padding: 10px 0 5px 0; width: 50%;}

dl.logos span {font-size: 14px; font-weight: bold; line-height: normal;}



/* Side Navigation */

#nav {width: 157px; margin: 0; padding: 0; left: 26px; top: 0; position: absolute; z-index: 2;}

#nav a {display: block; text-decoration: none; text-indent: -999em; overflow: hidden;}

#before_after {background: url(images/nav/before_after.gif);}

#about_office {background: url(images/nav/about_office.gif);}

#about_ortho {background: url(images/nav/about_ortho.gif);}

#braces_101 {background: url(images/nav/braces_101.gif);}

#emergency_care {background: url(images/nav/emergency_care.gif);}

#invisalign {background: url(images/nav/invisalign.gif);}

#games {background: url(images/nav/game_room.gif);}

#contact {background: url(images/nav/contact.gif);}

#home {background: url(images/nav/home.gif);}



#nav a {width: 157px; height: 29px;}

#nav a:hover, #nav a.active,

#nav li:hover #about_office, #nav li.sfhover #about_office,

#nav li:hover #about_ortho, #nav li.sfhover #about_ortho,

#nav li:hover #braces_101, #nav li.sfhover #braces_101,

#nav li:hover #before_after,

#nav li:hover #emergency_care,

#nav li:hover #invisalign,

#nav li:hover #games,

#nav li:hover #contact, #nav li.sfhover #contact,

#nav li:hover #home {background-position: 0 -29px;}

#nav a.active {cursor: default;}



/* Drop Down */

#nav ul {line-height: 1; list-style: none; margin: 0; padding: 0; border: 0;}

#nav li {display: inline;}

#nav li ul {background: #06559a; font: 12px Georgia, "Times New Roman", Times, serif; color: #071e68; left: -9999px; position: absolute; z-index: 2; padding: 3px;}

#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -29px 0 0 157px;}

#nav ul li a {color: #fff; padding: 2px 0 2px 10px; width: 150px; height: 18px; line-height: 18px; text-indent: 0;}

#nav ul li a:hover {background: #e3f1fe; color: #06559a;}



/* Braces Diagram */

#braces-diagram {background: url(images/braces-diagram/braces-diagram-bg.gif); height: 374px; position: relative; width: 425px}

#braces-diagram a {cursor: help; display: block; position: absolute}

#braces-diagram a:hover {background: transparent}

a#elastic-tie {height: 20px; left: 90px; top: 100px; width: 65px}

a#loop-archwire {height: 20px; left: 150px; top: 80px; width: 100px}

a#archwire {height: 20px; left: 190px; top: 100px; width: 65px}

a#bracket {height: 20px; left: 230px; top: 120px; width: 60px}

a#headgear-tube {height: 20px; left: 335px; top: 100px; width: 90px}

a#coil-spring {height: 20px; left: 150px; top: 300px; width: 65px}

a#tie-wire {height: 20px; left: 235px; top: 325px; width: 65px}

a#band {height: 20px; left: 270px; top: 300px; width: 40px}

a#hook {height: 20px; left: 315px; top: 280px; width: 35px}

a#elastic {height: 40px; left: 355px; top: 280px; width: 45px}

a#print {cursor: pointer; height: 23px; left: 365px; top: 351px; width: 60px}

#braces-diagram a img {border: none; display: block; height: 0; position: absolute; width: 0}

#braces-diagram a:hover img {height: 74px; width: 425px}

a#elastic-tie:hover img {left: -90px; top: -100px}

a#loop-archwire:hover img {left: -150px; top: -80px}

a#archwire:hover img {left: -190px; top: -100px}

a#bracket:hover img {left: -230px; top: -120px}

a#headgear-tube:hover img {left: -335px; top: -100px}

a#coil-spring:hover img {left: -150px; top: -300px}

a#tie-wire:hover img {left: -235px; top: -325px}

a#band:hover img {left: -270px; top: -300px}

a#hook:hover img {left: -315px; top: -280px}

a#elastic:hover img {left: -355px; top: -280px}



/* The Game Room */

div#sesame-game {background: #000; margin: 10px auto; text-align: center; width: 400px;}

ul#sesame-games {list-style: none; margin: 0; padding: 0;}

ul#sesame-games li {clear: both; padding: .5em 0;}

ul#sesame-games img {border: 0; float: left; margin-left: -210px;}

ul#sesame-games p {padding-left: 210px;}

/****/
.flash { margin: 18px auto; } 
.flash-replaced .alt { display: block; height: 0px; position: absolute; overflow: hidden; width: 0px;}