/* HTML, BODY ---------- */
html {height: 100%; margin-bottom: 1px}
body {background: #4e442e url(images/layout_body_bg.gif); margin: 0}
body#braces_morphs {background: #fef8e9; margin: 0; padding: 40px; text-align: center}
/* TEXT ---------- */
body, table {color: #4e442e; font: 11px/18px tahoma, sans-serif}
p {margin: 0}
b {visibility: hidden}
td {vertical-align: top}
.small {font-size: 10px}
/* HEADERS ---------- */
h1 {background-repeat: no-repeat; color: #f18e00; font: italic normal 30px trebuchet, serif; height: 30px; margin: 0 0 5px 0; text-indent: -999em}
h2 {color: #4e442e; font-size: 13px; margin: 0}
h3, .highlight {color: #a79f77; font-size: 11px; font-weight: bold; margin: 0}
/* LISTS ---------- */
ol, ul {margin-bottom: 0; margin-top: 0}
/* LINKS ---------- */
a:link, a:visited {color: #f18e00; text-decoration: underline}
a:hover, a:active {text-decoration: none}
/* NAV ---------- */
#nav_contact_us {background: url(images/nav_contact_us.gif); float: left; height: 25px; margin-left: 380px; text-decoration: none; width: 78px}
#nav_home {background: url(images/nav_home.gif); float: left; height: 25px; text-decoration: none; width: 50px}
a#nav_contact_us:hover, #contact_us a#nav_contact_us, a#nav_home:hover, #home a#nav_home {background-position: 0 -25px}
#contact_us a#nav_contact_us, #home a#nav_home {cursor: default}
#nav a {float: left; text-decoration: none; height: 40px}
#nav_about_our_office {background: url(images/nav_about_our_office.gif); width: 149px}
#nav_before_and_after {background: url(images/nav_before_and_after.gif); width: 101px}
#nav_faqs {background: url(images/nav_faqs.gif); width: 48px}
#nav_about_orthodontics {background: url(images/nav_about_orthodontics.gif); width: 132px}
#nav_braces_101 {background: url(images/nav_braces_101.gif); width: 85px}
#nav_invisalign {background: url(images/nav_invisalign.gif); width: 82px}
#nav_the_game_room {background: url(images/nav_the_game_room.gif); width: 143px}
#nav a:hover {background-position: 0 -40px}
#about_our_office #nav_about_our_office,
#before_and_after #nav_before_and_after,
#faqs #nav_faqs,
#about_orthodontics #nav_about_orthodontics,
#braces_101 #nav_braces_101,
#invisalign #nav_invisalign,
#the_game_room #nav_the_game_room {background-position: 0 -40px; cursor: default}
#col1 a {float: left; height: 30px; text-decoration: none; width: 140px}
#nav_meet_the_team {background: url(images/nav_meet_the_team.gif)}
#nav_office_tour {background: url(images/nav_office_tour.gif)}
#nav_office_policies {background: url(images/nav_office_policies.gif)}
#nav_for_children {background: url(images/nav_for_children.gif)}
#nav_two_phase_treatment {background: url(images/nav_two_phase_treatment.gif)}
#nav_for_adults {background: url(images/nav_for_adults.gif)}
#nav_common_treatments {background: url(images/nav_common_treatments.gif)}
#nav_surgical_orthodontics {background: url(images/nav_surgical_orthodontics.gif)}
#nav_ortho_dictionary {background: url(images/nav_ortho_dictionary.gif)}
#nav_orthodontic_links {background: url(images/nav_orthodontic_links.gif)}
#nav_types_of_braces {background: url(images/nav_types_of_braces.gif)}
#nav_types_of_appliances {background: url(images/nav_types_of_appliances.gif)}
#nav_braces_diagram {background: url(images/nav_braces_diagram.gif)}
#nav_brace_painter {background: url(images/nav_brace_painter.gif)}
#nav_oral_care_video {background: url(images/nav_oral_care_video.gif)}
#nav_retainers {background: url(images/nav_retainers.gif)}
#nav_emergency_care {background: url(images/nav_emergency_care.gif)}
#nav_comment_form {background: url(images/nav_comment_form.gif)}
#nav_refer_a_friend {background: url(images/nav_refer_a_friend.gif)}
#subnav a:hover {background-position: 0 -30px}
#subnav .active {background-position: 0 -30px; cursor: default}
/* IMAGES ---------- */
img, table {border: none}
.image {border: 4px solid #ddd2b4; padding: 1px}
.border {border: 4px solid #ddd2b4; padding: 1px}
.centered {display: block; margin: 0 auto}
.clear {clear: both}
.left {float: left; margin: 0 10px 10px 0}
.right {float: right; margin: 0 0 10px 10px}
.cc {margin-bottom: -7px}
/* LAYOUT ---------- */
#container {background: url(images/layout_container_bg.gif) repeat-y; margin: 0 auto; padding: 0 10px; width: 740px}
#header {background: url(images/layout_header_bg.gif) no-repeat 100% 0; clear: both; height: 145px; margin-right: -10px; position: relative; width: 750px}
#logo {margin-left: -10px; position: absolute}
#flash_logo {margin: -20px 0 0 510px; position: absolute}
#nav {height: 40px}
#content {background: #fef8e9 url(images/layout_content_bg.gif) repeat-y; padding: 40px}
#home #content {padding: 40px 110px}
#flash_home {height: 240px; margin: 10px 0; width: 510px}
#col1 {float: left; margin-right: 30px; width: 180px}
#subnav {background: url(images/layout_subnav_bg.gif) no-repeat; height: 215px; padding: 20px; width: 140px}
#col2 {float: left; width: 450px}
#footer {background: url(images/layout_footer_bg.gif) no-repeat; padding: 30px 0; text-align: center}