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

/* - - - - - - - - - - TEXT - - - - - - - - - - */
body, form, input, textarea { color: #fff; font-family: tahoma, sans-serif; font-size: 12px; }
p { color: #fff; line-height: 20px; margin: 10px 0; }
p.sub_nav { line-height: 16px; margin-bottom: 20px; }
p.top-link { clear: both; font-size: 11px; line-height: 20px; text-align: right; }
blockquote { font-size: 11px; line-height: 18px; margin: 10px 40px; padding: 0; }
body.site-map #content ul { font-size: 12px; line-height: 18px; list-style: disc; list-style-image: url(../images/list.jpg); margin: 10px 20px; }
body.site-map #content ul li { margin: 10px 0; }
body.site-map #content ul ul { line-height: 14px; list-style: circle; list-style-image: url(../images/list.jpg); margin: 10px 30px; }
body.site-map #content ul ul a { color: #fff; }
body.site-map #content ul ul li { margin: 5px 0; }
div.hr { background: url(../images/hr.jpg) repeat-x; clear: both; height: 1px; margin: 20px 0; padding: 0; width: 100%; }
div.hr hr { display: none; }
#content ul { font-size: 11px; line-height: 18px; list-style: disc; list-style-image: url(../images/list.jpg); margin: 15px 100px 15px 30px; }
#content ul li { margin: 10px 0; }
#content ul li ul { line-height: 18px; list-style: circle; list-style-image: url(../images/list.jpg); margin: 10px 30px; }
#content ul li ul li { margin: 10px 0; }
#footer p { color: #745a3d; font-size: 11px; line-height: 14px; }
#footer p.sesame-link { text-align: center; font-size: 10px; }

/* - - - LINKS - - - */
a { color: #8bb921; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
p.sub_nav a { font-size: 11px; }
p.sub_nav a.active { text-decoration: underline; }
p.top-link a { background: url(../images/back-to-top.gif) no-repeat; padding-left: 12px; color: #fff; }
p.top-link a:hover { color: #8bb921; }
#complimentary-exam { display: block; height: 100px; margin: 8px 0 0 662px; position: fixed; width: 100px; }
#footer a { color: #fff; }
#footer p.sesame-link a { color: #da9fd2; }

/* - - - HEADERS - - - */
h1 { background: no-repeat; height: 50px; overflow: hidden; text-indent: -9999px; }
h1.home { background: no-repeat; height: 110px; overflow: hidden; text-indent: -9999px; }
h2 { color: #da9fd2; font-family: tahoma, sans-serif; font-size: 20px; font-weight: normal; margin: 10px 0; }
h3 { color: #fff; font-family: sans-serif; font-size: 12px; margin: 10px 0; }
h3.subnav-title { margin: 0; }
h4 { color: #d2e5a7; font-family: sans-serif; font-size: 11px; font-weight: normal; line-height: 18px; margin: 15px 80px; }

/* - - - - - - - - - - IMAGES - - - - - - - - - - */
img { border: 0; display: block; }
img.center { border: 1px solid #614C37; clear: both; margin: 10px auto; }
img.left { border: 1px solid #614C37; clear: left; float: left; margin: 0 20px 20px 0; }
img.right { border: 1px solid #614C37; clear: right; float: right; margin: 0 0 20px 20px; }
img.auto { margin-bottom: 30px; }
.damon-system-bracket { background: #fff; border: 4px solid #0099CC; margin: 0 auto; padding: 10px; }
.flash-replaced .alt { display: block; height: 1000px; position: absolute; overflow: hidden; width: 0; }
.left-home-link { float: left; height: 72px; width: 212px; }
.link { border: 1px solid #614C37; clear: none; float: left; margin: 10px 20px 20px 0; }
.map { border: 1px solid #614C37; }
.right-home-link { float: left; height: 72px; margin-left: 85px; width: 212px; }
.side { margin-bottom: 25px; }
.slideshow-left { float: left; margin: 0 20px 20px 0; }
.slideshow-right { clear: right; float: left; margin: 53px 0 10px 0; }
.after { clear:left; width:45px; height:18px; position:relative; top:-65px; left:308px;}
.clear { clear: left; }

/* - - - - - - - - - - LAYOUT - - - - - - - - - - */
#container { margin: 0 auto; width: 880px; }
#content { clear: both; float: left; margin-bottom: 40px; padding-right: 20px; width: 621px; }
#header { background: url(../images/header.jpg) no-repeat; display: block; height: 230px; overflow: hidden; text-indent: -9999px; width: 880px; position:relative }
#ph-fx { color:#744f67; font-family:Tahoma, Geneva, sans-serif; font-size:12px; width:140px; height:100px; position:absolute; top:184px; left:703px; display:block; text-indent:0 }
#footer { background: #110d08 url(../images/footer-bg.jpg) top no-repeat; clear: both; margin-bottom: 50px; padding: 10px 0 0; text-align: center; width: 880px; }
#home-page-links { height: 72px; margin: 40px auto 0; width: 509px; }
#side-bar { background: url(../images/side-bar-bg.jpg) left repeat-y; float: left; margin-bottom: 40px; padding-left: 19px; width: 220px; }

/* - - - FLASH - - - */
#flash-home { background: url(../images/flash-bg.jpg) no-repeat; clear: both; height: 251px; margin-bottom: 30px; width: 880px; }
#flash-office-tour { height: 375px; margin: 20px 0; width: 500px; }
#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-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; }
#flash-the-damon-system-comparison { background: #fff; border: 4px solid #0099CC; height: 175px; margin: 20px auto; padding: 5px 0 0 8px; width: 260px; }
#video-ibraces-1 { background: #000; border: 1px solid #614C37; height: 266px; margin: 20px 0; width: 360px; }
#video-ibraces-2 { background: #000; border: 1px solid #614C37; height: 266px; margin: 20px 0; width: 360px; }
#video-ibraces-3 { background: #000; border: 1px solid #614C37; height: 266px; margin: 20px 0; width: 360px; }
#video-invisalign { background: #000; border: 1px solid #614C37; height: 266px; margin: 20px 0; width: 360px; }
#video-the-damon-system-1 { background: #000; border: 1px solid #614C37; height: 266px; margin: 20px 0; width: 360px; }
#video-the-damon-system-2 { background: #000; border: 1px solid #614C37; height: 330px; margin: 20px 0; width: 400px; }

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

/* - - - NAVIGATION IMAGES - - - */
a#meet-the-team { background: url(../images/nav/meet-the-team.jpg); width: 111px; }
a#for-new-patients { background: url(../images/nav/for-new-patients.jpg); width: 118px; }
a#about-orthodontics { background: url(../images/nav/about-orthodontics.jpg); width: 136px; }
a#faq { background: url(../images/nav/faq.jpg); width: 38px; }
a#about-braces { background: url(../images/nav/about-braces.jpg); width: 97px; }
a#treatment-options { background: url(../images/nav/treatment-options.jpg); width: 126px; }
a#emergency-care { background: url(../images/nav/emergency-care.jpg); width: 113px; }
a#contact-us { background: url(../images/nav/contact-us.jpg); width: 82px; }
a#home { background: url(../images/nav/home.jpg); width: 59px; }

/* - - - NAVIGATION ROLLOVER EFFECTS - - - */
#nav ul a:hover, #nav ul li.active a { background-position: 0 -40px; }
#nav ul li:hover #meet-the-team, #nav ul li.sfhover #meet-the-team,
#nav ul li:hover #for-new-patients, #nav ul li.sfhover #for-new-patients,
#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 -40px; }
#nav ul li.meet-the-team.active a { background-position: 0 -80px; }

/* - - - SUBNAVIGATION - - - */
#nav ul li ul { display: block; left: -9999px; list-style: none; position: absolute; z-index: 1; width: 160px; }
#nav ul li.contact-us ul { width: 141px; }
#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 { background: #162404 url(../images/subnav-bg.png) bottom no-repeat; color: #fff; font-size: 11px; font-weight: normal; height: 22px; line-height: 22px; padding-left: 10px; text-decoration: none; text-indent: 0; width: 150px; }
#nav ul li.contact-us ul li a { width: 131px; }
#nav ul li ul li.first a { padding-top: 11px; }
#nav ul li ul li.last a { background: url(../images/subnav-bg-bottom.png) bottom no-repeat; padding-bottom: 9px; }
#nav ul li.contact-us ul li.last a { background: url(../images/subnav-bg-bottom-small.png) bottom no-repeat; padding-bottom: 9px; }
#nav ul li.active ul li a { background: #162404 url(../images/subnav-bg.png) bottom no-repeat; }
#nav ul li.active ul li.last a { background: url(../images/subnav-bg-bottom.png) bottom no-repeat; }
#nav ul li.active.contact-us ul li.last a { background: url(../images/subnav-bg-bottom-small.png) bottom no-repeat; }

/* - - - SUBNAVIGATION ROLLOVER EFFECTS - - - */
#nav ul li ul li a:hover, #nav ul li ul li.active a { background: #162404 url(../images/subnav-bg.png) bottom no-repeat; font-weight: bold; }
#nav ul li ul li.last a:hover, #nav ul li ul li.active.last a { background: url(../images/subnav-bg-bottom.png) bottom no-repeat; padding-bottom: 9px; }
#nav ul li.contact-us ul li.last a:hover, #nav ul li.contact-us ul li.active.last a { background: url(../images/subnav-bg-bottom-small.png) bottom no-repeat; padding-bottom: 9px; }

/* - - - - - - - - - - THE GAME ROOM - - - - - - - - - - */
div#sesame-game { background: #000; clear: both; line-height: 0; margin: 10px auto 30px; text-align: center; width: 400px; }
div#sesame-game embed { border: 1px solid #614C37; }
ul#sesame-games { list-style: none; margin: 0; padding-right: 20px; width: 601px; }
ul#sesame-games li { clear: both; display: block; }
ul#sesame-games img { border: 1px solid #614C37; margin: 0 0 20px 20px; }
ul#sesame-games a.button { float: right; height: 85px; 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 #4F3C27; }
.form-footer { border-top: 1px solid #4F3C27; padding-top: 20px; text-align: center; }
.form-footer button { background: #8F6C47; border: 1px solid #4F3C27; 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: #110D08; border: solid 2px #4F3C27; margin: 0 20px; padding: 10px; width: 500px; }
.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: #4F3C27; 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 #4F3C27; color: #110D08; 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 #4F3C27; }
.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%; }
.comment-form-content ol { padding: 0 20px; }

/* Refer a Friend Form */
.referral-form-content { background: #110D08; border: solid 2px #4F3C27; margin: 0 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: #4F3C27; 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 #4F3C27; color: #110D08; 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 #4F3C27; }
.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: #110D08; border: solid 2px #4F3C27; margin: 0 20px; padding: 10px; width: 500px; }
.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: #4F3C27; 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 #4F3C27; color: #110D08; 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 #4F3C27; }
.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: #fff; 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; }

/* inovation */
div.comparison {
	background: #fff; 
	border: 1px solid #a0b606; 
	display: inline-block; 
	margin-bottom: 10px; 
	clear: both;
	padding: 10px;
	color:#30261B;
	}
div.comparison p{color:#30261B;
	}
div.comparison div {
	float: left; 
	width: 49%;
	}
div.comparison img {
	margin: 0 15px 0 0;
	float: left;
	}
#video-in-ovation {
	width: 320px;
	height: 266px;
	display: block;
	}
	
.right-border {
	border: solid 1px #333; /* Customize me!! */
	float: right;
	clear: right;
	margin: 0 0 15px 15px;
	}
img.right {
	float: right;
	margin: 0 0 15px 15px;
	}
.left-border {
	border: solid 1px #000;
	margin: 0 15px 15px 0;
	float: left;
	}
img.left {
	margin: 0 15px 15px 0;
	float: left;
	}
span.indent {
	padding-left: 40px;
	}
#invisalign-sidebar {
	background: #fff;
	width: 275px;
	margin: 0 0 15px 15px;
	padding: 0;
	border: solid 1px #000;
	line-height: 18px;
	font-size: 11px;
	float: right;
	clear: right;
	}
#invisalign-sidebar a {
	color: #036;
	}
#invisalign-sidebar h3 {
	background: #97AFC2;
	margin: 0;
	padding: 15px;
	color: #fff;
	}
#invisalign-sidebar p {
	padding: 0 15px;
	margin: 15px 0;
	}
.thumb {
	border: solid 1px #000;
	margin: 0 10px 10px 0;
	float: left;
	clear: left;
	}
	
/* Clear Fix */
.clear {clear: both;}
.cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cf {display: inline-block;} /*this trips hasLayout for ie7*/
.cf {display: block;} /*this returns it back to normal*/
* html .cf {height: 1px;}