/* CSS Document */
@font-face {
    font-family: 'NewsGothicStdMedium';
    src: url('type/newsgothicstd-webfont.eot');
    src: url('type/newsgothicstd-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/newsgothicstd-webfont.woff') format('woff'),
         url('type/newsgothicstd-webfont.ttf') format('truetype'),
         url('type/newsgothicstd-webfont.svg#NewsGothicStdMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	padding:0;
	margin:0 0 0 0;
	text-align:center;
	border:none;
	font:12px Verdana, Arial, Helvetica, sans-serif, "Futura Book";
	color:#FFFFFF;
	background:#814C82 url("") repeat top left;
	}
	
/* CSS Document */	
.img-left {
  margin: 0 20px 20px 0;
  float: left;
  clear: left;
}

.img-right {
  margin: 0 0 20px 20px;
  float: right;
  clear: right;
}
.border {
  border: solid 1px #333; /* Customize me! */
  /* Add more nifty stuff in here if you like */
}
#video-invisalign {
  width: 360px; 
  height: 266px;
}
.video {
  display: block;
  /* Add more nifty stuff in here if you like */
}
hr { clear:both}
p.flash_notice {
  margin: 18px;
  padding: 9px;
  color: #ff0000;
  border: 1px dotted #ff0000;
  background: #ffffff;
  text-align: center;
}
.word-right {
float:right;
margin:0px 50px 0 0;
}
.word-left {
margin:0 0 0 70px;
float:left;
}
/*  end body  */

/* 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(http://sesamehub.com/sesame_media/images/emergency-care/general-soreness.gif) no-repeat;
  width: 80px;
  height: 60px;
}
.headgear {
  background: url(http://sesamehub.com/sesame_media/images/emergency-care/headgear.gif) no-repeat;
  width: 80px;
  height: 60px;
}
.loose-appliance {
  background: url(http://sesamehub.com/sesame_media/images/emergency-care/loose-appliance.gif) no-repeat;
  width: 80px;
  height: 60px;
}
.loose-bracket {
  background: url(http://sesamehub.com/sesame_media/images/emergency-care/loose-bracket.gif) no-repeat;
  width: 80px;
  height: 60px;
}
.loose-wire {
  background: url(http://sesamehub.com/sesame_media/images/emergency-care/loose-wire.gif) no-repeat;
  width: 80px;
  height: 60px;
}
.poking-wire {
  background: url(http://sesamehub.com/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;}

#shell {
  	position:relative;
	text-align: left;
 	vertical-align: middle;	
	margin: 0 auto;
	padding: 0;
	width: 770px;
	border: none;
}

#container{
	margin:0;
	padding:0;
	background:#000000 url(images/shell_bg.jpg) repeat-y top left;
	}
	
#header{
	height:390px;
	margin:0 0 0 0;
	padding:0;
	}
	
#contenthome{
	padding:0 0 0 0;
	margin:0;
	}
	
#content{
	padding:0 0 0 0;
	margin:0;
	background:transparent url(images/content_bg.jpg) no-repeat top left;
	vertical-align:top;
	}	
	
#tlink{
	width:205px;
	padding:0 0 0 0;
	margin:0;
	vertical-align:top;
	
	}


#contencopy{
	margin-left:12px;
	margin-top:14px;
	width:493px;
	padding-bottom:10px;
	}

#contenfeature{
	margin-left:12px;
	width:513px;
	padding-bottom:10px;
	padding-top:14px;
	}
	
#footertag{
	margin-top:14px;
	font-size:10px;
	color:#60D4D5;
	margin-left:310px;
	}

#footertag a{
	font-size:10px;
	color:#60D4D5;
	}	
	
#footertag a:hover{
	font-size:10px;
	color:#E4CBE4;
	}		
	
#footer{
	clear:both;
	width:770px;
	height:35px;
	margin:0;
	overflow:hidden;
	}	
	
.altmenu {
	padding:10px;
	color: #69326A;
	background-color: #E4CBE4;
	width: 90%;
	margin:0px auto;
	text-align:center;
	line-height:18px;
	text-transform:uppercase;
	}	
	
.altmenu a {
	color: #69326A; 
	text-decoration:none; 
	}
	
.altmenu a:hover {
	color: #000000;
	text-decoration:underline;
	}		
	
/* subsubs */	

#subcontainer{
	margin:0;
	padding:0;
	background: url(images/subsub_bg.jpg) repeat-y top left;
	}

#subsubcontent{
	padding:0 0 0 0;
	margin:0;
	background: url(images/subsub_content_bg.gif) no-repeat top left;
	vertical-align:top;
	}	
	
#subsubcontencopy{
	margin-left:230px;
	margin-top:10px;
	width:452px;
	}
	
#subsubfeature{
	margin-left:180px;
	margin-top:10px;
	width:515px;
	}		

	
	
/* formatting */

	.marg{
	margin:0 0 12px 12px;
	float:right
	}
	
	#addpadd{
	padding:12px;
	}
	
	.tall{
	height:275px;
	}
	
	.see{
	font-weight:bold;
	color:#69326A;
	line-height:18px;
	}
	
	.top{
	vertical-align:top;
	}	

	.centered{
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	}

	h1{
	color:#FFFFFF;
	font-family: 'NewsGothicStdMedium', Verdana, Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:normal;
	}	

	h2{
	color:#69326A;
	font-family: 'NewsGothicStdMedium', Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	}
	
	h3{
	color:#69326A;
	font-family: 'NewsGothicStdMedium', Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	}
	
	h4{
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	}
	
	h5{
	color:#69326A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:0px;
	}
	
	
	input, select, textarea{
	background-color:#FFF; 
	color:#333; 
	margin:0; 
	padding:0; 
	border:1px solid #000;
	}
	
	li {
	font-family: Verdana, Arial, Helvetica, sans-serif, "Futura Book";
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	padding-bottom:8px;
	}

	
	#contencopy p, p {
	font-family: Verdana, Arial, Helvetica, sans-serif, "Futura Book";
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	}
	
	#subsubcontencopy p{
	font-family: Verdana, Arial, Helvetica, sans-serif, "Futura Book";
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	}
	
	#subsubcontencopy td{
	font-family: Verdana, Arial, Helvetica, sans-serif, "Futura Book";
	font-size: 13px;
	line-height: 20px;
	color: #000000;
	}
	
	#contencopy td{
	font-family: Verdana, Arial, Helvetica, sans-serif, "Futura Book";
	font-size: 13px;
	line-height: 20px;
	color: #000000;
	}
	
	a img{
	border:0; 
	text-decoration:none; }
	
	a {
	color: #7A419A; 
	text-decoration:none; 
	}
	
	a:hover {
	color: #A21627;
	text-decoration:underline;
	}
	
	.images{
	padding:0;
	border:none;
	}
	
	.border{
	border:1px solid #FFF;
	}
	
	.noborder{
	border:0px solid #000;
	}
	.img-right{float:right;
	margin-left:5px;}
	
	
	.inset{
	margin:0 15px 0 5px;
	padding:15px 0 0 0;
	float:right;
	width:200px;
	text-align:center;
	}
	
	.inset2{
	margin:0px;
	padding:0;
	width:230px;
	text-align:right;
	}
	
	.pics{
	float:right;
	padding:0 0 10px 10px;
	}
	
	
	img{border:0;}
	
	
/* formatting */

/*  swfobject  */

	#headerflash{
	width:770px;
	height:390px;
	}
	
	#homeflash{
	margin-top:0px;
	width:770px;
	height:840px;
	}
	

/*  end swfobject  */		


/* ortho features */

	#bafeature{
	height:306px; 
	width:510px;}
	
	#problemsfeature{
	margin-left:auto;
	margin-right:auto;
	width:510px; 
	height:250px; 
	}
	
	#typesfeature{
	margin-left:auto;
	margin-right:auto;
	height:306px; 
	width:510px;
	}
	
	#hygienefeature{
	margin-left:auto;
	margin-right:auto;
	width:510px; 
	height:380px; 
	}
	
	#plannerfeature{
	height:382px;
	width:480px;
	margin-left:auto;
	margin-right:auto;
	}
	
	#emergencyfeature{
	width:510px;
	height:250px; 
	margin-left:auto;
	margin-right:auto;
	}
	
	#developfeature{
	width:450px;
	height:400px;
	text-align:center;	 
	margin-left:auto;
	margin-right:auto;
	}
	
/* end ortho features */




/*  sIFR tags  

.sIFR-flash {
	visibility: visible !important; margin: 0;}
	
.sIFR-replaced {
	visibility: visible !important;}
	
span.sIFR-alternate {
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 0; 
	height: 0; 
	display: block; 
	overflow: hidden; }
	
.sIFR-hasFlash h1 {
	visibility: hidden; 
	color: #FFFFFF; 
	font-size:30px;
	width:493px;
	margin-bottom:16px;
	}
	
.sIFR-hasFlash h2 {
	visibility: hidden; 
	color: #69326A; 
	font-size:20px; 
	width: 220px;
	margin-bottom:-8px;
	margin-top:16px;
	}	
	
.sIFR-hasFlash h3 {
	visibility: hidden; 
	color: #69326A; 
	font-size:20px; 
	width: 493px;
	margin-bottom:-8px;
	margin-top:16px;
	}	

  end  sIFR  */

/*  fun links  */

	#funlinks{
	background-color:#0C7598;  
	pdding:12px 12px 12px 12px;
	}
	
	#funlinks td{
	background-color:#78CFEC; 
	pdding:12px 12px 12px 12px;
	}
	
/*  end fun links  */	

/*  FAQ Formatting  */

	#faq a {
	text-decoration:underline; 
	color:#44AFF3; 
	font-weight:bold; 
	font-size:13px;
	line-height:17px;
	}

	#faq a:hover {
	text-decoration:none; 
	color:#ABDBF9;
	}

	#faq li a {
	display:block;
	padding-bottom:9px;
	}

	.faqAnswer {
	width:85%; 
	background-color:#70CCF8; 
	border:1px solid #40ADF2; 
	padding:12px 12px 12px 16px; 
	color:#002D4C; 
	margin-bottom:15px; 
	margin-top:-5px; 
	font-size:12px; 
	}

/*  end FAQ Formatting  */

/*  feedback */

.feedback{
	background-color:#A672A6;  
	pdding:12px 12px 12px 12px;
	color:#000000;
	}
	
.feedback td{
	background-color:#E4CBE4;  
	pdding:12px 12px 12px 12px;
	color:#002D4C;
	
	}	
	
	
/*  end feedback */	

/* office tour */
#slideshow-container ul.slideshow {
	list-style: none; 
	width: 460px; 
	height: 350px;
	margin: 0; 
	padding: 0;
	}
#slideshow-container {
	background: #F1E6F1; /* Customize me */
	border: solid 1px #59305F; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px; /* Optional - you may customize or remove */
	width: 460px; 
	padding: 10px;
	line-height: 18px;
	}
#slideshow-container div#caption {
	min-height: 18px;
	clear: both;
	background-color: #fff; /* Customize me */
	color: #333; /* Customize me */
	padding: 10px;
	margin: 10px 0 0 0;
	border: solid 1px #59305F; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px;
	}
#slideshow-container ul.slideshow img {
	width: 460px; 
	height: 350px;
	margin: 0;
	}
.office-tour-nav {
	background-color: #fff; /* Customize me */
	margin: 0 0 10px 0;
	padding: 5px 3px;
	border: solid 1px #59305F; /* 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 {
	text-decoration: none; 
	font-size: 12px; 
	padding: 5px; 
	margin: 0 3px; 
	color: #333;}
.office-tour-nav a.activeSlide, .office-tour-nav a:hover {color: #009EC7;}

a {margin-top: 0px;}
object { margin:-14px 0 0 0; padding:0}


/*-----------------------------------------------
	Forms 
	*/
	/* Global form styles */
	div.referral-form, div.appointment-form, div.comments {
		width: 100%;
		margin-top: 18px;	
		letter-spacing: normal;
	}
	
	fieldset {border: 0; padding: 9px 0;margin: 0 18px;}
		fieldset h2 {margin: 0 0 9px;}
		fieldset p {margin: 0 0 18px;}
		fieldset p.disclaimer {font-size: 90%; font-style: italic; margin: 0;}
		fieldset dl {}
			fieldset dl dt {font-size: 16px; clear: both; margin: 9px 0 0;}
				fieldset dd ul {margin: 9px 0;}
					fieldset dd ul li, fieldset dd ol li {list-style: none;}
					fieldset dd li {
						clear: both; 
						margin: 3px 0; 
						padding: 5px 0 4px 10%;  
						overflow: auto; 
						height: auto;
						position: relative;
						}
					fieldset dd li input:hover, fieldset dd li input:focus,
					 fieldset dd li select:hover, fieldset dd li select:focus, 
					 fieldset dd li textarea:hover, fieldset dd li textarea:focus {
					 	background: #f1f1f1;/* customize me - this is the hover color change of form fields*/
					 	outline-color: #537197;/* customize me */
					 	}
						fieldset li h3 {font-size: 12px; color:#000; font-family:Verdana, Geneva, sans-serif line-height: 18px; margin: 0;}
						fieldset li div {float: left; display: inline-block; width: 40%; position: relative; padding-right: 5%;}
						fieldset li div.input-street {width: 85%;}
						fieldset li div.input-city {width: 60%;}
						fieldset li div.input-full-name {width: 85%;}
						fieldset li div.input-phone-full {width: 85%;}
						fieldset li div.input-email {width: 85%;}
						fieldset li div.input-zip {width: 20%;}
						fieldset li div.content-switch, fieldset li div.radio, fieldset li div.checkbox {width: 85%;}
							fieldset li div.radio input {border: none;}
							fieldset li div.radio label {padding-right: 9px; font-size: 90%;}
						/*fieldset li div.hidden-content, fieldset li.hidden-content {display: none;}*/
						fieldset li div.input-select-full {width: 85%;}
						fieldset li div.input-comments {width: 85%;}
							li div.input-comments textarea {height: 63px; overflow: auto;}
						fieldset li div.input-captcha {width: 50%;}
						fieldset li div.verification {width: 35%;}
							li div.verification img {
								border: 1px solid; 
								margin-top: 9px;
								-moz-border-radius: 4px; /*for Moz, optional*/
								-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
								}
							fieldset li div label {
								line-height: 18px; 
								font-weight: bold; 
								margin-bottom: 9px;
								font-size: 80%; 
								color: #000;/*override to match site*/
								}
							fieldset li div input, fieldset li div textarea, fieldset li div select {
								display: block; 
								line-height: 18px; 
								width: 100%;
								border: 1px solid;
								padding: 4px 0 3px;
								text-indent: 4px;
								margin-top: 9px;
								-moz-border-radius: 4px; /*for Moz, optional*/
								-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
								}
							fieldset li div select {height: 25px;}	
							fieldset li div.radio input {display: inline; width: auto; margin-right: 4px;}
							fieldset li div div {width: 100%;}
						fieldset dl dd.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*/
							display: block;
							width: 125px;
							height: 34px;
							text-align: center;
							margin: 0;
							background:#eed3ef;/* customize me! */
							border: 1px solid #7f419e;
							line-height: 34px;
							color:#7f419e;/* customize me! */
							font-size:12px;
							font-weight:bold;
							-moz-border-radius: 4px; /*for Moz, optional*/
							-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
							}
							
					
	/* appointment form 
	* Styles only for the appointment request form
	*/	

	
	/* comment form 
	* Styles only for the comments form
	*/
	/*numbering added by jQuery*/
	fieldset ol li span.comment-number {
		font-size: 150%;
		color: #000;/* customize me*/
		position: absolute;
		left: 9px;
		top: 9px;
	}
		
	
	/* referral form 
	* Styles only for the referral form
	*/	
	.referral-form fieldset li div.radio {width: 40%;}
	
	/* JQuery */
	input.error, select.error, textarea.error {border-color: #a52003; background: #fefda1;}
	div.error {
		background: url(../images/validate_error.gif) 0 0 no-repeat; 
		color: #a52003; 
		width: 18px; 
		height: 18px; 
		position: absolute; 
		top: 0; 
		right: 0; 
		overflow: hidden; 
		display: block; 
		margin: 12px -2% 0 0; 
		text-indent: -999em;}
	div.success {
		background: url(../images/validate_ok.gif) 0 0 no-repeat; 
		width: 18px; 
		height: 18px; 
		position: absolute; 
		top: 0; 
		right: 0; 
		overflow: hidden; 
		display: block; 
		margin: 12px -2% 0 0; 
		text-indent: -999em;}

	.contact-form div.error, .contact-form div.success {margin-left: 0;}
	
	
	#keaney{display:block;width:110px;height:140px; position:absolute;top:-160px;left:176px;background:url(images/clear.png);}
	#light{display:block;width:110px;height:140px; position:absolute;top:-145px;left:330px;background:url(images/clear.png);}
	#kogod{display:block;width:110px;height:140px; position:absolute;top:-160px;left:484px;background:url(images/clear.png);}      
	
#bbadge-container {
	position:relative;  
} 
#bbadge {
	position:absolute;
	top: -225px;
	left:60px;
	z-index:100;
}