/* Layout */
body {background: #c4cde9 url(images/body_bg.jpg) repeat-x; margin: 0; }

BODY, TD, .NormalText { font-weight: normal; font-style: normal; text-decoration: none; color: #666666; font-size: 12px; font-family: Verdana, Arial, Helvetica; line-height: 14px; }

.Header		{ color: #A0C2A3; font-size: 32px; font-weight: bold; line-height: 32px; }
.Subheader	{ font-weight: bold; }

.Green		{ color: #849462; }
.LightGreen	{ color: #A0C2A3; }
.Blue		{ color: #2A469D; }
.Gray		{ color: #666666; }
.Black		{ color: #000000; }

.SmallText	{ font-size: 10px; }
.MediumText	{ font-size: 16px; }
.LargeText	{ font-size: 24px; }

* #container {width: 800px; margin: 0; padding: 0; position: relative;}
* #wrap {background: url(images/container_bg.gif) repeat-y; padding: 0; margin: 0;}
* #content_wrap {width: 601px; padding: 0 0 10px 19px; float: left;}
* html #content_wrap {height: 590px;}
* #content {width: 506px;}
* #right_fade {background: url(images/right_fade.jpg) no-repeat; width: 71px; height: 338px; margin: 0; padding: 0; float: right;}
* #footer {background: url(images/footer_bg.gif) no-repeat; height: 160px; padding: 60px 0 0 11px; font-size: 10px; color: #2a469d; clear: both;}
* .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;}
* .sidebar {background: #beffb5; width: 105px; display: block; text-align: center; border: solid 1px #013366; float: right; margin: 5px 0 15px 15px; padding: 5px;}


/* Flash Elements */
* #flash {width: 506px; height: 259px; background: url(images/flash_bg.gif);}
p.upgrade {width: 200px; background: #FFCC00 url(images/get_flash_player.gif) no-repeat 5px; font-size: 10px; text-align: left; margin: 0 auto; padding: 5px 5px 5px 105px; border: solid 1px #000;}

/* Links */
a {color: #849462;}
a:hover {color: #666;}
* #footer a {color: #2a469d; text-decoration: none;}
* #footer a:hover {text-decoration: underline;}

/* Images */
img {margin: 0; border: 0; display: block;}
* .img_border {border: solid 1px #2a469d;}
* .img_center {margin: 0 auto; display: block;}
* .img_center_border {border: solid 1px #2a469d; margin: 0 auto; display: block;}
* .img_right {border: 0; margin: 5px 0 15px 15px; float: right;}
* .img_right_border {border: solid 1px #2a469d; margin: 5px 0 15px 15px; float: right; display: inline;}
* #logo {float: left;}

/* Text */
* #content p {margin: 10px 0;}

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

/* Headings */
h1 {background: url(images/titles/welcome.gif) no-repeat; width: 506px; height: 30px; margin: 0; text-indent: -999em;}
h2 {width: 506px; height: 46px; margin: 0; text-indent: -999em;}
h2.office {background: url(images/titles/our_office.gif);}
h2.our_mission {background: url(images/titles/our_mission.gif);}
h2.meet_doctor {background: url(images/titles/meet_dr.gif);}
h2.meet_team {background: url(images/titles/meet_team.gif);}
h2.office_tour {background: url(images/titles/office_tour.gif);}
h2.first_visit {background: url(images/titles/first_visit.gif);}
h2.about_ortho {background: url(images/titles/about_ortho.gif);}
h2.for_children {background: url(images/titles/for_children.gif);}
h2.two_phase {background: url(images/titles/two_phase.gif);}
h2.for_adults {background: url(images/titles/for_adults.gif);}
h2.ortho_treatments {background: url(images/titles/ortho_treatments.gif);}
h2.ortho_dictionary {background: url(images/titles/ortho_dictionary.gif);}
h2.surgical_ortho {background: url(images/titles/surgical_ortho.gif);}
h2.faqs {background: url(images/titles/faqs.gif);}
h2.resources {background: url(images/titles/resources.gif);}
h2.braces_101 {background: url(images/titles/braces_101.gif);}
h2.life_braces {background: url(images/titles/life_braces.gif);}
h2.types_braces {background: url(images/titles/types_braces.gif);}
h2.types_appliances {background: url(images/titles/types_appliances.gif);}
h2.damon_system {background: url(images/titles/damon_system.gif);}
h2.invisalign {background: url(images/titles/invisalign.gif);}
h2.ibraces {background: url(images/titles/ibraces.gif);}
h2.braces_diagram {background: url(images/titles/braces_diagram.gif);}
h2.retainers {background: url(images/titles/retainers.gif);}
h2.emergency_care {background: url(images/titles/emergency_care.gif);}
h2.game_room {background: url(images/titles/game_room.gif);}
h2.contact {background: url(images/titles/contact.gif);}
h2.location {background: url(images/titles/location.gif);}
h2.comment_form {background: url(images/titles/comment_form.gif);}
h2.refer_friend {background: url(images/titles/refer_friend.gif);}
h2.site_map {background: url(images/titles/site_map.gif);}
h3 {font: bold 12px Verdana, Arial; color: #666; margin: 10px 0;}


/* Top Navigation */
* #top_nav {position: absolute; z-index: 1; top: 0; right: 46px; margin: 0;}
* #top_nav a {display: block; text-decoration: none; text-indent: -999em; overflow: hidden; height: 29px;}
* #pt_login, * #contact, * #site_map, * #index {height: 29px; float: left;}
* #pt_login {background: url(images/nav/pt_login.gif); width: 132px;}
* #contact {background: url(images/nav/contact.gif); width: 85px;}
* #site_map {background: url(images/nav/site_map.gif); width: 87px;}
* #index {background: url(images/nav/home.gif); width: 69px;}
* #top_nav li.active,
* #pt_login:hover, li.Hsfhover#pt_login,
* #contact:hover, li.Hsfhover#contact,
* #site_map:hover, li.Hsfhover#site_map,
* #index:hover, li.Hsfhover#index {background-position: 0 -29px;}
* #top_nav li.active {cursor: default;}

/* Drop Down */
* #top_nav, #top_nav ul {list-style: none; margin: 0; padding: 0;}
* #top_nav li {display: inline;}
* #top_nav li ul {left: -9999px; position: absolute; z-index: 2;}
* #top_nav li:hover ul, #top_nav li.Hsfhover ul {left: auto; margin-top: 0;}
* #top_nav ul li a {background: #c3e4c4; border: solid 1px #9cbd95; border-width: 0 1px 1px 1px; color: #2a469d; height: 18px; line-height: 18px; padding: 2px 0 2px 10px; width: 125px; text-indent: 0;}
* #top_nav ul li a:hover {text-decoration: underline; color: #849462;}

/* Side Navigation */
* #nav {width: 180px; margin: 0; padding: 0; float: left;}
* #nav a {display: block; text-decoration: none; text-indent: -999em; overflow: hidden;}

* #our_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 {background: url(images/nav/emergency_care.gif);}
* #games {background: url(images/nav/game_room.gif);}
* #nav li.lower {margin: 10px 0 0 11px; list-style: none; color: #2a469d; font-size: 10px;}
* #nav li.lower a {width: 150px; height: 46px;}
* #email a {color: #2a469d; font-size: 10px; display: inline;}
* #email a:hover {text-decoration: underline; color: #666;}

* #nav a {width: 180px; height: 30px;}
* #nav a:hover, #nav a.active,
* #nav li:hover #our_office, #nav li.sfhover #our_office,
* #nav li:hover #about_ortho, #nav li.sfhover #about_ortho,
* #nav li:hover #braces_101, #nav li.sfhover #braces_101,
* #nav li:hover #emergency,
* #nav li:hover #games {background-position: 0 -30px;}
* #nav a.active {cursor: default;}

/* Drop Down */
* #nav ul {line-height: 1; list-style: none; margin: 0; padding: 0; border: 0;}
* #nav li ul {background: #c4cde9; padding: 3px 0; margin: 0 5px;}
* #nav ul li a {color: #2a469d; padding: 2px 0 0 10px; width: 150px; height: 18px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-indent: 0;}
* #nav ul li a:hover, #nav ul li a.active {text-decoration: underline; color: #666;}

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