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

/* - - - - - - - - - - TEXT - - - - - - - - - - */
body, form, input, textarea { color: #222; font-family: tahoma, sans-serif; font-size: 12px; }
p { color: #222; 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; }
body.site-map #content ul { color: #222; font-size: 12px; line-height: 12px; list-style: disc; list-style-image: url(../images/list.gif); margin: 10px 20px; }
body.site-map #content ul a { color: #96313F; font-weight: bold; }
body.site-map #content ul li { margin: 10px 0; }
body.site-map #content ul ul { color: #222; font-size: 12px; line-height: 12px; list-style: circle; list-style-image: url(../images/list.gif); margin: 10px 30px; }
body.site-map #content ul ul a { color: #222; font-weight: normal; }
body.site-map #content ul ul li { margin: 10px 0; }
div.hr { background: #E9AA4B; clear: both; height: 1px; margin: 20px 0; padding: 0; width: 100%; }
div.hr hr { display: none; }
#content ol { font-size: 12px; line-height: 14px; list-style: decimal; margin: 10px 20px; }
#content ol li { margin: 10px 0; }
#content ul { 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 { color: #cf9038; font-size: 11px; line-height: 14px; }
#footer p.sesame-link { font-size: 11px; }
#content ul.home-page-list-first { float: left; margin: 0 20px 0 40px; width: 90px; }
#content ul.home-page-list-middle { float: left; margin: 0 20px 0 20px; width: 100px; }
#content ul.home-page-list-last { float: left; margin: 0 20px 0 20px; width: 160px; }

/* - - - LINKS - - - */
a { color: #96313F; text-decoration: underline; }
a:hover { text-decoration: none; }
p.top-link a { background: url(../images/back-to-top.gif) no-repeat; color: #96313F; padding-left: 12px; font-weight: bold; text-decoration: none; }
p.top-link a:hover { text-decoration: underline; }
#footer a { color: #cf9038; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer p.sesame-link a { color: #cf9038; }

/* - - - HEADERS - - - */
h1 { background: no-repeat; height: 70px; overflow: hidden; text-indent: -9999px; }
h1.home { background: no-repeat; height: 115px; overflow: hidden; text-indent: -9999px; }
h2 { color: #608c89; font-size: 12px; margin: 20px 0; }
h3 { color: #96313F; font-size: 12px; margin: 10px 0; }
h4 { color: #fff; font-size: 11px; font-weight: normal; margin: 5px 0; }

/* - - - - - - - - - - IMAGES - - - - - - - - - - */
img { border: 0; display: block; }
img.center { border: 5px solid #a33746; clear: both; margin: 10px auto; }
img.left { border: 5px solid #a33746; clear: left; float: left; margin: 10px 20px 20px 0; }
img.right { border: 5px solid #a33746; clear: right; float: right; margin: 10px 0 20px 20px; }
.flash-right { border: 5px solid #a33746; clear: right; float: right; margin: 10px 0 20px 20px; }
.flash-left { border: 5px solid #a33746; clear: left; float: left; margin: 10px 20px 20px 0; }

img.auto { clear: right; float: right; margin: 0 0 10px 10px; }
.flash-replaced .alt { display: block; height: 1000px; position: absolute; overflow: hidden; width: 0; }
.map { border: 1px solid #a33746; height: 300px; margin: 20px 0 0; overflow: hidden; width: 460px; }
.small-map { border: 1px solid #a33746; height: 180px; margin: 20px 0 0; overflow: hidden; width: 280px; }
#sidebar img {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#sidebar img.invisalign { margin-bottom: 0; }

/* - - - - - - - - - - LAYOUT - - - - - - - - - - */
#border-container { background: url(../images/bg-border.jpg) 50% 0 no-repeat; margin: 0 auto; min-height: 930px; padding: 0; width: 100%; }
#container { background: #fff; margin: 0 auto; width: 939px; }
#content { background: url(../images/content-bg.jpg) no-repeat top; float: left; padding: 45px 35px 10px 30px; width: 578px; }
#header a { background: url(../images/header.jpg) no-repeat; display: block; height: 247px; overflow: hidden; text-indent: -9999px; width: 939px; }
#footer-container { clear: both; background: #43413f; width: 100%; }
#footer { border-top: 17px solid #fff; clear: both; margin: 0 auto; padding: 10px 326px 20px 30px; width: 583px; }
#sidebar { background: url(../images/sidebar-bg.jpg) no-repeat; float: left; min-height: 568px; width: 296px; }
.clear { clear: both; }
.float-left {float: left;}
.float-right {float: right;}

/* - - - FLASH - - - */
#flash-home { height: 189px; margin: 58px 0 0 302px; position: absolute; width: 637px; }
#flash-braces-diagram { height: 375px; 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-common-treatments { height: 300px; margin: 20px 0; width: 500px; }
#flash-emergency-care { height: 300px; margin: 20px 0; width: 500px; }
#flash-patient-care-videos { height: 375px; margin: 20px 0; width: 500px; }
#flash-types-of-appliances { height: 300px; margin: 20px 0; width: 500px; }
#flash-types-of-braces { height: 300px; margin: 20px 0; width: 500px; }
#video-ibraces-1 { background: #a33746; border: 1px solid #a33746; height: 266px; margin: 20px 0; width: 360px; }
#video-ibraces-2 { background: #a33746; border: 1px solid #a33746; height: 266px; margin: 20px 0; width: 360px; }
#video-ibraces-3 { background: #a33746; border: 1px solid #a33746; height: 266px; margin: 20px 0; width: 360px; }
#video-invisalign { background: #a33746; border: 1px solid #a33746; height: 266px; margin: 20px 0; width: 360px; }

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

/* - - - NAVIGATION IMAGES - - - */
a#home { background: url(../images/nav/home.jpg); width: 91px; }
a#our-office { background: url(../images/nav/our-office.jpg); width: 106px; }
a#for-patients { background: url(../images/nav/for-patients.jpg); width: 125px; }
a#about-ortho { background: url(../images/nav/about-ortho.jpg); width: 131px; }
a#faqs { background: url(../images/nav/faqs.jpg); width: 63px; }
a#about-braces { background: url(../images/nav/about-braces.jpg); width: 134px; }
a#emergency-care { background: url(../images/nav/emergency-care.jpg); width: 156px; }
a#contact-us { background: url(../images/nav/contact-us.jpg); width: 133px; }

/* - - - NAVIGATION ROLLOVER EFFECTS - - - */
#nav ul a:hover, #nav ul li.active a { background-position: 0 -56px; }
#nav ul li:hover #our-office, #nav ul li.sfhover #our-office,
#nav ul li:hover #for-patients, #nav ul li.sfhover #for-patients,
#nav ul li:hover #about-ortho, #nav ul li.sfhover #about-ortho,
#nav ul li:hover #about-braces, #nav ul li.sfhover #about-braces,
#nav ul li:hover #contact-us, #nav ul li.sfhover #contact-us { background-position: 0 -56px; }

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

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

/* - - - - - - - - - - LOGIN NAVIGATION - - - - - - - - - - */
#loginnav { height: 52px; margin: 0 0 10px 9px; width: 287px; }
#loginnav ul { list-style: none; width: 287px; }
#loginnav li { float: left; }
#loginnav a { display: block; height: 52px; overflow: hidden; text-indent: -9999px; }

/* - - - TOP NAVIGATION IMAGES - - - */
a#patient-login { background: url(../images/nav/patient-login.jpg); width: 141px; }
a#doctor-login { background: url(../images/nav/doctor-login.jpg); width: 146px; }

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

/* - - - - - - - - - - THE GAME ROOM - - - - - - - - - - */
div#sesame-game { background: #000; clear: both; line-height: 0; margin: 10px auto 30px; text-align: center; width: 400px; }
ul#sesame-games { list-style: none; margin: 0; padding: 0 0 30px 0; width: 578px; }
ul#sesame-games li { clear: both; display: block; }
ul#sesame-games img { border: 3px solid #E9AA4B; }
ul#sesame-games a.button { float: right; height: 85px; margin: 30px 0 10px 20px; width: 200px; }
ul#sesame-games p { padding-bottom: 10px; }

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

/* Global Form Styles */
fieldset { border: none; padding: 10px 0; }
fieldset div { clear: both; }
.form-header { border-bottom: 1px solid #6F9D9B; }
.form-footer { border-top: 1px solid #6F9D9B; padding-top: 20px; text-align: center; }
.form-footer button { background: #96313F; border: 1px solid #737172; 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; }

/* Refer a Friend Form */
.referral-form-content { background: #fafafa; border: solid 2px #6F9D9B; margin: 20px; padding: 10px; width: 500px; }
.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 #6F9D9B; 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 #6F9D9B; }
.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; }

/* 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; }

/* - - - - - - - - - - IE6 UPGRADE ALERT - - - - - - - - - - */
#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; }
#alert p { color: #333; margin: 0 0 15px 0; line-height: 14px; padding: 0; }
#alert ul { margin: 0 0 15px 25px; }
#alert a.upgrade { float: left; margin: 0 10px 0 0; }
#alert .right { float: right; }
#alert span.red { color: #a52003; }

/* Damon System */
#damon-wrap {
	width: 400px;
	margin: 0 auto;}
	
#damon-left {
	float: left;
	width: 175px;
	margin-right: 20px;}
	
#damon-right {
	float: left;
	width: 170px;}
	
#comparison-wrap {
	width: 250px;}