/* HTML, BODY ---------- */
html {height: 100%; margin-bottom: 1px}
body {background: #B98748; margin: 0}
/* TEXT ---------- */
body, table, input, textarea {color: #FFF; font: 11px/16px tahoma, sans-serif}
p {margin-top: 0}
td {vertical-align: top}
#flash p {background: #FFFF99; bottom: 0; font-size: 10px; line-height: 14px; margin: 10px; padding: 5px; position: absolute}
/* HEADERS ---------- */
h1 {color: #FFF; font: italic normal 30px georgia, serif; height: 60px; margin: 0; overflow: hidden; position: relative}
h1 span {background-repeat: no-repeat; height: 100%; position: absolute; width: 100%}
h2 {color: #D5B48C; font-size: 13px; margin: 0}
h3, .highlight {font-size: 11px; font-weight: bold; margin: 0}
/* FORMS ---------- */
input, textarea, .submit {color: #000}
/* LISTS ---------- */
ol, ul {margin-top: 0}
ul#nav {height: 21px; list-style: none; margin: 0 0 0 8px; padding: 0}
/* LINKS ---------- */
a {color: #E3BE8E; text-decoration: underline}
a:hover {text-decoration: none}
a b {display: none}
.credit {font-size: 10px; font-weight: bold}
/* NAVIGATION ---------- */
#nav_patient_login {background: url(images/nav_patient_login.gif); float: right; margin-top: 10px; height: 26px; width: 89px}
#nav_doctor_login {background: url(images/nav_doctor_login.gif); float: right; height: 26px; margin: 10px 25px 0 0; width: 83px}
#header a:hover {background-position: 0 -26px}
#nav a {display: block; height: 21px}
#nav li {float: left; height: 21px}
#nav_home {background: url(images/nav_home.gif); width: 51px}
#nav_our_team {background: url(images/nav_our_team.gif); width: 67px}
#nav_services {background: url(images/nav_services.gif); width: 58px}
#nav_smile_gallery {background: url(images/nav_smile_gallery.gif); width: 86px}
#nav_office_tour {background: url(images/nav_office_tour.gif); width: 73px}
#nav_comfort_menu {background: url(images/nav_comfort_menu.gif); width: 95px}
#nav_patient_education {background: url(images/nav_patient_education.gif); width: 111px}
#nav_for_new_patients {background: url(images/nav_for_new_patients.gif); width: 102px}
#nav_contact_us {background: url(images/nav_contact_us.gif); width: 71px}
#nav li:hover, #nav li.sfhover,
#home #nav_home,
#our_team #nav_our_team,
#services #nav_services,
#smile_gallery #nav_smile_gallery,
#office_tour #nav_office_tour,
#comfort_menu #nav_comfort_menu,
#patient_education #nav_patient_education,
#for_new_patients #nav_for_new_patients,
#contact_us #nav_contact_us {background-position: 0 -21px}
#nav ul {list-style: none; margin: 0; padding: 0}
#nav ul li {float: none}
#nav li ul {background: #534F68; border: 1px solid #E3BE8E; border-width: 1px 1px 0 1px; margin-left: -999em; position: absolute; z-index: 10}
#nav li:hover ul, #nav li.sfhover ul {margin-left: auto}
#nav li#nav_contact_us:hover ul, #nav li#nav_contact_us.sfhover ul {margin-left: -75px}
#nav ul li a {border-bottom: 1px solid #E3BE8E; color: #FFF; padding-left: 5px; text-decoration: none; width: 140px}
#nav ul li a:hover {color: #E3BE8E}
/* IMAGES ---------- */
img, table {border: none}
.border {border: 1px solid #BC944F}
.centered {display: block; margin: 10px auto}
.clear {clear: both}
.left {float: left; margin: 0 10px 10px 0}
.right {float: right; margin: 0 0 10px 10px}
#flash img {float: left; margin-right: 10px}
#dental_excellence {margin: 20px 0 0 176px}
.smile_gallery {background: #000; border: 1px solid #E3BE8E; float: left; height: 22px; margin: 0 5px 10px 0; padding-top: 3px; text-align: center; width: 25px}
.before_after {display: block; height: 125px; margin: 5px 0 10px 0; width: 250px}
.before_after:hover {background-position: 0 -125px; cursor: default}
/* LAYOUT ---------- */
#wrap {margin: 25px auto; width: 780px}
#container {background: url(images/layout_container_bg.gif) repeat-y; margin-left: 25px; width: 740px}
#header {background: url(images/layout_header_bg.gif); height: 141px; position:relative}
#phone { position:absolute; width:200px; height:15px; float:right; top:107px; right:2px; color:#FFF; font-size:14px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; text-indent:0}
#content {background: url(images/layout_content_bg.gif) no-repeat; padding: 35px 55px 25px 45px; width: 640px}
#home #content {height: 241px; padding-left: 365px; width: 320px}
#content:after {clear: both; content: "."; display: block; height: 0; visibility: hidden}
#flash {color: #444; position: relative}
#footer {background: url(images/layout_footer_bg.gif) 25px 0 no-repeat; margin: -7px 0 30px 0; padding-top: 25px; position: relative; text-align: center; z-index: 1}