@charset "utf-8";

/* resets */
body, div, p, ul, ol, li, span, h1, h2, h3, h4, hr, table, td, a { margin:0; padding: 0; }

/* HTML5 display definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

body.editor-fix { background-color:#fff }
body { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1; color:#000; background-image:url(images/bg_shell_hq.jpg); background-repeat:repeat; background-position:center top; }

/* generic links */
a, a:link, a:visited { color:#fa8d00; text-decoration:none; }
a:hover, a:active { color:#0030FF; text-decoration:underline; }

/* remove border from img links */
a img { border: 0 none; }

/* main styling */
/* common heading styles */
h1, h2, h3, h4 { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:normal; color:#012A6D; margin:0 0 4px; letter-spacing:-1px; }

/* heading specific styles */
h1 { font-size:31px; margin:0 0 18px; }
h2 { font-size:22px; margin:0 0 15px; }
h3 { font-size:18px; margin:0 0 6px; }
h4 { font-size:12px; }

/* common styles */
p, ol, ul, hr { margin:0 0 15px; }
p { line-height:1.7em }

.orange
{
	color: #F60;	
}

hr { height:2px; color:#012A6D; background-color:transparent; margin:0 0 15px; clear:both; }
.hr { height:1px; border-bottom:2px dotted #012A6D; clear:both; margin:0 0 21px; }
ul, ol { padding:0 0 0 2.5em; }
ol li, ul li { margin:0 0 0.5em; padding:0em; }
li { line-height:1.5em }

/* containers */

#shell
{
	display: block;
	min-height: 1160px;
	background: url("images/main-col_container_long.jpg") repeat-y scroll center top transparent;		
}
.blog #shell {
	min-height: 1330px;
}

#wrapper { width:950px; margin:0 auto; position:relative; background:url(images/bg_wrapper.jpg) repeat-y; }
#container {
  background: url("images/bg_container.jpg") no-repeat scroll center top transparent;
  overflow: auto;
  padding-bottom: 30px;
}
div#header { height:212px; background:url(images/bg_container.jpg) no-repeat center top;}
	#logo { display:block; float:left; margin:15px 0 0 34px; position:relative; z-index:80; }
	
	.address { float:right; padding:14px 42px 0 0; }
	.address div {display:inline;}
	.address-p { float:left; line-height:1.3em; padding-right:45px; }
	.address-p2 { float:left; line-height:1.3em; padding:0; }
		.address-p a, .address-p2 a{color:#0030ff}
	
#overlay { background:url(images/overlay.png) no-repeat; position:absolute; top:0; left:0; z-index:18; width:950px; height:238px; }
/* content */
#slider, #slider img { width:950px; height:355px; }
	.interior #slider, .interior #slider img { height:291px; }
#slider { position:absolute; top:159px; left:0; }
#slider img { display:none; }
#slider img.first { display:block; }

#content { padding:0 38px 40px 11px; margin:318px 0 0; min-height: 1300px; }

body.appointment-request #content { min-height: 1300px; }


#left-sidebar
{
	display: block;
	width: 185px;
	height: 1000px;
	position: absolute;
	z-index: 50;
	left: 13px;
	top: 212px;	
}



/*office tours */
.officetours h3 { text-align:center; margin:0 0 20px; }
.officetours h3 a.active { font-weight:bold; }
.officetours .tours h2 { text-align:center; }
.officetours .tours div.current { display:block; }



/* content column */
#main-col {
    padding: 328px 38px 0 0;
    width: 692px;
	float: right;
}

#left-col { width:193px; z-index: 10; position: absolute; display: block;}

	#callouts {display: block; clear: both; position: absolute; z-index: 10; left: 5px; top: 318px;}
	
		#callouts a, #callouts a span { display:block; width:183px; height:60px; cursor:pointer; }
		#callouts a { float:left; margin:0 0 7px; color:#000; text-shadow:none; position:relative; background-position:0 -60px; }
		#callouts a span { position:absolute; top:0; left:0; z-index:2; background-position:0 0; }
		
		a.invis, a.invis span { background:url(images/callouts/callout_invisalign.png) no-repeat; }
		a.invisteen, a.invisteen span { background:url(images/callouts/callout_invisalignteen.png) no-repeat; }
		a.damon, a.damon span { background:url(images/callouts/callout_damon.png) no-repeat; }
		a.visit, a.visit span { background:url(images/callouts/callout_patients.png) no-repeat; }
		a.exam, a.exam span { background:url(images/callouts/callout_exam.png) no-repeat; }
		a.refer, a.refer span { background:url(images/callouts/callout_refer.png) no-repeat; }
		a.promo, a.promo span { background:url(images/callouts/callout_promo.png) no-repeat; }
		a.fb, a.fb span { background:url(images/callouts/callout_facebook.png) no-repeat; height:57px; }
		
		#callouts a.googler { background:url(images/google-reviews.png) no-repeat; background-position:0 0; width:73px; height:74px; margin:0 0 0 7px; }

#home-callouts { margin:0 0 37px; }
#home-callouts a { display:block; width:212px; height:153px; float:left; margin:0 28px 0 0;  }
#home-callouts a.last { margin:0; }

.staff p { text-align:center; clear:both; }
.staff img { float:left; margin:0 20px 15px 0; }

.coll { float:left; margin:0 42px 15px 0; width:300px; }
.colr { float:left; margin:0 0 15px; width:300px; }

.col-left { float:left; width:420px; }
.col-right { float:right; width:420px; }
	
/* main menu */


#menu { width:185px; height:281px; background:url(images/bg_menu.png) no-repeat; display: block; clear: both; z-index: 20; position: absolute;}
#menu ul { margin:0; padding:28px 0 0; position:relative; }
#menu li { list-style:none; float:left; margin:0; padding:0;  z-index:400;  }
#menu li a { display:block; width:185px; line-height:32px; text-indent:-999em; }
	
li#menu67 > a { background:url(images/menu/login.png) no-repeat center center; }
li#menu40 > a { background:url(images/menu/home.png) no-repeat center center; }
li#menu63 > a { background:url(images/menu/office.png) no-repeat center center; }
li#menu64 > a { background:url(images/menu/patient.png) no-repeat center center; }
li#menu65 > a { background:url(images/menu/treatment.png) no-repeat center center; }
li#menu109 > a { background:url(images/menu/testimonials.png) no-repeat center center; }
li#menu75 > a { background:url(images/menu/contact.png) no-repeat center center; }


	
	/* submenu */
	
	
li#menu67 ul li a, li#menu40 ul li a, li#menu63 ul li a, li#menu64 ul li a, li#menu65 ul li a, li#menu109 ul li a, li#menu75 ul li a { background-image: none; }

li#menu67 ul, li#menu40 ul, li#menu63 ul, li#menu64 ul, li#menu65 ul,  li#menu109 ul,  li#menu75 ul   
{
	display: none;
}

li#menu67:hover ul, li#menu40:hover ul, li#menu63:hover ul,  li#menu64:hover ul, li#menu65:hover ul, li#menu109:hover ul, li#menu75:hover ul
{
	display: block;
	left: 160px;
	top: -50px;	
	z-index: 30;
	position: absolute;
	background: none;
}

li#menu67 ul li a, li#menu40 ul li a, li#menu63 ul li a, li#menu64 ul li a, li#menu65 ul li a, li#menu109 ul li a, li#menu75 ul li a
{
	display: block;
	text-indent: 0;
	text-align: center;
	width: 194px;
	background: #2865c9;
	color: #fa8d00;
	text-decoration: none;
}

li#menu67 ul li a:hover, li#menu40 ul li a:hover, li#menu63 ul li a:hover, li#menu64 ul li a:hover, li#menu65 ul li a:hover, li#menu109 ul li a:hover, li#menu75 ul li a:hover, 
{
	font-weight: bold;
}

li#menu67 ul li a.sub-menu-top, li#menu40 ul li a.sub-menu-top, li#menu63 ul li a.sub-menu-top, li#menu64 ul li a.sub-menu-top, li#menu65 ul li a.sub-menu-top, li#menu109 ul li a.sub-menu-top, li#menu75 ul li a.sub-menu-top
{
	background-color:transparent !important;
	margin-bottom: -20px;
}

li#menu67 ul li a.sub-menu-top img, li#menu40 ul li a.sub-menu-top img, li#menu63 ul li a.sub-menu-top img, li#menu64 ul li a.sub-menu-top img, li#menu65 ul li a.sub-menu-top img, li#menu109 ul li a.sub-menu-top img, li#menu75 ul li a.sub-menu-top img
{
	border-bottom: 20px solid #2865c9;
}

li#menu67 ul li a.sub-menu-bottom, li#menu40 ul li a.sub-menu-bottom, li#menu63 ul li a.sub-menu-bottom, li#menu75 ul li a.sub-menu-bottom, li#menu64 ul li a.sub-menu-bottom, li#menu65 ul li a.sub-menu-bottom, li#menu109 ul li a.sub-menu-bottom, li#menu67 ul li a.sub-menu-bottom
{
	background-color:transparent !important;
	margin-top: -10px;
}

li#menu67 ul li a.sub-menu-bottom img, li#menu40 ul li a.sub-menu-bottom img, li#menu63 ul li a.sub-menu-bottom img, li#menu64 ul li a.sub-menu-bottom img, li#menu65 ul li a.sub-menu-bottom img, li#menu109 ul li a.sub-menu-bottom img, li#menu75 ul li a.sub-menu-bottom img
{
	border-top: 5px solid #2865c9;
	margin-top: 10px;
}	


.level1contact {margin-top:205px !important;}
/* end menu
*************************************************************/

/* footer */
#footer { color:#bebcb7; font-size:12px; text-align:center; background-color:#123577; padding: 0; }
	#footer .wrap { width:950px; margin:0 auto; }
	#footer span { color:#fa8d00; font-weight:bold; }

	#logos, #address, #seo { background-color:#123577; margin:0 0 7px; }

	#logos { height:92px; }
		#logos img { margin:25px 24px 0 0; }
		#logos img.last { margin:0; }
	
	#address { padding:17px 0; font-size:14px; }
		.address-p, #address-p2 { line-height:1.3em; }		
		.address-p2 { margin:0; }
	
	#seo { margin:0; padding:10px 0;}
	#seo p { line-height:1.4em; font-size:10px; margin:0; }
	#seo p a, #seo p a:link, #seo p a:visited {  color:#bebcb7; text-decoration:none; text-shadow:none; }
	#seo p a:hover { text-decoration:underline; text-shadow:none; }
	

#height-7px-margin-bottom
{	
display: block; width: 100%; clear:both; height: 7px; background: #375A99; margin-bottom: 10px;
}

#height-7px-margin-both
{	
display: block; width: 100%; clear:both; height: 7px; background: #375A99; margin: 10px 0;
}


#height-14px-margin-top
{	
display: block; width: 100%; clear:both; height: 14px; background: #375A99; margin-top: 10px;
}
	
/* end footer
***********************************************************/

/* sitemap */
#sitemap ul { margin:0; }
#sitemap ul li { margin:0 0 0 0.5em; }
#sitemap ul > li.DisabledTab > a { text-decoration:none; color:#000; font-weight:bold; cursor:default; }
#sitemap ul ul { padding:0 0 0 2.0em; }
	
/* end sitemap
**************************************************************/

/* page photos */
.photoright { float: right; margin:3px 0 12px 15px; border:1px solid #012A6D; }
.photoleft { float: left; margin:3px 15px 12px 0; border:1px solid #012A6D; }
.photo { border:1px solid #012A6D; }

/* floats */
.right { float: right }
.left { float: left; }

/* text */
.txt-center { text-align:center; }
.txt-left { text-align:left; }
.txt-right { text-align:right; }
.white { color:#fff; }

.page-menu { text-align:center; margin:0 0 18px; font-size:18px; line-height:21px; }
.page-menu a { padding:0 6px 0 0; }
.top { float:right; clear:right; }

/*google map */
.google-map, .google-map iframe { width: 550px; height: 420px; }
.google-map { margin: 0 auto 30px; border: 2px solid #012A6D; }
.google-map iframe { border:0 none; }

/* office hours */
.hours { margin:0 0 15px; }
.hours td {padding:3px 16px 3px 0; }

.games #content p { text-align:center; }

/* Specialty Formatting */
.clearright { clear: right; height: 0 }
object:focus { outline: none; }
.center { text-align:center; }

/* faq accordion */
.acc-faq div { display:none; padding:0 0 0 28px; }
.acc-faq h3 { cursor:pointer; margin:0 0 12px; line-height:1.2em; }
.acc-faq h3:hover { color:#4B9B0B; }
.acc-faq h3.active { color:#4B9B0B; }

/* invisalign */
#invisalign-video { width:480px; height:360px; margin:18px auto 0; display:block; }
.invis_logo { width:260px; height:83px; padding:10px 0 10px 0; }
.invis_steps_photo { float: right; margin:3px 0 0px 18px; }
.invis_photo { float: right; margin:-3px 0 0px 18px; }
.invis_teen_logo { padding:5px 0 10px 0; }
.invis_faq_logo { width:275px; height:75px; padding:5px 0 10px 0; }
.invis_faq_photo { float: right; margin:-3px 0 0px 18px; }
.invis_faq_logo { width:275px; height:75px; padding:5px 0 10px 0; }
.invis_faq_photo { float: right; margin:-3px 0 0px 18px; }
/* Inv FAQ */
.inv-acc-faq h3 { padding: 18px 0 0px 0; }
.inv-acc-faq h3.active { }
.inv-acc-faq h3 a, .acc-faq h3 a:link, .acc-faq h3 a:visited { }
.inv-acc-faq h3 a:hover { color:#4B9B0B; }
.inv-acc-faq div { display: none; }
.inv-acc-faq div p { }
.inv-acc-faq div strong {}

/* damon */
.damon-photo {	float: right;	margin:12px 0 10px 25px;	border: 1px solid #bfbfbf; }
#damon-video { display: block; height: 385px; margin: 18px auto 22px; width: 480px; }

.orthognathicFF { margin:0 0 12px 15px; } 

/* form master forms */
.MainFormTable { margin:0 auto 18px; }
.formTable { width:100% }
.formTable td { padding:0 4px 10px 0; }
.formTable .formLabel { font-weight:600 }
.formTable .radioList { margin:0 0 0 20px }
.formTable .wideTextBox { width:507px; height:131px }

.errMsg, .errmsg { color: red; font-size:12px; font-weight:bold; text-align:left }
.DnnModule:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.on-top { z-index: 10000; }

/*clear fix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.clearnew {clear:both;}


/* Sesame jQuery Cycle */
#slideshow-container ul.slideshow, #slideshow-container2 ul.slideshow2 {
	list-style: none; 
	width: 460px; 
	height: 350px;
	margin: 0; 
	padding: 0;
	}
#slideshow-container, #slideshow-container2 {
    background: none repeat scroll 0 0 #9ACD34;
    border: 1px solid #012A6D;
    height: 415px;
    line-height: 18px;
    margin: 0 auto 30px;
    padding: 10px;
    width: 500px;
}

#slideshow-container div#caption, #slideshow-container2 div#caption2 {
	min-height: 18px;
	clear: both;
	background-color: #fff; /* Customize me */
	color: #333; /* Customize me */
	padding: 10px;
	margin: 10px 0 0 0;
	border: solid 1px #a0b606; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px;
	}
#slideshow-container ul.slideshow img, #slideshow-container2 ul.slideshow2 img {
  height: 375px;
  margin: 0;
  width: 500px;
}

.office-tour-nav, .office-tour-nav2 {
	background-color: #fff; /* Customize me */
	margin: 0 0 10px 0;
	padding: 5px 3px;
	border: solid 1px #012A6D; /* Customize me */
	-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 */
	}
.office-tour-nav a, .office-tour-nav2 a {
	text-decoration: none; 
	font-size: 12px; 
	padding: 5px; 
	margin: 0 3px; 
	color: #333;}
.office-tour-nav a.activeSlide, .office-tour-nav a:hover, .office-tour-nav2 a.activeSlide, .office-tour-nav2 a:hover {color: #009EC7;}


/* Brushing & Flossing & Other Sesame CSS */
.img-left {
  margin: 0 20px 20px 0;
  float: left;
  clear: left;
}

.border {
  border: solid 1px #333; /* Customize me! */
  /* Add more nifty stuff in here if you like */
}

dl#brushing-instructions dt, dl#flossing-instructions dt { /* Customize me! */
  font-size: 18px;
  font-weight: bold;
}

dl#brushing-instructions dd ul, 
dl#flossing-instructions dd ul {
  margin: 0;
  list-style-type: none;
}

/* This styled div acts as the hr for most browsers */
div.hr {
  height: 0px;
  background-color: #eee; /* Customize me! */
  border: solid 1px #eee; /* Customize me! */
  border-width: 1px 0 0 0; /* Customize me! */
  margin: 20px 0;
  padding: 0;
  clear: both;
}
/* This is the backup for screen readers */
hr {
  display: none;
  height: 0px;
  background-color: #eee;
  border: solid 1px #eee;
  border-width: 1px 0 0 0;
  clear: both;
}
/* 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;}


/* Sesame Flash */
p.flash_notice {
  margin: 18px;
  padding: 9px;
  color: #ff0000;
  border: 1px dotted #ff0000;
  background: #ffffff;
  text-align: center;
}

.flash {
  width: 500px;
  margin: 20px auto;
  display: block;
}


/* Sesame Braces Diagram */
#braces-diagram {background: url(http://media.sesamehost.com/images/braces-diagram/braces-diagram-bg.gif); height: 374px; position: relative; width: 425px;}
#braces-diagram a {cursor: help; display: block; position: absolute;}
#braces-diagram a:hover {background: transparent;}
a#elastic-tie {height: 20px; left: 90px; top: 100px; width: 65px;}
a#loop-archwire {height: 20px; left: 150px; top: 80px; width: 100px;}
a#archwire {height: 20px; left: 190px; top: 100px; width: 65px;}
a#bracket {height: 20px; left: 230px; top: 120px; width: 60px;}
a#headgear-tube {height: 20px; left: 335px; top: 100px; width: 90px;}
a#coil-spring {height: 20px; left: 150px; top: 300px; width: 65px;}
a#tie-wire {height: 20px; left: 235px; top: 325px; width: 65px;}
a#band {height: 20px; left: 270px; top: 300px; width: 40px;}
a#hook {height: 20px; left: 315px; top: 280px; width: 35px;}
a#elastic {height: 40px; left: 355px; top: 280px; width: 45px;}
a#print {cursor: pointer; height: 23px; left: 365px; top: 351px; width: 60px;}
#braces-diagram a img {border: none; display: block; height: 0; position: absolute; width: 0;}
#braces-diagram a:hover img {height: 74px; width: 425px;}
a#elastic-tie:hover img {left: -90px; top: -100px;}
a#loop-archwire:hover img {left: -150px; top: -80px;}
a#archwire:hover img {left: -190px; top: -100px;}
a#bracket:hover img {left: -230px; top: -120px;}
a#headgear-tube:hover img {left: -335px; top: -100px;}
a#coil-spring:hover img {left: -150px; top: -300px;}
a#tie-wire:hover img {left: -235px; top: -325px;}
a#band:hover img {left: -270px; top: -300px;}
a#hook:hover img {left: -315px; top: -280px;}
a#elastic:hover img {left: -355px; top: -280px;}


/* Sesame Common Treatments */
div.box {
	float: right;
	clear: right;
	width: 334px;
	background-color: #9ACD34; /* Customize me! */
	padding: 5px 0 5px 5px;
	margin: 0 0 20px 20px;
	border: solid 1px #012A6D; /* Customize me! */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px;
}
div.box img {
	float: left;
	border: solid 1px #012A6D; /* Customize me! */
	margin-right: 5px;
}
div.box p {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
}
/* This styled div acts as the hr for most browsers */
div.hr {
	height: 0px;
	background-color: #eee; /* Customize me! */
	border: solid 1px #eee; /* Customize me! */
	border-width: 1px 0 0 0; /* Customize me! */
	margin: 20px 0;
	padding: 0;
	clear: both;
	}
	
.hr {
	height: 0px;
	background-color: #eee; /* Customize me! */
	border: solid 1px #eee; /* Customize me! */
	border-width: 1px 0 0 0; /* Customize me! */
	margin: 20px 0;
	padding: 0;
	clear: both;
	display: block !important;
	}
		
/* This is the backup for screen readers */
hr {
	display: none;
	height: 0px;
	background-color: #eee;
	border: solid 1px #eee;
	border-width: 1px 0 0 0;
	clear: both;
	}
	
a {margin-top: 0px;}


/* Sesame Emergency Care */
ul#toggle-emergency {
  list-style: none;
 margin: 0 0 18px 0;
}
ul#toggle-emergency li {
  border: solid 1px #fff; /* Customize me! */
  border-width: 0 0 1px 0;
  padding: 18px 0;
  margin: 0;
}
.general-soreness {
  background: url(/sesame_media/images/emergency-care/general-soreness.gif) no-repeat;
  width: 80px;
  height: 60px;
}
.headgear {
  background: url(/sesame_media/images/emergency-care/headgear.gif) no-repeat;
  width: 80px;
  height: 60px;
}
.loose-appliance {
  background: url(/sesame_media/images/emergency-care/loose-appliance.gif) no-repeat;
  width: 80px;
  height: 60px;
}
.loose-bracket {
  background: url(/sesame_media/images/emergency-care/loose-bracket.gif) no-repeat;
  width: 80px;
  height: 60px;
}
.loose-wire {
  background: url(/sesame_media/images/emergency-care/loose-wire.gif) no-repeat;
  width: 80px;
  height: 60px;
}
.poking-wire {
  background: url(/sesame_media/images/emergency-care/poking-wire.gif) no-repeat;
  width: 80px;
  height: 60px;
}
#toggle-emergency .img-left {
  margin: 0 20px 10px 0;
  float: left;
  clear: left;
}
.border {
  border: solid 1px #333; /* Customize me! */
  /* Add more nifty stuff in here if you like */
}

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


/* Sesame Invisalign Pro-pack */
/* Reset */
#pro-pack {
	position: relative;
	font-size: inherit;
	line-height: inherit;
	}
#pro-pack img {
	display: block;
	}
#pro-pack a, #pro-pack img, #pro-pack object {
	border:none; 
	outline:none;
	}
	
/* Global Styles ------------------- */
#pro-pack .border {
	border: solid 1px #012A6D; /* Customize me!! */
	}
#pro-pack .right {
	float: right;
	margin: 0 0 15px 15px;
	}
#pro-pack .left {
	margin: 0 15px 15px 0;
	float: left;
	}
#pro-pack .right-border {
	border: solid 1px #012A6D; /* Customize me!! */
	float: right;
	clear: right;
	margin: 0 0 15px 15px;
	}
#pro-pack .left-border {
	border: solid 1px #012A6D; /* Customize me!! */
	float: left;
	clear: left;
	margin: 0 15px 15px 0;
	}
#pro-pack img.border {
	border: solid 1px #012A6D; /* Customize me!! */
	}
	
/* Main Invisalign page ----------------- */
#pro-pack #video-invisalign {
	width: 360px; 
	height: 266px;
	display: block;
	}
#pro-pack p.flash_notice {
	margin: 18px;
	padding: 9px;
	color: #ff0000;
	border: 1px dotted #ff0000;
	background: #ffffff;
	text-align: center;
	}
	
/* Invisalign Footer -------------------- */	
#pro-pack #invisalign-footer {
	background: #fff;
	width: 100%;
	margin: 30px 0;
	padding: 0;
	border: solid 1px #012A6D; /* Customize me!! */
	font-size: 11px;
	-moz-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
	-webkit-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
	clear: both;
	}
#pro-pack #invisalign-footer h3 {
	background: #012A6D; /* 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 - Does not work in IE */
	-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
	}
#pro-pack #invisalign-footer ul li img {
	margin: 0 10px 0 15px;
	float: left;
	}
#pro-pack #invisalign-footer p {
	padding: 0 15px;
	margin: 30px 0 15px 0;
	}
#pro-pack #invisalign-footer ul {
	margin: 15px; 
	padding: 0 0 15px 0;
	list-style: none;
	border: solid 1px #012A6D; /* Customize me!! */
	border-width: 0 0 1px 0;
	}
#pro-pack #invisalign-footer li {
	width: 33%;
	float: left;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	}
#pro-pack #invisalign-footer li a {
	float: left;
	}	
#pro-pack .invisalign-footer-logo {
	margin: 0 30px 0 15px;
	float: left;
	}
	
	
/* Invisalign Teen */
.right-border {
	border: solid 1px #012A6D; /* 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 #012A6D;
	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 #012A6D;
	line-height: 18px;
	font-size: 11px;
	float: right;
	clear: right;
	}
#invisalign-sidebar a {
	color: #036;
	}
#invisalign-sidebar h3 {
	background: #012A6D;
	margin: 0;
	padding: 15px;
	color: #fff;
	}
#invisalign-sidebar p {
	padding: 0 15px;
	margin: 15px 0;
	}
.thumb {
	border: solid 1px #012A6D;
	margin: 0 10px 10px 0;
	float: left;
	clear: left;
	}
	
	
/* Damon System */
#damon-bracket {
	display: block;
	margin: 0 auto 10px auto;
	}
#damon-wrap {
	width: 400px;
	margin: 0 auto;
	}
#damon-left {
	float: left;
	width: 175px;
 	margin-right: 20px;
	}
#damon-right {
	float: left;
	width: 170px;
	}
#flash-damon-system-comparison {
	margin: 10px auto;
	width: 250px;
	display: block;
	}
#video-the-damon-system {
	margin: 0 15px 15px 0;
	width: 240px;
	height: 206px;
	float: left;
	clear: left;
	}
#video-the-damon-system-2 {
	margin: 0 15px 15px 0;
	width: 400px;
	height: 330px;
	float: left;
	clear: 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;}


#social-media {
    margin-left: 7px;
    position: absolute;
    top: 800px;
}
#social-media img {
    float: left;
    height: 50px;
    margin: 0 4px 8px;
    width: 50px;
}