body {

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	background-color: #9D9D9D;

	background-image: url(images/background.jpg);

	background-repeat: repeat-x;

}



/* --- Text ------------ */



body,td,th {

	font-family: Tahoma, Verdana;

	font-size: 11px;

	color: #000000;

}



BODY, TD, .NormalText { font-weight: normal; text-decoration: none; font-style: normal; font-family: Tahoma, Verdana; font-size: 11px; color: #000000; }



.Header		{ color: #85244E; font-size: 20px; font-weight: normal; text-transform: uppercase; font-family: Times New Roman; line-height: 24px; }

.Subheader	{ color: #85244E; font-size: 11px; font-weight: bold; text-transform: uppercase; }



.Blue		{ color: #4875C3; }

.Purple		{ color: #85244E; }

.Black		{ color: #000000; }



.SmallText	{ font-size: 10px; }

.MediumText	{ font-size: 16px; line-height: 16px; }

.LargeText	{ font-size: 24px; line-height: 24px; }



IMG.Left	{ float:left; margin-right: 10px; }

IMG.Right	{ float:right; margin-left: 10px; }

IMG.Border	{ border: 1px solid #000000; }



h1 {

	font-size: 18px;

	color: #85244E;

}



h2 {

	text-transform: uppercase;

	color: #85244E;

	font-size: 11px;

	margin-bottom: 0px;

}



h3 {

	color: #00527E;

	font-size: 11px;

	margin-bottom: 0px;

	font-style: italic;

}



ul {

	list-style-image: url(images/bullet.gif);

}



* .address {



	color: #85244E;



}



* #maroon {color:#85244E;}







/* --- Links ------------ */



a:link  {color: #85244E; text-decoration: none}



a:visited, a:hover, a:active,  {



	text-decoration: underline;



	color: #CCCCCC;



}
#nav a {color: #ffffff; z-index:999}

#nav a:visited {color: #ffffff;}

#nav a:hover {color: #b8b7b5;}

a b {visibility: hidden}



* #sesame {color: #FFFFFF; font-size: 10px}



* #link {color:#00527E;}



#address a:link, a:visited, a:hover, a:active {color:#85244E; text-decoration:underline;}







/* ---Footer -------- */



p#footer {color: #000000; font-size: 10px}



p#footer a {color: #000000; font-size: 10px}







/* --- Layout --------- */







* .content {



	padding-right: 19px;



	padding-left: 19px;



	background-image: url(images/content-bottom.jpg);



	background-repeat: no-repeat;



	background-position: bottom;



}



* .photo {



	margin-bottom: 5px;



	margin-left: 15px;



	border: 1px solid #000000;



}



* .dotted-line {



	background: url(images/dotted-line.jpg) repeat-y;



	width: 18px;



}







* .home-content-background {



	background-image: url(images/home-photo2.jpg);



	background-repeat: no-repeat;



	background-position: bottom;



	width: 282px;



	padding-top: 5px;



}











/* NAVIGATION ---------- */



* #nav a {display: block; height: 24px; overflow: hidden; text-indent: -999px; width: 202px}



* #meet-dr-uhde {background: url(images/nav-meet-dr-uhde.jpg)}



* #our-team {background: url(images/nav-our-team.jpg)}



* #our-patients {background: url(images/nav-our-patients.jpg)}



* #office-tour {background: url(images/nav-office-tour.jpg)}



* #office-policies {background: url(images/nav-office-policies.jpg)}



* #about-orthodontics {background: url(images/nav-about-orthodontics.jpg)}



* #braces-101 {background: url(images/nav-braces-101.jpg)}

* #invisalign {background: url(images/nav-invisalign.jpg)}

* #emergency-care {background: url(images/nav-emergency-care.jpg)}



* #sponsorships {background: url(images/nav-sponsorships.jpg)}



* #contact-us {background: url(images/nav-contact-us.jpg)}



* #home {background: url(images/nav-home.jpg)}



#nav #meet-dr-uhde:hover, #nav #our-team:hover, #nav #our-patients:hover, 

#nav #office-tour:hover, #nav #office-policies:hover, #nav #about-orthodontics:hover, 

#nav #braces-101:hover, #nav #invisalign:hover, #nav #emergency-care:hover, 

#nav #sponsorships:hover, #nav #contact-us:hover, 

#nav #home:hover, #nav li a.active

{background-position: 0 -24px;}







ul#nav {list-style: none; margin: 0; padding: 0;}







#nav ul {list-style: none; margin: 0; padding: 0}



#nav li {display: inline}



#nav li ul {background: #85244E; font-size: 11px; left: -999em; padding: 5px 0; position: absolute; z-index: 1}



#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -24px 0px 0px 202px}



#nav ul li a {height: 12px; line-height: 11px; margin: 0; padding: 4px 4px 4px 15px; text-indent: 0; text-decoration: none; width: 140px}



#nav ul li a:hover {background: url(images/spacer.gif) no-repeat}











* .photo {



	margin-left: 15px;



	margin-bottom: 5px;



}



h4 {



	font-size: 11px;



	color: #85244E;



}

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: 330px; 
	height: 246px;
	float:left; 
	}
p.flash_notice {
	margin: 18px;
	padding: 9px;
	color: #ff0000;
	border: 1px dotted #ff0000;
	background: #ffffff;
	text-align: center;
	}
.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;
	}
	
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;
	z-index:0;
	}
#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: #95B4C7; /* 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;
	z-index:0;
	}
ul.slideshow {
	list-style: none; 
	margin: 0; 
	padding: 0;
	z-index: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: #015480; /* 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;
	border:none
	}
#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;}