* { margin: 0; outline: none; padding: 0; }
body { background: #dbcad5 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: #98267a; 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: #f29eca; font-size: 11px; line-height: 12px; }
#footer p.sesame-link { text-align: center; font-size: 10px; margin: 0; color:#1c163d; }
#footer p.text_nav { line-height: 14px; margin: 0 0 10px 0; color:#f29eca; }
#subnav-container p.sub_nav { color: #fff; font-size: 12px; padding: 5px 10px; width: 448px; }
p#address { color: #fff; font-size: 11px; line-height: 18px; margin-left:21px; top:545px; position: absolute; }
p#procedures-nav { margin: 5px 0; }
body.home #content p { padding: 0 17px; }
span.number { font-size: 14px; font-weight: bold; }
.hide {display:none;}

/* - - - LINKS - - - */
a { color: #f595ca; }
a:hover { text-decoration: none; }
p.top-link a { }
p.top-link a:hover { text-decoration: none; }
#footer a { color: #f29eca; font-weight: normal;  }
#footer a:hover { text-decoration: none;}
#footer p.sesame-link a { color: #1c163d; }
#subnav-container p.sub_nav a { color: #fff; font-weight: normal; }
#subnav-container p.sub_nav a.active { text-decoration:none; 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.auto2 { background: url(../images/image-bg2.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 #93225d; }
img.clear { clear: right; }
img.link { border: 1px solid #93225d; float: left; margin: 10px 20px 10px 0; }
img.link-block { border: 1px solid #93225d; float: right; margin: 10px 0 10px 20px; }
img.link-home { border: 1px solid #93225d; float: left; margin: 10px 20px 10px 0; }
img.side { border: 1px solid #93225d; margin: 20px 0 20px 21px; }
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 #93225d; padding: 0; }
img.damon { background: #fff; border: 1px solid #93225d; 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; min-height:980px; height:auto !important; height:980px;}
#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: #c02e89 url(../images/footer-bg.jpg) no-repeat center; clear: both; height: 70px; margin: 0 15px; padding: 60px 0 30px; text-align: center; width: 670px; }
#nav-container { background: url(../images/nav-bg.jpg) no-repeat top; display: inline; float: left; width: 198px; padding-top:40px; }
#subnav-container { background: url(../images/subnav-bg.gif) no-repeat top; height: 73px; width: 468px; padding-top:1px;}
#logos {width:153px; position:absolute; z-index:13; top:703px; margin-left:21px;}
#logos img {margin-bottom:5px;}

#social-networks {width:153px; position:absolute; z-index:13; top:638px; margin-left:21px;}

#social-networks img {display: inline-block; margin-right: 3px;}

/* - - - FLASH - - - */
#flash-home { height: 299px; width: 502px; }

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

/* - - - 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#services { background: url(../images/nav/services.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: -197px 0; }
#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: -197px 0; }

/* - - - SUBNAVIGATION - - - */
#nav ul li ul { background: #93225d; 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: #6baa3f; }

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

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

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