* { margin: 0; outline: none; padding: 0; }
body { background: #cccc99; margin: 20px 0; }

/* - - - - - - - - - - TEXT - - - - - - - - - - */
body, form, input, textarea { color: #333; font-family: verdana, sans-serif; font-size: 12px; }

/* edit.com visible styles */
BODY, TD, .NormalText { text-decoration: none; font-weight: normal; font-style: normal; color: #333; font-family: Verdana, Arial, Helvetica, Georgia, sans-serif; font-size: 12px; line-height: 18px; }

.Title		{ color: #003366; font-size: 34px; font-weight: normal; font-family: Georgia, serif; font-style: italic; line-height: 1em; }
.Header		{ color: #003366; font-size: 16px; font-weight: normal; font-family: Verdana; font-style: italic; line-height: 1em; }
.Subheader	{ color: #333333; font-size: 14px; font-weight: bold; font-family: Verdana; line-height: 1em; }

.Red		{ color: #660000; }
.Blue		{ color: #003366; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }
.Gray		{ color: #333333; }

.SmallText	{ font-size: 10px; }
.MediumText	{ font-size: 16px; line-height: 1em; }
.LargeText	{ font-size: 24px; line-height: 1em; }

IMG.RedBorder	{ border: 5px solid #660000; }
IMG.FloatLeft 	{ float: left; margin: 0 10px 10px 0; }
IMG.FloatRight 	{ float: right; margin: 0 0 10px 10px; }

TD.BottomBorder	{ border-bottom: 2px solid #660000; padding-bottom: 10px; }

p { color: #333; line-height: 18px; margin: 10px 0; }
p.top-link { clear: both; font-size: 11px; line-height: 14px; text-align: right; }
blockquote { margin: 10px 40px; padding: 0; }
div.hr { background: #660000; clear: both; height: 2px; margin: 20px 0; padding: 0; width: 100%; }
div.hr hr { display: none; }
* #address { font-size: 9px; line-height: 12px; }
/* IE7 */
*:first-child+html #address {padding-top:0px; } 

* #content ol { font-size: 12px; line-height: 14px; list-style: decimal; margin: 10px 40px; }
* #content ol li { margin: 10px 0; }
* #content ol li ol { line-height: 14px; list-style: lower-roman; margin: 10px 30px; }
* #content ol li ol li { margin: 10px 0; }
* #content ul { font-size: 12px; line-height: 14px; list-style: disc; list-style-image: url(../images/list.gif); margin: 10px 40px; }
* #content ul li { margin: 10px 0; }
* #content ul li ul { line-height: 14px; list-style: circle; list-style-image: url(../images/list.gif); margin: 10px 30px; }
* #content ul li ul li { margin: 10px 0; }
* #footer p { font-size: 11px; }

/* - - - LINKS - - - */
a { color: #003333; text-decoration: underline; }
a:hover { text-decoration: none; }

/* - - - HEADERS - - - */
h1 { color: #003366; font-family: georgia, serif; font-size: 34px; font-style: italic; font-weight: normal; margin-bottom: 20px; line-height: 1em; }
h2 { color: #003366; font-size: 16px; font-style: italic; font-weight: normal; margin: 10px 0; line-height: 1em; }
h3 { color: #333; font-size: 14px; margin: 10px 0; }
h4 { color: #333; font-size: 11px; font-weight: normal; margin: 5px 0; }

/* - - - - - - - - - - IMAGES - - - - - - - - - - */
img { border: 0; display: block; }
img.clear { clear: both; float: none; }
img.link { float: left; margin: 10px 20px 10px 0; }
img.center { clear: both; margin: 0 auto; }
img.left { clear: left; float: left; margin: 0 10px 10px 0; }
img.right { clear: right; float: right; margin: 0 0 10px 10px; }
img.auto { clear: right; float: right; margin: 0 0 20px 20px; }
* .flash-replaced .alt { display: block; height: 1000px; position: absolute; overflow: hidden; width: 0; }
* .map { float: right; }
* #content img { border: 1px solid #660000; }
body.meet-the-team #content img { border: 5px solid #660000; }
.box{float:left; width:135px; text-align:center; margin-bottom:25px;}

/* - - - - - - - - - - LAYOUT - - - - - - - - - - */
* #container { margin: 0 auto; width: 740px; position: relative;}
* #content {margin: 20px 30px 20px 224px; min-height:490px; }

/* for Internet Explorer */
/*\*/
* html #content { margin: 20px 30px 20px 224px; height:490px;}
/**/

* #header a { background: url(../images/header.jpg) no-repeat; display: block; height: 180px; overflow: hidden; text-indent: -9999px; width: 740px; }
* #footer { clear: both; padding: 20px 0; text-align: center; width: 740px; }
* #nav-container {margin-left: 20px; width: 134px; position: absolute; left: 0; margin-top: 20px;}

/* - - - FLASH - - - */
* #flash-home { height: 300px; width: 500px; }
* #flash-brushing-and-flossing { height: 280px; margin: 20px 0; width: 466px; }
* #flash-know-your-teeth { height: 373px; margin: 20px 0; width: 466px; }

/* - - - - - - - - - - NAVIGATION - - - - - - - - - - */
* #nav { height: 225px; margin-bottom: 20px; width: 134px; }
* #nav ul { list-style: none; width: 134px; }
* #nav li { float: left; }
* #nav a { display: block; height: 25px; overflow: hidden; text-indent: -9999px; width: 134px; }

/* - - - NAVIGATION IMAGES - - - */
a#patient-login { background: url(../images/nav/patient-login.gif); }
a#meet-the-doctors { background: url(../images/nav/meet-the-doctors.gif); }
a#about-our-office { background: url(../images/nav/about-our-office.gif); }
a#teeth-101 { background: url(../images/nav/teeth-101.gif); }
a#childrens-dentistry { background: url(../images/nav/childrens-dentistry.gif); }
a#treatment-options { background: url(../images/nav/treatment-options.gif); }
a#faq { background: url(../images/nav/faq.gif); }
a#our-blog{ background: url(../images/nav/blog.gif); }
a#dental-associations { background: url(../images/nav/dental-associations.gif); }
a#contact-us { background: url(../images/nav/contact-us.gif); }
a#home { background: url(../images/nav/home.gif); }

/* - - - NAVIGATION ROLLOVER EFFECTS - - - */
#nav ul a:hover { background-position: 0 -25px; }
#nav ul li:hover #about-our-office, #nav ul li.sfhover #about-our-office,
#nav ul li:hover #teeth-101, #nav ul li.sfhover #teeth-101,
#nav ul li:hover #childrens-dentistry, #nav ul li.sfhover #childrens-dentistry,
#nav ul li:hover #treatment-options, #nav ul li.sfhover #treatment-options,
#nav ul li:hover #contact-us, #nav ul li.sfhover #contact-us { background-position: 0 -25px; }
#nav ul li.active a { background-position: 0 -50px; }

/* - - - SUBNAVIGATION - - - */
#nav ul li ul { background: #677617; left: -9999px; list-style: none; padding: 5px 0; position: absolute; z-index: 1; width: 210px; }
#nav ul li:hover ul, #nav ul li.sfhover ul { left: auto; margin: -25px 0 0 134px; }
#nav ul li ul li { display: block; }
#nav ul li ul li a { color: #fff; font-size: 11px; height: 20px; line-height: 20px; padding-left: 10px; text-decoration: none; text-indent: 0; width: 200px; }

/* - - - SUBNAVIGATION ROLLOVER EFFECTS - - - */
#nav ul li ul li a:hover, #nav ul li ul li.active a { font-weight: bold; text-decoration: underline; }

/* - - - ANATOMY OF A TOOTH - - - */
* #anatomy-of-a-tooth {background: url(../images/anatomy-of-a-tooth/anatomy-of-a-tooth-bg.gif); height: 525px; margin: 20px auto; 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}
* #anatomy-of-a-tooth a img {border: none; display: block; height: 0; position: absolute; width: 0}
* #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: -220px}

/* - - - - - - - - - - FORMS - - - - - - - - - - */

/* Global Form Styles */
fieldset { border: none; padding: 10px 0; }
fieldset div { clear: both; }
* .form-header { border-bottom: 1px solid #677617; }
* .form-footer { border-top: 1px solid #677617; padding-top: 20px; text-align: center; }
* .form-footer button { background: #660000; border: 1px solid #999966; clear: both; color: #fff; display: block; font-size: 12px; font-weight: bold; height: 32px; line-height: 32px; margin: 10px auto; text-align: center; width: 125px; }

/* Comments Form */
* .comment-form-content { background: #fafafa; border: solid 1px #677617; margin: 0; padding: 10px; width: 446px; }
* .comment-form-content li { font-weight: bold; }
* .comment-form-content label { display: block; float: left; font-size: 12px; font-weight: bold; padding-top: 5px; text-align: right; width: 200px; }
* .comment-form-content label span { color: #666; display: block; font-size: 11px; font-weight: normal; text-align: right; width: 200px; }
* .comment-form-content .label-block label { clear: both; float: none; text-align: left; width: 100%; }
* .comment-form-content input, .comment-form-content textarea { background: #fff; border: solid 1px #677617; float: left; font-size: 12px; margin: 10px 0 10px 10px; padding: 5px 2px; width: 200px; }
* .comment-form-content p.verification { clear: both; font-size: 12px; margin: 0 0 10px 210px; }
* .comment-form-content p.radio-float { clear: none; float: left; margin: 10px 0; padding: 0; width: 200px; }
* .comment-form-content p.verification img { border: 1px solid #677617; }
* .comment-form-content p.radio input, .comment-form-content p.radio-float input  { background: none; border: none; float: none; margin: 0 0 0 10px; padding: 5px 2px; width: auto; }
* .comment-form-content .radio { font-weight: normal; text-align: left; }
* .comment-form-content .comment-form-box label { display: block; float: none; font-weight: normal; text-align: left; }
* .comment-form-content .comment-form-box textarea { float: none; margin-left: 0; width: 95%; }

/* Refer a Friend Form */
* .referral-form-content { background: #fafafa; border: solid 1px #677617; margin: 0; padding: 10px; width: 446px; }
* .referral-form-content fieldset { border: none; padding: 10px 0; }
* .referral-form-content label { display: block; float: left; font-size: 12px; font-weight: bold; line-height: 18px; padding-top: 5px; text-align: right; width: 200px; }
* .referral-form-content label span { color: #666; display: block; font-size: 11px; font-weight: normal; text-align: right; width: 200px; }
* .referral-form-content input,.referral-form-content textarea { background: #fff; border: solid 1px #677617; float: left; font-size: 12px; margin: 10px 0 10px 10px; padding: 5px 2px; width: 200px; }
* .referral-form-content p.radio,.referral-form-content p.verification { clear: both; font-size: 12px; margin: 10px 0 10px 210px; }
* .referral-form-content p.radio-float { clear: none; float: left; margin: 10px 0; padding: 0; width: 200px; }
* .referral-form-content p.verification { margin-top: 0; }
* .referral-form-content p.verification img { border: 1px solid #677617; }
* .referral-form-content p.radio input,.referral-form-content p.radio-float input { background: none; border: none; float: none; margin: 0 0 0 10px; padding: 5px 2px; width: auto; }

/* Appointment Request Form */
* .appointment-form-content { background: #fafafa; border: solid 1px #677617; margin: 0; padding: 10px; width: 446px; }
* .appointment-form-content fieldset { border: none; padding: 10px 0; }
* .appointment-form-content label { display: block; float: left; font-size: 12px; font-weight: bold; line-height: 18px; padding-top: 5px; text-align: right; width: 200px; }
* .appointment-form-content label span { color: #666; display: block; font-size: 11px; font-weight: normal; text-align: right; width: 200px; }
* .appointment-form-content input,.appointment-form-content select,.appointment-form-content textarea { background: #fff; border: solid 1px #677617; float: left; font-size: 12px; margin: 10px 0 10px 10px; padding: 5px 2px; width: 200px; }
* .appointment-form-content p.radio,.appointment-form-content p.verification { clear: both; font-size: 12px; margin: 10px 0 10px 210px; }
* .appointment-form-content p.radio-float { clear: none; float: left; margin: 10px 0; padding: 0; width: 200px; }
* .appointment-form-content p.verification { margin-top: 0; }
* .appointment-form-content p.verification img { border: 1px solid #677617; }
* .appointment-form-content p.radio input,.appointment-form-content p.radio-float input { background: none; border: none; float: none; margin: 0 0 0 10px; padding: 5px 2px; width: auto; }
* #found-other input { background: #fff0B2; margin-left: 210px; }

/* Errors */
* .referral-form-content span.required,.appointment-form-content span.required,.comment-form-content span.required,.contact-form-content span.required { color: #f00; display: inline; font-size: 12px; font-weight: bold; text-align: inherit; width: auto; }
input.error,select.error,textarea.error { background: #fefda1; border: 1px solid #f00; color: #f00; }
div.error { background: url(../images/validate-fail.png) 0 0 no-repeat; color: #f00; display: block; font-size: 11px; height: 15px; padding-left: 18px; width: 220px; margin: 0 0 10px 225px; }
div.success { background: url(../images/validate-pass.png) 0 0 no-repeat; color: #000; display: block; font-size: 11px; height: 15px; padding-left: 18px; width: 220px; margin: 0 0 10px 225px; }
p.radio-float div.error { float: left; width: 220px; margin: 5px 0 5px 10px; }
* .contact-form-content div.error,.contact-form-content div.success { width: 220px; margin: 0 0 10px 10px; }

#social-links {position:absolute; width:192px; top:-60px}
#social-links a{float:left; display:block; margin:12px 6px 0 0}