
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, 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: #67B4DB;}

body, form, input, textarea {color: #3A362C; font-family: 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: #FFFFFF; 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: #003D7F; font-size: 12px; line-height: 15px; margin: 15px 20px;}
#ft p#sesame-link-p {color: #FFFFFF;}
#ft p.text_nav {color: #FFFFFF; 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;}

h6 {background-color: #3A362C; clear: both; height: 3px; margin: 20px 0; padding: 0;}

p.back-to-top {font-size: 11px; font-weight: bold; text-align: right;}

 
a {color: #DF6300; text-decoration: underline;}
a:hover {text-decoration: none;}

.text-callout a {color: #003D7F; display: block; text-decoration: none;}
#social-icons {position: absolute; z-index:1000; top: 93px; right: 21px; text-align:center;}
#social-icons a, #social-icons img {display:inline;}

#ft a {color: #FFFFFF; font-weight: normal;}
#ft p#sesame-link-p a {color: #FFFFFF; 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: #003D7F; font-family: "Arial Black", Arial, sans-serif; font-size: 36px; font-weight: normal; margin: 0; text-transform: uppercase;}
h2 {color: #FF8800; font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; margin: 10px 0;}
h2.special {color: #003D7F; font-family: Arial, sans-serif; font-size: 11px; font-weight: normal; font-style: italic;}
h3 {color: #3A362C; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; margin: 10px 0;}
body.home h1 {font-size: 22px;}
.text-callout h2 {color: #003D7F; font-family: "Arial Narrow", Arial, sans-serif; font-size: 22px; font-weight: bold; line-height: 12px; margin: 15px 0; text-align: center; text-transform: uppercase;}
.text-callout h2 span.appointment {color: #FF8800; font-family: Arial, sans-serif; font-size: 24px; font-weight: normal; letter-spacing: -1px; line-height: 38px;}
.text-callout h2 span.click {color: #3A362C; font-family: Arial, sans-serif; font-size: 14px;}

img {border: 0; display: block;}
img.auto {border: 10px solid #003D7F; float: right; margin: 10px 0 20px 20px;}
img.link {border: 2px solid #FF8800; clear: both; margin: 0 0px 20px 22px;}

img.center {border: 2px solid #003D7F; clear: both; margin: 20px auto;}
img.left {border: 2px solid #003D7F; clear: left; float: left; margin: 0 20px 20px 0;}
img.right {border: 2px solid #003D7F; clear: right; float: right; margin: 0 0 20px 20px;}

div.map iframe {border: 2px solid #FF8800;}

#address {margin: 0 10px 0 0; position: absolute; right: 0; top: 20px;}

.text-callout {background: #FFFFFF; border: 2px solid #FF8800; clear: both; height: 92px; margin: 20px auto; width: 186px;}

#bd {width: 970px;}
#bd-container {}

#container {margin: 0 auto; padding: 0 10px; width: 970px; position: relative;}


#content {background: #FFFFFF url(../images/content-bg.png) repeat-x top; margin: 0 20px 0 230px; min-height: 950px; padding: 40px 20px 15px 30px; width: 670px; position: relative;}

#nav-container {left: 50%; margin: 216px 0 0 -485px; padding-top: 40px; position: absolute; top: 0; width: 230px;}

#nav-container-holder {position: absolute; z-index: 200; top: 0; left: 10px; padding-left: 10px; width: 960px; min-height:200px;}

#hd {background: #003D7F 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: 130px; width: 700px; margin: 20px 0 0 30px; position: absolute; overflow: hidden; text-indent: -9999px;}
#hd-container {height: 168px; padding-top: 48px; position: relative; width: 970px;}

#ft {background: #003D7F url(../images/footer-bg.png) repeat-x top; margin: 0 0 20px 280px; padding: 20px 0; width: 620px;}

#ft-container {width: 970px; margin: 0 auto;}


.clear {clear: both;}

#flash-slideshow {border: 10px solid #FF8800; height: 220px; margin-bottom: 20px; width: 650px;}

#nav {height: 240px; margin-left: 20px; width: 210px;}
#nav ul {list-style: none; width: 210px;}
#nav li {float: left;}
#nav a {color: #003D7F; 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: #FF8800 url(../images/nav/rollover.png) repeat-y right; color: #FFFFFF;}
#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 #invisalign, #nav ul li.sfhover #invisalign,
#nav ul li:hover #services, #nav ul li.sfhover #services {background: #FF8800 url(../images/nav/rollover.png) repeat-y right; color: #FFFFFF;}

#nav ul li ul {background: #FF9F2F; 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: #003D7F; 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: #FFFFFF;}

#topnav {margin: 14px 0 0 10px; position: absolute; top: 0;}
#topnav ul {list-style: none;}
#topnav li {float: left;}
#topnav a {background: #FFFFFF; display: block; font-family: "Arial Black", 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;}

a#patient-login {color: #003D7F; margin-right: 3px;}
a#doctor-login {color: #003D7F;}

#topnav ul a:hover {text-decoration: underline;}



