/* HTML, BODY ---------- */

html {height: 100%; margin-bottom: 1px}

body {background: #434343 url(images/layout_body_bg.gif) repeat-x; margin: 0}

body, table {border: 0; color: #333; font: 11px/18px tahoma, sans-serif}

.clear { clear:both}

/* HEADERS ---------- */

h1 {color: #904252; font: italic 25px georgia, sans-serif; margin: 0 0 10px 0}

h2 {color: #904252; font-size: 11px; margin: 0}

#sidebar h2 {color: #999}

h3 {color: #333; font-size: 11px; margin: 0}



/* LISTS ---------- */

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

.indent {margin-left: 40px}



/* FORMS ---------- */

fieldset {border: 0; margin: 0; padding: 0}

form {margin: 0}



/* LINKS ---------- */

a:link, a:visited {color: #c18e95; text-decoration: underline}

a:hover, a:active {text-decoration: none}

#sesame {color: #999; font-size: 9px; font-weight: bold}



/* NAV ---------- */

#header a {font-weight: bold; margin-left: 10px; padding-left: 15px}

#header a:hover {color: #fff}

.home {background: url(images/icon_home.gif) no-repeat 0 1px}

.contact_us {background: url(images/icon_contact_us.gif) no-repeat 0 2px}

.site_map {background: url(images/icon_site_map.gif) no-repeat 0 2px}



body#home a.home, body#contact_us a.contact_us, body#site_map a.site_map, #active {color: #fff; cursor: default; text-decoration: none}



#nav a {background: url(images/layout_nav_bg.gif) repeat-x; border-color: #c18e95 #472028 #6a6a6a #472028; border-style: solid; border-width: 1px 1px 0 0; float: left; font-size: 12px; font-weight: bold; height: 24px; padding: 5px 17px 0 18px; text-align: center; text-decoration: none}

#nav a:hover {color: #fff}

#pt-login {list-style:none; list-style-type:none; padding-top:5px;  }
#pt-login li{ width:105px; height:36px; list-style:none; list-style-type:none; line-height:12px; float:right; text-indent:-9999px; }
#pt-login a, ul.pt-login a {display: block; padding: 0; width: 105px; margin: 0; text-align:center; }
#pt-login li a{ background:url(images/patient-login.gif); width:105px; height:36px;}
#pt-login li a:hover { background:url(images/patient-login.gif) 0 36px; width:105px; height:36px;}

body#about_our_office a.about_our_office, body#faqs a.faqs, body#about_orthodontics a.about_orthodontics, body#braces_101 a.braces_101, body#invisalign a.invisalign, body#the_game_room a.the_game_room {background: #434343; border-bottom: 1px solid #434343; border-top-color: #666; color: #fff; cursor: default; text-decoration: none}



/* IMAGES ---------- */

img {border: none}

.image {border: 5px solid #666; clear: both; float: right; margin: 0 0 10px 10px}

.border {border: 5px solid #666}



#footer img {float: right}



/* LAYOUT ---------- */

#wrap {border: 0; margin: 20px auto 0 auto; width: 740px}

#header {height: 80px; text-align: right; vertical-align: top}

#logo {float: left}

#nav {padding-bottom: 20px}

#flash {background: url(images/layout_flash_bg.jpg); border: 10px solid #fff; float: left; height: 180px; margin-top: 20px; width: 720px}

#sidebar {border-right: 1px solid #999; color: #999; padding: 0 20px 20px 0; vertical-align: top}

#subnav {background: #333; border: 5px solid #666; line-height: 22px; margin-bottom: 20px; padding: 15px}

#container {vertical-align: top; width: 535px}

#content {background: #fff; border: 5px solid #999; margin: 0 0 20px 20px; padding: 15px; width: 475px}

#office_tour {margin: 0 auto; width: 400px}

#footer {border-top: 1px solid #999; color: #999; padding: 20px 0; font-size: 9px}

.welcome {color: #904252; font: italic 12px georgia, sans-serif; font-weight: bold; margin: 0 0 10px 0}

.footer {color: #c18e95; padding: 0px 0; font: normal 9px Arial, Helvetica, sans-serif; font-weight: bold;}

/* pro pac */
img.right {
	float: right;
	margin: 0 0 15px 15px;
	}
.right-border {
	border: 5px solid #666; /* Customize me!! */
	float: right;
	clear: right;
	margin: 0 0 15px 15px;
	}
.left-border {
	border: 5px solid #666; /* 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;
	}
	
/* 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;
	}
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;
	}
	
/* 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: #924454; /* 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;
	}
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: 5px solid #666; /* Customize me!! */
	margin-bottom: 15px;
	text-align: right;
	}
	
div.invisalign-video img {
	margin: 30px 50px 0;
	}

.bump-right {
	margin-right: 5px;
	}
	
/* Invisalign Videos */
#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;
	}	


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

/* 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: #924454; /* 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;
	left:-13px
	}
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: #481B24; /* 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: #666;} /* Customize me */