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

/* - - - - - - - - - - TEXT - - - - - - - - - - */
body, form, input, textarea { color: #333; font-family: arial, verdana, sans-serif; font-size: 12px; }
p { color: #333; line-height: 20px; margin: 10px 0; }
p.breadcrumbs { color: #000; font-size: 10px; line-height: 10px; }
p.top-link { clear: both; font-size: 11px; font-weight: bold; line-height: 14px; text-align: right; }
blockquote { margin: 10px 40px; padding: 0; }
body.site-map #content ul { font-size: 12px; font-weight: bold; line-height: 12px; list-style: disc; list-style-image: url(../images/list.gif); margin: 10px 20px; }
body.site-map #content ul li { margin: 10px 0; }
body.site-map #content ul ul { font-size: 12px; font-weight: normal; line-height: 12px; list-style: circle; list-style-image: url(../images/list.gif); margin: 10px 30px; }
body.site-map #content ul ul li { margin: 10px 0; }
div.hr { background: #fff url(../images/hr.gif) repeat-x; clear: both; height: 1px; margin: 20px 0; padding: 0; width: 461px; }
div.hr hr { display: none; }
#content ul { font-size: 11px; line-height: 12px; 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: 12px; list-style: circle; list-style-image: url(../images/list.gif); margin: 10px 30px; }
#content ul li ul li { margin: 10px 0; }
#footer p { color: #303225; font-size: 11px; line-height: 16px; }
#footer p.credits { font-size: 10px; }
#footer-address p { color: #bfd4d6; }
#title { color: #333; font-size: 12px; font-weight: bold; margin: 10px 0; }

/* - - - LINKS - - - */
a { color: #400040; text-decoration: underline; }
a:hover { text-decoration: none; }
p.breadcrumbs a { color: #000; font-size: 10px; line-height: 10px; text-decoration: none; }
p.breadcrumbs a:hover { text-decoration: underline; }
p.top-link a { text-decoration: none; }
p.top-link a:hover { text-decoration: underline; }
#footer a { color: #fff; }

/* - - - HEADERS - - - */
h1 { background: no-repeat; height: 20px; margin-bottom: 20px; overflow: hidden; text-indent: -9999px; }
h1.home { background: no-repeat; height: 60px; overflow: hidden; text-indent: -9999px; }
h2 { color: #666; font-size: 14px; letter-spacing: 1.5px; margin: 10px 0; }
h3 { color: #333; font-size: 12px; margin: 10px 0; }
h4 { color: #bfd4d6; font-size: 11px; margin: 5px 0; }

/* - - - - - - - - - - IMAGES - - - - - - - - - - */
img { border: 0; display: block; }
img.center { clear: both; margin: 0 auto; }
img.left { border: 8px solid #eaf3f4; clear: left; float: left; margin: 0 20px 10px 0; }
img.right { clear: right; float: right; margin: 0 0 10px 10px; }
img.auto { border: 8px solid #eaf3f4; clear: left; float: left; margin: 0 20px 10px 0; }
.flash-replaced .alt { display: block; height: 1000px; position: absolute; overflow: hidden; width: 0; }
.map { border: 8px solid #eaf3f4; clear: both; margin: 0 auto; }
img.link { display: inline; float: left; margin: 10px 20px 10px 0; }
img.clear { clear: left; }
img.slideshow { border: 12px solid #eaf3f4; }

/* - - - - - - - - - - LAYOUT - - - - - - - - - - */
#container { background: #fff url(../images/container-bg.jpg) center repeat-y; margin: 0 auto; width: 100%; }
#content { background: url(../images/content-bg.jpg) no-repeat; margin: 0 auto; min-height: 400px; padding: 20px 20px 20px 280px; width: 470px; }
#header { background: url(../images/header.jpg) no-repeat; display: block; height: 231px; margin: 0 auto; overflow: hidden; width: 770px; }
#footer { height: 100px; margin: 0 auto; padding: 10px 0 70px; width: 770px; }
#footer-text { float: right; padding-right: 30px; width: 460px; }
#footer-address { padding-left: 30px; width: 230px; }
#footer-container { background: #017d8c url(../images/footer-bg.jpg) top repeat-x; height: 100px; width: 100% }
#home-link { height: 55px; margin: 45px 0 0 30px; overflow: hidden; position: absolute; text-indent: -9999px; width: 215px; }
#home-links { clear: both; height: 260px; }
#in-ovation-comparison { margin: 20px auto; overflow: auto; width: 460px; }
#in-ovation-comparison p { margin: 0; }
#in-ovation-comparison img.left { border: none; clear: left; float: left; margin: 0 10px 80px 0; }
#in-ovation-comparison .float { float: left; width: 200px; margin-left: 20px; }
#ba-slideshow { height: 520px; }
#slideshow { height: 504px; }
p#address { background: url(../images/home-icon.gif) top left no-repeat; font-size: 10px; line-height: 11px; margin: 0; padding-left: 15px; }
p#phone { background: url(../images/phone-icon.gif) top left no-repeat; float: right; font-size: 10px; margin: 0; padding: 0 20px 0 15px; }

/* - - - FLASH - - - */
#flash-home { height: 114px; margin: 115px 0 0 260px; position: absolute; width: 510px; }
#flash-braces-diagram { height: 345px; margin: 20px 0; width: 460px; }
#flash-brace-painter { height: 396px; margin: 20px 0; width: 460px; }
#flash-brushing-and-flossing { height: 276px; margin: 20px 0; width: 460px; }
#flash-color-your-retainer { height: 300px; margin: 20px 0; width: 300px; }
#flash-common-treatments { height: 276px; margin: 20px 0; width: 460px; }
#flash-emergency-care { height: 276px; margin: 20px 0; width: 460px; }
#flash-patient-care-videos { height: 345px; margin: 20px 0; width: 460px; }
#flash-types-of-appliances { height: 276px; margin: 20px 0; width: 460px; }
#flash-types-of-braces { height: 276px; margin: 20px 0; width: 460px; }
#video-in-ovation { background: #e9d8ea; border: 1px solid #e9d8ea; height: 266px; margin: 20px 0; width: 360px; }
#video-invisalign { background: #e9d8ea; border: 1px solid #e9d8ea; height: 266px; margin: 20px 0; width: 360px; }

/* - - - - - - - - - - NAVIGATION - - - - - - - - - - */
#nav { margin: 30px 0 0 265px; position: absolute; width: 500px; z-index: 99; }
#nav ul { list-style: none; width: 500px; }
#nav li { float: left; }
#nav a { display: block; height: 75px; overflow: hidden; text-indent: -9999px; }

/* - - - NAVIGATION IMAGES - - - */
a#our-office { background: url(../images/nav/our-office.jpg); width: 100px; }
a#for-new-patients { background: url(../images/nav/for-new-patients.jpg); width: 100px; }
a#about-orthodontics { background: url(../images/nav/about-orthodontics.jpg); width: 100px; }
a#faq { background: url(../images/nav/faq.jpg); width: 100px; }
a#about-braces { background: url(../images/nav/about-braces.jpg); width: 100px; }

/* - - - NAVIGATION ROLLOVER EFFECTS - - - */
#nav ul a:hover, #nav ul li.active a { background-position: 0 -75px; }
#nav ul li:hover #our-office, #nav ul li.sfhover #our-office,
#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 { background-position: 0 -75px; }

/* - - - SUBNAVIGATION - - - */
#nav ul li ul { background: #e9f3f4; display: block; left: -9999px; list-style: none; padding: 5px 0; position: absolute; z-index: 1; width: 144px; }
#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 { display: block; height: 18px; line-height: 18px; overflow: hidden; text-indent: -9999px; width: 144px; }
#nav ul li.active ul li a { background-position: 0 0; }

/* - - - SUBNAVIGATION IMAGES - - - */
li.meet-dr-doppel { background: url(../images/nav/meet-dr-doppel.gif); }
li.meet-the-team { background: url(../images/nav/meet-the-team.gif); }
li.office-tour { background: url(../images/nav/office-tour.gif); }
li.the-game-room { background: url(../images/nav/the-game-room.gif); }
li.your-first-visit { background: url(../images/nav/your-first-visit.gif); }
li.patient-forms { background: url(../images/nav/patient-forms.gif); }
li.before-and-after { background: url(../images/nav/before-and-after.gif); }
li.links-and-resources { background: url(../images/nav/links-and-resources.gif); }
li.for-children-and-adults { background: url(../images/nav/for-children-and-adults.gif); }
li.why-braces { background: url(../images/nav/why-braces.gif); }
li.two-phase-treatment { background: url(../images/nav/two-phase-treatment.gif); }
li.ortho-dictionary { background: url(../images/nav/ortho-dictionary.gif); }
li.orthodontic-treatments { background: url(../images/nav/orthodontic-treatments.gif); }
li.invisalign { background: url(../images/nav/invisalign.gif); }
li.invisalign-teen { background: url(../images/nav/invisalign-teen.gif); }
li.in-ovation { background: url(../images/nav/in-ovation.gif); }
li.dentofacial-orthopedics { background: url(../images/nav/dentofacial-orthopedics.gif); }
li.tmj-tmd { background: url(../images/nav/tmj-tmd.gif); }
li.surgical-orthodontics { background: url(../images/nav/surgical-orthodontics.gif); }
li.emergency-care { background: url(../images/nav/emergency-care.gif); }
li.life-with-braces { background: url(../images/nav/life-with-braces.gif); }
li.patient-care-videos { background: url(../images/nav/patient-care-videos.gif); }
li.types-of-braces { background: url(../images/nav/types-of-braces.gif); }
li.braces-diagram { background: url(../images/nav/braces-diagram.gif); }
li.brace-painter { background: url(../images/nav/brace-painter.gif); }
li.types-of-appliances { background: url(../images/nav/types-of-appliances.gif); }
li.color-your-retainer { background: url(../images/nav/color-your-retainer.gif); }
li.location { background: url(../images/nav/location.gif); }
li.appointment-request { background: url(../images/nav/appointment-request.gif); }
li.comment-form { background: url(../images/nav/comment-form.gif); }
li.refer-a-friend { background: url(../images/nav/refer-a-friend.gif); }

/* - - - SUBNAVIGATION ROLLOVER EFFECTS - - - */
#nav ul li ul li:hover, #nav ul li ul li.active { background-position: 0 -18px; }

/* - - - - - - - - - - TOP NAVIGATION - - - - - - - - - - */
#topnav { float: right; z-index: 100; }
#topnav ul { list-style: none; }
#topnav li { float: left; padding-left: 10px; }
#topnav a { background: url(../images/nav/topnav.gif) top left no-repeat; color: #a7cdd2; display: block; font-size: 12px; height: 30px; line-height: 30px; overflow: hidden; padding-left: 15px; text-decoration: underline; text-indent: 0; }

/* - - - TOP NAVIGATION TEXT - - - */
a#patient-login { font-weight: bold; width: 80px }
a#contact-us { width: 65px; }
a#home { width: 40px; }
a#site-map { width: 60px; }

/* - - - TOP NAVIGATION ROLLOVER EFFECTS - - - */
#topnav ul a:hover, #topnav ul li.active a { background-position: 0 -30px; color: #fff; text-decoration: none; }

/* - - - TOP NAVIGATION SUBNAVIGATION - - - */
#topnav ul li ul { background: #303225; display: block; left: -9999px; list-style: none; padding: 5px 0; position: absolute; z-index: 101; width: 150px; }
#topnav ul li:hover ul, #topnav ul li.sfhover ul { left: auto; }
#topnav ul li ul li { float: none; padding: 0; }
#topnav ul li ul li a { background: #303225; color: #a7cdd2; font-size: 11px; height: 20px; line-height: 20px; text-indent: 0; width: 135px; }

/* - - - TOP NAVIGATION SUBNAVIGATION ROLLOVER EFFECTS - - - */
#topnav ul li.active ul li a { background: #013e46; color: #a7cdd2; text-decoration: underline; }
#topnav ul li.active ul a:hover, #topnav ul li.active ul li.active a { background: #013e46; color: #fff; text-decoration: none; }

/* - - - - - - - - - - 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; width: 450px; }
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: 10px; }

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

/* Global Form Styles */
fieldset { border: none; padding: 10px 0; }
fieldset div { clear: both; }
.form-header { border-bottom: 1px solid #400040; }
.form-footer { border-top: 1px solid #400040; padding-top: 20px; text-align: center; }
.form-footer button { background: #81A8AD; border: 1px solid #023e46; clear: both; color: #023e46; 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: #feefff; border: solid 1px #e9d8ea; margin: 0; padding: 10px; width: 440px; }
.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 #400040; 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 #400040; }
.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: #feefff; border: solid 1px #e9d8ea; margin: 0; padding: 10px; width: 440px; }
.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 #400040; 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 #400040; }
.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: #feefff; border: solid 1px #e9d8ea; margin: 0; padding: 10px; width: 440px; }
.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 #400040; 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 #400040; }
.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; }


/* inv teen */
img.right-border {
	border: solid 1px #000;
	margin: 0 0 15px 15px;
	float: right;
	}
img.right {
	margin: 0 0 15px 15px;
	float: right;
	}
img.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;
	float: right;
	clear: right;
	}
#invisalign-sidebar a {
	color: #036;
	}
#invisalign-sidebar h3 {
	background: #444732;
	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 {clear: both;}