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

/* - - - - - - - - - - TEXT - - - - - - - - - - */
body, form, input, textarea { color: #000; font-family: verdana, sans-serif; font-size: 12px; }
p { color: #000; line-height: 18px; margin: 10px 0; }
p.breadcrumbs { color: #000; font-size: 10px; line-height: 10px; }
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: #000; 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: #568589; }
body.site-map #content ul li { margin: 10px 0; }
body.site-map #content ul ul { color: #000; 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: #000; font-weight: normal; }
body.site-map #content ul ul li { margin: 10px 0; }
div.hr { background: #492A32; clear: both; height: 1px; margin: 20px 0; padding: 0; width: 100%; }
div.hr hr { display: none; }
p#address { color: #fff; font-size: 12px; line-height: 18px; margin: 55px 0 0 560px; position: absolute; text-align: right; }
#content ul { font-size: 11px; line-height: 16px; 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: 16px; list-style: circle; list-style-image: url(../images/list.gif); margin: 10px 30px; }
#content ul li ul li { margin: 10px 0; }
#footer p { color: #fff; font-size: 11px; line-height: 14px; }
#footer p.sesame-link { text-align: center; font-size: 10px; }
span.number { font-size: 14px; font-weight: bold; }

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

/* - - - HEADERS - - - */
h1 { background: no-repeat; height: 35px; overflow: hidden; text-indent: -9999px; }
h2 { color: #37356a; font-family: georgia, serif; font-size: 14px; margin: 10px 0; }
h3 { color: #000; font-family: verdana, sans-serif; font-size: 12px; margin: 10px 0; }
h4 { color: #fff; font-family: verdana, sans-serif; font-size: 11px; font-weight: normal; margin: 5px 0; }

/* - - - - - - - - - - IMAGES - - - - - - - - - - */
img { border: 0; display: block; }
img.center { clear: both; margin: 0 auto; }
img.left { clear: left; float: left; margin: 0 10px 10px 0; }
img.right { border: 1px solid #406367; clear: right; float: right; margin: 0 0 10px 10px; }
img.auto { border: 1px solid #406367; clear: right; float: right; margin: 0 0 10px 10px; }
.flash-replaced .alt { display: block; height: 1000px; position: absolute; overflow: hidden; width: 0; }
img.clear { clear: right; }
img.link-block { border: 1px solid #406367; float: right; margin: 10px 0 10px 20px; }
img.reader { clear: right; float: right; margin: 0 0 10px 10px; }
img.side { border: 1px solid #406367; margin: 20px auto; }
img.staff { border: 1px solid #406367; clear: right; float: right; margin: 0 0 10px 20px; }
.map { border: 1px solid #406367; }
.logo { margin: 15px 0 0 30px; position: absolute; }

/* - - - - - - - - - - LAYOUT - - - - - - - - - - */
#container { background: url(../images/container-bg.jpg) repeat-y; margin: 0 auto; width: 790px; }
#content { background: url(../images/content-bg.jpg) top no-repeat; float: left; padding: 26px 30px 0 0; width: 530px; }
#header { background: url(../images/header-bg.jpg) no-repeat; display: block; height: 248px; overflow: hidden; width: 790px; }
#footer { background: url(../images/footer-bg.jpg) top no-repeat; clear: both; padding: 50px 20px 20px; text-align: center; width: 750px; }
#side-bar { background: url(../images/side-bar-bg.jpg) top no-repeat; float: left; padding-top: 15px; width: 230px; }
#social-icons { text-align:center; }
#social-icons img { display:inline; }

/* - - - FLASH - - - */
#flash-home { height: 203px; margin-left: 263px; position: absolute; width: 303px; }

/* - - - - - - - - - - NAVIGATION - - - - - - - - - - */
#nav { background: url(../images/nav-bg.jpg) no-repeat; margin-top: 203px; position: absolute; width: 790px; }
#nav ul { list-style: none; margin: 0 auto; width: 730px; }
#nav li { float: left; }
#nav a { display: block; height: 45px; overflow: hidden; text-indent: -9999px; }

/* - - - NAVIGATION IMAGES - - - */
a#home { background: url(../images/nav/home.jpg); width: 104px; }
a#our-team { background: url(../images/nav/our-team.jpg); width: 128px; }
a#new-patients { background: url(../images/nav/new-patients.jpg); width: 151px; }
a#services { background: url(../images/nav/services.jpg); width: 117px; }
a#faqs { background: url(../images/nav/faqs.jpg); width: 93px; }
a#contact-us { background: url(../images/nav/contact-us.jpg); width: 137px; }

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

/* - - - SUBNAVIGATION - - - */
#nav ul li ul { background: url(../images/subnav-bg.jpg) top repeat-x #625f8a; border: 1px solid #000; display: block; left: -9999px; list-style: none; position: absolute; z-index: 1; width: 188px; }
#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; font-weight: normal; height: 25px; line-height: 25px; padding-left: 15px; text-decoration: none; text-indent: 0; width: 173px; }
#nav li:hover, #nav li.hover { position: static; }

/* - - - SUBNAVIGATION ROLLOVER EFFECTS - - - */
#nav ul li ul li a:hover, #nav ul li ul li.active a { background: #4d4b6d; }
#nav ul li ul li.first a { padding-top: 5px; }
#nav ul li ul li.last a { padding-bottom: 5px; }
#nav ul li ul li.common-procedures a { padding-top: 5px; }

/* - - - ON-PAGE SUBNAVIGATION - - - */
#subnav { clear: both; margin: 0 auto; width: 176px; }
#subnav ul { background: #565385; border: 1px solid #fff; list-style: none; margin: 20px 0; width: 176px; }
#subnav a { color: #a9a3ce; display: block; height: 24px; line-height: 24px; padding-left: 10px; width: 166px; }
#subnav ul li.first a { padding-top: 5px; }
#subnav ul li.last a { padding-bottom: 5px; }

/* - - - ON-PAGE SUBNAVIGATION ROLLOVER EFFECTS - - - */
#subnav ul a:hover, #subnav ul li.active a { background: url(../images/subnav-active.jpg) left no-repeat; color: #fff; text-decoration: none; }
#subnav ul li.first a:hover, #subnav ul li.active.first a { background: url(../images/subnav-active-top.jpg) left no-repeat; color: #fff; }
#subnav ul li.last a:hover, #subnav ul li.active.last a { background: url(../images/subnav-active-bottom.jpg) left no-repeat; color: #fff; }

/* - - - - - - - - - - TOP NAVIGATION - - - - - - - - - - */
#topnav { height: 30px; margin-left: 550px; position: absolute; width: 210px; z-index: 100; }
#topnav ul { list-style: none; width: 210px; }
#topnav li { float: left; }
#topnav a { display: block; height: 35px; overflow: hidden; text-indent: -9999px; }

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

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

/* - - - - - - - - - - INVISALIGN TEEN - - - - - - - - - - */
#invisalign-teen-sidebar { background:#fff; border:solid 1px #406367; clear:right; float:right; margin:0 0 15px 15px; padding:0; width:275px; }
#invisalign-teen-sidebar p { font-size:11px; margin:10px 0; padding:0 15px; }
#invisalign-teen-sidebar h3 { background:#97AFC2; color:#fff; font-size:14px; margin:0; padding:15px; }
#invisalign-teen-sidebar a { color:#036; font-weight: normal; }
img.invisalign-teen-right { border:solid 1px #406367; clear:right; float:right; margin:0 0 15px 15px; }
img.invisalign-teen-left { border:solid 1px #406367; float:left; margin:0 15px 20px 0; }
img.invisalign-teen-thumb { border:solid 1px #406367; clear:left; float:left; margin:0 10px 10px 0; }

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