/* Layout */
*html #content_wrap, *html #content_sub {height: 322px;}
body {background: #a7a37e url(images/body_bg.gif) repeat-x; margin: 0; text-align: center;}
#container {background: url(images/container_bg.gif) repeat-y; width: 800px; margin: 0 auto; text-align: left;}
#head {background: url(images/head_bg.jpg) no-repeat; height: 106px; position: relative;}
#logo {width: 375px; float: left;}
#nav_wrap {background: #ad653e; width: 184px; float: left;}
#address {color:#efecca; padding: 35px 8px 20px 8px; clear: both;}
.small {font-size: 11px;}
#content_wrap {background: url(images/content_top.jpg) no-repeat; width: 557px; min-height: 322px; float: left;}
#content_home {width: 527px; margin: 0 auto;}
#content_sub {background: url(images/sub_content_top.jpg) no-repeat; width: 487px; padding: 0 35px; min-height: 322px; float: left;}
#content {padding: 0 15px;}
#footer {background: #a7a37e url(images/footer.jpg) no-repeat; height: 80px; font-size: 10px; color: #595441; padding: 57px 0 0 190px; text-align: center;}
#left_col {background: url(images/left_col.jpg) no-repeat; width: 30px; height: 406px; float: left;}
#right_col {background: url(images/right_col.jpg) no-repeat; width: 29px; height: 406px; float: left;}
.break {clear: both;}
/* Images */
img {border: 0;}
.img_border {border: solid 1px #a7a37e;}
.img_center_border {border: solid 1px #a7a37e; margin: 0 auto; display: block;}
.img_left_border {border: solid 1px #a7a37e; margin: 5px 15px 10px 0; float: left;}
.img_right_border {border: solid 1px #a7a37e; margin: 5px 0 10px 15px; float: right;}
/* Links */
a {color: #ad653e; text-decoration: underline;}
a:hover {color: #595441;}
a.active {color: #595441;}
#footer a {color: #595441; text-decoration: none;}
#footer a:hover {text-decoration: underline}
#footer #sesame {color: #ad653e; text-decoration: none;}
#footer #sesame:hover {text-decoration: underline;}
/* Text */
body, html {font: 12px Tahoma, Verdana, Arial; color: #595441;}
.red {color: #ad653e;}
/* Lists */
ol, ul {margin-bottom: 10px; margin-top: 5px;}
dl {list-style: none; padding: 0; margin: 0;}
dd {margin: -12px 0 0 50px}
/* Headings */
h1 {width: 487px; height: 50px; margin: 20px 0; text-indent: -999em;}
h2 {font: bold 17px Tahoma, Verdana, Arial; margin: 10px 0; color: #ad653e; clear: left;}
h3 {font: bold 14px; margin: 10px 0; color: #595441;}
h1.welcome {background: url(images/titles/welcome.gif); width: 527px; margin: 20px 0 0 0;}
h1.about_us {background: url(images/titles/about_us.gif);}
h1.about_office {background: url(images/titles/about_office.gif);}
h1.meet_doctor {background: url(images/titles/meet_doctor.gif);}
h1.office_tour {background: url(images/titles/office_tour.gif);}
h1.community {background: url(images/titles/community.gif);}
h1.new_patients {background: url(images/titles/new_patients.gif);}
h1.patient_forms {background: url(images/titles/patient_forms.gif);}
h1.about_ortho {background: url(images/titles/about_ortho.gif);}
h1.why_braces {background: url(images/titles/why_braces.gif);}
h1.children {background: url(images/titles/for_children.gif);}
h1.two_phase {background: url(images/titles/two_phase.gif);}
h1.adults {background: url(images/titles/for_adults.gif);}
h1.before_after {background: url(images/titles/before_after.gif);}
h1.dictionary {background: url(images/titles/ortho_dictionary.gif);}
h1.links {background: url(images/titles/links.gif);}
h1.braces_101 {background: url(images/titles/braces_101.gif);}
h1.life {background: url(images/titles/life_with_braces.gif);}
h1.types_braces {background: url(images/titles/types_braces.gif);}
h1.invisalign {background: url(images/titles/invisalign.gif);}
h1.types_appliances {background: url(images/titles/types_appliances.gif);}
h1.diagram {background: url(images/titles/braces_diagram.gif);}
h1.retainers {background: url(images/titles/retainers.gif);}
h1.emergency {background: url(images/titles/emergency_care.gif);}
h1.faqs {background: url(images/titles/faqs.gif);}
h1.games {background: url(images/titles/game_room.gif);}
h1.contact {background: url(images/titles/contact.gif);}
h1.contests {background: url(images/titles/contests.gif);}
h1.comments {background: url(images/titles/comments.gif);}
h1.referrals {background: url(images/titles/referrals.gif);}
h1.site_map {background: url(images/titles/site_map.gif);}
h1.french {background: url(images/titles/french.gif);}
h1.spanish {background: url(images/titles/spanish.gif);}
/* Top Nav */
#head a {display: block; text-decoration: none; text-indent: -999em; overflow: hidden; position: absolute;}
a#login {background: url(images/nav/patient_login.jpg); width: 114px; height: 25px; margin: 50px 0 0 513px;}
a#contact {background: url(images/nav/contact.jpg); width: 94px; height: 25px;}
a#dlogin:hover, a#login:hover, a#contact:hover, #contact a#contact {background-position: 0 -25px;}
ul#navH {list-style: none; width: 110px; padding: 0; margin: 50px 0 0 652px; position: absolute; z-index: 2}
#navH li ul {list-style: none; width: 110px; background: #8e5333; font: 12px Tahoma, Verdana, Arial; left: -9999px; margin: 25px 0 0 -15px; position: absolute; padding: 3px 0}
#navH li:hover ul, #navH li.sfhoverh ul {left: auto;}
#navH ul li a {color: #cac599; padding: 3px 0 0 10px; display: block; width: 100px; height: 20px; position: relative; text-indent: 0;}
#navH ul li a:hover {color: #efecca; background: #ad653e;}
#navH li:hover #contact, #navH li.sfhoverh #contact {background-position: 0 -25px;}
a#french {background: url(images/nav/french.jpg); width: 58px; height: 31px; margin: 75px 0 0 617px;}
a#spanish {background: url(images/nav/spanish.jpg); width: 54px; height: 31px; margin: 75px 0 0 692px;}
a#french:hover, a#spanish:hover {background-position: 0 -31px;}
/* Nav */
ul#navV {width: 184px; padding: 0; margin: 0; float: left}
#nav-home {background: url(images/nav/home.gif); height: 28px;}
#nav-about_us {background: url(images/nav/about_us.gif); height: 28px;}
#nav-new_patients {background: url(images/nav/new_patients.gif); height: 28px;}
#nav-before_after {background: url(images/nav/before_after.gif); height: 34px;}
#nav-about_ortho {background: url(images/nav/about_ortho.gif); height: 28px;}
#nav-braces_101 {background: url(images/nav/braces_101.gif); height: 28px;}
#nav-invisalign {background: url(images/nav/invisalign.gif); height: 34px;}
#nav-game_room {background: url(images/nav/game_room.gif); height: 28px;}
#nav-contests {background: url(images/nav/contests.gif); height: 28px;}
#nav-faqs {background: url(images/nav/faqs.gif); height: 28px;}
#nav-dlogin {background: url(images/nav/doctor_login.gif); height: 35px;}
#navV a {width: 184px; display: block; text-decoration: none; text-indent: -999em; overflow: hidden;}
#navV a:hover,
#home #nav-home,
#about_us #nav-about_us, #navV li:hover #nav-about_us, #navV li.sfhoverv #nav-about_us,
#new_patients #nav-new_patients, #navV li:hover #nav-new_patients, #navV li.sfhoverv #nav-new_patients,
#about_ortho #nav-about_ortho, #navV li:hover #nav-about_ortho, #navV li.sfhoverv #nav-about_ortho,
#braces_101 #nav-braces_101, #navV li:hover #nav-braces_101, #navV li.sfhoverv #nav-braces_101,
#invisalign #nav-invisalign,
#faqs #nav-faqs, #navV li:hover #nav-faqs, #navV li.sfhoverv #nav-faqs,
#game_room #nav-game_room,
#contests #nav-contests,
#contact #nav-contact, #navV li:hover #nav-contact, #navV li.sfhoverv #nav-contact {background-position: 0 -28px;}
#navV a#nav-before_after:hover, #before_after a#nav-before_after,
#navV a#nav-invisalign:hover, #invisalign a#nav-invisalign {background-position: 0 -34px;}
#navV a#nav-dlogin:hover {background-position: 0 -35px;}
/* Drop Down */
ul#navV, #navV ul {line-height: 1; list-style: none; margin: 0; padding: 0; border: 0;}
#navV li {display: inline;}
#navV li ul {background: #8e5333; font: 12px Tahoma, Verdana, Arial; left: -9999px; position: absolute; z-index: 1; padding: 3px 0;}
#navV li:hover ul, #navV li.sfhoverv ul {left: auto; margin: -28px 0 0 174px;}
#navV ul li a {color: #cac599; padding: 3px 0 0 10px; width: 135px; height: 20px; text-indent: 0;}
#navV ul li a:hover {color: #efecca; background: #ad653e;}