/* GENERAL */

body {
	background-image: url(images/bg01.gif);
	background-color: #345F98;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

body, td, .NormalText {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #003366;	
}

.Header    { color: #002244; font-family: Verdana; font-weight: normal; font-size: 26px; }
.Subheader { color: #82702F; font-weight: bold; font-size: 14px; }
.SmallText { font-size: 10px; }
.Blue      { color: #345F98; }
.DarkBlue  { color: #002244; }
.Brown 	   { color: #82702F; }
.Black     { color: #000000; }
.red { color:#FF0000}
.bold { font-weight:bold}

a.red { color:#FF0000}
.call-ph {text-align:center; color:#FF0000; font-size:16px; font-weight:bold}
.index-red-sub {color:#FF0000; font-style:italic; font-size:14px;}

.sp-call { text-align:right}
.ph-icon { width:66px; height:60px; float:left; padding-left:3px;}
.footer-bg { background:#D9CEA8; border-top:#B8A870 6px solid}
table { 
	border-collapse: collapse; 
	border-spacing: 0px; 
}

td, th { 
	padding: 0px; 
	vertical-align: top;
}

:link, :visited {
	color: #82702F;
	text-decoration: underline;
}

:link:hover, :visited:hover {
	color: #34619D;
	text-decoration: underline;
}

h1 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	color: #ff0000;
	font-weight: normal;
	padding-top: 2px;
}

h2 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: #ff0000;
	font-weight: bold;
	margin-bottom: 2px;
}

h3 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #ff0000;
	font-weight: bold;
	margin-bottom: 2px;
}

ul {
	margin-top: 0px;
}

A.address
{
    color: #39567E;
	font-weight: normal;
	font-size: 11px;
	line-height: 14px;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

A.footer
{
    color: #82702F;
	font-weight: normal;
	font-size: 11px;
	line-height: 18px;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

A.footer:hover
{
    color: #4A422B;
	font-weight: normal;
	font-size: 11px;
	line-height: 18px;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

A.footerdiv
{
    color: #82702F;
	font-weight: normal;
	font-size: 11px;
	line-height: 18px;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

A.sesame
{
    color: #34619D;
	font-weight: normal;
	font-size: 10px;
	line-height: 24px;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

A.sesame:hover
{
    color: #4A422B;
	font-weight: normal;
	font-size: 10px;
	line-height: 24px;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

A.heading
{
    color: #82702F;
	font-weight: bold;
	font-size: 14px;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
}


A.CloseWindow { font-size: 10px; text-decoration: none;}

.no-border {
	border: 0;	
}


/* HOMEPAGE 
-----------------------------------------*/

* #main {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	padding: 20px;
}

* .img {
	float: right;
	margin: 0 0 20px 20px;
	clear: both;
}


/* FOOTER
-----------------------------------------*/
* #footer {
	width: 750px;
	color: #000000;
	font: 9px "Arial", Helvetica, sans-serif;
	text-align: right;
	padding: 0px 0px 20px 0px;
	clear: both;
}

* #footer :link, * #footer :visited {
	color: #ff0000;
	text-decoration: underline;
}

* #footer :link:hover, * #footer :visited:hover {
	color: #ff0000;
	text-decoration: none;
}


/* FORMS
-----------------------------------------*/
* #form {
	line-height: 14px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

td#form {
	padding: 0px 0px 6px 0px;
}

input, select {
	color: #000000;
	font: 10px "Arial", Helvetica, sans-serif;
	background-color: #ffffff;
}

input#button {
	background-color: #eeeeee;
	font-weight: bold;
	font-size: 11px;
}

textarea {
	color: #000;
	font: 10px "Arial", Helvetica, sans-serif;
	width: 300px;
	background-color: #ffffff;
}

input#button {
	background-color: #eeeeee;
	font-weight: bold;
	font-size: 11px;
}

textarea {
	color: #000000;
	font: 10px "Arial", Helvetica, sans-serif;
	width: 300px;
	background-color: #ffffff;
}
img.right {
border: solid 1px #000;
margin: 0 0 15px 15px;
float: right;
clear: right;}
.img-left {
border: solid 1px #000;
margin: 0 15px 20px 0;
float: left;}
span.indent {
padding-left: 40px;}
#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;}
.clear {clear: both;}

.right-border {
	border: solid 1px #333; /* Customize me!! */
	float: right;
	clear: right;
	margin: 0 0 15px 15px;
	}
img.right {
	float: right;
	margin: 0 0 15px 15px;
	}
.left-border {
	border: solid 1px #000;
	margin: 0 15px 15px 0;
	float: left;
	}
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;
	}
img.right {
	float: right;
	margin: 0 0 15px 15px;
	}
.right-border {
	border: solid 1px #333; /* Customize me!! */
	float: right;
	clear: right;
	margin: 0 0 15px 15px;
	}
.left-border {
	border: solid 1px #333; /* 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;
	}
	
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;
	}

img.border {
	border: solid 1px #333; /* Customize me!! */
	}

.left-border {
	border: solid 1px #333; /* Customize me!! */
	float: left;
	clear: left;
	margin: 0 15px 15px 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: #4171AF; /* 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 */
	z-index:0;
	}
#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: #0B3C79; /* 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: #97AFC2; /* 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;}