/* Layout */
body {background: #1a2a15 url(images/layout/body_bg.jpg) repeat-x; margin: 0; text-align: center;}
#container {background: #d4c8a4; width: 741px; margin: 0 auto; text-align: left; position: relative;}
#head {background: url(images/layout/head_bg.jpg); height: 166px; position: relative;}
#logins {position: absolute; top: 81px; right: 31px;}
#top_links {position: absolute; top: 134px; right: 31px;}
#home_wrap {background: url(images/layout/home_bg.jpg) no-repeat; width: 550px; left: 191px; position: relative;}
#content_wrap {background: url(images/layout/content_bg.jpg) no-repeat; width: 550px; left: 191px; top: 0; margin: 0; padding: 44px 0 0 0; position: relative;}
#content {width: 475px; min-height: 350px; margin: 0 0 10px 34px;}
* html #content {height: 350px;}
#footer {background: #1a2a15 url(images/layout/footer_bg.jpg) no-repeat; height: 100px; padding: 55px 0 0 0; font-size: 10px; line-height: normal; color: #fff3ce; text-align: center; 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;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}

/* Flash elements */
#flash_home {width: 539px; height: 329px;}
p.upgrade {width: 80%; background: #e4e4e4; font-size: 10px; text-align: left; margin: 0 auto; padding: 10px; border: solid 1px #000;}

/* Images */
img {border: 0; display: block;}
.img_border {border: solid 1px #595441;}
.img_center_border {border: solid 1px #595441; margin: 10px auto; display: block;}
.img_left_border {border: solid 1px #595441; margin: 5px 15px 15px 0; float: left;}
.img_right_border {border: solid 1px #595441; margin: 5px 0 15px 15px; float: right; clear: right;}

/* Links */
a {color: #595441;}
#footer a {color: #fff3ce; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

/* Text */
body, table {font: 12px/18px Tahoma, Verdana, Arial; color: #595441;}
p {margin: 0 0 13px 0;}
#name {font-size: 12px; font-weight: bold;}
blockquote {margin-right: 0;}
.crazysauce {font-style:italic; font-weight: bold}

/* Lists */
ol, ul {margin-bottom: 10px; margin-top: 0;}
dl.logos, dl.logos dt, dl.logos dd {list-style: none; margin: 0; padding: 0;}
dl.logos {border: 1px solid #595441; border-width: 0 0 1px 1px; margin-top: 10px; padding: 10px 0 5px 10px; width: 50%;}
dl.logos dd {margin-bottom: 10px; padding: 10px 0 5px 0;}
dl.logos span {font-size: 14px; font-weight: bold; line-height: normal;}

h1 {width: 485px; height: 37px; margin: 0 0 5px 0; text-indent: -999em;}
h1.welcome {background: url(images/titles/welcome.gif); width: 475px; height: 32px; margin: 0 0 10px 0;}
h1.about_office {background: url(images/titles/about_office.jpg);}
h1.about_ortho {background: url(images/titles/about_ortho.jpg);}
h1.adults {background: url(images/titles/adults.jpg);}
h1.board_certified {background: url(images/titles/board_certified.jpg);}
h1.brace_painter {background: url(images/titles/brace_painter.jpg);}
h1.diagram {background: url(images/titles/braces_diagram.jpg);}
h1.brushing_flossing {background: url(images/titles/brushing_flossing.jpg);}
h1.children {background: url(images/titles/children.jpg);}
h1.comments {background: url(images/titles/comments.jpg);}
h1.contact {background: url(images/titles/contact.jpg);}
h1.emergency {background: url(images/titles/emergency_care.jpg);}
h1.faqs {background: url(images/titles/faqs.jpg);}
h1.financial {background: url(images/titles/financial_policies.jpg);}
h1.first_visit {background: url(images/titles/first_visit.jpg)}
h1.fun_games {background: url(images/titles/fun_games.jpg);}
h1.games {background: url(images/titles/game_room.jpg);}
h1.ibraces {background: url(images/titles/ibraces.jpg);}
h1.inovation {background: url(images/titles/in-ovation.jpg);}
h1.life {background: url(images/titles/life_braces.jpg);}
h1.location {background: url(images/titles/location.jpg);}
h1.meet_doctor {background: url(images/titles/meet_doctor.jpg);}
h1.meet_team {background: url(images/titles/meet_team.jpg);}
h1.new_patients {background: url(images/titles/new_patients.jpg)}
h1.office_tour {background: url(images/titles/office_tour.jpg);}
h1.dictionary {background: url(images/titles/ortho_dictionary.jpg);}
h1.treatments {background: url(images/titles/ortho_treatments.jpg);}
h1.patient_form {background: url(images/titles/patient_form.jpg);}
h1.refer_friend {background: url(images/titles/refer_friend.jpg);}
h1.resources {background: url(images/titles/resources.jpg);}
h1.retainers {background: url(images/titles/retainers.jpg);}
h1.roth {background: url(images/titles/roth.jpg);}
h1.site_map {background: url(images/titles/site-map.jpg);}
h1.token {background: url(images/titles/token_prizes.jpg);}
h1.two_phase {background: url(images/titles/two_phase.jpg);}
h1.types_appliances {background: url(images/titles/types_appliances.jpg);}
h1.types_braces {background: url(images/titles/types_braces.jpg);}
h1.why_braces {background: url(images/titles/why_braces.jpg);}
h1.why_choose {background: url(images/titles/why_choose.jpg);}
h1.why_leiker {background: url(images/titles/why_leiker.jpg);}
h2 {font: bold 17px Tahoma, Verdana, Arial; color: #595441; margin: 10px 0; clear:left}
h3 {font: bold 12px Tahoma, Verdana, Arial; color: #1a2a15; margin: 0}

/* Navigation Links */
#nav a, #logins a, #top_links a {display: block; text-decoration: none; text-indent: -999em; overflow: hidden;}

#logins a {height: 18px; float: left;}
#pt_login {background: url(images/nav/pt_login.gif); width: 77px; margin-right: 23px;}
#dt_login {background: url(images/nav/dt_login.gif); width: 82px;}
#logins a:hover {background-position: 0 -18px;}

#top_links a {height: 20px; float: left;}
#roth {background: url(images/nav/roth.gif); width: 106px;}
#inovation {background: url(images/nav/in_ovation.gif); width: 86px;}
#ibraces {background: url(images/nav/ibraces.gif); width: 60px;}
#top_links a:hover, #top_links a.active {background-position: 0 -20px;}
#top_links a.active {cursor: default;}

/* Side Navigation */
#nav {width: 191px; margin: 0; padding: 0; left: 0; top: 166px; position: absolute; z-index: 2;}

#why_choose {background: url(images/nav/why_us.gif);}
#new_patients {background: url(images/nav/new_patients.gif);}
#about_office {background: url(images/nav/about_office.gif);}
#about_ortho {background: url(images/nav/about_ortho.gif);}
#life_braces {background: url(images/nav/life_braces.gif);}
#emergency_care {background: url(images/nav/emergency_care.gif);}
#fun_games {background: url(images/nav/fun_games.gif);}
#contact {background: url(images/nav/contact.gif);}
#referrals {background: url(images/nav/refer_friend.gif);}
#home {background: url(images/nav/home.gif);}

#nav a {width: 191px; height: 26px;}
#nav a:hover, #nav a.active,
#nav li:hover #why_choose, #nav li.sfhover #why_choose,
#nav li:hover #new_patients, #nav li.sfhover #new_patients,
#nav li:hover #about_office, #nav li.sfhover #about_office,
#nav li:hover #about_ortho, #nav li.sfhover #about_ortho,
#nav li:hover #life_braces, #nav li.sfhover #life_braces,

#nav li:hover #fun_games, #nav li.sfhover #fun_games,
#nav li:hover #contact, #nav li.sfhover #contact,
#nav li:hover #referrals, #nav li.sfhover #referrals {background-position: 0 -26px;}
#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: #8b8869; font-size: 12px; color: #071e68; left: -9999px; position: absolute; z-index: 4; padding: 3px;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -26px 0 0 191px;}
#nav ul li a {color: #000; padding: 2px 0 2px 10px; width: 150px; height: 18px; line-height: 18px; text-indent: 0;}
#nav ul li a:hover {color: #fff3ce;}

/* Braces Diagram */
#braces-diagram {background: url(images/braces-diagram/braces-diagram-bg.gif); height: 374px; position: relative; width: 425px; margin: 0 auto;}
#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; 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: inline;}
ul#sesame-games img {border: 0; float: right; margin: 0 0 10px 10px;}
ul#sesame-games p {padding-bottom: 1em;}