/* Play nice with the WWW, validate me! */

/* clear floats */

* {

	margin: 0;

	padding: 0;

}/* sets all elements margin and padding to 0 */



.clear:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}



* .clear {

    display: inline-block;
    
}

* .hide {display: none;}



html[xmlns] .clear {

    display: block;

}



* html .clear {/* For IE =< 6 */

    height: 1%;

}





* .image-float-left {

	

	display: block;

	border: 3px solid #701514;

}

* .image-float-right {

	float: right;

	clear: right;

	display: block;

	margin-left:8px;

	margin-bottom:5px;

}

* .image-float-border {

	float: right;

	clear: right;

	display: block;

	margin-left:8px;

	margin-bottom:5px;

		border: 3px solid #701514;

}



* .image-float-center {

	display:block;

	margin:0 auto 10px auto;

	border: 3px solid #701514;

}



/* Image Replacement -- add class="replace" to root element, i.e. <p> and add a bg image*/



* .replace { letter-spacing : -1000em; }

/* Just for Opera, but hide from MacIE */

/*\*/html>body .replace { letter-spacing : normal; text-indent : -999em; overflow : hidden;}

/* End of hack */



.replace ul, .replace ul li {letter-spacing: 0; text-indent: 0; overflow: auto;}





html {

	/*overflow: -moz-scrollbars-vertical;*/

}

	

body {

	margin: 0;

	padding:0;

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

	background-repeat: repeat-x;

	background-color: #b49c44;

}



/* edit.com visible styles */

BODY, TD, .NormalText { text-decoration: none; font-weight: normal; font-style: normal; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; }



.Header		{ color: #721515; font-size: 24px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-style: italic; }

.Subheader	{ color: #000000; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }



.Red		{ color: #721515; }

.Gold		{ color: #AB8513; }

.Black		{ color: #000000; }

.White		{ color: #FFFFFF; }



.SmallText	{ font-size: 10px; }

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

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



IMG.FloatLeft 	{ float: left; margin: 0 5px 5px 0; }

IMG.FloatRight 	{ float: right; margin: 0 0 5px 5px; }



img { 

 border:0px; }

hr{

	color: #000000;

	margin-bottom: 10px;

	margin-top: 8px;

	clear:both;

}



blockquote {

	padding-left: 23px;

}

p{

	padding-bottom:18px;

	color: #000000;

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

	font-size: 13px;

	line-height: 21px;

	font-weight: normal;

}

a:link, a:visited{

	color: #000000;

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

	font-size: 13px;

	font-weight:bold;

	text-decoration: underline;

}

a:hover{

	color:#721516;

}

li{

	color: #000000;

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

	font-size: 13px;

	margin-left: 35px;

	list-style: outside;
	line-height:20px;

}



ul{
/*	Changed to padding so background extends far enough on site-map.php
	margin-bottom:15px; */
	padding-bottom:15px;

}

ol{

	margin-bottom:15px;

}

* .top{

	color: #721516;

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

	font-size: 10px;

	text-align: right;

	font-weight: bold;

	text-decoration: none;

}

.top a:link, .top a:visited{

	color: #721516;

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

	font-size: 10px;

	text-align: right;

	font-weight: bold;

	text-decoration: none;

}

.top a:hover{

	text-decoration: underline;

}

h1{

	color: #721516;

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

	font-size: 16px;

	font-weight: bold;

	margin-bottom:18px;

}

h2{

	color: #000000;

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

	font-size: 13px;

	font-weight: bold;

	margin-bottom:6px;

}

h3{

	color: #721516;

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

	font-size: 13px;

	font-weight: bold;

}



* #footer{

	margin:auto;

	width: 860px;

	overflow: hidden;

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

	background-repeat: no-repeat;

	background-position: left bottom;

}

#footer p{

	padding-bottom:0px;

	

}

	

* #footer .inner{padding-top:5px;

padding-left:40px;

padding-right:30px;

padding-bottom:5px;}



h5{

	color: #721515;

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

	font-size: 10px;

	font-weight: bold;

	line-height: 14px;

}

#footer a {

color:#721515;

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

	font-size: 10px;

	text-decoration:none;

}

#footer a:hover{

	text-decoration: underline;

}

* #footer-nav{margin-top:10px;

margin-bottom:8px;

color:#721515;

font-weight:bold;

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

	font-size: 10px;text-decoration: none;}

#footer-nav a {

color:#721515;

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

	font-size: 10px;

	font-weight: normal;font-weight:bold;

	text-decoration: none;

}

#footer-nav a:hover{

	text-decoration: underline;

}



ul#nav {list-style: none;}

ul#nav a {display: block; padding: 0; height: 48px;  margin:0;}



ul#nav, #nav ul {

	padding: 0;

	margin: 0;

	list-style: none;

	position:absolute;

	top:148px;

	z-index:50;

	padding-left:6px;

}



ul#nav li {display: inline;

margin:0; float:left;}





ul#nav li:hover ul, ul#nav li.sfhover ul {

	left: auto;

	display: block;

}



ul#nav li ul li {

float:none;}



ul#nav li ul {

	position: absolute;

	left: -999em;

	top:42px;

	margin-left:-6px;

	z-index:50;

}



ul#nav ul li a {

	position: relative;

	height:22px;

	background: #a28d4d;

	padding: 1px 4px 2px 8px;

	color: #ffffff;

	font-size:11px;

	font-weight: bold;

	text-decoration: none;

	width:193px;

}



ul#nav ul li a:hover {

background:#721515;}



#nav li:hover ul, #nav li.sfhover ul {

left: auto;} 





* #office, * #new, * #ortho, * #braces, * #doc, * #tech {

	overflow: hidden; 

	text-indent: -999em; /* Indents the rich-text so it does not show */

	height: 48px;

	cursor: pointer;

}

/* Set the image for each nav item */

* #office {background: url(../images/btn_office.jpg); width:93px;}

* #ortho {background: url(../images/btn_ortho.jpg);width:160px;}

* #braces {background: url(../images/btn_braces.jpg);width:111px;}

* #doc{background: url(../images/btn_doc.jpg);width:157px;}

* #tech{background: url(../images/btn_tech.jpg);width:209px;}

* #new {background: url(../images/btn_new.jpg);width:130px;}



/* Shift the image position up to show the active state */

#nav li:hover a, #nav li.sfhover a, #nav .active{

	background-position:0px -48px}



/* Set the cursor to default arrow so link does not appear clickable */

* #nav .active {cursor: default}



ul#nav2 {list-style: none;}

ul#nav2 a {display: block; padding: 0; height: 33px;  margin:0;}



ul#nav2, #nav2 ul {

	padding: 0;

	margin: 0;

	list-style: none;

	position:absolute;

	top:0px;

	left:470px;

	

}



ul#nav2 li {display: inline;

margin:0; float:left;}





ul#nav2 li:hover ul, ul#nav2 li.sfhover ul {

	left: auto;

	display: block;

}



ul#nav2 li ul li {

float:none;}



ul#nav2 li ul {

	position: absolute;

	left: -999em;

	top:27px;

	margin-left:6px;

	z-index:50;

}



ul#nav2 ul li a {

	position: relative;

	height:22px;

	background: #a28d4d;

	padding: 1px 4px 2px 8px;

	color: #ffffff;

	font-size:11px;

	font-weight: bold;

	text-decoration: none;

	width:145px;

}



ul#nav2 ul li a:hover {

background:#721515;}



#nav2 li:hover ul, #nav2 li.sfhover ul {

left: auto;} 





* #home, * #contact, * #login {

	overflow: hidden; 

	text-indent: -999em; /* Indents the rich-text so it does not show */

	height: 33px;

	cursor: pointer;

}

/* Set the image for each nav item */

* #home {background: url(../images/btn_home.jpg); width:76px;}

* #contact {background: url(../images/btn_contact.jpg);width:103px;}

* #pt-login {background: url(../images/pt-login.png);width:102px;text-indent: -999em;}
* #dr-login {background: url(../images/dr-login.png);width:102px;text-indent: -999em;}



/* Shift the image position up to show the active state */

#nav2 li:hover a, #nav2 li.sfhover a, #nav2 .active{

	background-position:0px -33px}



/* Set the cursor to default arrow so link does not appear clickable */

* #nav2 .active {cursor: default}





* #container{

	width: 872px;

	margin: auto;

	position:relative;

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

	background-repeat: repeat-y;

}

* #content {

	width: 872px;

	margin: auto;

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

	background-repeat: no-repeat;

}



* #main {

	width: 860px;

	margin: auto;

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

	background-repeat: repeat-y;

}



* #main .inner {

padding-top:73px;

	padding-right:36px;

	padding-left:272px;

	min-height:600px;

}

*html #main .inner {

padding-top:73px;

	padding-right:36px;

	padding-left:272px;

	height:675px;

}



* #header{

	width: 872px;

	height: 148px;

	margin:auto;

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

	background-repeat: no-repeat;

}



* #logo {

position:absolute;

	height: 118px;

	width: 541px;

	left:0px;

	top:0px;}

		



* #h-doc, * #h-team, * #h-tour, * #h-mission, * #h-visit, * #h-schedule, * #h-fees, * #h-insurance, * #h-forms, * #h-appt, * #h-why, * #h-child, * #h-adults, * #h-phase, * #h-dento, * #h-sleep, * #h-tmj, * #h-surg, * #h-dic, * #h-faq, * #h-links, * #h-life, * #h-types, * #h-apps, * #h-diagram, * #h-video, * #h-retainers, * #h-er, * #h-treat, * #h-invis, * #h-teen, * #h-damon, * #h-ibraces, * #h-tads, * #h-location, * #h-refer, * #h-comment, * #h-privacy, * #h-site, * #h-404, * #h-500, * #h-home, * #h-request,* #h-invis-costs,* #h-invis-faq,* #h-invis-testimonials,* #h-invis-videos,* #h-invis-before-after{

width:519px;

height:49px;

	overflow: hidden;

	text-indent: -999em; /* Indents the rich-text so it does not show */

	background-repeat: no-repeat;
	}



* #h-doc{background: url(../images/title_doc.gif);}

* #h-team{background: url(../images/title_team.gif);}

* #h-tour{background: url(../images/title_tour.gif);}

* #h-mission{background: url(../images/title_mission.gif);}

* #h-visit{background: url(../images/title_visit.gif);}

* #h-schedule{background: url(../images/title_appts.gif);}

* #h-fees{background: url(../images/title_fees.gif);}

* #h-insurance{background: url(../images/title_insurance.gif);}

* #h-forms{background: url(../images/title_forms.gif);}

* #h-appt{background: url(../images/title_request.gif);}

* #h-why{background: url(../images/title_why.gif);}

* #h-child{background: url(../images/title_child.gif);}

* #h-adults{background: url(../images/title_adults.gif);}

* #h-phase{background: url(../images/title_phase.gif);}

* #h-dento{background: url(../images/title_dento.gif);}

* #h-sleep{background: url(../images/title_sleep.gif);}

* #h-tmj{background: url(../images/title_tmj.gif);}

* #h-surg{background: url(../images/title_surg.gif);}

* #h-dic{background: url(../images/title_dic.gif);}

* #h-faq{background: url(../images/title_faq.gif);}

* #h-links{background: url(../images/title_links.gif);}

* #h-life{background: url(../images/title_life.gif);}

* #h-types{background: url(../images/title_types.gif);}

* #h-apps{background: url(../images/title_apps.gif);}

* #h-diagram{background: url(../images/title_diagram.gif);}

* #h-video{background: url(../images/title_video.gif);}

* #h-retainers{background: url(../images/title_retainers.gif);}

* #h-er{background: url(../images/title_er.gif);}

* #h-treat{background: url(../images/title_treat.gif);}

* #h-invis{background: url(../images/title_invis-info.gif);}

* #h-teen{background: url(../images/title_teen.gif);}






/*new css*/



* #h-invis-costs{background: url(../images/title_invis-costs.gif);}
* #h-invis-faq{background: url(../images/title_invis-faq.gif);}
* #h-invis-testimonials{background: url(../images/title_invis-testimonials.gif);}
* #h-invis-videos{background: url(../images/title_invis-videos.gif);}
* #h-invis-before-after{background: url(../images/title_invis-before-after.gif);}



* #h-damon{background: url(../images/title_damon.gif);}

* #h-ibraces{background: url(../images/title_ibraces.gif);}

* #h-tads{background: url(../images/title_tads.gif);}

* #h-location{background: url(../images/title_location.gif);}

* #h-refer{background: url(../images/title_refer.gif);}

* #h-request{background: url(../images/title_request.gif);}

* #h-comment{background: url(../images/title_comment.gif);}

* #h-privacy{background: url(../images/title_privacy.gif);}

* #h-site{background: url(../images/title_site.gif);}

* #h-404{background: url(../images/title_404.gif);}

* #h-500{background: url(../images/title_500.gif);}

* #h-home{background: url(../images/title_welcome.gif);}





* #nav-sub{

position:relative;

right:0px;

padding-bottom:10px;

line-height:15px;

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

	font-size: 11px;

	text-align:right;

	color: #721515;

	font-weight:bold;

}

#nav-sub a{

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

	font-size: 11px;

	color: #721515;

	line-height:15px;

	font-weight:bold;

text-decoration:none;

}

#nav-sub a:hover, #nav-sub .active{

 color:#ab8513;}

	

* #sidebar{position:absolute;

top:196px;

left:6px;

width:250px;}



* .address{background: url(../images/callout_contact.jpg) no-repeat;

height:151px;}

* .address p{

	color:#721516;

	line-height:16px;

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

	font-size: 13px;

}



* .appt{background: url(../images/callout_appt.jpg) no-repeat;height:109px;}

.appt p a:link, .appt p a:visited{color:#721516;

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

	font-size: 13px;

	font-weight:normal;text-decoration:none;}

	.appt p a:hover{text-decoration:underline;}

* .services{background: url(../images/callout_services.jpg) no-repeat;height:162px;}

.services p a:link,.services p a:visited {color:#721516;

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

	font-size: 11px;

	font-weight:bold;text-decoration:none;}

.services p a:hover {text-decoration:underline;}



/* Global form styles */

* .comments {margin: 18px auto;}

fieldset {border: none; padding: 9px 0;}

fieldset div {clear: both;}

* .form-header {border-bottom: 1px solid #000000;/*optional, change color to match site*/}

.form-header h3 {margin: 0 0 9px;}

.form-header p {margin: 0 0; padding-bottom: 18px;}

* .form-footer {padding-top: 18px; text-align: center; border-top: 1px solid #000000;/*optional, change color to match site*/}

.form-footer button {/*these styles control the look of the button, change as necessary*/

	clear:both;/*do not change, forces button to sit below floated elements*/

	margin: 9px auto;/*do not change, controls positioning*/

	display: block;

	width:125px;

	height:31px;

	background:#000000;/* customize me! */

	border: 1px solid #000000;

	text-align:center;

	line-height:31px;

	color:#ffffff;/* customize me! */

	font-size:12px;

	font-weight:bold;}

/* comment form */	

* .comments {

	margin: 18px 0;

	padding: 10px;}

.comments li {

	font-weight: bold;

	list-style-type: decimal;

}

.comments label {/*floats labels left*/

	font-size: 12px;

	display:block;

	font-weight:bold;

	text-align:left;

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

	width:45%;

	float:left;

	color:#000000;

	padding-top: 4px;}

.comments label span {/*sits below labels; holds instructions*/

	color:#000000;

	display:block;

	font-size:11px;

	font-weight:normal;

	text-align:left;

	width:100%;}

.comments .label-block label {float: none; clear: both; width: 100%; text-align: left;}

.comments input, .comments textarea {

	float:left;

	font-size:12px;

	padding:4px 2px;

	border:solid 1px #000000;/* customize me! */

	width:45%;

	margin:9px 0 9px 2%;

	background: #ffffff;}

.comments p.verification {

	clear: both;

	margin: 0 0 9px 47%;

	font-size: 12px;}

.comments p.radio-float {

	clear: none;

	float:left;

	width: 45%;

	padding:0;

	margin:9px 0 9px 0;}

.comments p.verification img {border: 1px solid #000000;}/* customize me! */

.comments p.radio input, .comments p.radio-float input {

	float: none;

	margin: 0 0 0 0;

	padding: 4px 2px;

	width: auto;}

.comments p.radio span {padding: 0 2% 0 0;}

.comments .radio {text-align: left; font-weight: normal;}

.comments .comments-box label {float: none; font-weight: normal; display: block; text-align: left;}

.comments .comments-box textarea {float: none; margin-left: 0; width:95%;

}

/* referral form */

* .referral-form {

	margin: 18px 0;

	padding: 10px;}

.referral-form fieldset {border: none; padding: 9px 0;}

.referral-form label {/*floats labels left*/

	font-size: 12px;

	display:block;

	font-weight:bold;

	text-align:left;

	width:45%;

	float:left;

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

	line-height: 18px;

	color:#000000;

	padding-top: 4px;}

.referral-form label span {/*sits below labels; holds instructions*/

	color:#000000;

	display:block;

	font-size:11px;

	font-weight:normal;

	text-align:left;

	width:100%;}

.referral-form input, .referral-form textarea {

	float:left;

	font-size:12px;

	padding:4px 2px;

	border:solid 1px #000000;/* customize me! */

	width:45%;

	margin:9px 0 9px 2%;

	background: #ffffff;

	position: relative;}

.referral-form p.radio, .referral-form p.verification {

	clear: both;

	margin: 9px 0 9px 47%;

	font-size: 12px;}

.referral-form p.radio-float {

	clear: none;

	float:left;

	width: 45%;

	padding:0;

	margin:9px 0 9px 2%;}

.referral-form p.verification {margin-top: 0;}

.referral-form p.verification img {border: 1px solid #000000;}/* customize me! */

.referral-form p.radio input, .referral-form p.radio-float input {

	float: none;

	width: auto;

	margin: 0 0 0 2%;

	padding: 4px 2px;}

	

/* appointment form */

* .appointment-form {

	margin: 18px 0;

	padding: 10px;}

.appointment-form fieldset {border: none; padding: 9px 0;}

.appointment-form label {/*floats labels left*/

	font-size: 12px;

	display:block;

	font-weight:bold;

	text-align:left;

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

	width:45%;

	color:#000000;

	float:left;

	line-height: 18px;

	padding-top: 4px;}

.appointment-form label span {/*sits below labels; holds instructions*/

	color:#000000;

	display:block;

	font-size:11px;

	font-weight:normal;

	text-align:left;

	width:100%;}

.appointment-form input, .appointment-form select, .appointment-form textarea {

	float:left;

	font-size:12px;

	padding:4px 2px;

	border:solid 1px #000000;/* customize me! */

	width:45%;

	margin:9px 0 9px 2%;

	background: #ffffff;}

.appointment-form p.radio, .appointment-form p.verification {

	clear: both;

	margin: 9px 0 9px 47%;

	font-size: 12px;}

.appointment-form p.radio-float {

	clear: none;

	float:left;

	width: 45%;

	padding:0;

	margin:9px 0 9px 2%;}

.appointment-form span#found-other {width: 100%;}

.appointment-form span#found-other input {margin-left: 47%; background: #ffffff}

.appointment-form p.verification {margin-top: 0;}

.appointment-form p.verification img {border: 1px solid #000000;}/* customize me! */

.appointment-form p.radio input, .appointment-form p.radio-float input {

	float: none;

	width: auto;

	margin: 0 0 0 2%;

	padding: 4px 2px;}

	

.flash-replaced .alt {

display: block;

width: 0px;

height: 0px;

position: absolute;

overflow: hidden;}



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

* #sidebarteen {

background: #fff;

width: 275px;

margin: 0 0 15px 15px;

padding: 0;

border: solid 1px #660000;

float: right;

clear: right;}

/*#sidebarteen a{
color: #7c2224;
text-decoration:none;
}*/

#sidebarteen p a:link,a:visited{
i

text-decoration:none;}
#sidebarteen p a:hover{
text-decoration:underline;
}

#sidebarteen  p a:active{
text-decoration:none;
}

#sidebarteen h3 {

background: #9c4647;

margin: 0;

padding: 15px;

color: #fff;}

* .thumbteen {

border: solid 1px #000;

margin: 0 10px 10px 0;

float: left;

clear: left;
}

#sidebarteen p {

padding: 0 15px;

margin: 15px 0;}

* .clear {clear: both;}



* .listright{float:right;}





* #flash-damon-system {

margin: 0 15px 15px 0;

width: 240px;

height: 206px;

border: solid 1px #ccc;

float: left;

clear: left;}



* .left {

float:left;

margin:0 10px 10px 0;}

h2.media-center {

background:#000033;

color:#FFF;

margin:0;

padding:5px;}

div.media-center {

background:#336699;

color:#FFF;

display:inline-block;

margin-bottom:10px;

overflow:auto;

padding:10px;}

div.media-center a {

color:#FFF;}

div.media-center img {

border:1px solid #FFF;}

* .flash {

border: solid 1px #ccc;}

* #flash-ibraces-1 {

width: 320px;

height: 266px;}

* #flash-ibraces-2, * #flash-ibraces-3 {

width: 352px;

height: 266px;}


/*modified css*/

.invisalign{
	float:right;
	background: url(../images/new-callout.gif) no-repeat;
	width: 211px;
	height:150px;
	clear:right;
	}
	
.invisalign img {
	margin: 40px 0px 0px 20px;
	}
.invisalign p{
	text-align:center;
	margin:0px 20px;
	color: #7c2224;
    font-size:11px;
	font-weight:bold;
	}

.left-border {
	 /* Customize me!! */
	float: left;
	clear: left;
	margin: 0 15px 15px 0;
	list-style:none;
	list-style-image:none;
	}
	.clear-test
	{
	clear:both;
	}
	
/*Invisalign Testimonials*/

ul#testimonials {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	
	}
ul#testimonials li {
	list-style:none;
	}
	
.invisalign-block {
	width: 315px; 
	float: left;
	}
/*Invisalign Videos*/

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 #660000; /* Customize me!! */
	margin-bottom: 15px;
	text-align: right;
	}
	
div.invisalign-video img {
	margin: 30px 50px 0;
	}

.invisalign-video img.border {
	border: solid 1px #018693; /* Customize me!! */
	margin: 0 15px 15px 0;
	}

.bump-right {
	margin-right: 5px;
	}
	
/* Invisalign Videos */
#video-invisalign {
	width: 360px; 
	height: 266px;
	display: block;
	border: solid 1px #660000;
	}
#video-invisalign-best-friends, #video-invisalign-news-travels-fast {
	width: 320px;
	height: 206px;
	display: block;
	border: solid 1px #660000;
	}
#video-invisalign-lobby {
	width: 320px; 
	height: 266px;
	display: block;
	border: solid 1px #660000;
	}	
/*Invisalign Before and After*/
ul#before-after-cycle li img.invisalign-b {
	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;
	 /* Customize me */
	border: solid 1px #660000; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px; /* Optional - you may customize or remove */
	position: relative;
	}
#invisalign-before-after ul.slideshow {
	list-style: none; 
	margin: 0; 
	padding: 0;
	}
#invisalign-before-after li {
	list-style:none;
	padding:0px;
	margin:0px;
	}
ul#before-after-cycle li img {
	width: 232px;
	float: left;
	margin-right: 10px;
	border: solid 1px #660000; /* Customize me */
	padding:0px;
	}
#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 #660000; /* 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: #b05b5e; /* Customize me */
	position: absolute; 
	z-index: 50;
	top: -19px;
	left: 11px;
	padding: 0 3px;
	border: solid 1px #660000; /* 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 */