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

/* Layout */
body {background: #b1b77b url(../images/body-bg.jpg) repeat-x;}
* #container {width: 996px; margin-left: -498px; padding: 0; left: 50%; position: absolute;}
* #banner {height: 301px;}
* #content-home {background: url(../images/container-bg.png) repeat-y; margin: 0; padding: 0; clear: both;}
* #content-int {background: url(../images/container-bg.png) repeat-y; margin: 0; padding: 0; clear: both;}
* #left-col {width: 220px; float: left;}
* #content-wrap {width: 665px; margin: 0 56px 0 47px; float: left;}
* #footer {background: url(../images/footer-bg.png); height: 75px; margin: 0; padding: 5px 20px 0 20px; text-align: center; clear: both;}
* #footer-nav {text-align: center; padding: 0 20px;}

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

div.hr {height: 1px; background-color:#ccc; margin: 18px 0;}

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

* .layout {display: block;}
* .callout {margin: 20px 0 18px 33px;}
#tad-page .img-border {margin-bottom: 2px;}

#social-icons {margin:0 0 18px 33px;}

/* Typo */
body {font-size: 100%; font-family: Verdana, Geneva, sans-serif;}
/* * #container {font-size: .75em; line-height: 1.5em; font-weight: normal;} */
* #content-home, * #content-int {color: #3f2500;}
* #address {margin-left: 30px;}
* .text_nav {color: #fff; margin: 0;}
* .sub_nav {color: #fff; margin: 0; padding: 0; position: absolute; top: 342px; left: 240px;}
p.sesame {margin: 15px 0; padding: 0;}
p {margin: 0 0 1.5em 0;}
p.caption {margin: 0 0 .25em 0; line-height: 1.2em}
p.attrib {font-size: .75em; margin: 0 0 2em 0; font-style: italic; color: #666666; padding: 0; line-height: 0;}


/* Links */
a {color: #909753; text-decoration: none;}
a:hover {color: #748F62; text-decoration: underline;}
.sub_nav a {color: #fff;}
.sub_nav a.active {cursor: default; text-decoration: underline;}
.text_nav a {color: #fff; text-decoration: none;}
p.sesame a {color: #481323;}
.text_nav a:hover, p.sesame a:hover {text-decoration: underline;}
* .top-link {background: url(../images/top-link.gif) no-repeat 0 4px; padding-left: 20px; clear: both;}

/* Headings */
h1, h1.jcir {font-size: 1.83em; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; margin: 0; clear: both;}
h2 {font-size: 1.17em; font-weight: bold; margin: 0 0 18px 0; color: #909753;}
h3 {font-size: 1em; margin: 0; font-weight: bold; font-style: italic; color: #909753;}
h4 {font-size: 1em; color: #d8dcdd; font-weight: normal; margin: 0; padding: 0;}
h1.logo {background: url(../images/organ-logo.gif); width: 296px; height: 243px; margin: 0; padding: 0;  position: relative; text-indent: -999em; overflow: hidden; border: none; float: left;}
h1.logo a {width: 296px; height: 243px; display: block;}
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 {background: url(../images/flash-bg.gif) no-repeat; width: 698px; height: 243px; margin: 0; float: left;}

/* Lists */
ul, ol {margin: 0 0 18px 30px;}

/* Navigation */
* #nav {height: 40px; width: 100%; clear: both;}
#nav ul {height: 40px; margin: 0; padding: 0; list-style: none;}
#nav li {margin: 0; height: 40px; padding: 0; list-style: none; float: left;}
#nav li a {height: 40px; display: block; text-decoration: none; text-indent: -999em; overflow: hidden;}

* #patient-login {margin: 0 0 20px 40px;}

* #about-our-office {background: url(../images/nav/about-our-office.jpg); width: 142px;}
* #office-visits {background: url(../images/nav/office-visits.jpg); width: 90px;}
* #about-orthodontics {background: url(../images/nav/about-orthodontics.jpg); width: 155px;}
* #faq {background: url(../images/nav/faq.jpg); width: 37px;}
* #about-braces {background: url(../images/nav/about-braces.jpg); width: 105px;}
* #orthodontic-treatments {background: url(../images/nav/orthodontic-treatments.jpg); width: 185px;}
* #invisalign {background: url(../images/nav/invisalign.jpg); width: 124px;}
* #emergency-care {background: url(../images/nav/emergency-care.jpg); width: 124px;}
* #contact-us {background: url(../images/nav/contact-us.jpg); width: 87px;}
* #home {background: url(../images/nav/home.jpg); width: 64px;}

#nav a:hover, #nav li.active a,
#nav li:hover #about-our-office, #nav li.sfhover #about-our-office,
#nav li:hover #office-visits, #nav li.sfhover #office-visits,
#nav li:hover #about-orthodontics, #nav li.sfhover #about-orthodontics,
#nav li:hover #faq, #nav li.sfhover #faq,
#nav li:hover #about-braces, #nav li.sfhover #about-braces,
#nav li:hover #orthodontic-treatments, #nav li.sfhover #orthodontic-treatments,
#nav li:hover #emergency-care, #nav li.sfhover #emergency-care,
#nav li:hover #contact-us, #nav li.sfhover #contact-us,
#nav li:hover #home, #nav li.sfhover #home {background-position: 0 -40px;}

/* Drop Down */
#nav li ul {margin: 0; padding: 0; width: 190px; position: absolute; z-index: 3; left: -999em;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: 0 0 0 8px; height: auto;}
#nav li ul li {background: #481323; display: block; width: 190px; 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: #fff;}
#nav li ul li a:hover {height: 18px; background-color: #D8DCDD; color: #481323;}

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


* .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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #3F2500;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-style: normal;
}

* .AddressText {
	font-size: 12px;
	line-height: 18px;
	color: #4d1a2e;
	font-weight: normal;
}

.SubHeader {
	font-size: 12px;
	color: #909753;
	font-weight: bold;
}

.SubjectHeader {
	font-size: 14px;
	color: #909753;
	font-weight: bold;
}

* .PageTitle {
	font-size: 24px;
	line-height: 28px;
	color: #4d1a2e;
	font-style: italic;
}




/* Invisalign */

.logo-links-left {float:left; margin-left:0px; border:solid 1px #93ab65;}

.right-border {border: solid 1px #909753; margin: 5px 0 15px 15px; float: right; clear: right;}

#sidebar {
background: #fff;
width: 275px;
margin: 0 0px 20px 20px;
padding: 0;
border: solid 1px #909753;
float: right;
clear: right;}
#sidebar a {
color: #036;}
#sidebar h3 {
background: #909753;
margin: 0;
padding: 15px;
color: #fff;}

.thumb {
border: solid 1px #909753;
margin: 5px 10px 10px 0;
float: left;
clear: left;}
#sidebar p {
padding: 0 15px;
margin: 10px 0;}
.clear {clear: both;}

.img-social {
border: solid 1px #909753;
margin: 0 15px 20px 0;
float: left;}


.left-border {
	border: solid 1px #909753; /* Customize me!! */
	float: left;
	clear: left;
	margin: 0 15px 15px 0;
	}
	
ul#testimonials {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	list-style-position:inside;
	margin:0px 0px;
	}

ul#testimonials p {
	margin: 0;
	padding: 0;
	}
.invisalign-block {
	width: 415px; 
	float: left;
	margin-left:180px;
	}

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

	
div.invisalign-video {
	background: url(http://media.sesamehost.com/images/invisalign-pro-package/invisalign-video-bg.jpg) no-repeat;
	width: 450px;
	height: 250px;
	border: solid 1px #333; /* Customize me!! */
	margin-bottom: 15px;
	text-align: right;
	}

/* Invisalign Videos */
.invisalign-video {
	margin:0px 15px;
	}
#video-invisalign {
	width: 360px; 
	height: 266px;
	display: block;
	}
#video-invisalign-best-friends, #video-invisalign-news-travels-fast {
	width: 320px;
	height: 206px;
	display: block;
	}
#video-invisalign-lobby {
	width: 320px; 
	height: 266px;
	display: block;
	}
.left-video-border{
	border: solid 1px #333; /* Customize me!! */
	float: left;
	clear: left;
	margin:10px 15px;
	}
	
	/* Invisalign Before and After */
ul#before-after-cycle li img.invisalign {
	height: 265px;
	}
#invisalign-before-after {
	width: 490px;
	min-height: 335px;
	line-height: 18px;
	margin: 30px 0 18px; /* Adjust this top margin if needed according to your design */
	padding: 10px 0 10px 10px;
	background-color: #909753; /* Customize me */
	border: solid 1px #333; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px; /* Optional - you may customize or remove */
	position: relative;
	margin-left:25px;
	}
ul.slideshow {
	list-style: none; 
	margin: 0px; 
	padding: 0px;
	}
ul#before-after-cycle li img {
	width: 232px;
	float: left;
	margin-right: 10px;
	border: solid 1px #333; /* Customize me */
	}
#invisalign-before-after p {
	float: left;
	width: 50%;
	margin: 0 0 10px 0;
	}
#invisalign-before-after div.cycle-detail {
	min-height: 55px;
	clear: both;
	background-color: #fff; /* Customize me */
	padding: 10px;
	margin: 0 10px 0 0;
	border: solid 1px #333; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px; /* Optional - you may customize or remove */
	}
#invisalign-before-after .before-after-nav {
	background: #677635; /* Customize me */
	position: absolute; 
	z-index: 1;
	top: -19px;
	left: 11px;
	padding: 0 3px;
	border: solid 1px #333; /* Customize me */
	border-width: 1px 1px 0 1px;
	-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 */
#invisalign-before-after .before-after-nav a {
	text-decoration: none; 
	font-size: 12px; 
	padding: 5px; 
	margin: 0 3px; 
	color: #fff;} /* Customize me */
#invisalign-before-after .before-after-nav a.activeSlide {color: #333;} /* Customize me */



/* Invisalign Footer */	
#invisalign-footer {
	background: #fff;
	width: 100%;
	margin: 30px 0;
	padding: 0;
	border: solid 1px #93ab65; /* Customize me!! */
	font-size: 11px;
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px; /* Optional - you may customize or remove */
	clear: both;
	}
#invisalign-footer h3 {
	background: #93ab65; /* Customize me!! */
	margin: 0;
	padding: 8px 15px;
	color: #fff; /* Customize me!! */
	font-size: 14px;
	-moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
	-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove */
	}
#invisalign-footer ul li img {
	margin: 0 10px 0 15px;
	float: left;
	}
#invisalign-footer p {
	padding: 0 15px;
	margin: 30px 0 15px 0;
	color:#93ab65;
	}
#invisalign-footer ul {
	margin: 15px; 
	padding: 0 0 15px 0;
	list-style: none;
	border: solid 1px #93ab65; /* Customize me!! */
	border-width: 0 0 1px 0;
	}
#invisalign-footer li {
	width: 33%;
	float: left;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	}
#invisalign-footer li a {
	float: left;
	color:#93ab65;
	}	
.invisalign-footer-logo {
	margin: 0 30px 0 15px;
	float: left;
	}