/* Layout */
body {background: #5a5a5a url(images/body_bg.jpg) repeat-x; margin: 0; text-align: center;}
#container {width: 743px; margin: 0 auto; text-align: left; position: relative;}
#head {width: 743px; position: relative;}
#content_wrap {background: url(images/content_bg.gif) repeat-y; width: 743px; margin-top: 17px; padding: 0;}
#content_outer {background-color: #fff; width: 507px; padding: 5px; margin: 0 0 0 41px; float: left;}
#content_inner {border: solid 1px #34b0c1; padding: 15px 15px 0 15px; min-height: 400px;}
* html #content_inner {height: 400px;}
#left_col {width: 185px; font: 10px Arial, Helvetica, sans-serif; color: #fff; float: left;}
#footer {width: 743px; border: solid 1px #34b0c1; border-width: 1px 0 0 0; padding: 10px 0 0 0; margin: 15px 0 0 0;}
#logos {background: #fff; padding: 5px; margin: 0 0 15px 0; text-align: center;}
hr {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;}

.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;}

/* Images */
img {border: 0; display: block;}
.img_left_col {border: solid 5px #fff; margin-bottom: 10px;}
.img_left_border {border: solid 1px #5d5d5d; margin: 5px 15px 15px 0; float: left; clear: left;}
.img_right_border {border: solid 1px #5d5d5d; margin: 5px 0 15px 15px; float: right; clear: right;}
.img_center_border {border: solid 1px #5d5d5d; margin: 10px auto; display: block; clear: both;}
.logos {float: left;}

/* Links */
a {color: #000;}
a:hover {color: #852976;}
#left_col a, #footer a {color: #fff;}
#left_col a:hover, #footer a:hover {color: #34b0c1;}

/* Lists */
ul, ol {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 #CCC; border-width: 0 0 1px 1px; margin-top: 10px; padding: 10px 0 5px 10px; width: 70%;}
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: bold 11px/15px Arial, Helvetica, sans-serif; color: #000;}
p {margin: 0; padding: 0 0 10px 0;}
.white_bold {font-size: 12px; font-weight: bold;}
#footer {color: #fff; font-size: 10px; font-weight: bold; line-height: 12px;}

/* Flash */
#flash_home {background: url(images/flash_bg.gif); width: 743px; height: 200px; margin-top: 17px;}
#flash-common-treatments, #flash-types-of-braces, #flash-braces-diagram, #brace-painter {width: 450px; margin: 10px auto;}
#flash_high-point, #flash_adams-farm {width: 400px; margin: 10px auto;}
p.upgrade {width: 50%; background: #fff; font-size: 10px; text-align: left; margin: 20px auto; padding: 10px; border: solid 1px #000;}

/* Navigation */
#nav {margin: 0;}
#nav a {display: block; text-decoration: none; text-indent: -999em; overflow: hidden; height: 32px;}
#about_office, #about_ortho, #braces_101, #ortho_technology, #emergency_care, #contact {float: left;}
#about_office {background: url(images/nav/about_office.gif); width: 131px;}
#about_ortho {background: url(images/nav/about_ortho.gif); width: 145px;}
#braces_101 {background: url(images/nav/braces_101.gif); width: 98px;}
#ortho_technology {background: url(images/nav/ortho_tech.gif); width: 145px;}
#emergency_care {background: url(images/nav/emergency.gif); width: 128px;}
#contact {background: url(images/nav/contact.gif); width: 96px;}
#nav li:hover, #nav li.active,
#about_office:hover, li.sfhover#about_office,
#about_ortho:hover, li.sfhover#about_ortho,
#braces_101:hover, li.sfhover#braces_101,
#ortho_technology:hover, li.sfhover#ortho_technology,
#emergency_care:hover, li.sfhover#emergency_care,
#contact:hover, li.sfhover#contact {background-position: 0 -32px;}
#nav li.active {cursor: default;}

/* Drop Down */
#nav, #nav ul {list-style: none; margin: 0; padding: 0;}
#nav li {display: inline;}
#nav li ul {left: -9999px; position: absolute; z-index: 3; background: #5a5a5a; border: solid 1px #fff; border-width: 0 1px 1px 1px; padding: 3px;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: 0;}
#nav ul li a {color: #cad9d9; height: 18px; line-height: 18px; padding: 2px 0 2px 10px; width: 150px; text-indent: 0; text-decoration: none;}
#nav ul li a:hover {color: #fff;}

h1 {width: 471px; height: 18px; margin: 0 0 5px 0; text-indent: -999em; overflow: hidden;}
h2 {font-size: 16px; color: #67b8ad; margin: 10px 0;}
h3 {font-size: 14px; color: #000; margin: 0;}
h1.home {background: url(images/titles/welcome.gif); width: 471px; height: 56px;}
h1.about-our-office {background: url(images/titles/about-office.gif);}
h1.meet-the-orthodontist {background: url(images/titles/meet-orthodontist.gif);}
h1.meet-the-team {background: url(images/titles/meet-team.gif);}
h1.celebrity-patients {background: url(images/titles/celebrity-patients.gif);}
h1.office-tour {background: url(images/titles/office-tour.gif);}
h1.office-policies {background: url(images/titles/office-policies.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.ask-the-orthodontist {background: url(images/titles/ask.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.types-of-braces {background: url(images/titles/types-braces.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.retainer-rules {background: url(images/titles/retainers.gif);}
h1.ortho-technologies {background: url(images/titles/ortho-technologies.gif);}
h1.invisalign {background: url(images/titles/invisalign.gif);}
h1.ibraces {background: url(images/titles/ibraces.gif);}
h1.surgical-orthodontics {background: url(images/titles/surgical-ortho.gif);}
h1.emergency-care {background: url(images/titles/emergency.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);}