/* HTML, BODY ---------- */
html {height: 100%;}
body {background-color: #3F3E1E; margin: 0;	height: 100%;}
* {margin:0; padding:0;}

/* TEXT ---------- */
body {color: #3c3b1d; font: 12px/20px Verdana, Helvetica, sans-serif; text-align:left;}
p {padding: 0px 0 15px 0px;}

/* HEADERS ---------- */
h1 {font: 19px/20px Verdana, Arial, Helvetica, sans-serif; color:#805600; padding-bottom: 0px;}
.home h1 {padding-bottom: 15px;}
h2{color: #c78704; padding: 0 0 10px 0; font-size: 16px; font-weight:normal;}
h3{padding: 0; font-size: 13px;}
h4{color: #a67207; font-size: 11px; line-height:14px; font-weight:normal;}

/* LISTS ---------- */
ol, ul {padding:0 0 10px 20px;}

/* LINKS ---------- */
a {color: #c78704; text-decoration: none; font-style:italic; font-weight: bold;}
a:visited{color: #c78704; text-decoration: none; font-style:italic; font-weight: bold;}
a:hover {color: #c78704; text-decoration: underline; font-style:italic; font-weight: bold;}
* #logo {position:absolute; top:0; left:50%; width: 593px; height: 181px; display: block; background: url(../images/logo.jpg) no-repeat; margin-left: -359px;}
#logo a {display: block; width: 593px; height: 181px;}
* .sesame {padding-top: 5px;}
.sesame a {color:#efe6d5; font-weight: bold; font-style:normal;}


/* top links ---------- */
* #top-links {width: 337px; z-index: 100;position:absolute; top: 0; left:50%;	margin-left:107px;}
#top-links ul {list-style: none; padding: 0;}
#top-links li {float: left; display:inline;}
#top-links a {height: 33px; display: block; overflow: hidden; text-indent: -999em;}
* #patient-login {background: url(../images/nav/patient-login.jpg) 0 0; width:136px;}
* #contact-us {background: url(../images/nav/contact-us.jpg) 0 0; width:123px;}
* #home {background: url(../images/nav/home.jpg) 0 0; width:78px;}
#top-links ul li:hover a, #top-links li.sfhover a,#top-links a:hover, #top-links .active {
	background-position: 0 -33px;}
#top-links li.active a{background-position: 0 -33px;}

/* nav ---------- */
* #nav{position:absolute; top:248px; left:50%; margin-left: 194px; padding:0; width:253px; display:block; z-index: 100;}
#nav a {display: block; overflow: hidden; text-indent: -999px; width: 253px;}
#nav ul{padding:0;}
* #about-us {background: url(../images/nav/about-us.jpg) 0 0; height: 51px;}
* #for-new-patients{background: url(../images/nav/for-new-patients.jpg) 0 0;height: 51px;}
* #about-orthodontics {background: url(../images/nav/about-orthodontics.jpg) 0 0;height: 51px;}
* #about-braces {background: url(../images/nav/about-braces.jpg) 0 0;height: 51px;}
* #invisalign {background: url(../images/nav/invisalign.jpg) 0 0;height: 51px;}
* #treatment-options {background: url(../images/nav/treatment-options.jpg) 0 0; height: 54px;}
#nav ul li:hover a, #nav li.sfhover a,#nav a:hover, #nav .active {background-position: -253px 0;}
#nav li.active a {background-position: -253px 0;}

/* DROP-DOWN-NAVIGATION ----------------*/
#nav li {display: inline; z-index:100; margin:0; padding:0;}
#nav li ul {margin: -48px 0 0 -135px; padding:0; width: 150px; position: absolute; background: #f3f0ea url(../images/nav-tile.gif) repeat-x 0 0; left: -999em; line-height: 24px; font-size: 9px; text-transform: uppercase; text-align:right; height: auto; border: 1px solid #c78703;}
#nav li ul a {list-style-image:none; padding: 0 10px 0 0; width: 140px;	color: #805600;text-indent: 0; text-decoration: none; height: auto; font-style: normal;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;display:block;z-index:100;}
#nav li:hover ul a:hover, #nav li.sfhover ul a:hover {color: #fff; background: #c78703;}

/* SUBNAV ----------------*/
* .sub_nav {position: absolute; top: 597px; left: 50%; margin-left:200px; background: url(../images/interior-nav-bg.jpg) no-repeat 0 0 ; width: 181px; min-height: 177px; _height: 177px; padding: 40px 15px 0 0 ; font-size: 9px; line-height:20px; text-align: right;}
.sub_nav a{color: #d88735; text-decoration: underline; font-style: normal; text-transform: uppercase; font-weight:normal;}
.sub_nav a:visited {text-decoration: underline; color: #d88735; font-style: normal; text-transform: uppercase; font-weight:normal;}
.sub_nav a:hover, .sub_nav a.active {font-weight:normal; text-decoration:none; color: #d88735; font-style: normal; text-transform: uppercase; font-weight:normal;}

/* TEXT_NAV - FOOTER NAV ----------------*/
* .text_nav {font-weight:bold; color:#f6edde; font-size: 12px; line-height:24px; padding-top: 30px; padding-bottom: 25px; font-style:normal;}
.text_nav a {color:#f6edde; text-decoration: underline;font-style:normal;}
.text_nav a:visited{color:#f6edde; text-decoration: underline;font-style:normal;}
.text_nav a:hover{	color:#f6edde; text-decoration: none;font-style:normal;}	

/* LAYOUT ---------- */
* .clear{clear:both;}
* .hide {display:none;}
.flash-replaced .alt {display: block; width: 0px; height: 0px; position: absolute;overflow: hidden;}
div.hr { background: url(../images/line.jpg) no-repeat 0 0; clear: both; height: 9px; margin: 20px 0 12px; width: 534px; }
div.hr hr { display: none; }
* #bg{background: url(../images/tile.jpg) repeat-y top center; margin: 0 0 0 -50%; width: 100%; position: absolute; top: 0; left: 50%; }
* #main {min-height: 800px; _height: 800px; background: url(../images/bg.jpg) no-repeat top center; width: 100%; margin: 0 auto;}
* #office-address{font-size: 12px; color:#f6edde; width: 820px; position: absolute; top: 188px; left: 50%; margin-left: -398px; text-align:center;}
* #home-callouts {position: absolute; top: 597px; left: 50%; margin-left:210px; width: 196px;}
/*.meet-the-team #text{width: 550px;}*/
.office-tour #text{min-height: 800px; _height: 800px;}
* #text{background: url(../images/text-bg.jpg) no-repeat bottom right; margin: 0 auto; min-height: 200px; _height: 200px; width: 572px; padding: 592px 256px 448px 68px;
}
*html #text{width: 574px;}
*+html #text{width: 574px;}

* #flash-home{position: absolute; top:259px; left:50%; margin: 0 0 0 -379px;	border:none; z-index:1;}
* .spotlight{position: absolute; top:259px; left:50%; margin: 0 0 0 -379px;	border:none; z-index:1;}
* #footer {position: relative; width: 100%; background:url(../images/footer-tile.png) repeat-x bottom left; height: 448px; margin-top:-443px; color: #3c3b1d; font-size: 11px; line-height:20px;}
*html #footer{background: url(../images/footer-tile.gif) repeat-x bottom left;}
* #footer-inner {width: 761px; margin: 0 auto; padding-top: 195px;}	

/* Shortcuts ----------*/
/* Image Replacement -- add class="replace" to root element, i.e.  and add a bg image*/
* .replace {letter-spacing : -1000em;line-height: 0;overflow: hidden;line-height: 0;text-indent: -999em;}
/* Just for Opera, but hide from MacIE */

/*\*/html>body .replace {	letter-spacing : normal;text-indent : -999em;overflow : hidden;}
/* End of hack */

/* IMAGES ---------- */
img {border:none;}

/*right and left floating image with border*/
* .right {float:right; border: 1px solid #c78703; margin-left:10px; margin-bottom:10px;}
* .left {float:left; border: 1px solid #c78703; margin-right:10px;margin-bottom:10px;}
* .borderless {border: none;}	
img.center {display:block; margin:0 auto 10px auto;}
iframe {border: 1px solid #c78703; margin-bottom:20px;}

/* jQuery Slideshow */
* .slideshow {margin: 0; padding: 0; list-style: none; overflow: hidden;}
#office-tour-slideshow li {width: 500px; height: auto;}

/* MEDIA CENTER ---------- */
h2.media-center {background:#000033; color:#FFF; margin:0; padding:5px;}
div.media-center {background:#336699; color:#FFF; margin-bottom:10px; padding:10px;}
div.media-center a {color:#FFF;}
div.media-center img {border:1px solid #FFF;}
* .flash {border: solid 1px #ccc;}
* #flash-in-ovation {width: 320px;height: 266px;}
* #flash-ibraces-1 {width: 320px; height: 266px;}
* #flash-ibraces-2, * #flash-ibraces-3 {width: 352px; height: 266px;}

/* THE DAMON SYSTEM ---------- */
* #damon-bracket {
display:block;
margin:0 auto 10px auto;}
* #damon-wrap {
width:400px;
margin:0 auto;}
* #damon-left {
float:left;
width:175px;
margin-right:20px;}
* #damon-right {
float:left;
width:170px;}
* #flash-the-damon-system-comparison {
margin:0 auto;
width:250px;}
* #video-the-damon-system {
margin: 0 15px 15px 0;
width: 240px;
height: 206px;
float: left;
clear: left;}
* #video-the-damon-system-2 {
margin: 0 15px 15px 0;
width: 400px;
height: 330px;
float: left;
clear: left;}

/* THE CLARITY SMART CLIP ---------- */
* #flash-clarity-smart-clip {
width: 520px;
height: 390px;
margin: 10px auto;
clear: both;}

* #flash-brushing-and-flossing-ortho {
width: 500px;
height: 300px;
margin: 10px auto;}

/* INVISALIGN TEEN ---------- */
* #sidebar {
background: #fff;
width: 275px;
margin: 0 0 15px 15px;
padding: 0;
border: solid 1px #000;
float: right;
clear: right;}
#sidebar a {
color: #036;}
#sidebar h3 {
background: #97AFC2;
margin: 0;
padding: 15px;
color: #fff;}
* .thumb {
border: solid 1px #000;
margin: 0 10px 10px 0;
float: left;
clear: left;}
#sidebar p {
padding: 0 15px;
margin: 15px 0;}

/* edit.com */

ul, ol {
	margin-top:0px;
	margin-bottom:0px;
}

.NormalText, body, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #3C3B1D;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-style: normal;
}

.SubHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #3C3B1D;
	font-weight: bold;
}

.SubjectHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #C78704;
	font-weight: normal;
}

.PageHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	line-height: 22px;
	color: #805600;
	font-weight: normal;
}