/* HTML, BODY ---------- */
html {height: 100%; margin-bottom: 1px}
body {background: #a5b191; margin: 0; padding-bottom: 20px}

/* TEXT ---------- */
body, table {color: #fff; font: 14px/18px "Times New Roman", Times, serif}
p {margin: 0}
table td {vertical-align: top}
* .red {color: #ff0000}

BODY, TD, .NormalText {
	color: #fff; 
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-family: Times New Roman, Times, serif, Arial; 
} 

.Header {font-size: 18px; margin: 0 0 18px 0; font-weight: bold; color: #d8d3a9; text-transform: uppercase;}
.Subheader {font-size: 14px; margin: 0; font-weight: bold;}
.Subheader2 {font-size: 14px; margin: 0; font-weight: bold; font-style: italic; }
.GoldText	{ color: #d8d3a9; }

/* HEADERS ---------- */
h1 {color: #d8d3a9; font-size: 18px; margin: 0 0 18px 0; text-transform: uppercase}
h2 {font-size: 14px; margin: 0}
h3 {font-size: 14px; font-style: italic; margin: 0}
h4 { font-size:28px; text-decoration:underline; text-align:center}
h5 { font-size:18px; text-decoration:underline; text-align:center}

/* LISTS ---------- */
ol, ul {margin-bottom: 0; margin-top: 0}
ul#nav {float: left; margin: 20px 0}

/* LINKS ---------- */
a:link, a:visited {color: #a5b191; text-decoration: underline}
a:hover, a:active {text-decoration: none}
#doctors {margin: 0 -50px 0 -10px; width: 553px}
#doctors a {background: #A5B191; color: #FFF; display: block; float: left; margin: 0 5px 20px 0; padding: 5px; text-align: center; text-decoration: none}
#doctors a:hover {color: #223251}
#doctors a span {font-size: 11px; text-transform: uppercase}
* #simple_financing {background: url(images/simple_financing.gif); height: 39px; margin-top: -49px; position: absolute; right: 0; text-decoration: none; width: 330px; z-index: 1}
a#simple_financing:hover {background-position: 0 -39px}
* #footer_site_map a {color: #d8d3a9}

/* NAV ---------- */
b {display: none}
* #nav_patient_login {background: url(images/nav_patient_login.gif); display: block; height: 34px; text-decoration: none; width: 227px}
a#nav_patient_login:hover {background-position: 0 -34px}

* #nav_meet_the_doctors {background: url(images/nav_meet_the_doctors.gif)}
* #nav_meet_the_team {background: url(images/nav_meet_the_team.gif)}
* #nav_our_office {background: url(images/nav_our_office.gif)}
* #nav_map_directions {background: url(images/nav_map_directions.gif)}
* #nav_patient_info {background: url(images/nav_patient_info.gif)}
* #nav_appointment_request {background: url(images/nav_appointment_request.gif)}
* #nav_dental_services {background: url(images/nav_dental_services.gif)}
* #nav_dental_implants {background: url(images/nav_dental_implants.gif)}
* #nav_periodontics {background: url(images/nav_periodontics.gif)}
* #nav_periodontal_prosthesis {background: url(images/nav_periodontal_prothesis.gif)}
* #nav_oral_medicine {background: url(images/nav_oral_medicine.gif)}
* #nav_smile_gallery {background: url(images/nav_smile_gallery.gif)}
* #nav_technology {background: url(images/nav_technology.gif)}
* #nav_testimonials {background: url(images/nav_testimonials.gif)}
* #nav_in_the_news {background: url(images/nav_in_the_news.gif)}
* #nav_faqs {background: url(images/nav_faqs.gif)}
* #nav_links {background: url(images/nav_links.gif)}
* #nav_home {background: url(images/nav_home.gif)}

* #nav a {display: block; height: 20px; text-decoration: none; width: 227px}
* #nav a:hover, #nav .active, 
#meet_the_doctors #nav_meet_the_doctors, #nav li:hover #nav_meet_the_doctors, #nav li.sfhover #nav_meet_the_doctors, 
#meet_the_team #nav_meet_the_team, 
#our_office #nav_our_office, #nav li:hover #nav_our_office, #nav li.sfhover #nav_our_office, 
#map_directions #nav_map_directions, 
#patient_info #nav_patient_info, #nav li:hover #nav_patient_info, #nav li.sfhover #nav_patient_info, 
#appointment_request #nav_appointment_request, 
#dental_services #nav_dental_services, 
#dental_implants #nav_dental_implants, #nav li:hover #nav_dental_implants, #nav li.sfhover #nav_dental_implants, 
#periodontics #nav_periodontics, #nav li:hover #nav_periodontics, #nav li.sfhover #nav_periodontics, 
#periodontal_prosthesis #nav_periodontal_prosthesis, 
#oral_medicine #nav_oral_medicine, 
#smile_gallery #nav_smile_gallery, 
#technology #nav_technology, #nav li:hover #nav_technology, #nav li.sfhover #nav_technology, 
#testimonials #nav_testimonials, 
#in_the_news #nav_in_the_news, #nav li:hover #nav_in_the_news, #nav li.sfhover #nav_in_the_news, 
#faqs #nav_faqs, 
#links #nav_links, 
#home #nav_home {background-position: 0 -20px}

* #nav, #nav ul {line-height: 1; list-style: none; margin: 0; padding: 0}
* #nav li {display: inline}
* #nav li ul {background: #d8d3a9; left: -9999px; position: absolute; z-index: 1}
* #nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -20px 0 0 227px}
* #nav ul li a {color: #223251; font: 11px verdana, sans-serif; height: 12px; padding: 6px; width: 200px}
* #nav ul li a:hover {background: #223251; color: #d8d3a9}

/* IMAGES ---------- */
img {border: none}
* .image {float: right; margin: 0 -30px 10px 10px}
* .centered {display: block; margin: 18px auto; text-align: center}
* .right {float: right; margin: 0 0 10px 10px}

/* LAYOUT ---------- */
* #header {background: #223251 url(images/layout_header_bg.jpg) no-repeat 100% 0; border-bottom: 10px solid #d8d3a9; height: 145px; margin: 20px auto 0 auto; position: relative; width: 780px; z-index: 1}
* #login {background: #223251 url(images/layout_content_bg.jpg) no-repeat 100% 0; margin: 0 auto; width: 780px}
* #wrap {background: #d8d3a9; width: 100%}
* #container {background: #223251 url(images/layout_body_bg.gif) repeat-y; margin: 0 auto; position: relative; width: 780px}
* #content {background: url(images/layout_content_bg.jpg) no-repeat 100% -34px; float: right; padding: 30px 30px 50px 30px; width: 493px}
#give_us_a_call {background: url(images/give_us_a_call.gif); height: 39px; margin-top: -49px; position: absolute; right: 330px; text-decoration: none; width: 223px; z-index: 1}
* #footer_address {background: #d8d3a9; clear: both; color: #223251; font: 11px verdana, sans-serif; margin: 0 auto; padding: 10px 0; position: relative; text-align: center; width: 780px}
* #footer_site_map {background: #223251; color: #d8d3a9; font: 11px verdana, sans-serif; margin: 0 auto; padding: 10px 0; text-align: center; width: 780px}
* .clear {clear: both}
.doc-button {width:auto; height:75px;}

.appointment-button {left: 450px; top: 160px; position: absolute; z-index: 1}
/* DIY ---------- */
.diy_area {
	width: 493px;
	}