/* Reset */
* {margin: 0; padding: 0;}
img {border: 0; display: block;}
.clear {clear: both;}

/* Layout */
#container-wrap {background: #618989 url(../images/wrap-bg.gif) repeat-x; width: 100%; font-size: .69em; line-height: 1.64em;}
#container {background: url(../images/content-bg.gif) repeat-y; width: 800px; margin: 0 auto; position: relative;}
#header-wrap, #footer-wrap {background: #fff; width: 100%;}
#header {width: 800px; margin: 0 auto; position: relative;}
#content-wrap {background: url(../images/bg-top.gif) no-repeat;}
#content {width: 541px; min-height: 385px; _height: 385px; margin-left: 244px;}
#footer {width: 650px; margin: 0 auto; padding: 25px 0; text-align: center;}
#address {width: 184px; border: solid 1px #d8eeeb; border-width: 1px 0; padding: 0 0 10px 0; position: absolute; top: 265px; left: 30px; color: #fff;}
.sidebar {background: #fff; width: 250px; display: block; border: solid 1px #618989; float: right; margin: 15px 0 15px 15px; padding: 5px;}

/* Misc. */
.callout {background: url(../images/callout-home.jpg) no-repeat; width: 181px; height: 73px; margin: 0 0 10px 15px; padding: 30px 0 0 10px; color: #fff; float: right;}
.callout a {color: #fdffbc; font-weight: bold; text-decoration: none;}
.callout a:hover {text-decoration: underline;}
.get-adobe-reader {margin-top: 10px;}
#google {border: solid 1px #3a7971; margin: 10px auto; padding: 3px;}

/* Images */
.photo {border: solid 1px #3a7971; margin: 15px 0 15px 15px; padding: 3px; float: right; clear: right;}
.photo-center {border: solid 1px #3a7971; margin: 10px auto; padding: 3px;}
.right {margin: 15px 0 15px 15px; float: right; clear: right;}

/* Typo */
body {font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #3a7971;}
p {margin: 10px 0 0 0;}
blockquote {width: 80%; margin: 0 auto;}

/* Links */
a {font-weight: bold; color: #3a7971;}
a:hover {color: #58b0a5;}
#footer a {font-weight: normal;}
p.sub-nav a.active {color: #58b0a5; cursor: default;}

/* Lists */
ul, ol {margin: 10px 0 10px 30px;}
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: 10px 0 5px 0; padding: 10px 0 5px 10px; width: 80%;}
dl.logos dd {margin-bottom: 10px; padding: 10px 0 5px 0;}
dl.logos span {font-size: 14px; font-weight: bold; line-height: normal;}

/* Flash */
.flash {width: 500px; margin: 10px auto;}
.flash-replaced .alt {display: block; height: 0px; position: absolute; overflow: hidden; width: 0px;}
.upgrade {width: 80%; background: #e4e4e4; font-size: 1em; text-align: left; margin: 50px auto; padding: 5px; border: solid 1px #000; overflow: auto;}
#flash-home {background: url(../images/flash-home-bg.jpg); width: 541px; height: 285px; margin-bottom: 15px;}
#flash-palatal-expander {width: 200px; height: 150px; margin: 10px auto; border: solid 1px #3a7971;}
#flash-color-your-retainer {width: 300px; height: 300px; margin: 10px auto;}

/* Headings */
h1 {text-indent: -999em; margin: 0; width: 541px; height: 37px;}
h2 {font-size: 1.09em; font-weight: bold; margin: 15px 0 0 0;}
h3, h4 {font-size: 1em; font-weight: bold; margin: 15px 0 0 0;}

h1.logo {background: url(../images/logo-valley-dental-pediatrics.gif); width: 244px; height: 118px; float: left;}
h1.logo a {width: 244px; height: 118px; display: block;}
h1.header {background: url(../images/gary-bigsby-dmd.gif); width: 541px; height: 64px; margin-top: 54px; float: left;}
h1.welcome {background: url(../images/headings/welcome.gif); width: 541px; height: 38px; margin-bottom: 15px;}
h1.location {background: url(../images/headings/location.gif);}
h1.comment-form {background: url(../images/headings/comment-form.gif); height: 37px;}
h1.refer-a-friend {background: url(../images/headings/refer-a-friend.gif);}
h1.appointment-request {background: url(../images/headings/appointment-request.gif);}
h1.what-sets-us-apart {background: url(../images/headings/what-sets-us-apart.gif);}
h1.meet-dr-bigsby {background: url(../images/headings/meet-dr-bigsby.gif);}
h1.meet-dr-kuntz-tunison {background: url(../images/headings/meet-dr-kuntz-tunison.gif);}
h1.meet-our-team {background: url(../images/headings/meet-our-team.gif);}
h1.office-tour {background: url(../images/headings/office-tour.gif);}
h1.dentistry-for-children {background: url(../images/headings/dentistry-for-children.gif);}
h1.pediatric-dental-faqs {background: url(../images/headings/pediatric-dental-faqs.gif);}
h1.dental-care-for-your-baby {background: url(../images/headings/dental-care-for-your-baby.gif);}
h1.thumb-sucking {background: url(../images/headings/thumb-sucking.gif);}
h1.pediatric-dental-emergencies {background: url(../images/headings/pediatric-dental-emergencies.gif);}
h1.sedation-dentistry {background: url(../images/headings/sedation-dentistry.gif);}
h1.your-first-visit {background: url(../images/headings/your-first-visit.gif);}
h1.patient-forms {background: url(../images/headings/patient-forms.gif);}
h1.why-see-a-dentist {background: url(../images/headings/why-see-a-dentist.gif);}
h1.regular-checkups {background: url(../images/headings/regular-checkups.gif);}
h1.financial-policy {background: url(../images/headings/financial-policy.gif);}
h1.privacy-policy {background: url(../images/headings/privacy-policy.gif);}
h1.why-braces {background: url(../images/headings/why-braces.gif);}
h1.common-orthodontic-treatments {background: url(../images/headings/common-treatments.gif);}
h1.orthodontics-for-children {background: url(../images/headings/orthodontics-for-children.gif);}
h1.two-phase-treatment {background: url(../images/headings/two-phase-treatment.gif);}
h1.palatal-expander {background: url(../images/headings/palatal-expander.gif);}
h1.orthodontic-dictionary {background: url(../images/headings/orthodontic-dictionary.gif);}
h1.faq {background: url(../images/headings/faq.gif);}
h1.life-with-braces {background: url(../images/headings/life-with-braces.gif);}
h1.types-of-braces {background: url(../images/headings/types-of-braces.gif);}
h1.types-of-appliances {background: url(../images/headings/types-of-appliances.gif);}
h1.braces-diagram {background: url(../images/headings/braces-diagram.gif);}
h1.retainers {background: url(../images/headings/retainers.gif);}
h1.emergency-care {background: url(../images/headings/emergency-care.gif);}
h1.teeth-for-life {background: url(../images/headings/teeth-for-life.gif);}
h1.brushing-and-flossing-instructions {background: url(../images/headings/brushing-and-flossing-instructions.gif);}
h1.gum-disease {background: url(../images/headings/gum-disease.gif);}
h1.extractions {background: url(../images/headings/extractions.gif);}
h1.root-canals {background: url(../images/headings/root-canals.gif);}
h1.wisdom-teeth {background: url(../images/headings/wisdom-teeth.gif);}
h1.sealants {background: url(../images/headings/sealants.gif);}
h1.links {background: url(../images/headings/links.gif);}
h1.bonding {background: url(../images/headings/bonding.gif);}
h1.crowns {background: url(../images/headings/crowns.gif);}
h1.implants {background: url(../images/headings/implants.gif);}
h1.teeth-whitening {background: url(../images/headings/teeth-whitening.gif);}
h1.color-your-retainer {background: url(../images/headings/color-your-retainer.gif);}
h1.the-game-room {background: url(../images/headings/the-game-room.gif);}
h1.dynamite-dental-fun-kit {background: url(../images/headings/dynamite-dental-fun-kit.gif);}
h1.site-map {background: url(../images/headings/site-map.gif);}

/* Top Navigation */
#top-nav {height: 27px; position: absolute; top: 0; right: 0;}
#top-nav a {height: 27px; display: block; text-indent: -999em; float: left; margin-right: 15px;}
#top-nav a:hover, #top-nav a.active {background-position: 0 -27px;}

#pt-login {background: url(../images/nav/pt-login.gif); width: 130px;}
#contact-us {background: url(../images/nav/contact-us.gif); width: 108px;}
#home {background: url(../images/nav/home.gif); width: 64px;}

/* Side Navigation */
#nav {width: 214px; position: absolute; z-index: 2; top: 4px; left: 15px;}
#nav ul {width: 214px; position: relative; left: 0; margin: 0;}
#nav ul li {margin: 0; padding: 0; list-style: none; display: inline;}
#nav a {width: 214px; height: 32px; display: block; text-decoration: none; text-indent: -999em; overflow: hidden;}

#our-office, #pediatric-dentistry, #for-new-patients, #about-orthodontics, #braces-101, #teeth-101, #improve-your-smile, #fun-and-games, #refer-a-friend, #contact-us #home {text-indent: -999em; overflow: hidden;}

#our-office {background: url(../images/nav/our-office.gif);}
#pediatric-dentistry {background: url(../images/nav/pediatric-dentistry.gif);}
#for-new-patients {background: url(../images/nav/for-new-patients.gif);}
#about-orthodontics {background: url(../images/nav/about-orthodontics.gif);}
#braces-101 {background: url(../images/nav/braces-101.gif);}
#teeth-101 {background: url(../images/nav/teeth-101.gif);}
#improve-your-smile {background: url(../images/nav/improve-your-smile.gif);}
#fun-and-games {background: url(../images/nav/fun-and-games.gif);}

#nav a:hover, #nav li.active a,
#nav li:hover #our-office, #nav li.sfhover #our-office,
#nav li:hover #pediatric-dentistry, #nav li.sfhover #pediatric-dentistry,
#nav li:hover #for-new-patients, #nav li.sfhover #for-new-patients,
#nav li:hover #about-orthodontics, #nav li.sfhover #about-orthodontics,
#nav li:hover #braces-101, #nav li.sfhover #braces-101, 
#nav li:hover #teeth-101, #nav li.sfhover #teeth-101,
#nav li:hover #improve-your-smile, #nav li.sfhover #improve-your-smile,
#nav li:hover #fun-and-games, #nav li.sfhover #fun-and-games {background-position: 0 -32px;}

/* Drop Down */
#nav ul ul {background: #76BFB6; margin: 0; padding: 0; width: 215px; height: auto; position: absolute; z-index: 3; left: -999em;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -32px 0 0 214px;}
#nav ul ul li {display: block; width: 215px; height: 28px; padding: 0; margin: 0;}
#nav ul ul li.last {padding-bottom: 3px;}
#nav ul ul li a {padding: 5px 0 2px 10px; margin: 0; width: auto; height: 28px; display: block; color: #fff; text-indent: 0; font-size: 1em; font-weight: normal;}
#nav ul ul li a:hover {color: #fdffbc;}

/* Anatomy of a Tooth */
#anatomy-of-a-tooth {background: url(../images/anatomy-of-a-tooth/anatomy-of-a-tooth-bg.gif); height: 525px; position: relative; width: 300px; margin: 10px auto;}
#anatomy-of-a-tooth a {cursor: help; display: block; position: absolute}
#anatomy-of-a-tooth a:hover {background: transparent}
a#bone {height: 20px; left: 30px; top: 380px; width: 40px}
a#cementum {height: 20px; left: 100px; top: 460px; width: 90px}
a#dentin {height: 20px; left: 80px; top: 165px; width: 60px}
a#enamel {height: 20px; left: 165px; top: 135px; width: 60px}
a#gingiva {height: 30px; left: 20px; top: 275px; width: 60px}
a#periodontal {height: 30px; left: 205px; top: 440px; width: 70px}
a#pulp {height: 30px; left: 125px; top: 220px; width: 50px}
a#print {cursor: pointer; height: 23px; left: 240px; top: 502px; width: 60px}
#anatomy-of-a-tooth a img {border: none; display: block; height: 0; position: absolute; width: 0}
#anatomy-of-a-tooth a:hover img {height: 98px; width: 300px}
a#bone:hover img {left: -30px; top: -380px}
a#cementum:hover img {left: -100px; top: -460px}
a#dentin:hover img {left: -80px; top: -165px}
a#enamel:hover img {left: -165px; top: -135px}
a#gingiva:hover img {left: -20px; top: -275px}
a#periodontal:hover img {left: -205px; top: -440px}
a#pulp:hover img {left: -125px; top: -220px}

/* 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; margin: 0 0 10px 10px;}
ul#sesame-games a img {float:right; clear: right; height:85px; width:200px;}
ul#sesame-games p {padding-bottom: 1em;}