/* Reset */
* {margin: 0 ; padding: 0;}

/* Layout */
body {background-color: #9b9687;}
* #container {background: url(../images/container-bg.gif) repeat-y; width: 960px; margin-left: -480px; padding: 0; left: 50%; position: absolute;}
* #banner {background: url(../images/banner-bg.jpg) no-repeat; height: 170px; padding: 25px 35px 0 35px;}
* #content-home {background: url(../images/nav-bottom.jpg) bottom left no-repeat; margin: 0 10px; padding: 0 25px 0 241px; min-height: 700px; _height: 700px; clear: both;}
* #content-int {background: url(../images/nav-bottom.jpg) bottom left no-repeat; margin: 0 10px; padding: 0 25px 0 241px; min-height: 570px; _height: 570px; clear: both;}
* #nav-wrap {width: 216px; position: absolute; z-index: 10; top: 175px; left: 10px;}
* #footer {background-color: #8ba65f; margin: 0 10px; clear: both;}

* .right {float: right; margin: 0 0 15px 15px;}
* .left {float: left; margin: 0 15px 15px 0;}
* .cr {clear: right;}
* .cl {clear: left;}
* .hide {display: none;}
* .staff {padding: 25px 25px 0 25px; margin: 15px 0 0 0; border: solid 1px #93ab65; border-width: 1px 0 0 0; float: left;}

hr {height: 0; border: solid 1px #93ab65; border-width: 1px 0 0 0; margin: 10px 0;}

/* Images */
img {border: none; outline: none;}
* .photo {margin: 5px 0 15px 15px; border: solid 1px #93ab65; float: right; clear: right;}
* .img-border {border: solid 1px #93ab65;}
* .img-left-border {border: solid 1px #93ab65; margin: 5px 15px 15px 0; float: left; clear: left;}
* .img-right-border {border: solid 1px #93ab65; margin: 5px 0 15px 15px; float: right; clear: right;}
* .img-center-border {border: solid 1px #93ab65; margin: 10px auto; display: block;}

* .layout {display: block;}
* .callout {margin: 15px 0 0 25px;}
* .logo {background-color: #fff; padding: 10px;}

/* Typo */
body {font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
* #container {font-size: 12px; line-height: 18px;}
* #content-home, * #content-int {color: #3f2500; font-weight: normal;}
* .text_nav {color: #23420d; text-align: right; margin: 10px 25px 0 0; float: right;}
* .sub_nav {color: #23420d; margin: 0 0 18px 0; padding: 0 0 15px 0; border: solid 1px #93ab65; border-width: 0 0 1px 0;}
p.sesame {margin: 0 25px 5px 0; padding: 0; float: right; clear: right;}
p {margin: 0 0 18px 0;}

/* Links */
a {color: #8ba65f; text-decoration: none; font-weight: bold;}
a:hover, .sub_nav a.active {color: #748F62; text-decoration: underline;}
.sub_nav a {color: #23420d;}
.sub_nav a.active {cursor: default;}
.text_nav a, p.sesame a {color: #23420d; text-decoration: none;}
.text_nav a:hover, p.sesame a:hover {color: #f1ead5; text-decoration: underline;}
* .top-link {clear: both;}

/* Headings */
h1, h1.jcir {font-size: 1.83em; font-weight: bold; margin: 0 0 10px 0; clear: both;}
h2 {font-size: 14px; font-weight: bold; margin: 0 0 10px; color: #406325;}
h3 {font-size: 12px; margin: 0; font-weight: bold; color: #3f2500;}
h4 {font-size: 12px; line-height: 18px; color: #f1ead5; font-weight: normal; margin: 10px 0 5px 25px; padding: 0; width: 485px;}
h1.logo {background: url(../images/wang-logo.jpg) no-repeat; width: 445px; height: 104px; margin: 0 auto; padding: 0;  position: relative; text-indent: -999em; overflow: hidden; border: none; float: left;}
h1.logo a {width: 445px; height: 104px; display: block;}
h2.address {font-size: 14px; font-weight: bold; color: #f1ead5; text-align: right; float: right; margin: 8px 0 0 0;}
h1.replaced {/* jcIR plugin wraps text in div named replaced and hides it */
	overflow: hidden; 
	text-indent: -999em; 
	background-repeat: no-repeat;
}

/* Flash */
* .flash {width: 500px; margin: 10px auto;}
* .notice {width: 80%; background: #e4e4e4; font-size: 1em; text-align: left; margin: 50px auto; padding: 10px; border: solid 1px #000; overflow: auto;}
.flash-replaced .alt {display: block; height: 0px; position: absolute; overflow: hidden; width: 0px;}
* #flash-homepage {width: 674px; height: 282px; margin: 0 0 25px;}
* #flash-color-your-retainer {width: 300px;}
* #flash-damon-system-comparison {width: 250px;}
* #video-the-damon-system {width: 240px; height: 206px; border: solid 1px #fff;}

/* Lists */
ul, ol {margin: 0 0 15px 30px;}
dl.logos, dl.logos dt, dl.logos dd {list-style: none; margin: 0; padding: 0;}
dl.logos {border: 1px solid #8ba65f; border-width: 0 0 1px 1px; margin: 10px 0 5px 0; padding: 10px 0 5px 10px; width: 50%;}
dl.logos dd {margin-bottom: 10px; padding: 10px 0 5px 0;}
dl.logos span {font-size: 14px; font-weight: bold; line-height: normal;}

/* Side Navigation */
#nav ul {width: 216px; margin: 0; padding: 0; list-style: none;}
#nav li {margin: 0; height: 34px; padding: 0; list-style: none; display: inline;}
#nav li a {width: 216px; height: 34px; display: block; text-decoration: none; text-indent: -999em; overflow: hidden; z-index:999}

* #patient-login {background: url(../images/nav/patient-login.gif); height: 38px;}
* #doctor-login {background: url(../images/nav/doctor-login.gif); height: 38px; margin-bottom: 10px;}
* #about-us {background: url(../images/nav/about-us.gif);}
* #for-new-patients {background: url(../images/nav/for-new-patients.gif);}
* #before-and-after {background: url(../images/nav/before-and-after.gif);}
* #why-choose-us {background: url(../images/nav/why-choose-us.gif);}
* #braces-101 {background: url(../images/nav/braces-101.gif);}
* #treatment-options {background: url(../images/nav/treatment-options.gif);}
* #newsletters {background: url(../images/nav/newsletters.gif);}
* #fun-stuff {background: url(../images/nav/fun-stuff.gif);}
* #contact-us {background: url(../images/nav/contact-us.gif);}
* #home {background: url(../images/nav/home.gif);}

#nav li:hover #patient-login, #nav li.sfhover #patient-login,
#nav li:hover #doctor-login, #nav li.sfhover #doctor-login {background-position: 0 -38px;}
#nav a:hover, #nav li.active a,
#nav li:hover #about-us, #nav li.sfhover #about-us,
#nav li:hover #before-and-after, #nav li.sfhover #before-and-after,
#nav li:hover #for-new-patients, #nav li.sfhover #for-new-patients,
#nav li:hover #why-choose-us, #nav li.sfhover #why-choose-us,
#nav li:hover #braces-101, #nav li.sfhover #braces-101,
#nav li:hover #treatment-options, #nav li.sfhover #treatment-options,
#nav li:hover #newsletters, #nav li.sfhover #newsletters,
#nav li:hover #fun-stuff, #nav li.sfhover #fun-stuff,
#nav li:hover #contact-us, #nav li.sfhover #contact-us,
#nav li:hover #home, #nav li.sfhover #home {background-position: 0 -34px;}

/* Drop Down */
#nav li ul {margin: 0; padding: 0; width: 210px; position: absolute; z-index: 3; left: -999em;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -34px 0 0 216px;}
#nav li ul li {background: #e8dfd1; display: block; width: 210px; height: 28px; padding: 0; margin: 0;}
#nav li ul li a {padding: 5px 0 5px 10px; margin: 0; width: auto; height: 18px; display: block; text-indent: 0; font-size: 1em; font-weight: normal; color: #23420d; z-index:999}
#nav li ul li a:hover {height: 18px; text-decoration: underline;}
#nav li ul li.first {padding-top: 5px;}
#nav li ul li.last {padding-bottom: 5px;}

/* Invisalign teen */
span.indent {
padding-left: 40px;}
* #sidebar {
background: #fff;
width: 275px;
margin: 0 0 15px 15px;
padding: 0;
border: solid 1px #93ab65;
float: right;
clear: right;}
#sidebar h3 {
background: #93ab65;
margin: 0;
padding: 15px;
color: #fff;}
* .thumb {
border: solid 1px #93ab65;
margin: 0 10px 10px 0;
float: left;
clear: left;}
#sidebar p {
padding: 0 15px;
margin: 15px 0;}
* .clear {clear: both;}

/* The Game Room */
div#sesame-game {background: #000; line-height: 0; margin: 10px auto 30px auto; text-align: center; width: 400px}
ul#sesame-games {list-style: none; margin: 0 18px 0 0; padding: 0}
ul#sesame-games li {clear: both; display: block}
ul#sesame-games img {border: 0; float: right; margin: 0 0 10px 10px}
ul#sesame-games a.button {float:right; height:85px; width:200px}
ul#sesame-games p { padding-bottom: 1em}


* .clear {clear: both;}
* .cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* .cf {display: inline-block;} /*this trips hasLayout for ie7*/
* .cf {display: block;} /*this returns it back to normal*/
* html .cf {height: 1px;}

/* edit.com */

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

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

* .HeaderText {
	color: #F1EAD5;
	font-weight: bold;
}

.LightYellowText {
	color: #F1EAD5;
}

.BrownSubjectHeader {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #3F2500;
	font-weight: bold;
}

.GreenSubjectHeader {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #406325;
	font-weight: bold;
}

* .PageTitle {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 28px;
	color: #3F2500;
	font-weight: normal;
}

img.GreenBorder { border: solid 1px #93AB65; }

td.LinkBorders { border-left: solid 1px #8BA65F; border-bottom: solid 1px #8BA65F; padding-left:10px; }
td.GreenBorderBottom { border-bottom: solid 1px #8BA65F; padding-bottom: 30px; }

/*********/
#slideshow-container ul.slideshow {
	list-style: none; 
	width: 364px; 
	height: 417px;
	overflow:hidden;
	margin: 0; 
	padding: 0;
	z-index:0
	}
#slideshow-container {
	background: #92A345; /* Customize me */
	border: solid 1px #a0b606; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px; /* Optional - you may customize or remove */
	width: 364px; 
	padding: 10px;
	line-height: 18px;
	}
#slideshow-container div#caption {
	min-height: 18px;
	clear: both;
	background-color: #fff; /* Customize me */
	color: #333; /* Customize me */
	padding: 10px;
	margin: 10px 0 0 0;
	border: solid 1px #a0b606; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px;
	}
#slideshow-container ul.slideshow img {
	width: 364px; 
	height: 417px;
	margin: 0;
	z-index:0
	}
#slideshow-container .nav {
	background-color: #fff; /* Customize me */
	margin: 0 0 10px 0;
	padding: 5px 3px;
	border: solid 1px #a0b606; /* Customize me */
	-moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
	-webkit-border-top-left-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove */
	}

#slideshow-container .nav a {
	text-decoration: none; 
	font-size: 12px; 
	padding: 5px; 
	margin: 0 3px; 
	color: #333;}
#slideshow-container .nav a:hover {color: #009EC7;}

#slideshow-container .nav #prev2 { padding-right:270px}

/****/
#before-after li { list-style:none; float:left; margin:0 20px 20px 0}
#before-after img {border: solid 1px #93AB65;}

#before-after2 li { list-style:none; float:left; margin:0 20px 40px 0}
.before-cap, .after-cap {margin:0px 0 0 130px; position:absolute}