/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, legend, input, textarea table, caption, tbody, tfoot, thead, tr, th, td, button {margin:0 0 0 0; /* custom */padding:0 0 0 0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;border: 0;}
body {line-height:18px;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a img {border:none;}
.hide {display:none;}
.flash-replaced .alt {display:none;}

/* overrides and hides */


/* fonts */

@font-face {
	font-family: 'FuturaMedium';
	src: url('futura_medium_bt-webfont.eot');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FuturaMedium';
	src: url(//:) format('no404'), url('futura_medium_bt-webfont.woff') format('woff'), url('futura_medium_bt-webfont.ttf') format('truetype'), url('futura_medium_bt-webfont.svg#webfont3FJrVZeS') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* main layout */
body {
	font-family:Calibri, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", sans-serif; /* custom */
	font-size:16px;
	line-height:18px;
	color:#505153;
	background: #636267 url(../images/bg.png) repeat-x;
	text-align: center;
	overflow-x: hidden !important;
}

#container {
	text-align:left;
	margin:0 auto;
	width:1020px; /* custom */
}

#bd, #hd, #ft {
	width:1020px; /* custom */
	position: relative; 
	margin: 0 auto; 
}

#hd {
	background: url(../images/hd.png) no-repeat;
	height:144px; /* custom */
	text-align:left;
}

#hd h1#logo {
	background: url(../images/logo.png) no-repeat;
	width:213px; /* custom */
	height:115px; /* custom */
	margin:0 0 0 -108px; /* custom */
	position:absolute;
	top:6px; /* custom */
	left:50%; /* custom */
}
	
#hd h1#logo a {
	width:213px; /* same as above */
	height:115px; /* same as above */
	display:block;
	text-indent:-999em;
	overflow:hidden;			
}

#hd img.lakewood {
	margin:0 0 0 105px; /* custom */
	position:absolute;
	top:27px; /* custom */
}

#hd img.claremont {
	margin:0 0 0 129px; /* custom */
	position:absolute;
	top:27px; /* custom */
	left:50%;
}

#nav-bg {
	background: url(../images/nav-bg.png) no-repeat;
	width:1015px;
	height:116px;
	z-index:10;
	position:absolute;
	top:118px; /* custom */
	margin:0 0 0 2px;
	z-index:10000;
}

#main-bg {
	background: url(../images/main-bg.png) no-repeat;
	margin: 0 0 0 2px;
	position:absolute;
	top:189px;
	z-index:-1000;
	width:1018px;
	height:299px
}

#content {
	background: url(../images/content-bg.png) repeat-y;
	margin: 333px 0 0 0; /* custom */
	padding: 24px 0 1px 0; /* custom */
	text-align:left;
	min-height:1100px;
	position:relative;
}

body.before-and-after-gallery #content {
	min-height:1800px;
}

#sidebar {
	width:305px; /* custom */
	height:432px;
	position:absolute;
	top:81px; /* custom */
	left:50%; /* custom */
	margin: 0 0 0 143px; /* custom */
	padding: 26px 0 0 0; /* custom */
	text-align:left;
	z-index:500;
}

#sidebar-top {
	background: url(../images/sidebar-top.png) no-repeat;
	width:288px; /* custom */
	height:114px;
	margin: -115px 0 0 8px; /* custom */
	padding: 0 0 0 0; /* custom */
	z-index:600;
}

#sidebar-bottom {
	background: url(../images/sidebar-bottom.png) no-repeat;
	width:288px; /* custom */
	height:46px;
	left:50%; /* custom */
	position:absolute;
	bottom:0px;
	margin: 0 0 0 151px; /* custom */
	padding: 0 0 0 0; /* custom */
	z-index:600;
}

#ft-wrap {
	background: #a7a9ac;
	width:100%;
	margin:0 auto;
	margin-top:-60px;
	min-height: 307px;
	
}

#ft {
	background: url(../images/ft-bg.png) no-repeat;
	margin:0 auto;
	margin-top:60px;
	height:145px;
	padding:50px 0 0 0;
	text-align:left;
	font-size:14px;
	font-weight:bold;
}
#ft .fb-like-box {margin-left: 22px;}
#ft #middle {position: relative; top: -200px; left: 283px;}

#ft .right {
	/*margin: -46px 0 0 0;
	padding:0 62px 0 0;
	float:right;*/
	position: relative;
	top: -269px;
	left: 393px;
}

#ft p {
	margin: 0 0 0 0;
}


/* links */
a {
	cursor:pointer;!important 
	outline: none;
}

a, a:link, a:visited {
	color:#7c9224;  /* custom */
	text-decoration:underline;
	font-weight:bold;
}

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

#sidebar a, #sidebar a:link, #sidebar a:visited {
	color:#595657;
	text-decoration:none;
}

#sidebar a:hover, #sidebar a:active  {
	text-decoration:underline;
}

#ft a, #ft a:link, #ft a:visited {
	color:#fff;  /* custom */
	text-decoration:underline;
}

#ft a:hover, #ft a:active  {
	text-decoration:none;
}

a#sesame-link {
} 


/* various typo */
p {
	line-height: 18px; /* custom */
	margin: 0 0 20px 92px; /* custom */ 
	width:550px;
}

p.home-tag {
	line-height: 25px; /* custom */
	font-size:17px;
	margin-top:30px;
}

p.address-lake {
	line-height: 18px; /* custom */
	margin: -80px 0 0 90px; /* custom */
	font-size:13px;
	position:absolute;
	width:150px; 
}

p.address-lake .phone 	{
	color:#505153;
	font-weight:bold;
	font-size:16px;
	line-height:32px;

}

p.address-clare {
	line-height: 18px; /* custom */
	margin: -100px 0 0 90px; /* custom */
	font-size:13px;
	position:absolute;
	width:150px; 
}

p.address-clare .phone 	{
	color:#505153;
	font-weight:bold;
	font-size:16px;
	line-height:36px;

}

p.patient-forms {
	color:#505153;
	font-weight:bold;
	font-size:17px;
	line-height:18px;
	margin: 0 0 45px 70px; /* custom */

}

p.our-doctor {
	color:#505153;
	font-weight:bold;
	font-size:16px;
	margin: 0 0 0 67px; /* custom */

}

p.sesame-link {
	margin: -3px 0 0 -25px !important; /* custom */
	display:block;
}

.slideshow p {
	font-family:Calibri, 'Gill Sans', CaFrutiger, 'Frutiger Linotype', Univers,'Gill Sans MT', 'Myriad Pro', Myriad, 'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 45px; /* custom */
	line-height: 50px; /* custom */
	margin:-250px 0 0 465px; /* custom */
	color:#505153;
	text-shadow: 0px -1px 0px #000;
	height:281px;
}

.hide {
	display:none;
}

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

.right {
	text-align:right;
}

strong, b {	
	font-weight:bold;
}

em {
	font-style:italic;
}

sup, sub {
	font-size:90%; 
	line-height:18px; 
	vertical-align:middle;
}

sub {
	vertical-align:text-bottom;
}


/* headings */
h2, h3, h4, h5, h6, dt {font-weight:normal;}

h1 { 
	font-family: 'FuturaMedium';
	width:545px;
	font-size: 31px; /* custom */
	line-height: 33px; /* custom */
	margin:0 0 0 52px; /* custom */
	padding: 7px 0 10px 40px; /* custom */
	background: url(../images/h1-pointer.png) no-repeat;
}
	
h2 {
	font-family: 'FuturaMedium';
	width:545px;
	color:#3d94ac;
	font-size: 24px; /* custom */
	line-height: 27px; /* custom */
	margin:0 0 0 52px; /* custom */
	padding: 7px 0 10px 37px; /* custom */
	background: url(../images/h2-pointer.png) no-repeat;
}

h3 {
	font-family: 'FuturaMedium';
	width:545px;
	color:#755793;
	font-size: 19px; /* custom */
	line-height: 27px; /* custom */
	margin:0 0 0 52px; /* custom */
	padding: 7px 0 7px 37px; /* custom */
	background: url(../images/h3-pointer.png) no-repeat;
}

h4 {
	color:#f1f4f8;
	font-weight:bold;
	font-size:20px;
	margin: 0 0 16px 63px; /* custom */
	text-shadow: 1px 1px 1px #485319;
}

#ft h4 {
	font-family: 'FuturaMedium';
	color:#f1f4f8;
	font-weight:normal;
	font-size:21px;
	margin: -5px 0 16px 43px; /* custom */
	text-shadow: 1px 1px 1px #485319;
}

h5 {
	color:#505153;
	font-weight:bold;
	font-size:19px;
	margin: 0 0 0 67px; /* custom */
}


/* flash */

#flash-homepage {
	width:0px; /* custom */
	height:0px;  /* custom */
	position: absolute; 
	top:0px; /* custom */
	left:0px; /* custom */
}
	
.module { /* global margins for all flash mods */
	margin: 0 0 0 0; /* custom */
}

#video-invisalign {
	
}

/* lists */
ul {
	margin: 0 0 20px 115px; /* custom */
	width:550px;
	list-style-image: url(../images/bullet.png) ;
}

ul li {
	margin: 0 0 0 0; /* custom */
}

ul.home  {
	margin: -91px 0 0 -107px; /* custom */
	padding: 0 0 0 0;
	position:absolute;
	left:50%;
	list-style:none;
	z-index:1000;
	width:auto;
}

ul.home li  {
	margin: 0 10px 0 0; /* custom */
	padding: 0 0 0 0;
	float:left;
}

ul.logos  {
	margin: 0 0 0 97px; /* custom */
	padding: 0 0 90px 0;
	list-style:none;
	position:relative;
}

ul.logos li  {
	margin: 0 0 0 0; /* custom */
	padding: 0 0 0 0;
	float:left;
}

ul.logos li.aao  {
	margin: 0 0 0 102px; /* custom */
}


#ft ul {
	margin: 0 0 5px 37px; /* custom */
	list-style:none;
}

#ft ul li {
	margin: 0 0 0 0; /* custom */
	display:inline;
	border-right:1px solid #505153;
	height:15px;
}

#ft ul li a {
	padding: 0 6px 0 8px;
}

#ft ul li.your-first-visit, #ft ul li.refer-a-friend, #ft ul li.home {
	border-right:none;
}

ol {
	margin: 0 0 0 0; /* custom */
}


/* back to top */
p.back-to-top {
	text-align:left; /* custom */
	margin:0 0 0 49px; /* custom */
	padding:0 20px 20px 0; /* custom */
	clear: both; 
}

p.back-to-top a {
	text-decoration:underline; /* custom */
	padding:0 0 20px 40px; /* custom */
	background: url(../images/btt.png) no-repeat; /* custom */
}

p.back-to-top a:hover {
	text-decoration:none; /* custom */
}

body.braces-diagram p.back-to-top {
	display:none;
}


/* location map goodness */
.iframe {
	display: none;
}

.map {
	width:525px; /* custom */
	height:425px; /* custom */
	border: solid 2px #3D94AC; /* custom */
	overflow: hidden;
	display: block; 
	padding: 9px;
	background:#b5d33a;
	background: -webkit-gradient(linear, 0 0, 100% 100%, from(#7C9224), to(#d1fe34));
	background: -moz-linear-gradient(top left, #7C9224, #d1fe34);
	margin: 0 0 20px 92px; /* custom */ 
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}


/* navigation */
#nav {
	background: url(../images/nav.png) no-repeat;
	width:1025px; /* custom */
	height:90px; /* custom */
	position:absolute;
	top:115px; /* custom */
	margin-left:-3px;
	z-index: 100000;
	text-align: left;
}

#nav ul {
	width:1025px; /* same as above */
	height:90px; /* same as above */
	margin:0 0 0 0; /* custom */
	padding:0 0 0 0;
}
#nav ul li {
	display: inline; 
	float:left;
	margin:0 0 0 0; /* custom */
	padding:0 0 0 0;
}

#nav ul li a {
	display: block;
}
				
a#meet-the-team, a#for-new-patients, a#about-orthodontics, a#braces-101, a#our-treatments, a#contact-us, a#home  {
	height:90px;  /* same as above */
	display: block;
	overflow: hidden;
	text-indent: -999em;
	background: url(../images/nav.png) no-repeat;
}
					
#nav ul li #meet-the-team {
	width:168px;
	background-position: 0px 0px;
}

#nav ul li:hover #meet-the-team, #nav ul li.sfhover #meet-the-team, #nav ul li.active #meet-the-team {
	background-position: 0px -110px
}

#nav ul li #for-new-patients {
	width:165px;
	background-position: -168px 0px;
}

#nav ul li:hover #for-new-patients, #nav ul li.sfhover #for-new-patients, #nav ul li.active #for-new-patients {
	background-position: -168px -110px
}

#nav ul li #about-orthodontics {
	width:196px;
	background-position: -333px 0px;
}

#nav ul li:hover #about-orthodontics, #nav ul li.sfhover #about-orthodontics, #nav ul li.active #about-orthodontics {
	background-position: -333px -110px
}

#nav ul li #braces-101 {
	width:112px;
	background-position: -529px 0px;
}

#nav ul li:hover #braces-101, #nav ul li.sfhover #braces-101, #nav ul li.active #braces-101 {
	background-position: -529px -110px
}
		
#nav ul li #our-treatments {
	width:155px;
	background-position: -641px 0px;
}

#nav ul li:hover #our-treatments, #nav ul li.sfhover #our-treatments, #nav ul li.active #our-treatments {
	background-position: -641px -110px
}

#nav ul li #contact-us {
	width:119px;
	background-position: -796px 0px;
}

#nav ul li:hover #contact-us, #nav ul li.sfhover #contact-us, #nav ul li.active #contact-us {
	background-position: -796px -110px
}

#nav ul li #home {
	width:110px;
	background-position: -915px 0px;
}

#nav ul li:hover #home, #nav ul li.sfhover #home, #nav ul li.active #home {
	background-position: -915px -110px
}
		
#nav ul li ul { /* dropdown styles */
	width:183px; /* same as above */
	height:auto;
	position:absolute;
	top:-999em;
	display: block;
	margin:-28px 0 0 0; /* custom */
	border: 1px solid #2e3b3d; /* custom */
	padding-top:10px; /* custom */
	padding-bottom:12px; /* custom */
	background: #039eae; /* custom */
	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.35);
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.35);
	z-index:100000;
}

/*fixes for dd alignment with parent */

#nav ul li.meet-the-team ul {
	margin-left:35px ;
}

#nav ul li.for-new-patients ul {
	margin-left:3px ;
}

#nav ul li.about-orthodontics ul {
	margin-left:5px ;
}

#nav ul li.braces-101 ul {
	margin-left:3px ;
}

#nav ul li.our-treatments ul {
	margin-left:4px ;
}

#nav ul li.contact-us ul {
	margin-left:6px ;
}



/* fixes done */
	
					
#nav ul li:hover ul, #nav ul li.sfhover ul {
	top: auto;
}

#nav ul li ul li {
	float: none;
}

#nav ul li ul li a {
	display: block;
	font-size: 15px; /* custom */
	float: none;
	font-weight: normal;
	text-decoration: none;
	line-height: 32px; /* custom */
	text-align: left;
	color: #fff; /* custom */
	margin:0 0 0 0; /* custom */
	padding:0 0 0 0; /* custom */
	text-indent:10px; /* custom */
}

#nav ul li ul li a:hover {
	background-color:#014c54; /* custom */
	position:relative;
	padding:0 0 0 0; /* custom */
}

#nav ul li ul li.active a {
	background-color:#014c54; /* same as above */
	color:#fff; /* custom */
	position:relative;
	padding:0 0 0 0; /* same as above */
}
	

/* utility nav */
#utility-nav {
	position:absolute;
	top:506px; /* custom */
	left:50%; /* custom */
	margin-left:178px;
	z-index:10000;
}

#utility-nav ul {
	width:238px; /* custom */
	height:40px; /* custom */
	margin:0 0 0 0; /* custom */
	padding:0 0 0 0; /* custom */
	list-style:none;
}

#utility-nav ul li {
	display:inline;
	float:left;
}

#utility-nav ul li a {
	display:block;
}

#utility-nav #patient-login, #utility-nav #doctor-login{
	background:url(../images/utility-nav.png) no-repeat;
	width:238px; /* custom */
	height:40px; /* custom */
	text-indent:-999em;
}

#utility-nav ul li #patient-login {
	width:119px; /* custom */
	background-position:0 0; /* custom */
}

#utility-nav ul li #doctor-login {
	width:119px; /* custom */
	background-position:-119px 0; /* custom */
}

#utility-nav ul li:hover #patient-login, #patient-login {
	background-position:0 -56px; /* custom */
}

#utility-nav ul li:hover #doctor-login , #doctor-login   {
background-position:-119px -56px; /* custom */
}
/* drop down */
#utility-nav ul li ul { /* dropdown styles */
	width:143px; /* same as above */
	height:auto;
	position:absolute;
	top:-999em;
	display: block;
	margin:0px 0 0 0; /* custom */
	border: 1px solid #2e3b3d; /* custom */
	padding-top:10px; /* custom */
	padding-bottom:12px; /* custom */
	background: #039eae; /* custom */
	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.35);
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.35);
	z-index:100000;
}
					
#utility-nav ul li:hover ul, #utility-nav ul li.sfhover ul {
	top: auto;
}

#utility-nav ul li ul li {
	float: none;
}

#utility-nav ul li ul li a {
	display: block;
	font-size: 15px; /* custom */
	float: none;
	font-weight: normal;
	text-decoration: none;
	line-height: 32px; /* custom */
	text-align: left;
	color: #fff; /* custom */
	margin:0 0 0 0; /* custom */
	padding:0 0 0 0; /* custom */
	text-indent:10px; /* custom */
}

#utility-nav ul li ul li a:hover {
	background-color:#014c54; /* custom */
	position:relative;
	padding:0 0 0 0; /* custom */
}

#utility-nav ul li ul li.active a {
	background-color:#014c54; /* same as above */
	color:#fff; /* custom */
	position:relative;
	padding:0 0 0 0; /* same as above */
}

/* end drop down */

/* on page subnav */
p.sub_nav { 
	margin: 0 0 10px 92px; /* custom */
	font-size:14px; /* custom */
	color:#7c9224;
	z-index:100;
	position:relative;
	line-height:24px; /* custom */
}

p.sub_nav a { 
	text-decoration:none;
}

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

p.sub_nav a.active {
	color:#000; /* custom */
}


/* sitemap / 404 / 500 */
div.col {
	width:29%; /* custom */
	margin:5px 0 0 112px; /* custom */
	float:left;
}

div.col2 {
	width:29%; /* custom */
	margin:0 0 0 0; /* custom */
	padding:7px 0 0 0; /* custom */
	float:left;
}
div.col ul, div.col2 ul {
	list-style-image: url(../images/bullet.png) ;
	font-size:15px; /* custom */
	line-height:18px; /* custom */
	padding:0 0 0 0; /* custom */
	margin:0 0 0 0; /* custom */
}
div.col ul li ul, div.col2 ul li ul {
	list-style:none; 
	font-size:13px; /* custom */
	line-height:18px; /* custom */
	padding:0 0 0 16px; /* custom */
	margin:0 0 20px 0; /* custom */
}

div.col a, div.col2 a{
	text-decoration:none;
	color:#505153;
}

div.col a:hover, div.col2 a:hover{
	text-decoration:underline;
}


/* flash */

#flash-braces-diagram, #flash-patient-care {
	margin: 7px 0 20px 92px; /* custom */
}

/* images */

.slideshow {
	position:absolute;
	top:0px;
	margin:-289px 0 0 32px; /* custom */
	z-index:600;
}

img.ss-images {
}

img.auto {
	margin: 0 0 0 2px;
	position:absolute;
	top:-288px;
}

img.compass {
	margin: 7px 0 0 65px;
	padding: 0 0 0 0;
	clear:both;
}

img.compass2 {
	margin: 22px 0 0 65px;
	padding: 0 0 0 0;
	clear:both;
}

img.phone {
	margin: 14px 0 20px 65px;
	padding: 0 0 0 0;
	clear:both;
}

img.phone2 {
	margin: 20px 0 20px 65px;
	padding: 0 0 0 0;
	clear:both;
}

img.form {
	margin: 0 2px -12px -10px;
	padding: 0 0 0 0;
}

img.arrow {
	margin: 0 2px -2px 0;
	padding: 0 0 0 0;
}

img.sesame-logo {
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
}

/* SESAME CSS */
img.right {
	margin: 20px 375px 15px 15px;
	float: right;
	clear: right;
	}
img.left {
	margin: 0 15px 15px 0;
	float: left;
	clear: left;
	}
img.left-border {
	float: left;
	clear: left;
	margin: 0 0 20px 92px; /* custom */
	border: solid 1px #3D94AC; /* Customize me! */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}
img.right-border {
	float: right;
	clear: right;
	margin: 20px 375px 15px 15px;
	border: solid 2px #3D94AC; /* Customize me! */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}
body.meet-the-staff img.right-border {
	margin:6px 375px 15px 15px;
}
p.flash_notice {
	margin: 18px;
	padding: 9px;
	color: #ff0000;
	border: 1px dotted #ff0000;
	background: #ffffff;
	text-align: center;
	}
.clear {clear: both;}
/* This styled div acts as the hr for most browsers */
div.hr {
	height: 0px;
	background-color: #636267; /* Customize me! */
	border: solid 1px #636267; /* Customize me! */
	border-width: 1px 0 0 0; /* Customize me! */
	margin: 0 0 20px 92px; /* custom */
	width:550px;
	padding: 0;
	clear: both;
	}
	
body.emergency-care div.hr {
	margin: 0 0 0px 92px; /* custom */
	}
/* This is the backup for screen readers */
hr {
	display: none;
	height: 0px;
	background-color: #636267;
	border: solid 1px #636267;
	border-width: 1px 0 0 0;
	margin: 0 0 20px 92px; /* custom */
	width:550px;
	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;}


div.box {
	float: right;
	clear: right;
	width: 334px;
	background:#b5d33a;
	background: -webkit-gradient(linear, 0 0, 100% 100%, from(#7C9224), to(#d1fe34));
	background: -moz-linear-gradient(top left, #7C9224, #d1fe34);
	padding: 5px 0 5px 5px;
	margin: 5px 375px 20px 20px;
	border: solid 2px #3D94AC; /* Customize me! */
	-moz-border-radius: 4px; /* Optional - you may customize or remove */
	-webkit-border-radius: 4px;
}
div.box img {
	float: left;
	border: solid 1px #3D94AC; /* Customize me! */
	margin-right: 5px;
}
div.box p {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
}


body.before-and-after-gallery div.box {
	clear:both;
	float:left;
	width: 550px;
	background:#b5d33a;
	background: -webkit-gradient(linear, 0 0, 100% 100%, from(#7C9224), to(#d1fe34));
	background: -moz-linear-gradient(top left, #7C9224, #d1fe34);
	padding: 5px 0 5px 5px;
	margin: 5px 0 20px 92px;
	border: solid 2px #3D94AC; /* Customize me! */
	-moz-border-radius: 4px; /* Optional - you may customize or remove */
	-webkit-border-radius: 4px;
}
body.before-and-after-gallery div.box img {
	float: left;
	border: solid 1px #3D94AC; /* Customize me! */
	margin-right: 5px;
}
body.before-and-after-gallery div.box p {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
}



/* GALLERY LIST */
/* IMPORTANT - This prevents a flash of unstyled content */
#gallery { visibility: hidden;}

/* GALLERY CONTAINER */
.gallery {	background:#b5d33a;
	background: -webkit-gradient(linear, 0 0, 100% 100%, from(#7C9224), to(#d1fe34));
	background: -moz-linear-gradient(top left, #7C9224, #d1fe34);
	border: solid 2px #3D94AC;
	padding: 10px; 
	margin: 20px 0 0 92px ; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	z-index:5000;
}

/* LOADING BOX */
.loader { background: url(../images/loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 25px; padding: 0 10px; } /* Change height to 0 if no captions are required */

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: #fff; font-size: 12px; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* margin will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}







/* Emergency Care */
#flash-general-soreness, #flash-headgear, #flash-loose-appliance, #flash-loose-bracket, #flash-loose-wire, #flash-poking-wire  {
	margin-left:-92px;
	display:block;
}

ul#toggle-emergency {
	list-style: none;
	margin: 0 0 1em 0;}
	
	ul#toggle-emergency li {
		border: none;
		padding: 1em 0;
		margin: 0;}
.general-soreness {
	background: url(http://media.sesamehost.com/images/emergency-care/general-soreness.gif) no-repeat;
	width: 80px;
	height: 60px;
}
.headgear {
	background: url(http://media.sesamehost.com/images/emergency-care/headgear.gif) no-repeat;
	width: 80px;
	height: 60px;}
.loose-appliance {
	background: url(http://media.sesamehost.com/images/emergency-care/loose-appliance.gif) no-repeat;
	width: 80px;
	height: 60px;}
.loose-bracket {
	background: url(http://media.sesamehost.com/images/emergency-care/loose-bracket.gif) no-repeat;
	width: 80px;
	height: 60px;}
.loose-wire {
	background: url(http://media.sesamehost.com/images/emergency-care/loose-wire.gif) no-repeat;
	width: 80px;
	height: 60px;}
.poking-wire {
	background: url(http://media.sesamehost.com/images/emergency-care/poking-wire.gif) no-repeat;
	width: 80px;
	height: 60px;}
.left-border {
	margin: 0 20px 20px 92px; /* custom */
	border: solid 2px #3D94AC; /* Customize me! */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: left;
	clear: left;}



/* invisalign */

#invisalign-sidebar {
	background: #fff;
	width: 275px;
	margin: 0 375px 15px 15px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 0;
	border: solid 2px #3D94AC;
	line-height: 18px;
	font-size: 11px;
	float: right;
	clear: right;
	}
#invisalign-sidebar a {
	color: #036;
	}
#invisalign-sidebar h3 {
	background: #97AFC2;
	margin: 0;
	padding: 15px;
	color: #fff;
	width:auto;
	}
#invisalign-sidebar p {
	padding: 0 15px;
	margin: 15px 0;
	width:auto;
	}
.thumb {
	border: solid 1px #000;
	margin: 0 10px 10px 0;
	float: left;
	clear: left;
	}

span.indent {
	padding-left: 40px;
	}






/*-----------------------------------------------
	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 0 20px 92px; width:550px /* custom */}
		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 2%;
						overflow:hidden;
						height: auto;
						position: relative;
						}
					fieldset dd li:hover {background: #d5e0eb;/* customize me - this is the hover color change of li */}
					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: #3D94AC;/* customize me */
					 	}
						fieldset li h3 {font-size: 12px; 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 #3D94AC;
								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: #537197;/*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:#b5d33a;
							background: -webkit-gradient(linear, 0 0, 100% 100%, from(#7C9224), to(#d1fe34));
							background: -moz-linear-gradient(top left, #7C9224, #d1fe34);
							border: 1px solid #3D94AC;
							line-height: 34px;
							color:#3D94AC;/* 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%;
		display:none;
		color: #537197;/* 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;}

div#language {color: #231F20; margin: 4px 0 0 300px; position: absolute; top:0; left: 50%; z-index:1000;}
div#language a {color: #00AAAD; text-decoration: none; font-weight: bold;}
div#language a:hover {color: #EC008C;}