

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
object {outline: none;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a img {border:none;}
.hide {display:none;}

* {outline: none;}
body {background: #b4a6d9 url(../images/bg3.png) repeat-x;}

body, form, input, textarea {color: #3A362C; font-family: Trebuchet, Arial, sans-serif; font-size: 13px;}
p {line-height: 20px; margin: 15px 0;}

p.sub_nav {font-weight: bold; margin-top: 40px;}
blockquote {margin: 10px 40px; padding: 0;}
em {font-style: italic;}

#address p {color: #f3f0f5; font-size: 13px; margin: 0;}
#address p span.phone {font-size: 14px; font-weight: bold;}

#content ul {font-size: 13px; line-height: 16px; margin: 10px 40px;}
#content ul li {list-style: disc; margin: 15px 0;}
#content ul li ul {line-height: 16px; margin: 10px 30px;}
#content ul li ul li {list-style: circle; margin: 15px 0;}

#ft p {color: #62078f; font-size: 12px; line-height: 15px; margin: 15px 20px;}
#ft p#sesame-link-p {color: #f3f0f5;}
#ft p.text_nav {line-height: 20px;}

body.site-map #content ul, body.page-not-found #content ul, body.internal-server-error #content ul {font-size: 12px; line-height: 14px; list-style: disc; margin: 10px 20px;}

div.hr {background-color: #3A362C; clear: both; height: 3px; margin: 20px 0; padding: 0;}
div.hr hr {background-color: #3A362C; border: 3px solid #3A362C; border-width: 3px 0 0 0; clear: both; display: none; height: 0;}

p.back-to-top {font-size: 11px; font-weight: bold; text-align: right;}

 
a {color: #56507c; text-decoration: underline;}
a:hover {text-decoration: none;}

#exam a {color: #f3f0f5; display: block; text-decoration: none;}

#ft a {color: #56507c; font-weight: normal;}
#ft p#sesame-link-p a {color: #b4a6d9; font-weight: bold;}

body.site-map #content ul li a, body.page-not-found #content ul li a, body.internal-server-error #content ul li a {font-weight: bold; margin: 10px 0;}
body.site-map #content ul li li a, body.page-not-found #content ul li li a, body.internal-server-error #content ul li li a {font-weight: normal;}

p.sub_nav a {font-weight: bold;}
p.sub_nav a.active {color: #3A362C; text-decoration: none;}

h1 {color: #56507c; }
h2 {color: #b4a6d9; font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; margin: 10px 0;}
h3 {color: #3A362C; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; margin: 10px 0;}
body.home h1 {font-size: 30px;}
#exam h2 {color: #f3f0f5; font-family: Arial, sans-serif; font-size: 18px; font-weight: bold; line-height: 12px; margin: 15px 0; text-align: center; text-transform: uppercase;}

#exam h2 span.exam {color: #f3f0f5; font-family: Arial, sans-serif; font-size: 28px; font-weight: normal; line-height: 38px;}
#exam h2 span.schedule {color: #b4a6d9; font-family: Arial, sans-serif; font-size: 12px;}

img {border: 0; display: block;}
img.auto {border: 10px solid #56507c; float: right; margin: 10px 0 20px 20px;}
img.link {border: 2px solid #56507c; clear: both; margin: 0 auto 20px;}

div#pro-pack-callout-sm {background-position: center; border-width: 2px; margin: 20px auto; width: 185px;}
div#pro-pack-callout-sm a {width: 185px;}
img.aao-link {background-color: #FFF; padding: 2px 5px;}
img.abo-link {background-color: #FFF; padding: 10px 5px;}

img.center {border: 2px solid #56507c; clear: both; margin: 20px auto;}
img.left {border: 2px solid #56507c; clear: left; float: left; margin: 0 20px 20px 0;}
img.right {border: 2px solid #56507c; clear: right; float: right; margin: 0 0 20px 20px;}

div.map iframe {border: 2px solid #56507c;}

#address {margin: 0 10px 0 0; position: absolute; right: 0; top: 20px;}

#bd {width: 970px;}

#container {margin: 0 auto; padding: 0 10px; width: 970px;}
#content {background: #f3f0f5 url(../images/content-bg.png) repeat-x top; margin: 0 20px 0 230px; min-height: 600px; padding: 40px 20px 15px 30px; width: 670px;}

#exam {background: #56507c; border: 2px solid #56507c; clear: both; height: 92px; margin: 20px auto; width: 185px;}

#hd {background: #f3f0f5 url(../images/header.png) no-repeat; margin: 0 auto; height: 168px; width: 970px;}
#hd a#logo {background: url(../images/logo.png) no-repeat; display: block; height: 132px; margin: 15px 0 0 20px; position: absolute; overflow: hidden; text-indent: -9999px; width: 472px;}
#hd-container {height: 168px; padding-top: 48px; position: relative; width: 970px;}

#ft {background: #f3f0f5 url(../images/footer-bg.png) repeat-x top; margin: 0 0 20px 280px; padding: 20px 0; width: 620px;}
#ft-container {width: 970px;}

#nav-container {left: 50%; margin: 216px 0 0 -485px; padding-top: 40px; position: absolute; top: 0; width: 230px;}

.clear {clear: both;}

#flash-slideshow { height: 220px; width: 650px; margin-bottom: 20px; }
#flash-slideshow-container {height: 220px; width: 650px; border: 10px solid #56507c;}

#nav {height: 240px; margin-left: 20px; width: 210px;}
#nav ul {list-style: none; width: 210px;}
#nav li {float: left;}
#nav a {color: #f3f0f5; display: block; font-family: Arial, sans-serif; font-size: 20px; font-weight: normal; height: 40px; line-height: 40px; padding-left: 10px; text-decoration: none; text-transform: uppercase; width: 200px;}

#nav ul a:hover, #nav ul li.active a {background: #56507c url(../images/nav/rollover.png) repeat-y right; color: #f3f0f5;}
#nav ul li:hover #our-team, #nav ul li.sfhover #our-team,
#nav ul li:hover #new-patients, #nav ul li.sfhover #new-patients,
#nav ul li:hover #treatments, #nav ul li.sfhover #treatments,
#nav ul li:hover #invisalign, #nav ul li.sfhover #invisalign {background: #56507c url(../images/nav/rollover.png) repeat-y right; color: #f3f0f5;}

#nav ul li ul {background: #56507c; display: block; left: -9999px; list-style: none; padding: 5px 0; position: absolute; width: 200px; z-index: 100;}
#nav ul li:hover ul, #nav ul li.sfhover ul {left: auto; margin: -40px 0 0 200px;}
#nav ul li ul li {display: block;}
#nav ul li ul li a, #nav ul li.active ul li a {background: none; color: #F3F0F5; font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; height: 24px; line-height: 24px; padding-left: 10px; text-decoration: none; text-transform: none; width: 190px;}

#nav ul li ul li a:hover, #nav ul li ul li.active a {background: none; color: #b4a6d9;}

#topnav {margin: 14px 0 0 10px; position: absolute; top: 0;}
#topnav ul {list-style: none;}
#topnav li {float: left; color:#FFF;}
#container #topnav a {background: #56507c; display: block; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; height: 34px; line-height: 34px; padding: 0 10px; text-align: center; text-decoration: none; text-transform: uppercase; color:#FFF;}

a#patient-login {color: #56507c; margin-right: 3px}
a#doctor-login {color: #56507c;}

#topnav ul a:hover {text-decoration: underline;}


.common-treatments-container {clear: right; float: right; margin: 0 0 20px 20px; padding: 5px 0 5px 5px; width: 334px;}
.common-treatments-container p {float: left; margin: 0; padding: 0; width: 50%;}
.common-treatments-container img {border: solid 1px #000; float: left; margin-right: 5px;}

#damon-system-container {margin: 0 auto; width: 400px;}
#damon-system-left {float: left; margin-right: 20px; width: 175px;}
#damon-system-right {float: left; width: 170px;}
#damon-system-bracket {margin: 0 auto;}

#invisalign-teen-sidebar {background: #fff; border: solid 1px #000; clear: right; float: right; font-size: 11px; line-height: 18px; margin: 0 0 15px 15px; padding: 0; width: 275px;}
#invisalign-teen-sidebar p {font-size: 12px; line-height: 18px; margin: 15px 0; padding: 0 15px;}
#invisalign-teen-sidebar a {color: #036;}
#invisalign-teen-sidebar h3 {background: #97AFC2; color: #fff; margin: 0; padding: 15px;}
.invisalign-teen-thumb {border: solid 1px #000; clear: left; float: left; margin: 0 10px 10px 0;}
