/* GENERAL */



body {

	background: #f2f3cd url(images/bg01.gif) repeat-x;

	margin: 0px;

	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;

	font-size: 11px;

	color: #000;

}



table { 

	border-collapse: collapse; 

	border-spacing: 0px; 

}



td, th { 

	padding: 0px; 

	vertical-align: top;

}



:link, :visited {

	color: #0a84bc;

	text-decoration: underline;

}



:link:hover, :visited:hover {

	text-decoration: none;

}



h1 {

	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;

	font-size: 24px;

	color: #a3a476;

	font-weight: normal;

	padding-top: 2px;

}



h2 {

	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;

	font-size: 18px;

	color: #559abf;

	font-weight: normal;

	margin-bottom: 2px;

}



h3 {

	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;

	font-size: 14px;

	color: #7b7c65;

	font-weight: bold;

	margin-bottom: 2px;

}



ul {

	margin-top: 0;

	margin-left: 0;

	padding-left: 14px;

}





/* SUBNAVS

-----------------------------------------*/

#office {

	position:absolute;

	left:0px;

	top:401px;

	z-index:1;

	visibility: hidden;

}



#braces {

	position:absolute;

	left:0px;

	top:449px;

	z-index:2;

	visibility: hidden;

}



#life {

	position:absolute;

	left:0px;

	top:473px;

	z-index:3;

	visibility: hidden;

}



#contact {

	position:absolute;

	left:0px;

	top:569px;

	z-index:4;

	visibility: hidden;

}

#invisalign {

	position:absolute;

	left:0px;

	top:209px;

	z-index:15;

	visibility: hidden;

}



.navcontainer { width: 200px; position:relative }



.navcontainer ul

{

margin-left: 0;

padding-left: 0;

list-style-type: none;

font-family: Tahoma, Arial, Helvetica, sans-serif;

}



.navcontainer a

{

display: block;

padding: 6px;

width: 160px;

background-color: #f2f3d9;

}



.navcontainer a:link, .navlist a:visited

{

color: #0169a1;

text-decoration: none;

}



.navcontainer a:hover

{

background-color: #fbfbef;

color: #73744d;

}





/* HOMEPAGE 

-----------------------------------------*/

#left_col {

	background-color: #fff;

}



#main {

	width: 620px;

	background-color: #fff;

	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;

	font-size: 12px;

	color: #333;

	line-height: 17px;

	text-align: left;

	padding: 15px;

}



.img {

	float: right;

	margin: 0 0 20px 20px;

	clear: both;

}



.img02 {

	border: 5px solid #dbf6fc;

	clear: both;

}



.img03 {

	float: right;

	margin: 0 0 20px 20px;

	border: 5px solid #dbf6fc;

	clear: both;

}



#flash {

	color: #686953;

	font-size: 10px;

	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;

	text-align: center;

}





/* FOOTER

-----------------------------------------*/

#footer {

	height: 230px;

	background: url(images/bg_footer.gif) no-repeat;

	color: #686953;

	font-size: 11px;

	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;

	text-align: center;

	padding: 20px 0 0 0;

	margin-bottom: 20px;

	line-height: 18px;

	clear: both;

}



#footer :link, #footer :visited {

	color: #0b75a6;

	text-decoration: underline;

}



#footer :link:hover, #footer :visited:hover {

	color: #09c;

	text-decoration: none;

}



#footer_nav {

	color: #a6a78e;

}



#sesame {

	color: #686953;

	font-size: 10px;

	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;

}



#sesame :link, #sesame :visited {

	color: #686953;

	text-decoration: underline;

}



#sesame :link:hover, #sesame :visited:hover {

	color: #878955;

	text-decoration: none;

}







/* FORMS

-----------------------------------------*/

#form {

	line-height: 14px;

	font-size: 11px;

	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;

}



td#form {

	padding: 0px 0px 6px 0px;

}



input, select {

	color: #000;

	font-size: 10px;

	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;

	background-color: #fff;

}



input#button {

	background-color: #eee;

	font-weight: bold;

	font-size: 11px;

}



textarea {

	color: #000;

	font-size: 10px;

	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;

	width: 300px;

	background-color: #fff;

}

img.right {
	float: right;
	margin: 0 0 15px 15px;
	}
.right-border {
	border: solid 5px #DCF4FE; /* Customize me!! */
	float: right;
	clear: right;
	margin: 0 0 15px 15px;
	}
.left-border {
	border: solid 5px #DCF4FE; /* Customize me!! */
	float: left;
	clear: left;
	margin: 0 15px 15px 0;
	}
#video-invisalign {
	width: 360px; 
	height: 266px;
	display: block;
	}
p.flash_notice {
	margin: 18px;
	padding: 9px;
	color: #ff0000;
	border: 1px dotted #ff0000;
	background: #ffffff;
	text-align: center;
	}
	
img.left {
	margin: 0 15px 15px 0;
	float: left;
	}
span.indent {
	padding-left: 40px;
	}
#invisalign-sidebar {
	background: #fff;
	width: 275px;
	margin: 0 0 15px 15px;
	padding: 0;
	border: solid 1px #000;
	line-height: 18px;
	font-size: 11px;
	float: right;
	clear: right;
	}
#invisalign-sidebar a {
	color: #036;
	}
#invisalign-sidebar h3 {
	background: #97AFC2;
	margin: 0;
	padding: 15px;
	color: #fff;
	}
#invisalign-sidebar p {
	padding: 0 15px;
	margin: 15px 0;
	}
.thumb {
	border: solid 1px #000;
	margin: 0 10px 10px 0;
	float: left;
	clear: left;
	}
ul#testimonials {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	}
	
	
.invisalign-block {
	width: 315px; 
	float: left;
	}
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;
	}
	
div.invisalign-video img {
	margin: 30px 50px 0;
	}


	
.bump-right {
	margin-right: 5px;
	}
	
/* Invisalign Before and After */
ul#before-after-cycle li img.invisalign {
	height: 265px;
	}
#invisalign-before-after {
	width: 488px;
	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: #DFDFC3; /* 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;
	}
ul.slideshow {
	list-style: none; 
	margin: 0; 
	padding: 0;
	}
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: #9F9F6D; /* Customize me */
	position: absolute; 
	z-index: 50;
	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 #333; /* 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: #BDBF8F; /* 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;
	}
#invisalign-footer ul {
	margin: 15px; 
	padding: 0 0 15px 0;
	list-style: none;
	border: solid 1px #333; /* 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;
	}	
.invisalign-footer-logo {
	margin: 0 30px 0 15px;
	float: left;
	}
/* 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;}