/* Layout */

body {background: #99b28f url(images/body_bg.jpg) repeat-x; margin: 0 0 20px 0; text-align: center;}

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

#content {width: 536px; min-height: 220px; margin: 30px 0 15px 206px;}

* html #content {height: 220px;}

#footer {background: url(images/footer_bg.gif) repeat-y; width: 757px; padding: 10px 0 0 15px; margin: 0 auto; text-align: left;}

#foot {clear: both; margin-left: -15px;}

.blue_bar {background-color: #1a3f65; height: 10px; margin: 0; display: block; clear: both;}

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





/* Clear Fix */

.clear {clear: both;}

.cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.cf {display: inline-block;} /*this trips hasLayout for ie7*/

.cf {display: block;} /*this returns it back to normal*/

* html .cf {height: 1px;}



/* Flash */

#flash_home {background: url(images/flash_bg.gif) no-repeat; width: 536px; height: 225px; float: left;}

p.upgrade {width: 70%; background: #e4e4e4; font-size: 10px; text-align: left; margin: 20px auto; padding: 5px; border: solid 1px #000;}

#flash-common-treatments {margin: 0 auto; width: 500px;}



/* Images */

img {border: 0; display: block;}

.img_center_border {border: solid 1px #000; margin: 10px auto; display: block;}

.img_left_border {border: solid 1px #1a3f65; margin: 5px 15px 15px 0; float: left; clear: left;}

.img_right {border: 0; margin: 5px 0 15px 15px; float: right;}

.img_right_border {border: solid 1px #1a3f65; margin: 5px 0 15px 15px; float: right; clear: right; display: inline-block;}

#logo {float: left;}





/* Links */

a {color: #1a3f65;}

a:hover {color: #3a6087;}



/* Lists */

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

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 {margin-bottom: 10px; padding: 10px 0 5px 0;}

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



/* Text */

body {font: 12px/15px Tahoma, Verdana, Arial; color: #1a3f65;}

p {margin: 0 0 10px 0;}

p.locations {margin: 0 12px 0 0; float: left;}

#footer, #footer a {font-size: 11px; color: #1a3f65;}

#footer a:hover {color: #3a6087;}

sup {font-size: 10px;}



/* 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;}



/* Headings */

h1 {width: 536px; height: 20px; text-indent: -999em; margin: 0 0 15px 0;}

h2 {font: 18px Georgia, "Times New Roman", Times, serif; margin: 0 0 7px 0; line-height: normal;}

h3 {font-size: 14px; font-weight: bold; color: #6d8364; margin: 0; line-height: normal;}

h1.home {background: url(images/titles/welcome.gif); width: 536px; height: 41px;}

h1.about-our-office {background: url(images/titles/about_office.gif);}

h1.our-practice-vision {background: url(images/titles/practice_vision.gif);}

h1.meet-the-orthodontist {background: url(images/titles/meet_orthodontist.gif);}

h1.meet-the-team {background: url(images/titles/meet_team.gif);}

h1.office-policies {background: url(images/titles/office_policies.gif);}

h1.whats-in-a-smile {background: url(images/titles/smile.gif);}

h1.about-orthodontics {background: url(images/titles/about_ortho.gif);}

h1.why-braces {background: url(images/titles/why_braces.gif);}

h1.for-children {background: url(images/titles/for_children.gif);}

h1.two-phase-treatment {background: url(images/titles/two_phase.gif);}

h1.for-adults {background: url(images/titles/for_adults.gif);}

h1.orthodontic-treatments {background: url(images/titles/ortho_treatments.gif);}

h1.ortho-dictionary {background: url(images/titles/ortho_dictionary.gif);}

h1.resources {background: url(images/titles/resources.gif);}

h1.braces-101 {background: url(images/titles/braces_101.gif);}

h1.life-with-braces {background: url(images/titles/life_braces.gif);}

h1.smile-gallery {background: url(images/titles/smile_gallery.gif);}

h1.types-of-braces {background: url(images/titles/types_braces.gif);}

h1.invisalign {background: url(images/titles/invisalign.gif);}

h1.types-of-appliances {background: url(images/titles/types_appliances.gif);}

h1.braces-diagram {background: url(images/titles/braces_diagram.gif);}

h1.brace-painter {background: url(images/titles/brace_painter.gif);}

h1.retainers {background: url(images/titles/retainers.gif);}

h1.ask-the-orthodontist {background: url(images/titles/ask.gif);}

h1.emergency-care {background: url(images/titles/emergency.gif);}

h1.the-game-room {background: url(images/titles/game_room.gif);}

h1.contact-us {background: url(images/titles/contact.gif);}

h1.location {background: url(images/titles/location.gif);}

h1.comment-form {background: url(images/titles/comments.gif);}

h1.refer-a-friend {background: url(images/titles/referrals.gif);}

h1.site-map {background: url(images/titles/site_map.gif);}



/* Side Navigation */

#nav {width: 184px; margin: 5px 0; padding: 0; left: 22px; top: 240px; position: absolute; z-index: 2;}

#nav a {width: 184px; height: 25px; display: block; text-decoration: none; text-indent: -999em; overflow: hidden;}



#patient-login {background: url(images/nav/patient_login.gif);}

#about-our-office {background: url(images/nav/about_office.gif);}

#office-policies {background: url(images/nav/first_visit.gif);}

#whats-in-a-smile {background: url(images/nav/smile.gif);}

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

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

#ask-the-orthodontist {background: url(images/nav/faqs.gif);}

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

#the-game-room {background: url(images/nav/game_room.gif);}

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

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



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

#nav li:hover #about-our-office, #nav li.sfhover #about-our-office,

#nav li:hover #about-orthodontics, #nav li.sfhover #about-orthodontics,

#nav li:hover #braces-101, #nav li.sfhover #braces-101,

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

#nav li:hover #home, #nav li.sfhover #home {background-position: 0 25px;}

#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: #cabf9a; font-size: 12px; left: -9999px; position: absolute; z-index: 2; padding: 3px;}

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

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

#nav ul li a:hover {color: #5588bb;}



/* 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;}



/* */

#locations-ext {margin: -20px 0 0 50px; float: left;}

#home-ext a {color:#02448E}

#home-ext {color:#02448E;

float:right; 
/*
margin-left:10px; 
*/

margin-top: 20px;

margin-right: -40px;

/*
width:180px; 
*/
width: 148px;

height:62px; 

/*
background:url(images/home-box-bg.gif) no-repeat; 
*/

background:url(images/home-box-bg2.gif) no-repeat; 


/*
padding:11px 0 0 20px;
*/
padding: 11px 0 0 20px;
}

#logos_home {margin-right: 5px; margin-top: -3px; float: right;}