*{margin: 0; padding: 0;}
body {
	font: 12px/18px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	color: #000;
	background: #ffffff url(../images/body-bg.jpg) 50% 0 repeat-x;*/
	text-align: center;
}
* .replaced {overflow: hidden; text-indent: -999em; background-repeat: no-repeat;}

/*-----------------------------------------
Typography Everything set to 18px baseline
|grid. use increments of 18px for images, 
logos etc to maintain this grid
-----------------------------------------*/

/* edit.com visible styles */
body, td, .NormalText { text-decoration: none; font-weight: normal; font-style: normal; font-size: 12px; line-height: 18px; font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, Geneva, Verdana, sans-serif; color: #000; }

.Title		{ color: #000040; font-size: 19px; font-weight: bold; line-height: 24px; font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, Geneva, Verdana, sans-serif; }
.Header		{ color: #06507E; font-size: 16px; font-weight: bold; line-height: 18px; font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, Geneva, Verdana, sans-serif; font-style: italic; }
.Subheader	{ color: #402C0B; font-size: 15px; font-weight: bold; line-height: 18px; font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, Geneva, Verdana, sans-serif; font-style: italic; }
.BlueSubheader { color: #0A80CA; font-size: 14px; font-weight: bold; line-height: 18px; font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, Geneva, Verdana, sans-serif; font-style: italic; }

.LightBlue	{ color: #0A80CA; }
.Blue		{ color: #06507E; }
.Brown		{ color: #402C0B; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }

.SmallText	{ font-size: 10px; }
.MediumText	{ font-size: 16px; line-height: 1em; }
.LargeText	{ font-size: 24px; line-height: 1em; }

IMG.FloatLeft 	{ float: left; margin: 0 10px 10px 0; }
IMG.FloatRight 	{ float: right; margin: 0 0 10px 10px; }

/*-----------------------
LINKS 
-----------------------*/
a {cursor:pointer; outline: none;}
a, a:link, a:visited {text-decoration: underline; color: #0a81ca; font-weight: normal;}
a:hover, a:active  {text-decoration: none; color:#3290c9;}
#footer p a:link {color: #fff;}
#footer p a:visited {color: #666666;}
#sidebar a, #footer p.sesame-link a {color: #ffaf28;}
#sidebar a:hover, .sesame-link a:hover {color: #ffc35c;}
/* displays icons next to PDF and WORD docs */
a.pdf, a.movie-link, a.pdf span, a.movie-link span {padding: 4px 18px 5px 0;}
.pdf span { 
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	background: url(../images/icons.gif) 0 -144px no-repeat;}
.video-link span {
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	background: url(../images/icons.gif) 0 -180px no-repeat;}


#logo a {display: block; width: 397px; height: 198px;}

/*------------------------
Headings
------------------------*/
h1, h2, h3, h4, h5, h6, dt {font-weight: normal; font-style: oblique;}
h1.sifr {font-size: 24px; color: #000040; line-height: 27px; padding: 18px 0 18px; text-align: left; margin: 0 0 9px -3px; font-weight: bold; width: 630px; 
position: relative; background: url(../images/title-border.jpg) 50% 100% no-repeat;}
h1.sifr embed {vertical-align: middle;}
body.interior h1.sifr {width: 275px;}
h1#logo {
	margin: 0;
	padding: 36px;
	width: 397px;
	height: 198px;
}
h2 {
	font-size: 16px;
	line-height: 18px;
	margin: 18px 0 18px;
	font-weight: bold;
	color: #06507e;
}
h2 span {font-size: 14px; font-weight: normal; color: #0a80ca;}
h2.intro {font-weight: normal; color: #402c0b; margin-bottom: 36px;}
h3.outro {font-size: 12px; font-weight: 400; font-style: oblique; color: #000040; margin-bottom: 36px; }
ul#callouts h2 {font-style: oblique; padding-bottom: 18px; background: url(../images/callout-hr.jpg) 0 100% no-repeat; margin-bottom: 9px;}
h3 {
	color: #402c0b;
	font-weight: bold;
	font-size: 15px;
	line-height: 18px;
	margin: 9px 0 9px;
	}
h4 {
	color: #402c0b
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	margin: 18px 0 0 0;
}
h5 {
	font-size: 12px;
	line-height: 18px;
	margin: 18px 0;
}

* .replaced {overflow: hidden; text-indent: -999em; background-repeat: no-repeat; }
/*-------------------------
LISTS 
-------------------------*/
ol, ul, dl {
	list-style: none;
	margin: 0px 0 36px;
}
dl {margin: 0 0 18px; text-align: left;}
dl.indent {margin: 9px 18px 27px;}
dt {
	font-size: 16px;
	line-height: 18px;
	margin: 18px 0 18px;
	color: #06507e;
	font-weight: bold;
}
dt span {color: #0a80ca; font-size: 14px;}
dl dl dt {
	font-size: 15px;
	color: #402c0b;
	font-weight: 400;
	margin: 18px 0 0;
	
}
dt em {color: #cccccc; font-weight: normal;}
dd {margin: 0 0 18px;}
dd ul, dd ol, dd li, dd li {margin: 9px 0 9px 0;}


ol {list-style: decimal outside; margin-left: 18px;}
ol ol {margin: 0 0 18px;}
ol li {margin-left: 18px;}
li {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 0;}
li {line-height: 18px; margin-bottom: 3px;}
li > p {margin-bottom: 18px;}

ul.bullet, ul.sitemap-list {
	list-style: none;
	display: block;
	margin-left: 18px;
}
ul.bullet li {padding-left:18px; background: url(../images/bullet.jpg) 0 0 no-repeat}
ul.bullet ul {margin: 0 0 9px 0;}
ul.bullet ul li {padding-left: 18px; background: url(../images/bullet.jpg) 0 0 no-repeat; margin-left: 9px;}

ul.sitemap-list li {margin: 18px 0 0 18px; font-weight: bold; font-size: 14px;}
ul.sitemap-list li a {font-weight: bold;}
ul.sitemap-list ul {margin: 0 0 18px 0;}
ul.sitemap-list li li {margin: 0 0 0 9px; padding-left: 18px; background: url(../images/bullet.jpg) 0 0 no-repeat;}
ul.sitemap-list li li a {font-weight: normal; font-size: 12px;}

ul#callouts {width: 630px; margin: 18px 0; display: block;}
ul#callouts li {float: left; display: block; margin: 0;}
ul#callouts li.mission-box {width: 57%;}
ul#callouts li.consult-box {width: 43%;}
ul#callouts li.mission-box * {margin-right: 54px;}
ul#callouts li.consult-box p {margin-right: 18px;}

/*--Used with jQuery to style bullet and text separately*/
ol.js {list-style: decimal outside; margin-left: 9px; font: bold italic 18px Georgia;}
ol.js li span {font: normal normal 12px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;}
/*--end */
ol.alpha {list-style: upper-alpha outside;}
ol.numeric {list-style: decimal outside;}

#sidebar dl {
	margin: 0 36px 36px;
	color: #ffffff;
}
#sidebar dt {
	color: #ffffff;
	margin: 0;
	padding-bottom: 18px;
	background: url(../images/sidebar-hr.png) 50% 100% no-repeat;
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
}
#sidebar dd {margin: 0 0 9px;}
#sidebar dd ul {margin: 0;}
#sidebar dd li {margin: 0;}

#footer dl {margin: 9px 0 0 513px;}
#footer dt {font-size: 14px; color: #ffaf28; font-style: normal; margin: 0;}
#footer dd {margin: 0;}

li.ico-location {padding-left: 18px; background: url(../images/icons.gif) 0 0 no-repeat;}
li.ico-comments {padding-left: 18px; background: url(../images/icons.gif) 0 -36px no-repeat;}
li.ico-refer {padding-left: 18px; background: url(../images/icons.gif) 0 -72px no-repeat;}
li.ico-appointment {padding-left: 18px; background: url(../images/icons.gif) 0 -108px no-repeat;}

#sidebar dd.phone {text-align: center; font-size: 16px; font-weight: normal; color: #0a81ca; padding-top: 9px;}
#sidebar dd.callout-hhf {margin-top: 45px;}

dl.media {
	width: 315px;
	float: right;
	margin: 0px 0 36px 18px;
	padding-bottom: 18px;
	background: url(../images/callout-hr.jpg) 50% 100% no-repeat;
}
dl.media dt {
	padding-bottom: 18px;
	margin: 0 18px;
	background: url(../images/callout-hr.jpg) 50% 100% no-repeat;
}

dl.media dd {padding: 0px; margin: 9px 18px 0;}
dl.media dd.foot {padding-top: 18px; background: url(../images/callout-hr.jpg) 50% 0 no-repeat;}
dl.media ul {margin: 0;}
dl.media li {line-height: 18px; }

ul#doctor-list {
	width: 630px;
	margin: 9px 0 27px;
}
ul#doctor-list li {
	width: 50%;
	float: left;
}

dl#subnav-box dt {margin: 0;}
dl#subnav-box li {padding-left: 18px; background: url(../images/bullet.jpg) 0 50% no-repeat;}
/*-------------------------- 
PARAGRAPHS
-------------------------*/
p {
	font-size: 12px;
	line-height: 18px;
	margin: 9px 0 27px 0;
}
* .top-link {text-align: right; clear: both; }
#footer p {color: #ffaf28; font-size: 10px; width: 423px; float: left; text-align: left;}
#footer dl p {float: none; width: auto; color: #fff; margin: 0 0 18px 0; font-size: 12px;}
/*--------------------------
TEXT 
-------------------------*/
* .center {text-align: center;}
* .right {text-align: right;}
strong, b {	font-weight: bold;}
em {font-style:italic;}
sup, sub {font-size: 90%; line-height: 18px; vertical-align: middle;}
q:before, q:after {/* remove quotes since IE doesn't understand :( */
    content: ""; }
q {font-style: oblique;}
q.js span {font: 18px Georgia; line-height: 18px; vertical-align: middle;}
hr {display: none; clear: both;}
div.hr {height: 9px; margin: 9px 0 9px; clear: both; background: url(../images/title-border.jpg) no-repeat;}
em.highlight {color: #402c0a; font-weight: 400;}
#sidebar div.hr {width: 180px; border: none; margin: 9px 0 0; background: url(../images/sidebar-hr.png) no-repeat;}
li blockuote {margin: 0; padding: 0; display: inline;}
blockquote {margin: 18px 0; padding-left: 72px; background: url(../images/quote.jpg) 0 0 no-repeat;}
blockquote p {margin: 0; padding-left: 15px;}
blockquote span {margin-left: 18px; display: block;}
* .map {
	width: 594px; 
	height: 344px; 
	border: 3px solid; 
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	overflow: hidden; 
	display: block; 
	margin: 18px 0; 
	padding: 9px;
}

/*----------------------------- 
Shortcuts	
-----------------------------*/
/* Image Replacement -- add class="replace" to root element, i.e. <p> and add a bg image*/
* .replace {letter-spacing : -1000em;line-height: 0;overflow: hidden;line-height: 0;text-indent: -999em;}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .replace {letter-spacing : normal;text-indent : -999em;overflow : hidden;}
/* End of hack */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;
			 line-height: 0;height: 0;}
* .clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
* .hide {display: none;}
/*--------------------------------- 
Flash
---------------------------------*/
* #flash-home {width: 468px; height: 280px; position: absolute; top: 0; right: 36px; z-index: 100;}
.flash-replaced .alt {/*JQUERY STYLE - sets size of container to 0 to hide alternative content*/
	display: block;height: 0px;position: absolute;overflow: hidden;width: 0px;}
* .module {margin: 18px auto; text-align: center;}/* global margins for all flash mods */

/*--------------------------------- 
Images
---------------------------------*/
img {display: block; border: 0;outline: 0;}
* .img {
	margin: 9px 18px 27px 0;	
}
* .img-left {
	position: relative;
	float: left;
	margin: 9px 18px 27px 0;	
}
* .img-right {
	position: relative;
	float: right;
	margin: 0 0 36px 18px;
	padding: 9px;
	clear: right;
}
* .img-center {margin: 18px auto; text-align: center;}
a.jcir.logo {
	display: block;	
}
a.jcir.logo:hover {background-position: 0 -55px;}

* .photo-frame {
	text-align: center;
	margin: 0 34px;
}
.photo-frame img {
	margin: 0 auto;
	text-align: center;
}
.photo-frame .caption {
	display: block;
	width: 225px;
	margin: 0 auto;
	text-align: center;
	line-height: 36px;
}
.preview img {display: inline; text-align: center;}
* #preview{
	position:absolute;
	z-index: 999;
	border:1px solid #000040;
	display:none;
	color:#fff;
	}
/*---------------------------
Layout
---------------------------*/
* #container {
	width: 1053px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 45px;
	background: url(../images/container-bg.jpg) 50% 0 no-repeat;
	}
* #header {
	height: 297px;
	position: relative;
}
* #content {
	width: 981px;
	margin: 0 36px;
}
* #content-body {
	margin: 0 315px 0 36px;
	min-height: 522px;
	text-align: left;
}
* .col {width: 50%; float: left;}
* #sidebar {
	z-index: 100;
	width: 251px;
	min-height: 522px;
	position: absolute;
	right: 36px;
	padding-top: 36px;
	margin-top: -18px;
	background: url(../images/sidebar-bg.jpg) 50% 0 no-repeat;
}
* #footer {
	padding: 18px 0;
	background: #085c9f url(../images/footer-bg.jpg) 50% 0 repeat-x;
}
* #footer-content {
	margin: 0px auto;
	width: 949px;
}
* #logins {
	width: 261px;
	height: 36px;
	position: absolute;
	top: 0;
	left: 36px;	
	text-align: left;
}
#logins li {display: inline;}
#logins a#patient-login, #logins a#doctor-login {
	height: 36px; 
	display: block; 
	float: left; 
	background-image: url(../images/nav.png); 
	overflow: hidden; 
	text-indent: -999em;}

* #nav, #nav ul {
	width: 738px;
	margin: 0;
	padding: 0;
}
* #nav {
	position: absolute;
	top: 234px;
	left: 0;
	margin-left: 36px;
	text-align: left;
	z-index: 999;
}
#nav li {float: left; display: inline;}
#nav ul a {
	display: block; 
	height: 63px;
	background-image: url(../images/nav.png);
}
#nav ul ul {
	
	display: block;
	width: 207px;
	padding: 9px 0;
	background: rgba(8,93,160,0.9);
	border: 1px solid #042f72;
	border-width: 0 1px 1px;
	-moz-border-radius: 0 0 9px 9px;
	-webkit-border-bottom-left-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;
	position: absolute;
	z-index: 999;
	left: -999em;
	margin: -18px 0 0;
}
#nav ul ul li {display: inline; float: none; margin: 0;}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
#nav ul li ul a {
	height: auto;
	float: none;
	background: none;
	padding: 0 9px 0 18px;
	line-height: 27px;
	color: #ffffff;
	text-decoration: none;
}
#nav ul li ul a:hover, #nav ul li ul li.active a {
	color: #ffaf28;
	background: url(../images/subnav-bullet.gif) 9px 50% no-repeat;
}

/*-------------------------------
Image Replacement
-------------------------------*/

/*--//Top Nav */
* #patient-login {width: 133px; background-position: 0 -136px;}
#patient-login:hover, li.active #patient-login {background-position: 0 -182px;}
* #doctor-login {width: 128px; background-position: -133px -136px;}
#doctor-login:hover, li.active #doctor-login {background-position: -133px -182px;}

/*--//Main Nav */
* #home, * #about-us, * #about-orthodontics, * #faq, * #about-braces, * #treatments, * #invisalign {text-indent: -999em;	overflow: hidden;}
* #home {width: 72px; background-position: 0 0;}
#nav li:hover #home, #nav li.fhover #home, #nav li.active #home {background-position: 0 -72px;}
* #about-us {width: 93px; background-position: -72px 0;} 
#nav li:hover #about-us, #nav li.sfhover #about-us, #nav li.active #about-us {background-position: -72px -72px;}
* #about-orthodontics {width: 167px; background-position: -165px 0;}
#nav li:hover #about-orthodontics, #nav li.sfhover #about-orthodontics, #nav li.active #about-orthodontics {background-position: -165px -72px;}
* #faq {width: 59px; background-position: -332px 0;}
#nav li:hover #faq, #nav li.sfhover #faq, #nav li.active #faq {background-position: -332px -72px;}
* #about-braces {width: 122px; background-position: -391px 0;}
#nav li:hover #about-braces, #nav li.sfhover #about-braces, #nav li.active #about-braces {background-position: -391px -72px;}
* #treatments {width: 108px; background-position: -513px 0;}
#nav li:hover #treatments, #nav li.sfhover #treatments, #nav li.active #treatments {background-position: -513px -72px;}
* #invisalign {width: 117px; background-position: -621px 0;}
#nav li:hover #invislaign, #nav li.sfhover #invisalign, #nav li.active #invisalign {background-position: -621px -72px;}



/*-------------------------------
Slide show globals
-------------------------------*/
div.slideshow-wrapper {position: relative; margin-top: 18px;}
div.slideshow-wrapper .shadow-box {display: none; background: url(../images/slideshow-bottom-shadow.png) no-repeat;
								   width: 486px; height: 18px; position: absolute; top: 100%; z-index: 10; margin-top: -17px;}
div.slideshow-wrapper.jq .shadow-box {display: block;}
div.slideshow-wrapper.jq, div.slideshow-wrapper.jq .slideshow {width: 484px; height: 325px;}
div.slideshow-wrapper.jq .slideshow {background: #acb89b; border: 1px solid;}
* .controls {display: none; width: 198px; height: 36px; margin: 0; position: absolute; right: 0; margin: -36px -2px 0 0;}
.controls li {display: inline; margin: 0;}
.controls a {display: block; float: left; height: 36px; overflow: hidden; text-indent: -999em;
			 background: url(../images/controls.jpg) no-repeat;}
div.caption {display: none; margin: 0 0 36px; width: 486px; height: 54px; position: relative; background: url(../images/caption-bg.jpg) 50% 0 no-repeat;}
div.caption.jq {display: block;}
div.caption h2 {display: none; margin: 0; padding: 0; line-height: 54px; text-align: center; color: #afd1d8;}
/*-------------------------------
Office Tour

  The class "jq" is added to the 
  slideshow div by the office tour 
  jquery function. This means the 
  office tour will degrade to a 
  standard list of images when jq 
  is not present; Javascript 
  is disabled.
--------------------------------*/
a#tour-prev {width: 99px; background-position: 0 -45px;}
a#tour-prev:hover {background-position: -99px -45px;}
a#tour-next {width: 99px; background-position: 0 0;}
a#tour-next:hover {background-position: -99px 0;}
.fancy-tour{background:url(../video/office-tour.jpg) no-repeat 10px 10px #FFF; width:400px; height:301px; display:block; margin:10px; padding:10px; border:#CCC 2px solid }
.fancy-practice {float:right; margin:10px; padding:10px; border:#CCC 2px solid}
.fancy-practice img {width:280px; height:172px; display:block; }

/*---------------------------
Sesame Forms
---------------------------*/

/* Global form styles */
div.referral-form, div.appointment-form, div.comments, div.login-form {
	width: 600px;
	margin-top: 18px;	
	letter-spacing: normal;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

fieldset {border: 0; padding: 9px 0;margin: 0 18px;}
fieldset div {clear: both; padding-bottom: 9px;}
* .form-header {border-bottom: 1px solid #0a81cb;/*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 #0a81cb;/*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:34px;
	background:#0a81cb;/* customize me! */
	border: 1px solid #042a6c;
	text-align:center;
	line-height:34px;
	color:#ffffff;/* customize me! */
	font-size:12px;
	font-weight:bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
fieldset input, fieldset textarea, fieldset select {
	_height: 27px;
	line-height: 18px;
	display: block; 
	padding: 4px 9px 5px 9px; 
	border: 1px solid #0a81cb; 	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: inline-block;
}
fieldset textarea {height: 144px; overflow: auto;}
fieldset select option {padding-left: 9px; line-height: 18px;}
fieldset input.radio {border: 0;}
fieldset p.verification img {border: 1px solid #0a81cb;}
fieldset label {margin-top: 9px; margin-bottom: 9px; font-size: 12px; font-weight: bold; line-height: 18px; letter-spacing: normal;}
fieldset label, label span {text-align: left; line-height: 18px; height: 18px;}
label.required {background: url(../images/required_note.gif) 100% 0 no-repeat;}
p.required-note {font-weight: bold;}
p.required-note img {display: inline;}
p.radio-float, p.radio-float input, p.radio input {line-height: 18px; vertical-align: middle; border: none; background: none; }



/* appointment form */
* .appointment-form {
	margin: 18px 0;
	padding: 9px;
}
.appointment-form fieldset {border: 0; }
.appointment-form label {/*floats labels left*/
	display:block;
	width:45%;
	float:left;
	clear: left;
	margin-top: 9px;
	line-height: 18px;
	}
.appointment-form label span {/*sits below labels; holds instructions*/
	color:#402c0a;
	display:block;
	font-size:11px;
	font-weight:normal;
	width:100%;}
.appointment-form input, .appointment-form select, .appointment-form textarea {
	float:left;
	font-size:12px;
	width:48%;
	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%;
	vertical-align: middle;
	line-height: 18px;}
.appointment-form span#found-other {display: block; clear: both; width: 100%;}
.appointment-form span#found-other input {margin-left: 47%; _width: 90%; background: #fff0b2; display: block; float: none;}
.appointment-form p.verification {margin-top: 0;}
.appointment-form p.radio input, .appointment-form p.radio-float input {
	float: none;
	width: auto;
	margin: 0 0 0 2%;
	padding: 4px 2px;
	display: inline;
}

/* comment form */	
div.comments {
	margin: 18px 0;
	padding: 10px;
}
.comments li {margin-left: 18px; font-weight: bold;}
.comments label {/*floats labels left*/
	display:block;
	font-weight:bold;
	width:45%;
	float:left;
	padding-left: 18px;}
.comments li label {padding-left: 0;}
.comments label span {/*sits below labels; holds instructions*/
	color:#402c0a;
	display:block;
	font-size:11px;
	font-weight:normal;
	width:100%;}
.comments .label-block label {float: none; clear: both; width: 100%; text-align: left;}
.comments input, .comments textarea {
	float:left;
	font-size:12px;
	width:45%;
	margin:9px 0 9px 2%;
	background: #ffffff;}
.comments textarea {width: 95%;}
.comments p.verification {
	clear: both;
	margin: 9px 0 9px 47%;
	font-size: 12px;}
.comments p.radio-float {
	clear: none;
	float:left;
	width: 45%;
	padding:0;
	margin:9px 0 9px 0;
	vertical-align: middle;
	line-height: 18px;}
.comments p.verification {margin-top: 0;}
.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 */
div.referral-form {
	margin: 18px 0;
	padding: 10px;
}
.referral-form fieldset {border: 0; }
.referral-form label {/*floats labels left*/
	display:block;
	font-weight:bold;
	width:45%;
	float:left;
	line-height: 18px;}
.referral-form label span {/*sits below labels; holds instructions*/
	color:#402c0a;
	display:block;
	font-size:11px;
	font-weight:normal;
	width:100%;}
.referral-form input, .referral-form textarea {
	float:left;
	font-size:12px;
	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.radio input, .referral-form p.radio-float input {
	float: none;
	width: auto;
	margin: 0;
	vertical-align: middle;
	line-height: 18px;
	height: 18px;
}
/* Mini-Contact Form */
* .contact-form {
	margin: 0 auto;	
	width: 216px; 
	padding: 9px;
	border:solid 2px #06507e;/*optional, change color to match site*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.contact-form fieldset {border: 0; padding: 9px 0;}
.contact-form label {display: none;}
.contact-form input, .contact-form textarea {
	font: normal 12px/18px Verdana, sans-serif;
	width:90%;
	margin:9px auto;
	background: #ffffff;}

/* Errors */

/* JQuery */
input.error, select.error, textarea.error {border-color: #a52003; background: #fefda1; }
div.error {padding-left: 18px; background: url(../images/validate_error.jpg) 0 0 no-repeat; color: #a52003; 
		 display: block; margin:0 0 9px 47%; font-size: 11px; font-weight: normal; line-height: 18px;}
div.success {padding-left: 18px; background: url(../images/validate_ok.jpg) 0 0 no-repeat; color: #000000; 
		   display: block;margin:0 0 9px 47%;font-size: 11px; font-weight: normal; line-height: 18px;}
.contact-form div.error, .contact-form div.success {margin-left: 0;}
/*-------------------------------
SESAME CONTENT
-------------------------------*/
div#sesame-game {
background: #000;
line-height: 0;
margin: 18px auto;
text-align: center;
width: 400px}

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

ul#sesame-games li {
clear: both;
display: block;
margin-left:0px;}

ul#sesame-games img {
border: 0;
margin: 0 0 18px 18px;
float: right;}

ul#sesame-games a.button {
float:right;
height:85px;
width:200px}

ul#sesame-games p {
padding-bottom: 18px}

* .left {
float:left;
margin:0 9px 18px 0;}
img.right {
float:right;
margin:0 0 18px 9px;}
* .clear {
clear:both;}
* #damon-bracket {
display:block;
margin:0 auto 18px auto;}
* #damon-wrap {
width:400px;
margin:0 auto;}
* #damon-left {
float:left;
width:175px;
margin-right:18px;}
* #damon-right {
float:left;
width:170px;}
* #flashthe--damon-system-comparison {
margin:0 auto;
width:250px;}
* #video-the-damon-system {
margin: 0 18px 18px 0;
width: 240px;
height: 206px;
float: left;
clear: left;}
* #video-the-damon-system-2 {
margin: 0 18px 18px 0;
width: 400px;
height: 330px;
float: left;
clear: left;}


table.copy td span {
	display: inline;
	width: auto;
	height: auto;
	background: none;
}

ul.doubleSpaced li {
	margin-bottom: 15px;
}

/* Invisalign*/
img.right {
	float: right;
	margin: 0 0 15px 15px;
	}
.right-border {
	border: solid 1px #042f72; /* Customize me!! */
	float: right;
	clear: right;
	margin: 0 0 15px 15px;
	}
.left-border {
	border: solid 1px #042f72; /* 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;
	}
	
	

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: #042f72;
	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;
	}
	
div.invisalign-video img {
	margin: 30px 50px 0;
	float: right;
	}

img.border {
	border: solid 1px #042f72; /* Customize me!! */
	}

	
.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;
	}	
	
	
	/* 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: 0 0 18px 0;
	padding: 10px 0 10px 10px;
	background-color: #042F72; /* 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 */
	}
#invisalign-before-after ul.slideshow {
	list-style: none; 
	margin: 0; 
	padding: 0;
	width: 488px;
	height: 270px;
	overflow: hidden;
	}
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 */
	color: #333; /* 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: #fff; /* Customize me */
	margin: 0 10px 10px 0;
	padding: 5px 3px;
	border: solid 1px #333; /* 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 */
	}
#invisalign-before-after .before-after-nav a {
	text-decoration: none; 
	font-size: 12px; 
	padding: 5px; 
	margin: 0 3px;
	outline: none;
	color: #333; /* Customize me */
	}
#invisalign-before-after .before-after-nav a.activeSlide, #invisalign-before-after .before-after-nav a:hover {color: #009EC7;} /* 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;
	}
#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;}