/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
body {
	line-height:1.5;
	background-color: #655f21;
	background-image: url(../images/page-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	overflow-x: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a {
	text-decoration: none;
	color: #889A51;
}
a:hover {
	color: #836D5F;
}
a.seemap {
	text-decoration: none;
	color: #d5ef4a;
}
a.seemap:hover {
	color: #ffffff;
}
a img {border:none;}
* .hide {display:none;}
.flash-replaced .alt {display:none;}

/*LAYOUT*/
* #container {
	width: 952px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(../images/container-bg.png);
	background-repeat: repeat-y;
	background-position: center top;
}
* #hd {
	background-image: url(../images/hd-bg.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 204px;
}
#logo a {
	background-image: url(../images/logo.png);
	height: 204px;
	width: 256px;
	position: absolute;
	left: 0px;
	top: 0px;
	text-indent: -9999px;
	display: block;
}
* #bd {
	background-image: url(../images/bd-bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	min-height:700px;
	height:auto !important;
	height:700px;
	
}
* #sidebar {
	position: absolute;
	left: 300px;
	top: 1px;
	color: #FFF;
	font-weight: bold;
	width: 600px;
}
#sidebar #address {
	width: 400px;
	line-height: normal;
	text-transform: uppercase;
	float: left;
}
#sidebar #telephone {
	float: right;
	font-size: 24px;
	margin-top: 25px;
}

* #content {
	background-image: url(../images/content-bg.png);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	width: 620px;
	padding-top: 20px;
	padding-right: 50px;
	padding-bottom: 50px;
	padding-left: 20px;
}

* #ft {
	background-image: url(../images/ft-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 163px;
	clear: both;
	color: #FFFFFF;
	margin-bottom: -20px;
}
#ft     .text_nav   {
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 30px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}
#ft h4 {
	padding-right: 30px;
	padding-left: 30px;
}

#ft #sesame-link {
	padding-left: 30px;
}
#ft a {
	color: #FFFFFF;
	font-size: 12px;
}
#ft a:hover {
	color: #FF9;
}


* #rightedge {
	background-image: url(../images/edge_top_right.jpg);
	position: absolute;
	top: 75px;
	right: -164px;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 182px;
	width: 164px;
}
* #leftedge {
	background-image: url(../images/edge_btm_left.jpg);
	display: block;
	height: 126px;
	width: 157px;
	position: absolute;
	left: -157px;
	bottom: 63px;
	background-repeat: no-repeat;
	background-position: left top;
}
#appointment a {
	background-image: url(../images/btn_appointment.png);
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 90px;
	width: 240px;
	position: absolute;
	left: 12px;
	top: 210px;
}
#appointment a:hover {
	background-position: right top;
}
* #memberships {
	position: absolute;
	left: 12px;
	bottom: 193px;
}
#memberships li {
	list-style-type: none;
	text-indent: -9999px;
}
#sapphire a {
	background-image: url(../images/btn_logos.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 80px;
	width: 240px;
}
#lumineers a {
	background-image: url(../images/btn_logos.png);
	background-repeat: no-repeat;
	background-position: left -80px;
	display: block;
	height: 64px;
	width: 240px;
}
#invisalign a {
	background-image: url(../images/btn_logos.png);
	background-repeat: no-repeat;
	background-position: left -144px;
	display: block;
	height: 44px;
	width: 240px;
}

/*TYPOGRAPHY*/
h1, h2, h3, h4, h5, h6 {}
h1 {
	font-size: 24px;
	text-transform: uppercase;
	color: #687D3B;
}
.home .headline {
	padding-top: 200px;
	font-style: italic;
	font-size: 20px;
	text-transform: none;
	color: #687D3B;
}
.home h1 {
	color:#000;}

h2 {
	font-size: 18px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 12px;
	font-weight: bold;
}

p {
	padding-top: 10px;
	padding-bottom: 10px;
}
#content ul {
	padding-left: 10px;
}
#content ul li {
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../images/content-li.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 20px;
	list-style-type: none;
}
#content ol {
	padding-left: 30px;
}
#content ol li {
	padding-top: 5px;
	padding-bottom: 5px;
}
/*SUBNAV*/
* .sub_nav {
	color: #14374d;
	font-weight: bold;
}
.sub_nav .active {
	color:#8E7A55;
}
/*MISC STYLES*/
.back-to-top a {
	background-image: url(../images/top.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 112px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	right: 50px;
	bottom: 180px;
	background-position: left top;
}
* .left {float: left;}
* .right {float: right;}
* .center {
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
table tr td {
	padding: 2px 10px 2px 0px;
}
* .hr {
	color: #714171;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 2px;
	display: block;
	width: 100%;
	background: #714171;
}
* .img-left {
	padding: 0px;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}
* .img-right {
	padding: 0px;
	float: right;
	margin-left: 10px;
	margin-top: 10px;
}
* .border {
	padding: 5px;
	border: 1px solid #666;
	background: #FFF;
}
* .intro {
	color: #7d663b;
	font-style: italic;
	font-size: 14px;
	font-weight: bold;
}
* .green {
	color: #687D3B;
}
.site-map #content ul li {
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../images/sitemap-li.png);
	background-repeat: no-repeat;
	background-position: left 9px;
	padding-left: 15px;
	list-style-type: none;
	font-weight: bold;
}
.site-map #content ul li ul li  {
	font-weight: normal;
}
* .dualcol {
	float: left;
	width: 250px;
	padding: 10px;
}
#ratesmile a {
	background-image: url(../images/rate-your-smile.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 100px;
	width: 250px;
}


/*Slideshow*/
* #homeslideshow {
	position: absolute;
	width: 646px;
	left: 437px;
	top: 219px;
	height: 188px;
	overflow: hidden;
}
* .slideshow {
	height: 188px;
	width: 646px;
	margin: auto;
	background: transparent;
	position: absolute;
	top: 220px;
	left: 272px;
	overflow:hidden
}

/*CLEARFIX*/
* .clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
* .clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/* IE6 upgrade alert */
* #ie_alert {
display: none;
background-color: #fff;
width: 400px;
color: #333;
text-align: left;
font-size: 11px;
letter-spacing: normal;
font-weight: bold;
padding: 15px 15px 0 15px;
border: solid 2px #a52003;
position: absolute;
z-index: 5000;
top: 10px;
left: 10px;
}
#ie_alert ul {margin: 0 0 15px 25px;}
#ie_alert p {margin: 0 0 15px 0; line-height: 14px; padding: 0;}
a.upgrade {float: left; margin: 0 10px 0 0;}
span#ie_alert_reasons {color: #a52003;}
* .right {float: right;}

/*-------------------------------
Image Replacement
-------------------------------*/
* #navcontainer {
	background-image: url(../images/nav-panel-1.jpg);
	position: absolute;
	left: -5px;
	top: 330px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 315px;
	width: 200px;
	padding-top: 4px;
}
* #nav {}

#nav ul #home, * #patient-information, * #general-dentistry, * #restore-your-smile, * #enhance-your-smile, * #dentistry-for-kids, * #contact-us {
	width: 185px;
	display: block;
	background-image: url(../images/nav.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	line-height: 24px;
}
#nav ul ul {
	text-indent: 0px;
	line-height: 18px;
}

* #patient-information {
	background-position: left top;
	line-height: 36px;
}
#patient-information:hover, #nav li:hover #patient-information, #nav li.sfhover #patient-information, .active #patient-information, #nav ul #patient-information.active {
	background-position: -201px top;
}
* #general-dentistry {
	background-position: 0px -52px
}
#general-dentistry:hover, #nav li:hover #general-dentistry, #nav li.sfhover #general-dentistry, .active #general-dentistry, #nav ul #general-dentistry.active {
	background-position: -201px -52px;
}
* #restore-your-smile {
	background-position: 0px -92px
}
#restore-your-smile:hover, #nav li:hover #restore-your-smile, #nav li.sfhover #restore-your-smile, .active #restore-your-smile, #nav ul #restore-your-smile.active {
	background-position: -201px -92px;
}
* #enhance-your-smile {
	background-position: 0px -132px
}
#enhance-your-smile:hover, #nav li:hover #enhance-your-smile, #nav li.sfhover #enhance-your-smile, .active #enhance-your-smile, #nav ul #enhance-your-smile.active {
	background-position: -201px -132px;
}
* #dentistry-for-kids {
	background-position: 0px -172px
}
#dentistry-for-kids:hover, #nav li:hover #dentistry-for-kids, #nav li.sfhover #dentistry-for-kids, .active #dentistry-for-kids, #nav ul #dentistry-for-kids.active {
	background-position: -201px -172px;
}
* #contact-us {
	background-position: 0px -212px
}
#contact-us:hover, #nav li:hover #contact-us, #nav li.sfhover #contact-us, .active #contact-us, #nav ul #contact-us.active {
	background-position: -201px -212px;
}

#nav ul #home {
	background-image: url(../images/nav.jpg);
	background-repeat: no-repeat;
	background-position: left -252px;
	line-height: 35px;
}

#nav ul #home:hover, #nav li:hover #home, #nav li.sfhover #home, #nav .active #home, #nav ul #home.active {
	background-position: -201px -252px;
}
#nav ul .patient-information.first ul {
	padding-top: 12px;
}


/* anatomy of a tooth */
* #anatomy-of-a-tooth {background: url(../images/anatomy-of-a-tooth/anatomy-of-a-tooth-bg.gif); height: 525px; position: relative; width: 300px}
#anatomy-of-a-tooth a {cursor: help; display: block; position: absolute}
#anatomy-of-a-tooth a:hover {background: transparent}
a#bone {height: 20px; left: 30px; top: 380px; width: 40px}
a#cementum {height: 20px; left: 100px; top: 460px; width: 90px}
a#dentin {height: 20px; left: 80px; top: 165px; width: 60px}
a#enamel {height: 20px; left: 165px; top: 135px; width: 60px}
a#gingiva {height: 30px; left: 20px; top: 275px; width: 60px}
a#periodontal {height: 30px; left: 205px; top: 440px; width: 70px}
a#pulp {height: 30px; left: 125px; top: 220px; width: 50px}
a#print {cursor: pointer; height: 23px; left: 240px; top: 502px; width: 60px}
#bd #anatomy-of-a-tooth a img {border: none; display: block; height: 0; position: absolute; width: 0; margin:0; padding:0;}
#bd #anatomy-of-a-tooth a:hover img {height: 98px; width: 300px}
a#bone:hover img {left: -30px; top: -380px}
a#cementum:hover img {left: -100px; top: -460px}
a#dentin:hover img {left: -80px; top: -165px}
a#enamel:hover img {left: -165px; top: -135px}
a#gingiva:hover img {left: -20px; top: -275px}
a#periodontal:hover img {left: -205px; top: -440px}
a#pulp:hover img {left: -125px; top: -201px}



/* Global form styles */
div.referral-form, div.appointment-form, div.comments, div.login-form {
	width: 100%;
	margin-top: 18px;
}

fieldset {border: 0; padding: 9px 0;color: #002544; margin: 0 18px;}
fieldset div {clear: both;}
* .form-header {color: #002544; border-bottom: 1px solid #002544;/*optional, change color to match site*/}
.form-header h3 {margin: 0 0 9px;}
.form-header p {margin: 0 0; padding-bottom: 18px;}
* .form-footer {padding-top: 18px; text-align: center; border-top: 1px solid #c6dbed;/*optional, change color to match site*/}
.form-footer button {/*these styles control the look of the button, change as necessary*/
	clear:both;/*do not change, forces button to sit below floated elements*/
	margin: 9px auto;/*do not change, controls positioning*/
	display: block;
	width:125px;
	height:31px;
	background:#c6dbed;/* customize me! */
	border: 1px solid #002544;
	text-align:center;
	line-height:31px;
	color:#002544;/* customize me! */
	font-size:12px;
	font-weight:bold;}
fieldset input, fieldset textarea, fieldset select {line-height: 18px; height: 18px; padding: 4px 9px 5px 9px; border: 1px solid #002544;}
fieldset input.radio {border: 0;}
fieldset p.verification img {border: 1px solid #002544;}
fieldset label {margin-top: 9px;}
fieldset label, label span {text-align: left; line-height: 18px; height: 18px;}
fieldset textarea {height: 144px; overflow: auto;}
label.required {background: url(../images/required_note.gif) 100% 0 no-repeat;}
p.required-note {font-weight: bold;}
p.required-note img {display: inline;}
p.radio-float, p.radio-float input {line-height: 27px; vertical-align: middle;}

/* JQuery */
input.error, select.error, textarea.error {border-color: #a52003; background: #fefda1; }
div.error {padding-left: 18px; background: url(../images/validate_error.jpg) 0 0 no-repeat; color: #a52003; display: block; margin:0 0 9px 47%; font-size: 11px; font-weight: normal; line-height: 18px; clear: both;}
div.success {padding-left: 18px; background: url(../images/validate_ok.jpg) 0 0 no-repeat; color: #000000; display: block;margin:9px 0 0 0;font-size: 11px; font-weight: normal; line-height: 18px; float: right; clear: none;}
.contact-form div.error, .contact-form div.success {margin-left: 0;}

/* comment form */
div.comments {
	margin: 18px 0;
	padding: 0;
}
.comments li {font-weight: bold; margin: 0;}
.comments label {/*floats labels left*/
	font-size: 12px;
	display:block;
	font-weight:bold;
	width:45%;
	float:left;}
.comments label span {/*sits below labels; holds instructions*/
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	width:100%;}
.comments .label-block label {float: none; clear: both; width: 100%; text-align: left;}
.comments input, .comments textarea {
	float:left;
	font-size:12px;
	padding:0 2px;
	width:40%;
	margin:9px 0 9px 2%;
	background: #ffffff;}
.comments textarea {width: 95%;}
.comments p.verification {
	clear: both;
	margin: 9px 0 9px 47%;
	font-size: 12px;}
.comments p.radio-float {
	clear: none;
	float:left;
	width: 45%;
	padding:0;
	margin:9px 0 9px 0;
	vertical-align: middle;
	line-height: 18px;}
.comments p.verification {margin-top: 0;}
.comments p.radio input, .comments p.radio-float input {
	float: none;
	margin: 0 0 0 0;
	padding: 4px 2px;
	width: auto;}
.comments p.radio span {padding: 0 2% 0 0;}
.comments .radio {text-align: left; font-weight: normal;}
.comments .comments-box label {float: none; font-weight: normal; display: block; text-align: left;}
.comments .comments-box textarea {float: none; margin-left: 0; width:95%;
}

/* referral form */
div.referral-form {
	margin: 18px 0;
	padding: 0;
}
.referral-form fieldset {border: 0; }
.referral-form label {/*floats labels left*/
	font-size: 12px;
	display:block;
	font-weight:bold;
	width:45%;
	float:left;
	line-height: 18px;}
.referral-form label span {/*sits below labels; holds instructions*/
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	width:100%;}
.referral-form input, .referral-form textarea {
	float:left;
	font-size:12px;
	padding:0 2px;
	width:40%;
	margin:9px 0 9px 2%;
	background: #ffffff;
	position: relative;}
.referral-form p.radio, .referral-form p.verification {
	clear: both;
	margin: 9px 0 9px 47%;
	font-size: 12px;}
.referral-form p.radio-float {
	clear: none;
	float:left;
	width: 45%;
	padding:0;
	margin:9px 0 9px 2%;}
.referral-form p.verification {margin-top: 0;}
.referral-form p.radio input, .referral-form p.radio-float input {
	float: none;
	width: auto;
	margin: 0 0 0 2%;
	padding: 0 2px;
	vertical-align: middle;
	line-height: 18px;
	height: 18px;}

/* appointment form */
* .appointment-form {
	margin: 18px 0;
	padding: 0;
}
.appointment-form fieldset {border: 0; }
.appointment-form label {/*floats labels left*/
	font-size: 12px;
	display:block;
	font-weight:bold;
	width:45%;
	float:left;
	margin-top: 9px;
	line-height: 18px;
	}
.appointment-form label span {/*sits below labels; holds instructions*/
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	width:100%;}
.appointment-form input, .appointment-form select, .appointment-form textarea {
	float:left;
	font-size:12px;
	padding:0 2px;
	width:40%;
	margin:9px 0 9px 2%;
	background: #ffffff;}
.appointment-form p.radio, .appointment-form p.verification {
	clear: both;
	margin: 9px 0 9px 47%;
	font-size: 12px;}
.appointment-form p.radio-float {
	clear: none;
	float:left;
	width: 45%;
	padding:0;
	margin:9px 0 9px 2%;
	vertical-align: middle;
	line-height: 18px;}
.appointment-form span#found-other {width: 100%;}
.appointment-form span#found-other input {margin-left: 47%; background: #fff0b2}
.appointment-form p.verification {margin-top: 0;}
.appointment-form p.radio input, .appointment-form p.radio-float input {
	float: none;
	width: auto;
	margin: 0 0 0 2%;
	padding: 4px 2px;}

/* edit.com */

ul, ol {
	margin-top:0px;
	margin-bottom:0px;
}

.NormalText, body, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-style: normal;
}

.SubHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	font-weight: bold;
}

.SubjectHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	font-weight: bold;
}

td.GrayBorderTop {border-top: solid 1px #808080; padding-top: 10px}

#patient-login {
	position: absolute;
	top: 650px;
	display: block;
	margin-left: 12px;
	width: 240px;
	height: 36px;
	text-indent: -999em;
	overflow: hidden;
	background-image: url(../images/patient-login.gif);
	background-position: center center;
	background-repeat: no-repeat;
}