* { margin: 0; outline: none; padding: 0; }
body { background: #F3E5C7 url(../images/bg.jpg) repeat-x top; }

/* - - - - - - - - - - TEXT - - - - - - - - - - */
body, form, input, textarea { color: #744B3D; font-family: tahoma, arial, sans-serif; font-size: 14px; }
p { color: #744B3D; line-height: 20px; margin: 10px 0; }
p.breadcrumbs { font-size: 11px; line-height: 11px; text-align: right; }
p.flash { background: #FF2F30; border: 1px solid #D02026; color: #FFF; line-height: 18px; padding: 10px; }
p.top-link { clear: both; font-size: 11px; line-height: 14px; text-align: right; }
blockquote { margin: 10px 40px; padding: 0; }
div.hr { background: #744B3D; clear: both; height: 1px; margin: 20px 0; padding: 0; width: 100%; }
div.hr hr { display: none; }
#content ul { font-size: 12px; line-height: 14px; list-style: disc; list-style-image: url(../images/list.jpg); margin: 10px 40px; }
#content ul li { margin: 10px 0; }
#content ul li ul { line-height: 12px; list-style: circle; list-style-image: url(../images/list.jpg); margin: 10px 30px; }
#content ul li ul li { margin: 10px 0; }
#content ul.sitemap { font-size: 12px; line-height: 12px; list-style: disc; list-style-image: url(../images/list.jpg); margin: 10px 20px; }
#content ul.sitemap a { color: #744B3D; font-style: normal; }
#content ul.sitemap li { margin: 10px 0; }
#content ul.sitemap ul { font-size: 12px; line-height: 12px; list-style: circle; list-style-image: url(../images/list.jpg); margin: 10px 30px; }
#content ul.sitemap ul a { color: #744B3D; font-style: normal; }
#content ul.sitemap ul li { margin: 10px 0; }
#footer p { color: #744B3D; font-size: 11px; line-height: 14px; }
p.photocaption {text-align: center; font-style: italic;}

/* - - - LINKS - - - */
#content .flash a { color: #FFF; font-style: normal; font-weight: bold; }
#content a { color: #499886; font-style: italic; font-weight: bold; text-decoration: none; }
#content a:hover, #footer a:hover { text-decoration: underline; }
#footer a { color: #744B3D; font-weight: bold; text-decoration: none; }
#footer h4 a { color: #499886; font-style: italic; }
#content p.breadcrumbs a { font-style: normal; font-weight: normal; }
#content p.top-link a { font-style: normal; }

/* - - - HEADERS - - - */
h1 { background: no-repeat; height: 66px; margin-bottom: 20px; overflow: hidden; text-indent: -9999px; }
h1.home { background: no-repeat; height: 76px; overflow: hidden; text-indent: -9999px; }
h2 { color: #744B3D; font-size: 14px; margin: 20px 0; text-transform: uppercase; }
h3 { color: #744B3D; font-size: 12px; margin: 20px 0; text-transform: uppercase; }
h4 { color: #744B3D; font-size: 11px; font-weight: normal; margin: 5px 0; }

/* - - - - - - - - - - IMAGES - - - - - - - - - - */
img { border: 0; display: block; }
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.sidebar { clear: both; float: left; margin: 5px 0; }
img.social { display: block; float:left; margin: 5px 0; }
img.link { float: left; margin: 10px 20px 10px 0; }
img.clear { clear: left; }
img.auto { clear: right; float: right; margin: 0 0 20px 20px; }
.flash img { float: right; }
.flash-replaced .alt { display: block; height: 1000px; position: absolute; overflow: hidden; width: 0; }
* .map { margin: 20px 0 10px; }

/* - - - - - - - - - - LAYOUT - - - - - - - - - - */
* #container { margin: 0 auto; width: 780px; }
* #content-wrapper { background: url(../images/content-bg.jpg) repeat-y; }
* #content { float: left; padding: 5px 40px 0 20px; width: 520px; }
#header a { background: url(../images/header.png) no-repeat; display: block; height: 250px; overflow: hidden; text-indent: -9999px; width: 780px; }
#header { position:relative}
#phone1 { font:Tahoma, Geneva, sans-serif; font-size:12px; color:#744b3d; position:absolute; font-weight:bold; top:91px; left:559px;}
#phone2 { font:Tahoma, Geneva, sans-serif; font-size:12px; color:#744b3d; position:absolute; font-weight:bold; top:163px; left:559px; }
* #flash-home { height: 280px; margin: 25px 0 30px 0; width: 520px; }
* #flash-office-tour { height: 375px; margin: 20px 0; width: 500px; }
* #flash-braces-diagram { height: 375px; margin: 20px 0; width: 500px; }
* #flash-common-treatments { height: 300px; margin: 20px 0; width: 500px; }
* #flash-brace-painter { height: 430px; margin: 20px 0; width: 500px; }
* #flash-brushing-and-flossing { height: 300px; margin: 20px 0; width: 500px; }
* #flash-color-your-retainer { height: 300px; margin: 20px 0; width: 300px; }
* #flash-emergency-care { height: 300px; margin: 20px 0; width: 500px; }
* #flash-oral-care-video { height: 350px; margin: 20px 0; width: 500px; }
* #flash-palatal-expander { height: 150px; margin: 20px 0; width: 200px; }
* #flash-types-of-appliances { height: 300px; margin: 20px 0; width: 500px; }
* #flash-types-of-braces { height: 300px; margin: 20px 0; width: 500px; }
* #flash-the-damon-system-comparison { height: 165px; margin: 20px auto; width: 250px; }
* #flash-the-damon-system-video { height: 295px; margin: 20px auto; width: 360px; }
* #flash-indianapolis-office-tour { height: 375px; margin: 20px auto; width: 500px; }
* #flash-avon-office-tour { height: 375px; margin: 20px auto; width: 500px; }
* #footer { background: #F3E5C7 url(../images/footer-bg.jpg) top no-repeat; clear: both; padding: 30px 40px 30px 220px; text-align: right; width: 520px; }
* #nav-wrapper { float: left; width: 200px;    margin-top: 30px; }

/* - - - - - - - - - - NAVIGATION - - - - - - - - - - */
* #nav { display: inline; width: 200px; }
#nav ul { list-style: none; width: 200px; }
#nav li { float: left; }
#nav a { display: block; height: 31px; overflow: hidden; text-indent: -9999px; width: 200px; }

/* - - - NAVIGATION IMAGES - - - */
a#about-us { background: url(../images/nav/about-us.jpg); }
a#about-orthodontics { background: url(../images/nav/about-orthodontics.jpg); }
a#faq { background: url(../images/nav/faq.jpg); }
a#about-braces { background: url(../images/nav/about-braces.jpg); }
a#treatment-options { background: url(../images/nav/treatment-options.jpg); }
a#emergency-care { background: url(../images/nav/emergency-care.jpg); }
a#contact-us { background: url(../images/nav/contact-us.jpg); }

/* - - - NAVIGATION ROLLOVER EFFECTS - - - */
#nav ul a:hover { background-position: 0 -31px; }
#nav ul li:hover #about-us, #nav ul li.sfhover #about-us,
#nav ul li:hover #about-orthodontics, #nav ul li.sfhover #about-orthodontics,
#nav ul li:hover #about-braces, #nav ul li.sfhover #about-braces,
#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 -31px; }
#nav ul li.active a { background-position: 0 -62px; }

/* - - - SUBNAVIGATION - - - */
#nav ul li ul { background: #AFDED3 url(../images/subnav-bg.jpg) no-repeat top; border: 1px solid #744B3D; left: -9999px; list-style: none; position: absolute; z-index: 1; width: 188px; }
#nav ul li:hover ul, #nav ul li.sfhover ul { left: auto; margin: -31px 0 0 200px; }
#nav ul li ul li { display: block; }
#nav ul li ul li a { color: #744B3D; font-size: 12px; height: 30px; line-height: 30px; padding-left: 15px; text-decoration: none; text-indent: 0; width: 173px; }

/* - - - SUBNAVIGATION ROLLOVER EFFECTS - - - */
#nav ul li ul li a:hover, #nav ul li ul li.active a { background: #744B3D; color: #FFF; font-weight: bold; }

/* - - - - - - - - - - TOP NAVIGATION - - - - - - - - - - */
* #topnav { margin-left: 587px; position: absolute; width: 194px; }
#topnav ul { list-style: none; width: 194px; }
#topnav li { float: left; }
#topnav a { display: block; height: 29px; overflow: hidden; text-indent: -9999px; }

/* - - - TOP NAVIGATION IMAGES - - - */
a#patient-login { background: url(../images/nav/patient-login.gif); width: 121px; }
a#home { background: url(../images/nav/home.gif); width: 73px; }

/* - - - TOP NAVIGATION ROLLOVER EFFECTS - - - */
#topnav ul a:hover, #topnav ul li.active a { background-position: 0 -29px; }

/* - - - - - - - - - - THE GAME ROOM - - - - - - - - - - */
div#sesame-game {
clear: both;
background: #000;
line-height: 0;
margin: 10px auto 30px;
text-align: center;
width: 400px}

ul#sesame-games {
list-style: none;
margin: 0;
padding: 0;
width: 510px}

ul#sesame-games li {
clear: both;
display: block}

ul#sesame-games img {
border: 0;
margin: 0 0 10px 10px}

ul#sesame-games a.button {
float:right;
height:85px;
width:200px}

ul#sesame-games p {
padding-bottom: 1em}

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

/* Global Form Styles */
fieldset { border: none; padding: 9px 0; }
fieldset div { clear: both; }
* .form-header { border-bottom: 1px solid #744B3D; }
.form-header h3 { margin: 0 0 9px; }
.form-header p { margin: 0; padding-bottom: 18px; }
* .form-footer { border-top: 1px solid #744B3D; padding-top: 18px; text-align: center; }
.form-footer button { background: #744B3D; border: 1px solid #744B3D; clear: both; color: #fff; display: block; font-size: 12px; font-weight: bold; height: 31px; line-height: 31px; margin: 9px auto; text-align: center; width: 125px; }

/* Referral Form */
* .referral-form-content { background: #fafafa; margin: 0 0 18px; padding: 10px; width: 500px; }
.referral-form-content fieldset { border: none; padding: 9px 0; }
.referral-form-content label { display: block; float: left; font-size: 12px; font-weight: bold; line-height: 18px; padding-top: 4px; 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 #744B3D; float: left; font-size: 12px; margin: 9px 0 9px 10px; padding: 4px 2px; width: 200px; }
.referral-form-content p.radio, .referral-form-content p.verification { clear: both; font-size: 12px; margin: 9px 0 9px 210px; }
.referral-form-content p.radio-float { clear: none; float: left; margin: 9px 0; padding: 0; width: 200px; }
.referral-form-content p.verification { margin-top: 0; }
.referral-form-content p.verification img { border: 1px solid #744B3D; }
.referral-form-content p.radio input, .referral-form-content p.radio-float input { float: none; margin: 0 0 0 10px; padding: 4px 2px; width: auto; }

/* Appointment Request Form */
* .appointment-form-content { background: #fafafa; margin: 0 0 18px; padding: 10px; width: 500px; }
.appointment-form-content fieldset { border: none; padding: 9px 0; }
.appointment-form-content label { display: block; float: left; font-size: 12px; font-weight: bold; line-height: 18px; padding-top: 4px; 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 #744B3D; float: left; font-size: 12px; margin: 9px 0 9px 10px; padding: 4px 2px; width: 200px; }
.appointment-form-content p.radio, .appointment-form-content p.verification { clear: both; font-size: 12px; margin: 9px 0 9px 210px; }
.appointment-form-content p.radio-float { clear: none; float: left; margin: 9px 0; padding: 0; width: 200px; }
.appointment-form-content p.verification { margin-top: 0; }
.appointment-form-content p.verification img { border: 1px solid #744B3D; }
.appointment-form-content p.radio input, .appointment-form-content p.radio-float input { float: none; margin: 0 0 0 10px; padding: 4px 2px; width: auto; }
#found-other input { background: #FFF0B2; margin-left: 210px; }

/* Comments Form */
* .comment-form-content { border: 0; margin: 0 0 18px; padding: 10px; width: 500px; }
.comment-form-content li { font-weight: bold; margin-left: 20px; }
.comment-form-content label { display: block; float: left; font-size: 12px; font-weight: bold; padding-top: 4px; 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 #744B3D; float: left; font-size: 12px; margin: 9px 0 9px 10px; padding: 4px 2px; width: 200px; }
.comment-form-content p.verification { clear: both; font-size: 12px; margin: 0 0 9px 210px; }
.comment-form-content p.radio-float { clear: none; float: left; margin: 9px 0; padding: 0; width: 200px; }
.comment-form-content p.verification img { border: 1px solid #744B3D; }
.comment-form-content p.radio input, .comment-form-content p.radio-float input { float: none; margin: 0 0 0 10px; padding: 4px 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%; }


/* - - - - - - - - - - ERRORS - - - - - - - - - - */

/* JQuery */
input.error, select.error, textarea.error { border: 1px solid #ff0000; background: #fefda1; color: #ff0000; }
div.error { padding-left: 18px; background: url(../images/validate-fail.png) 0 0 no-repeat; color: #ff0000; display: block; margin: 0 0 9px 42%; font-size: 11px; }
div.success { padding-left: 18px; background: url(../images/validate-pass.png) 0 0 no-repeat; color: #000000; display: block; margin:0 0 9px 42% ; font-size: 11px; }
p.radio-float div.error { float: left; margin: 5px 0 5px 10px; }

/* edit.com */

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

.NormalText, body, td {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #744B3D;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-style: normal;
}

.SubjectHeader {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #744B3D;
	font-weight: bold;
	text-transform: uppercase;
}

* .PageTitle {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 34px;
	color: #744B3D;
	font-weight: normal;
	font-style: italic;
}

td.BrownBorderTop {border-top: solid 1px #744B3D; padding-top: 10px;}