* { margin: 0; outline: none; padding: 0; }
body { background: #aec0e8 url(../images/bg.jpg) repeat-y center; }

/* - - - - - - - - - - TEXT - - - - - - - - - - */
body, form, input, textarea { color: #fff; font-family: tahoma, sans-serif; font-size: 11px; }
p { color: #fff; line-height: 20px; margin: 10px 0; }
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 { font-size: 12px; line-height: 12px; list-style: disc; margin: 10px 20px; }
body.site-map #content ul a { color: #FFF; }
body.site-map #content ul li { margin: 10px 0; }
body.site-map #content ul ul { font-size: 12px; line-height: 12px; list-style: circle; margin: 10px 30px; }
body.site-map #content ul ul a { color: #FFF; font-weight: normal; }
body.site-map #content ul ul li { margin: 10px 0; }
div.hr { background: #193394; clear: both; height: 1px; margin: 20px 0; padding: 0; width: 100%; }
div.hr hr { display: none; }
#nav-container div.hr { background: url(../images/nav-hr.jpg) no-repeat; clear: none; height: 17px; margin: 0; padding: 0; width: 198px; }
#nav-container div.hr hr { display: none; }
#content ul { font-size: 11px; line-height: 16px; list-style: disc; margin: 10px 40px; }
#content ul li { margin: 10px 0; }
#content ul li ul { line-height: 16px; list-style: circle; margin: 10px 30px; }
#content ul li ul li { margin: 10px 0; }
#footer p { color: #fff; font-size: 11px; line-height: 12px; }
#footer p.sesame-link { text-align: center; font-size: 10px; margin: 0; }
#footer p.text_nav { line-height: 14px; margin: 0 0 10px 0; }
#subnav-container p.sub_nav { color: #fff; font-size: 12px; padding: 5px 10px; width: 448px; }
p#address { color: #fff; font-size: 13px; line-height: 18px; margin: 56px 0 0 460px; position: absolute; }
p#procedures-nav { margin: 5px 0; }
body.home #content p { padding: 0 17px; }
span.number { font-size: 14px; font-weight: bold; }

/* - - - LINKS - - - */
a { color: #ec7c80; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
p.top-link a { text-decoration: none; }
p.top-link a:hover { text-decoration: underline; }
#footer a { color: #8ea3e2; font-weight: normal; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer p.sesame-link a { color: #fff; }
#subnav-container p.sub_nav a { color: #fff; font-weight: normal; }
#subnav-container p.sub_nav a.active { color: #ec7c80; font-weight: bold; }
p#procedures-nav a { font-weight: normal; }

/* - - - HEADERS - - - */
h1 { background: no-repeat; height: 60px; margin: 10px 0 0; overflow: hidden; text-indent: -9999px; }
h1.home { margin-left: 17px; }
h2 { color: #fff; font-family: tahoma, sans-serif; font-size: 12px; margin: 10px 0; }
body.home #content h2 { padding: 0 20px; }
h3 { color: #fff; font-family: tahoma, sans-serif; font-size: 11px; margin: 10px 0; }
h4 { color: #fff; font-family: tahoma, sans-serif; font-size: 11px; font-weight: normal; margin: 0 0 10px 0; }

/* - - - - - - - - - - IMAGES - - - - - - - - - - */
img { border: 0; display: block; }
img.center { clear: both; margin: 10px auto; }
img.left { border: 1px solid #193394; clear: left; float: left; margin: 10px 10px 10px 0; }
img.right { background: url(../images/image-bg.jpg) no-repeat; clear: right; float: right; margin: 10px 0 10px 20px; padding: 5px; }
img.auto { background: url(../images/image-bg.jpg) no-repeat; clear: right; float: right; margin: 10px 0 10px 20px; padding: 5px; }
img.treatment-small { background: url(../images/image-bg-small.jpg) no-repeat; }
.flash-replaced .alt { display: block; height: 1000px; position: absolute; overflow: hidden; width: 0; }
.map { border: 1px solid #193394; }
img.clear { clear: right; }
img.link { border: 1px solid #193394; float: left; margin: 10px 20px 10px 0; }
img.link-block { border: 1px solid #193394; float: right; margin: 10px 0 10px 20px; }
img.link-home { border: 1px solid #193394; float: left; margin: 10px 20px 10px 0; }
img.side { border: 1px solid #193394; margin: 20px 0 20px 21px; }
img.side-invisalign { border: 1px solid #193394; margin: 20px 0 20px 62px; }
img.braces { background: url(../images/image-bg-large.jpg) no-repeat; clear: right; float: right; margin: 10px 0 10px 20px; padding: 5px; }
img.staff { background: url(../images/image-bg.jpg) no-repeat; clear: right; float: right; margin: 10px 0 10px 20px; padding: 5px; }
img.ibraces { background: none; border: 1px solid #193394; padding: 0; }
img.damon { background: #fff; border: 1px solid #193394; padding: 5px; }

/* - - - - - - - - - - LAYOUT - - - - - - - - - - */
#container { background: url(../images/container-bg.jpg) repeat-y; margin: 0 auto; width: 700px; }
#content { background: url(../images/content-bg.jpg) no-repeat top; float: left; padding: 70px 17px 5px; width: 468px; }
#header a { background: url(../images/header.jpg) no-repeat; display: block; height: 182px; overflow: hidden; text-indent: -9999px; width: 700px; }
body.home #header a { background: url(../images/header-home.jpg) no-repeat; }
body.home #content { padding: 0 0 5px; width: 502px; }
#footer { background: #234ac0 url(../images/footer-bg.jpg) no-repeat center; clear: both; height: 45px; margin: 0 15px; padding: 40px 0 40px; text-align: center; width: 670px; }
#nav-container { background: url(../images/nav-bg.jpg) no-repeat top; display: inline; float: left; width: 198px; }
#subnav-container { background: url(../images/subnav-bg.gif) no-repeat top; height: 73px; width: 468px; }

/* - - - FLASH - - - */
#flash-home { background: url(../images/flash-bg.jpg) no-repeat; height: 299px; width: 502px; }

/* - - - - - - - - - - NAVIGATION - - - - - - - - - - */
#nav { height: 180px; width: 198px; }
#nav ul { list-style: none; width: 198px; }
#nav li { float: left; margin-bottom: 5px; }
#nav a { display: block; height: 25px; overflow: hidden; text-indent: -9999px; width: 198px; }

/* - - - NAVIGATION IMAGES - - - */
a#home { background: url(../images/nav/home.jpg); }
a#our-team { background: url(../images/nav/our-team.jpg); }
a#new-patients { background: url(../images/nav/new-patients.jpg); }
a#treatments { background: url(../images/nav/treatments.jpg); }
a#faqs { background: url(../images/nav/faqs.jpg); }
a#contact-us { background: url(../images/nav/contact-us.jpg); }

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

/* - - - SUBNAVIGATION - - - */
#nav ul li ul { background: #193394; display: block; left: -9999px; list-style: none; position: absolute; z-index: 1; width: 170px; }
#nav ul li:hover ul, #nav ul li.sfhover ul { left: auto; margin: -22px 0 0 180px; }
#nav ul li ul li { display: block; margin: 0; }
#nav ul li ul li a { color: #fff; font-size: 12px; font-weight: normal; height: 27px; line-height: 27px; padding-left: 10px; text-decoration: none; text-indent: 0; width: 160px; }
#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: #142874; }

/* - - - - - - - - - - TOP NAVIGATION - - - - - - - - - - */
#topnav { height: 69px; margin-top: 46px; width: 198px; }
#topnav ul { list-style: none; width: 198px; }
#topnav li { float: left; }
#topnav a { display: block; height: 33px; overflow: hidden; text-indent: -9999px; width: 198px; }

/* - - - TOP NAVIGATION IMAGES - - - */
a#patient-login { background: url(../images/nav/patient-login.jpg); height: 33px; margin-bottom: 3px; }
a#doctor-login { background: url(../images/nav/doctor-login.jpg); height: 33px; }

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

/* - - - - - - - - - - INVISALIGN TEEN - - - - - - - - - - */
#invisalign-teen-sidebar { background:#fff; border:solid 1px #193394; clear:right; float:right; margin:0 0 15px 15px; padding:0; width:275px; }
#invisalign-teen-sidebar p { margin:15px 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 #193394; clear:right; float:right; margin:0 0 15px 15px; }
img.invisalign-teen-left { border:solid 1px #193394; float:left; margin:0 15px 20px 0; }
img.invisalign-teen-thumb { border:solid 1px #193394; 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; }