/*********************************************************************
	
	Sesame Communications - (c) 2013
	Built by: Heather Boylan
	All rights reserved. 
	Any reproduction or intentional misuse is strickly prohibited
	
*********************************************************************/

/******************** Reset ********************/
html, body, div, span, a, img,
h1, h2, h3, h4, h5, h6, hgroup, p,
dl, dialog, dt, dd, ol, ul, li, 
abbr, acronym, address, b, big, blockquote, 
cite, code, del, dfn, em, i, ins, kbd, pre, q, 
samp, tt, var, small, sub, sup, 
object, iframe, form, fieldset, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, footer, header, nav, section,
figure, menu, time, mark, audio, video						{ font-family: inherit; font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline; white-space: normal; text-align: left; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }
textarea													{ font-family: inherit; font-size: 100%; font-weight: normal; font-style: normal; white-space: normal; text-align: left; margin: 0; padding: 0; }
article, aside, footer, header, nav, section,
dialog, figure, hgroup, menu								{ display: block; }

h1, h2, h3, h4, h5, h6										{ font-size: 100%; font-weight: normal; }
del, ins													{ text-decoration: none; }
ol, ul														{ list-style: none; }
nav ul														{ list-style-type: none; }
table														{ border-collapse: separate; border-spacing: 0; background-color: transparent; width: auto; height: auto; }
:focus														{ outline: 0; }
blockquote:before, blockquote:after, q:before, q:after		{ content: ""; }
blockquote, q												{ quotes: "" ""; }
input														{ margin: 0; }
ul#toggle-emergency li {list-style: none;}
.toggleFade {cursor: pointer;} 
span.welcome {font-size: 18px; line-height: 20px; display: block;} /* home page headline */
.shift {position: relative;}
/**************************************/
/*iPad and iPhone fix*/
/**************************************/

 /* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	
	html,body
	{
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
		overflow-x: hidden; 
	}

    #hd {
 
     background: url('../images/hd-1600.jpg') center 0 repeat;
    } 
	
    .home #bd {
 
     background: url('../images/bd-home-1600.png') center 0 repeat;
    } 
	
	#bd {
 
     background: url('../images/bd-int-1600.png') center 0 repeat;
    } 
	
    #ft {
 
     background: url('../images/ft-1600.jpg') center 0 repeat;
    } 
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
	
	html,body
	{
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
		overflow-x: hidden; 
	}
	
    #hd {
 
     background: url('../images/hd-1600.jpg') center 0 repeat;
    } 
	
    .home #bd {
 
     background: url('../images/bd-home-1600.png') center 0 repeat;
    } 
	
	#bd {
 
     background: url('../images/bd-int-1600.png') center 0 repeat;
    } 
	
    #ft {
   
     background: url('../images/ft-1600.jpg') center 0 repeat;
    } 
}
/**************************************/
/*               TYPE                 */
/**************************************/

@font-face {
    font-family: 'lato-regular';
    src: url('../fonts/lato-regular.eot');
    src: url('../fonts/lato-regulard41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-regular.woff') format('woff'),
         url('../fonts/lato-regular.ttf') format('truetype'),
         url('../fonts/lato-regular.svg#lato-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lato-black';
    src: url('../fonts/lato-black.eot');
    src: url('../fonts/lato-blackd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-black.woff') format('woff'),
         url('../fonts/lato-black.ttf') format('truetype'),
         url('../fonts/lato-black.svg#lato-black') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lato-bold';
    src: url('../fonts/lato-bold.eot');
    src: url('../fonts/lato-boldd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bold.woff') format('woff'),
         url('../fonts/lato-bold.ttf') format('truetype'),
         url('../fonts/lato-bold.svg#lato-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lato-bolditalic';
    src: url('../fonts/lato-bolditalic.eot');
    src: url('../fonts/lato-bolditalicd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bolditalic.woff') format('woff'),
         url('../fonts/lato-bolditalic.ttf') format('truetype'),
         url('../fonts/lato-bolditalic.svg#lato-bolditalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

em {font-style: italic;}

/* webkit font anti-aliasing */
* {-webkit-font-smoothing: antialiased;}

body, p {
	font-size: 16px;
	font-family: 'lato-regular';
	color: #4d4237;
	line-height:24px; 
	}
	
p {margin: 18px 0;}

.map {
	width: 529px;/* multiples of 9px less border and padding*/ 
	height: 360px; /* multiples of 9px less border and padding */
	overflow: hidden; 
	display: block; 
	margin: 20px 0 18px 0;
	padding: 9px;
	background: #dd7902;/* customize me */
}
				
p {margin: 18px 0;}

a  {color: #6fa22b; font-weight: bold;}
.sitemap #content ul li a, .sitemap #content ul ul li a, a.map-text, .map  {color: #4d4237;}
a:hover, a.active, a.map-text:hover {text-decoration: none; color: #4d4237;}

.sitemap #content {}
.sitemap #content ul li  a {font-size: 16px; font-weight:bold; color: #8dc641; text-transform: uppercase; font-family:'lato-black';}
.sitemap #content ul li { list-style: none; background-image: none;}
.sitemap #content ul ul li {margin: 0 0 0 15px;}
.sitemap #content ul ul li a   {font-size: 16px; font-weight: normal; font-family: 'lato-regular';}
.back-to-top {clear: both;}
p.back-to-top {
	z-index: 3000; 
	width:137px; 
	 position: absolute;
	 top: 268px;
	 left: 90px;
	 height: 34px;
}

p.back-to-top a {
    background: url("../images/back-to-top.png") no-repeat scroll 0 0.25em transparent;
	display: block;
    height: 30px;
    overflow: hidden;
    text-indent: -999em;
    width: 137px;
    z-index: 3000;
}

p.back-to-top a:hover{
	background-position: 0px -33px;
}

.sitemap #sub-navigation, .blog #sub-navigation {display: none;}
.sitemap h1.headline {margin-bottom: 20px;}

h1.headline { 
	font-size: 40px; 
	margin: 0; 
	line-height: 38px;
	min-height:76px;
	color: #8dc641;
	text-transform: uppercase;
	font-family: 'lato-black', Arial, Helvetica, sans-serif;
}

h2 { 
	font-size: 24px; 
	line-height: 1.2em;
    margin: 10px 0 10px 0;
	color: #8dc641;
	text-transform: uppercase;
}

.home h2 { 
	font-size: 16px; 
	font-weight: bold;
	font-style: italic;
	line-height: 1.2em;
    margin: 10px 0 10px 0;
	color: #624d32;
}

h2#tagline { text-indent:-999em; margin: 0; padding: 0; }
h3 { 
	font-size: 20px; 
	margin: 18px 0; 
	color: #2a2119;
	font-family: 'lato-bold';
	text-transform: uppercase;
}
h4 { 
	font-size: 16px; 
	color: #4d4237;
	font-family: 'lato-bolditalic';
	text-transform: uppercase;
}
h5 { 
	font-size: 13px; 
	color: #4d4237;
	text-transform: uppercase;
}
h6 { 
	font-size: 12px; 
	color: #4d4237;
	text-transform: uppercase;
}
dt { 
	font-size: 16px; 
	margin: 18px 0 0; 
}

fieldset {margin: 0 0 0 18px;}
legend { font-size: 16px;}

small { font-size:11px; }
hr { position:relative; height:4px; margin:18px 0 14px; clear:both; }
#content ul, #content ol {margin: 0 0 20px 20px;}
.sitemap #content ul, .sitemap #content ol {margin: 0 0 20px 0px;}

/******************** Table ********************/


caption	{ top: 5px; margin-bottom: 18px; }

/**************************************/
/*          LAYOUT OVERRIDES          */
/**************************************/

/* Overrides a few defaults from CSS framework */
header#hd, section#bd, footer#ft {float: none;}
	
/*background color*/
body {background: url(../images/bg-tile.jpg) top center repeat;}

/**************************************/
/*              HEADER                */
/**************************************/
#hd {
	background: url(../images/hd.jpg) top center no-repeat;
	position: relative;
	margin:0;
	padding:0;
}

#hd .wrapper {
	background: url(../images/hd-wrapper.jpg) top center no-repeat;
	width:1000px;
	height:93px;
	margin:0 auto;
	padding:0;
	position:relative;
}

#branding #logo a {
	width: 386px; 
	height: 290px; 
	display: block;
	position:absolute;
	top: 25px;
	z-index:30;
}/* adjust height and width. logo h1 a */

/* start hd-address */
#hd-address {
	position: absolute; 
	width: 578px; 
	top: 15px; 
	left: 438px; 
	color: #4d4237; 
	font-family: 'lato-regular';
	text-align: right;
	text-transform: uppercase;
	text-shadow:1px 1px 1px rgba(255,255,255,0.75);
}
#hd-address ul {
	display: inline;
	float: left;
}
#hd-address ul#practice {
	display: inline;
	float: left;
	margin-right: 32px;
}
#hd-address ul#wiggins {
	display: inline;
	float: left;
	margin-right: 39px;
}
	 
#hd-address .hd-name { 
	font-family: 'lato-black';
	font-size: 16px; 
	color: #8dc641; 
	text-align: right;
	text-transform: uppercase;
}

#hd-address .hd-name a, #hd-address .hd-address a{
	color: #8DC641;
}

#hd-address .hd-address	 { 
	color: #675c3e; 
	font-size: 13px;  
	text-align: right;
	margin-top:6px;
}
#hd-address a { 
	color: #675c3e; 
	text-decoration: none; 
	font-weight: normal;
}

#hd-address a:hover {
	color: #30281f; 
	text-decoration: none;
}
#hd-address ul li {
	line-height: 20px; 
	color: #4d4237; 
	font-size: 13px; 
	text-align: right;
}
	 
#hd-address .hd-phone {
	font-family: 'lato-regular';
	color: #726659; 
	font-size: 22px; 
	line-height: 23px; 
	margin: 0;  
	text-align: right;
}
/* end hd-address*/

/**************************************/
/*           MAIN CONTENT             */
/**************************************/

/*alternate home bd*/
.home #bd {
	background: url(../images/bd-home.png) top center no-repeat;
}

#bd {
	background: url(../images/bd-home.png) top center no-repeat;
	margin:0px 0px 0px 0px;
	padding:0;
}

.bd-wrapper-outer {	width: 1000px; background: url(../images/bd-wrapper-outer.png) top center repeat-y; margin: 0 auto;position:relative;
	z-index:1;}

#bd .wrapper {
	background: url(../images/bd-int-wrapper.png) top center no-repeat;
	width:1000px;
	min-height:1360px;
	margin:0 auto;
	padding:0;
	position:relative;
	z-index:1;
}
.home #bd .wrapper {
	background: url(../images/bd-home-wrapper.png) top center no-repeat;
}

/*alternate column layout*/
/*.home #content {
	width:331px; 
	padding:0;
	margin:0 0 0 0;
	display: inline;
}*/

#content {
	width:615px; /* modify this  990px - 252px(nav) */
	padding:0;
	margin:0 42px 40px 0;
	display:inline;
}

#content ul li {margin: 10px 0px 0px 20px; list-style-image:url(../images/green-dot.png);}
#content ol li {list-style: decimal; margin: 10px 0 10px 20px;}
.sitemap #content ul li {list-style:none; margin: 10px 0px 0px 0px;}
.sitemap #content ol li {list-style: none; margin: 10px 0 10px 0px;}

#bd-callouts {
	width:632px;
	margin-top: 35px;
	margin-left: -8px;
	text-align: center;
}
#bd-callouts img {
	display: inline;
	float: left;
}
.sidebar-callouts {
	position: absolute;
	width:95%;
	margin: 0 auto;
	text-align: center;
}
.sidebar-callouts img {margin-left: -3px;}
.sidebar-callouts a {text-decoration: none;}


#sidebar-callouts-wiggins {
	top:625px;
	position:absolute;
	left:25px;
	width:265px;
}


#sb-consult{
	display:block;
	top: 597px;
	left:65px;
	background:url('../images/free-consult.png') no-repeat;
	width:165px;
	height:165px;
	overflow:hidden;
	position:absolute;
}

#sb-consult:hover{
	background-position:0 -170px;
}


#sidebar .schedule, #sidebar .team, #sidebar .testimonial{
	display:inline-block;
	width:128px;
	height:80px;
	
}

#sidebar .schedule{
	background-image:url('../images/callouts/callouts-schedule.png');
}

#sidebar .team{
	background-image:url('../images/callouts/callouts-meet-team.png');
}

#sidebar .testimonial{
	background-image:url('../images/callouts/callouts-testimonials.png');
}

#sidebar .schedule:hover, #sidebar .team:hover, #sidebar .testimonial:hover{
	background-position:0px -85px;
}



a#wiggins-co, a#venedoff-co{
	width:311px;
	height:147px;
	display:inline-block;
}

a#wiggins-co{
	background-image: url('../images/callouts/callouts-meet-wiggins.png');
}

a#venedoff-co{
	background-image: url('../images/callouts/callouts-meet-vedenoff.png');
}

a#wiggins-co:hover, a#venedoff-co:hover{
	background-position: 0px -150px;
}


.blog #content header.child {padding:0px 0px 0px 0px; margin:20px 0px 149px 62px;}
.sitemap #content header.child {padding:0px 0px 0px 0px; margin:20px 0px 174px 62px;}
.home #content header.child {padding:0px 0px 0px 0px; margin:60px 0px 28px 0px;}
#content header.child {padding:0px 0px 0px 0px; margin:20px 0px 56px 62px;}
.search-results header h2 {
	margin: 40px 0;
}

/*adjust sitemap column width*/
.column.first {width: 320px;}

/*hide more topics on blog and sitemap */
.blog #more-topics {display: none;}
.sitemap #more-topics {display: none;}

.sidebar-right #bd .wrapper #content { float:left}
.sidebar-left #bd .wrapper #content { float:right}

/*start sub-navigation */
#sub-navigation {
	width: 547px;
	margin:26px 0px 0px 7px;
	min-height: 64px;
}
#sub-navigation span {
	font-family: 'lato-black';
	text-transform: uppercase;
	font-size: 15px;
	line-height: 15px;
}
	
#sub-navigation p {
	text-align: left;
	margin: -3px 0px 0px 0px;
}

p.sub-nav {
	color: #30281f;
	padding-bottom: 10px;
	margin: 0px;
	text-transform: uppercase;
	line-height: 15px;
}
	
.sub-nav a {
	color: #4d4237; 
	font-size: 13px;
	font-family: 'lato-regular';
	text-decoration: none;
	font-weight: normal;
}

.sub-nav a:hover, .sub-nav a.active {color: #8dc641; text-decoration: none;}
#sub-navigation li a:hover, #sub-navigation li a.active {color: #8dc641; text-decoration: none;}
/* end text_sub_navigation */

#navigate-header {display: none;}
/**************************************/
/*             SIDEBAR                */
/**************************************/

/*alternate column layout*/
/*.home #sidebar {
	position: relative;
	width:669px;
}*/

#sidebar {


}

.sidebar-right #sidebar	{ float:right}
.sidebar-left #sidebar	{ float:left}

#social-callouts {
	margin: 0px;
	width: 189px;
	height: auto;
}
#social-callouts-fb {margin: 0px -3px 0px 0px;}
#social-callouts-tw {margin: 0px -3px 0px 0px;}
#social-callouts-gl {margin: 0px -3px 0px 0px;}
#social-callouts-bl {margin: 0px -3px 0px 0px;}
#social-callouts-yt {margin: 0px;}
	
/**************************************/
/*              FOOTER                */
/**************************************/
#ft {
	background: url(../images/ft.jpg) top center no-repeat;
	position: relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


/*alternate home ft-wrapper*/
.home #ft .wrapper {
	background: url(../images/ft-wrapper.jpg) top center no-repeat;
}

#ft .wrapper {
	position: relative;
	
	width:1000px;
	min-height: 396px;
	margin-top:0px;
	margin-left:auto;
	margin-bottom:0px;
	margin-right:auto;
	padding:0px 0px 0px 0px;
}

#ft .wrapper-image {
	position: relative;
	background: url(../images/ft-wrapper.jpg) top center no-repeat;
	width:1000px;
	min-height: 396px;
	margin-top:0px;
	margin-left:auto;
	margin-bottom:0px;
	margin-right:auto;
	padding:0px 0px 0px 0px;
	z-index:1;
}

#tree-top {
	position:absolute;
	bottom: 390px;
	z-index: -1;
	margin-left: 18px;
	width:602px;
	height:208px;
	display:block;
}

/* start #ft-navigation*/ 
#ft-navigation {
	position: absolute; 
	top: 160px; 
	width: auto; 
	margin: 0;
	left: 340px;
	font-size: 13px;
	color: #4d4237;
	line-height: 25px;
}
#ft-nav1, #ft-nav2, #ft-nav3 {
	width:auto;
}
#ft-nav1 {
	margin-right:50px;
}
#ft-nav2 {
	margin-right:50px;
}

#ft-navigation li {
    color: #4d4237;
	line-height: 25px;
	margin: 0;
	text-transform: uppercase;
}
	
#ft-navigation li a {
	color: #4d4237; 
	font-size: 13px; 
	text-decoration: none;
	font-weight: normal;
}

#ft-navigation li a:hover, li a.active {color: #e8f0e1; text-decoration: none;}
/* end #ft-navigation */

/* start ft-address */
#ft-address {
	position: absolute; 
	width: 250px; 
	top: 120px; 
	left: 35px;
	z-index: 30;
	text-shadow:1px 1px 1px rgba(0,0,0,0.65);
}
	 
#ft-address .ft-name { 
	font-family: 'lato-bold';
	font-size: 21px; 
	color: #8dc641; 
	text-align: center;
	font-weight: normal;
	text-transform: uppercase;
}

#ft-address .ft-name span { 
	font-family: 'lato-bold';
	font-size: 19px; 
	color: #8dc641; 
	text-align: center;
	font-weight: normal;
	text-transform: uppercase;
}
	
#ft-address a { 
	text-decoration: none; 
	font-size: 15px;
	color: #dfe0bd; 
	text-align: center;
	font-weight: normal;
}

#ft-address a:hover {
	color: #8dc641; 
	text-decoration: none;
}
#ft-address ul li {
	line-height: 20px; 
	color: #dfe0bd; 
	font-size: 15px; 
	text-align: center;
	text-transform: uppercase;
	font-family: 'lato-regular';
}
	 
/* end ft-address*/

p.sesame-link {
	position: absolute;
	top: 344px; 
	left: 546px;
	width: 240px;
	margin: 0;
}

p.sesame-link a {
	color: #b8cc2f;  
	text-transform: uppercase; 
	text-decoration: none;  
	font-size: 12px;
	font-family: 'lato-black';
	font-weight: normal;
}

p.sesame-link a:hover {color: #e8f0e1;}

/**************************************/
/*   SLIDESHOW/STOCK PHOTO    */
/**************************************/
#slideshow-home {
	position: relative;
	top:  0px;
	left: -45px;
	width: 698px;
	height: 360px;
}
	
#slideshow-home ul.slideshow { margin: 0; padding: 0; }
#slideshow-home .slideshow li {
	list-style: none;	
}

#content ul.slideshow li {
	background-image: none;	
}

#ss-caption {height: 160px; width: 350px;  z-index: 200; position: absolute; top: 172px; left: 624px; }
.ss-testimonial {font-family: Arial, Helvetica, sans-serif; font-size: 23px; text-align: left; margin: 0 0 0 0; font-weight: normal; margin: 20px; line-height: 30px;}
.ss-testifier {font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-align: right; margin: 10px 0 0 0; font-weight: normal; margin: 20px;}

/*top stock photo only*/
.stock-photo-container {position: absolute; top: 1px; left: 1px; width: 200px; height: 339px; margin: 0 0 0 0;}

.search-results .stock-photo {
	display: none;
	}

/**************************************/
/*       DOCTOR-PATIENT LOGINS        */
/**************************************/
#utility-nav {
	position:absolute; 
	width:250px;  /*modify this. remove if usijng images */
	height:25px;
	z-index: 1000;
	top:0px;
	left:631px;
	}
#utility-nav ul {
	float:right;
}
#utility-nav li {
	display: inline;
	float: left;
}
#utility-nav li a {
	display: block;
	height: 36px;
	text-transform: none;
	color: #000;
	font-size:16px; 
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
} 

#utility-nav ul ul {
	margin: 36px 0 0;/* margin-top matches height of top-level links*/
	position: absolute;
	width: 234px;
	border: 1px solid;
	background: #fff;
	padding: 9px;
}
#utility-nav ul ul li {
	float: none;
}
#utility-nav ul ul li a {
	height: auto;
}	
#utility-nav li a {height: 37px; display: inline-block; text-decoration: none; text-indent: -9999px; overflow: hidden;}
#patient-login, #doctor-login {background: url(../images/nav/utility-nav-sprite.html) 0 0 no-repeat; position: relative;}


a#patient-login {background-position: 0 0; width: 133px;}
#utility-nav li:hover #patient-login, #utility-nav li.active #patient-login {background-position: 0 -37px; }

a#doctor-login {background-position: -133px 0; width: 133px;}
#utility-nav li:hover #doctor-login, #utility-nav li.active #doctor-login {background-position: -133px -37px; }
/**************************************/
/*             NAVIGATION             */
/**************************************/
#nav  {
	position:relative; 
	width:260px;
	z-index: 6000;
	margin:0;
	padding:0;
	float:left;
}

/*start top nav*/		

/*subnav -----------------*/
#nav ul ul {
		position: absolute;
		border: 1px solid;
		padding: 0 0 10px 0;
		margin: -8px 0 0 0px;
		width: 200px;   /* modify this */
		z-index: 6000;
		}
		
#nav ul ul li {float: none;}	

#nav { height: auto; margin: 0 0 0 0; padding: 0; position: relative; top: 242px; left: 26px; }

#nav ul {width: 260px; height: auto; margin: 0; padding: 0; position: relative; top: 0px; z-index: 6000; }

/* top nav -----------------*/
body.nav-top #nav  {/*top: 10px;*/ /* positioned to bottom of #hd */}
body.nav-top #nav .wrapper  {
	width:260px;
	position:relative;
	margin: 0 auto;	
	}		
body.nav-top #nav ul {width: 260px; /*height:50px;  light grey bg */}
body.nav-top #nav ul ul {
	top: -999em; 
	width: 235px; 
	height:auto; 
	padding-top: 10px;
	border: none;
	margin-left: 263px;
	margin-top: -35px;
	z-index: 6000;
	background: #8dc641;
	text-transform: uppercase;
	text-shadow:1px 1px 1px rgba(0,0,0,0.28);
	font-family:'lato-bold';
}


body.nav-top #nav ul li.contact-us ul {
	width:345px;
}

body.nav-top #nav ul li.improve-your-smile ul {
	width:345px;
}

body.nav-top #nav ul li.for-new-patients ul {
	width:345px;
}

body.nav-top #nav ul li.first ul  {
	/*margin-left: 453px;*/
}

body.nav-top #nav li a:hover,
body.nav-top #nav li.active a { font-weight:normal}

body.nav-top #nav ul ul li a,
body.nav-top #nav ul li.active ul li a{ 
   font-weight:normal; 
   text-indent: 0;    
   text-indent: 0; 
   width: 220px;  
   margin: 0 0 0 0px;
   font-size: 16px;	 
   height: 25px;
   padding: 0 0 0 15px;
   line-height: 25px;
   color: #fff; /* ul ul li a color */ 
   }


body.nav-top #nav ul li.contact-us ul li a,
body.nav-top #nav ul li.contact-us.active ul li a,
body.nav-top #nav ul li.improve-your-smile ul li a,
body.nav-top #nav ul li.improve-your-smile.active ul li a,
body.nav-top #nav ul li.for-new-patients ul li a,
body.nav-top #nav ul li.for-new-patients.active ul li a{ 
	width:330px;
}

body.nav-top #nav ul li ul li.active a,
body.nav-top #nav ul li.active ul li a:hover { 
   background: #4d4237;	/*active background*/   
   width: 220px; 
   text-indent: 0; 
   font-size: 16px;	 
   height: 25px;
   padding: 0 0 0 15px;
   line-height: 25px;
   color: #fff; /* ul ul li a color */
}


body.nav-top #nav ul li.improve-your-smile ul li.active a,
body.nav-top #nav ul li.improve-your-smile.active ul li a:hover{
	width:330px;
}

body.nav-top #nav ul li:hover ul, #nav ul li.sfhover ul {top: auto;}
	
body.nav-top #nav ul ul li a {
   text-indent: 0; 
   font-size: 16px;	 
   height: 25px;
   padding:0 0 0 15px;
   line-height: 25px;
   color: #fff; /* ul ul li a color */
}
		
body.nav-top #nav ul ul li a:hover, body.nav-top #nav ul ul li a.active {
   text-indent: 0; 
   font-size: 16px;	 
   height: 25px;
   padding:  0 0 0 15px;
   line-height: 25px;
   color: #fff; /* ul ul li a color */   
   background: #4d4237;	/* active-=background hover*/
}
	
body.nav-top #nav ul ul li.last a, body.nav-top #nav ul ul li.last,	
body.nav-top #nav ul ul li.last a:hover , body.nav-top #nav ul ul li.last a.active  {
	height: 25px;
	margin-bottom:0px;
	border-bottom: none;
}

body.nav-top #nav ul ul li.last a:hover, body.nav-top #nav ul ul li.last a.active {
	height: 25px;
	margin-bottom:0;   
	line-height: 25px;

}

#nav a {
	display: block; width: auto;
}	

#nav li {
	display: inline;
	float: left;	
}
		
	
#nav li a {height: 44px; display: block; text-decoration: none; text-indent: -9999px; overflow: hidden;}
#home, #about-us, #for-new-patients, #preventive-dentistry, #general-dentistry, #improve-your-smile, #contact-us {background: url(../images/nav/nav-sprite.jpg) 0 0 no-repeat; position: relative;}


a#home {background-position: 0 0; width: 260px;}
#nav li:hover #home, #nav li.active #home {background-position:-260px 0; }


a#about-us {background-position:0 -44px; width: 260px;}
#nav li:hover #about-us, #nav li.active #about-us {background-position:-260px -44px;}


a#for-new-patients {background-position:0 -88px; width: 260px;}
#nav li:hover #for-new-patients, #nav li.active #for-new-patients {background-position:-260px -88px;}

#nav li a#preventive-dentistry {height:46px;}
a#preventive-dentistry {background-position:0 -132px; width: 260px;}
#nav li:hover #preventive-dentistry, #nav li.active #preventive-dentistry {background-position:-260px -132px;}


a#general-dentistry {background-position:0 -178px; width: 260px;}
#nav li:hover #general-dentistry, #nav li.active #general-dentistry {background-position:-260px -178px;}

#nav li a#improve-your-smile {height: 46px;}
a#improve-your-smile {background-position:0 -222px; width: 260px;}
#nav li:hover #improve-your-smile, #nav li.active #improve-your-smile {background-position:-260px -222px;}


a#contact-us {background-position:0 -268px; width: 260px;}
#nav li:hover #contact-us, #nav li.active #contact-us {background-position:-260px -268px;}
	
/**************************************/
/*              GLOBAL                */
/**************************************/

	
	/* Extra Elements  -----------------*/
	object#flash-homepage { margin: 0; border: none;}
	
	/* Shortcuts and Helpers -----------------*/	
	.img-right {
		margin: 19px 0 36px 18px;
		float: right;
		clear: right;
		}
		.stock-photo {
		margin: 0px 0 36px 18px;
		float: right;
		clear: right;
	}
	.img-left {
		margin: 0 18px 36px 0;
		float: left;
		clear: left;
		}
	.border {
		border: solid 1px #333; /* Customize me! */
		}
	.columns {display: inline; float: left;}
	.genie img {
		opacity:1.0;
		filter:alpha(opacity=100); /* For IE8 and earlier */
	}
	.genie img:hover {
		opacity:0.4;
		filter:alpha(opacity=40); /* For IE8 and earlier */
	}
	.border-top { border-top: solid 1px #333; /* Customize me! */}
	.border-bottom { border-bottom: solid 1px #333; /* Customize me! */}
	.column	{display: block; float: left; } /* 1.5em */
	.sitemap .column a { color:#FFF; text-decoration:none; font-size:12px; font-weight:bold}
	.sitemap .column a:hover { text-decoration:underline}
	.sitemap .column ul ul li { margin-left:21px;} 
	
	.hide {display: none;}
	.clear {clear: both;}
	.bold {font-weight: bold;}
	
	div.hr { 
		height: 0px;
		border-top: dashed 1px #5e524d;  
		margin: 17px 0 18px; 
		padding: 0;
		clear: both;
		}
	
	hr { 
		display: none;
		height: 0px;
		}
	/* Clear Fix -----------------*/
	.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;}
	/* Text Classes -----------------*/
	p.flash-notice {
		margin: 18px;
		padding: 9px;
		color: #ff0000;
		border: 1px dotted #ff0000;
		background: #ffffff;
		text-align: center;
		}
	.note {font-style: italic;}
	.note:before {content: "** "}
	.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
	.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
	.hide {display:none;}
	.quiet {color:#666; font-weight: normal;}
	.loud {color:#000; font-weight: bold;}
	.highlight {background:#ff0;}
	.added {background:#060;color:#fff;}
	.removed {background:#900;color:#fff;}
	.centered {text-align: center;}
	.first {margin-left:0;padding-left:0;}
	.last {margin-right:0;padding-right:0;}
	.top {margin-top:0;padding-top:0;}
	.bottom {margin-bottom:0;padding-bottom:0;}
	.error, .notice, .growl, .message, .dialog {
		padding: 4px 9px 5px;
		margin-bottom:14px;
		border: 2px solid #ddd;
		}
	.error {color:#fff; border-color:#ff0000;}
	.success {color:#264409; border-color:rgba(150,150,150,0.7); width: 350px;}
	.error a {color:#8a1f11;}
	.notice a {color:#514721;}
	.success a {color:#264409;}
	.form-errors {color:#ff0000;}
	/* Google Map; see local.js */
	/*hides iframe <a> tag*/
	.iframe {display: none;}
	
	a.map-text {text-decoration: none; margin: 25px 0;}
	a.map-text:hover {text-decoration: underline;}
/**************************************/
/*              FORMS                 */
/**************************************/
legend							{ padding-bottom: 18px; }
label							{ width: 100%; position: relative; top: 5px; margin-bottom: 18px; line-height: 18px; display: block; }

input[type="text"],
input[type="password"],
input[type="search"]			{ width: 100%; margin-bottom: -1px; display: block;}

input[type="radio"]				{ top: -1px; margin: 0 4px 3px 1px; }
input[type="checkbox"]			{ top: -2px; margin: 0 4px 3px 1px; }
input[type="file"]				{ margin: 0px 6px 3px 6px; }

input[type="submit"],
input[type="reset"],
input[type="button"]			{ position: relative; top: 5px; margin-bottom: 18px; }

select							{ display: block; margin: 0px; width: auto;}
textarea						{ width: 99%; line-height: 18px; margin-bottom: -2px; display: block; clear: left; overflow: auto; }

input, select, textarea { cursor: pointer;}

.unitx1 		{ width: 45px; }
.unitx2 		{	width: 108px; }
.unitx3 		{	width: 171px; }
.unitx8 		{	width: 486px;	}

label.unitx1 select					{ width: 45px; }
label.unitx2 select					{ width: 108px; }
label.unitx3 select					{ width: 171px; }
label.unitx8 select					{ width: 486px; }

label.width1, label.width2,
label.width3	{ margin-right: 18px; float: left; }

label.unitx1, label.unitx2,
label.unitx3, label.unitx8		{ margin-right: 18px; float: left; }
label.first						{ margin-left: 0; }

label.width4, label.unitx8		{ width: 990px; overflow: hidden; }

label.width1 input[type="text"], label.width1 input[type="email"], label.width1 input[type="url"], label.width1 input[type="password"], 
label.width1 input[type="date"], label.width1 input[type="search"]	{ width: 228px; }

label.width2 input[type="text"], label.width2 input[type="email"], label.width2 input[type="url"], label.width2 input[type="password"], 
label.width2 input[type="date"], label.width2 input[type="search"]	{ width: 480px; }

label.width3 input[type="text"], label.width3 input[type="email"], label.width3 input[type="url"], label.width3 input[type="password"], 
label.width3 input[type="date"], label.width3 input[type="search"]	{ width: 732px; }



label.width1 select				{ width: 234px; }
label.width2 select				{ width: 486px; }
label.width3 select				{ width: 738px; }

label.unitx1 input[type="text"], label.unitx1 input[type="email"], label.unitx1 input[type="url"], 
label.unitx1 input[type="password"], label.unitx1 input[type="date"], label.unitx1 input[type="search"]	{ width: 39px; }

label.unitx2 input[type="text"], label.unitx2 input[type="email"], label.unitx2 input[type="url"], 
label.unitx2 input[type="password"], label.unitx2 input[type="date"], label.unitx2 input[type="search"]	{ width: 102px; }

label.unitx3 input[type="text"], label.unitx3 input[type="email"], label.unitx3 input[type="url"], 
label.unitx3 input[type="password"], label.unitx3 input[type="date"], label.unitx3 input[type="search"]	{ width: 165px; }

label.unitx8 input[type="text"], label.unitx8 input[type="email"], label.unitx8 input[type="url"], 
label.unitx8 input[type="password"], label.unitx8 input[type="date"], label.unitx8 input[type="search"]	{ width: 480px; }




	label { margin-bottom:13px}
	label span {
		display: inline-block;
		}
	label > span + span, label.required span.quiet {/*sibling span */
		font-size: 95%;
		font-weight: normal;
		}
	input[type="text"],	input[type="date"], input.date,	input[type="email"],	input[type="url"], input[type="password"],
	input[type="select"], input[type="search"], textarea, select {
		padding: 3px 0 4px;
		text-indent: 9px;
		line-height: 18px;
		border: 1px solid #666; /* customize me */
		background: #f1f1f1;/* customize me */
		}
	select {text-indent: 0;}
	textarea {height: 72px;}
	.width2 p.notice { width:200px}
	p.width1 { width:335px}
	
	.refer-a-friend label, .refer-a-friend label span { display:block;  }
	.refer-a-friend label.width2 input {width: 228px}
	
	.refer-a-patient span { display:block}
	.refer-a-patient fieldset label.unitx1 span { display:inline; margin-right:20px}
	.refer-a-patient fieldset label.unitx1 { display:inline;}
	.refer-a-patient label.width2 #Referral_Comments  {width: 480px}/* customize me */
	
	.appointment-request label.width2 #Nature_Of_Appointment  {width: 480px}/* customize me */	
	.appointment-request label.unitx2 { float:left; margin-right:18px;}
	.appointment-request label.width1 { width:234px; float:left; clear:left}
	.appointment-request label.unitx3 { float:left; }

	/* Radios and Checkboxes*/
	.radio-group {}
		.radio-group p {margin: 0;}
		.radio-group label span { font-size: 11px;}
		
	/* Field hover styles */
	input[type="text"]:hover,	input[type="date"]:hover,	input.date:hover, input[type="email"]:hover,	input[type="url"]:hover, 
	input[type="password"]:hover,	input[type="select"]:hover, input[type="search"]:hover, textarea:hover, select:hover, 	
	input[type="text"]:focus,	input[type="date"]:focus,	input.date:focus,	input[type="email"]:focus,	input[type="url"]:focus, input[type="password"]:focus,
	input[type="select"]:focus, input[type="search"]:focus, textarea:focus, select:focus {
		background: #ffffff;
		border-color: #333; /* customize me*/
		box-shadow: 0 0 3px rgba(0,0,0,.35);
		-moz-box-shadow: 0 0 3px rgba(0,0,0,.35);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.35);
		}
	/* disabled fields */
	input[disabled="disabled"], textarea[disabled="disabled"], select[disabled="disabled"],
	input[disabled="disabled"]:hover, textarea[disabled="disabled"]:hover, select[disabled="disabled"]:hover {
		border-color: #e0e0e0;
		background: #e0e0e0;
		}
	/* Buttons */	
	button { margin-bottom:13px}
	button:active { top: 6px;}

	/* Required and Error styles */
	label.required > span, p.required > span  {font-weight: bold;}	
	/*errors*/
	fieldset div.error {text-shadow: 1px 0 1px rgba(0,0,0,.45); width: 250px; font-size: 90%;}
		.error em {
			display:block;
			width:0;
			height:0;
			border: 9px solid;
			border-color: transparent transparent #ad2d10;
	
			/* positioning */
			position:absolute;
			top:-17px;
			left:18px;
			}
			.error span {display: block; margin: 0;}
	
	input[type="text"].invalid,	input[type="email"].invalid,	input[type="url"].invalid, input[type="password"].invalid,
	input[type="select"].invalid, input[type="search"].invalid, textarea.invalid, select.invalid {
		border-color: #900f00; 
		color: #900f00;
		}

	/* hidden field styles */
	.hidden-option {
		display: none;
		}

	/* Star Rating*/
	div.js-rate {margin-bottom: 18px;}	
		div.js-rate p {margin: 0 0 9px;}
		div.js-rate label, div.js-rate label span {display: none;}
	
	.ui-stars-star,
	.ui-stars-cancel {
	  float: left;
	  display: block;
	  overflow: hidden;
	  text-indent: -999em;
	  cursor: pointer;
		}
		.ui-stars-star a,
		.ui-stars-cancel a {
		  width: 18px;
		  height: 18px;
		  display: block;
		  background: url(../../sesame_media/images/star_rating/jquery.ui.stars.png) no-repeat 0 0;
			}
		.ui-stars-star a {
		  background-position: 0 -36px;
			}
		.ui-stars-star-on a {
		  background-position: 0 -54px;
			}
		.ui-stars-star-hover a {
		  background-position: 0 -72px;
			}
		.ui-stars-cancel-hover a {
		  background-position: 0 -18px;
			}
		.ui-stars-star-disabled,
		.ui-stars-star-disabled a,
		.ui-stars-cancel-disabled a {
		  cursor: default !important;
			}

/**************************************/
/*               CSS3                 */
/**************************************/
	/* Rounded Corners */
	.box-round {
		-moz-border-radius:7px;
		-webkit-border-radius:7px;
		border-radius:7px;
		}
	.box-round-top {
		border-radius:7px 7px 0 0;
		-moz-border-radius-topleft:7px;
		-moz-border-radius-topright:7px;
		-webkit-border-top-left-radius:7px;
		-webkit-border-top-right-radius:7px;
		}
	.box-round-bottom {
		border-radius:0 0 7px 7px;
		-moz-border-radius-bottomleft:7px;
		-moz-border-radius-bottomright:7px;
		-webkit-border-bottom-left-radius:7px;
		-webkit-border-bottom-right-radius:7px;
		}
	.box-round-left {
		border-radius:7px 0 7px 0;
		-moz-border-radius-topleft:7px;
		-moz-border-radius-bottomleft:7px;
		-webkit-border-top-left-radius:7px;
		-webkit-border-bottom-left-radius:7px;
		}
	.box-round-right {
		border-radius:0 7px 0 7px;
		-moz-border-radius-topright:7px;
		-moz-border-radius-bottomright:7px;
		-webkit-border-top-right-radius:7px;
		-webkit-border-bottom-right-radius:7px;
		}
	/* text shadow  -----------------*/
	.singlepx-shadow-dark {
		text-shadow:0 1px rgba(0,0,0,0.65);
		}
	.singlepx-shadow-light {/* dark Apple-style shadow */
		text-shadow:0 1px rgba(255,255,255,0.85);
		}
	.negative-singlepx-shadow-dark {/* light Apple-style shadow */
		text-shadow:0 -1px rgba(0,0,0,0.85);
		}
	.negative-singlepx-shadow-light {/* dark negative Apple-style shadow */
		text-shadow:0 -1px rgba(255,255,255,0.85);
		}
	.inset-shadow {/* light negative Apple-style shadow */
		text-shadow:-1px -1px rgba(0,0,0,0.65), 1px 1px rgba(255,255,255,0.85);
		}
	.classic-shadow {
		text-shadow:2px 2px 3px rgba(0,0,0,0.65);
		}
	/* classic drop shadow  -----------------*/
	.glow-shadow {text-shadow:0 0 9px rgba(255,255,255,0.85);}
	/* box shadow  -----------------*/
	.box-shadow {
		-moz-box-shadow: 0 0 3px rgba(0,0,0,0.45);
		-webkit-box-shadow:0 0 3px rgba(0,0,0,0.45);
		box-shadow:0 0 3px rgba(0,0,0,0.45);
		}
	.box-shadow-bottom {
		box-shadow:0 2px 3px rgba(0,0,0,0.45);
		-moz-box-shadow:0 2px 3px rgba(0,0,0,0.45);
		-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.45);
		}
	.box-shadow-large {
		-moz-box-shadow: 0 0 9px rgba(0,0,0,0.65);
		-webkit-box-shadow:0 0 9px rgba(0,0,0,0.65);
		box-shadow:0 0 9px rgba(0,0,0,0.65);
		}
	
	/* buttons  -----------------*/
	.button, a.button {
		color: #fff;
		border: solid 1px;
		text-align: center;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		font-size: 14px;
		line-height: 100%;
		padding: 5px 1em 5px;
		text-shadow: 0 1px 1px rgba(0,0,0,.3);
		text-decoration: none;
		}
	.button:hover, a.button:hover { text-decoration: none;}
	.button span {padding-left: 24px;}
	.button-medium {

		font-size: 16px;
		padding: 4px 18px 5px;
		}
	
	.button-small {
		font-size: 14px;
		padding: 4px 9px 5px;
		}
	/* button colors  -----------------*/
	.site-button-color {
		color: #fff;
		border-color: #333;
		background: #444;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#444444), to(#cccccc));
		background: -moz-linear-gradient(#444444, #cccccc);
		background: linear-gradient(#444444, #cccccc);
		-pie-background: linear-gradient(#444444, #cccccc);
		behavior: url(../PIE.html);
		}

/**************************************/
/*           SESAME CONTENT           */
/**************************************/

/*Blog css for WordPress site */
/* Blog ------------------ */
	.navigation,
	.pagination {margin-top: 36px; margin-bottom:12px;}
	.navigation .next_post,
	.pagination .next_page {float: right;}
	.navigation .previous_post:before,
	.pagination .previous_page:before {content: "\27EA  ";}
	.navigation .next_post:after,
	.pagination .next_page:after {content: " \27EB";}
	
	.entry {display:block; /*clear:both;*/}
	.entry img.alignleft {margin: 0 0 2px 7px; display: inline;	float:left;}
	.entry img.alignright {margin: 0 7px 2px 0; display: inline; float:right;}
	.entry img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
	.entry_meta p {margin: 0 0 12px;}
	#entry_comments {margin-top:36px;}
    #entry_comments form {
    width: 486px;
    }
    #entry_comments form input {
      width: 480px;
      margin-bottom: 18px;
      }
    #entry_comments form label {margin-bottom: 6px;}
	#entry_comments form button {color:#333;}

	/* BLOG FORM */
	
	form#blog_search {
	 left: 63px;
	 top: 1051px;
	 background: #8dc641;
	 -webkit-border-radius: 8px;
	 border-radius: 8px;
	 border:1px solid rgba(0,0,0, .5);
	 -webkit-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, .08);
	 box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, .08);
	 color: #000000;
	 margin: 0;
	 padding-top:3px;
	 position: absolute;
	 text-align: center;
	 width: 195px;
	 z-index: 31;	
	box-shadow: 0px 3px 3px rgba(0,0,0,.35);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,.35);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,.35);
	}
	
	form#blog_search label {
	 color:rgba(255,255,255,.9);
	 font-size:17px;
	 font-weight:bold;
	 font-style:italic;
	 text-shadow:1px 1px 3px rgba(0,0,0,.3);
	 margin-bottom:13px;
	 text-align:center;
	}
	form#blog_search input {
	 background:rgba(255,255,255,.8);
	 color:rgba(0,0,0,.8);
	 border:1px solid rgba(0,0,0,.8);
	 width: 178px;
	 margin: 6px auto;
	 -webkit-transition: all .15s linear;
	 -moz-transition: all .15s linear;
	 -ms-transition: all .15s linear;
	 -o-transition: all .15s linear;
	 transition: all .15s linear;
	}
	form#blog_search input:hover {
	 background:rgba(255,255,255,.9);
	}
	form#blog_search input:focus {
	 background:rgba(255,255,255,.94);
	 -webkit-box-shadow: 0px 0px 3px 0px rgba(255, 255, 255, .34);
	 box-shadow: 0px 0px 3px 0px rgba(255, 255, 255, .34);
	 width: 178px;
	 margin: 6px auto;
	}
	form#blog_search button {
	 background:rgba(0,0,0,.26);
	 color:rgba(255,255,255,.85);
	 font-size:12px!important;
	 border:1px solid rgba(0,0,0,.24);
	 -webkit-border-radius: 4px;
	 border-radius: 4px;
	 letter-spacing:.6px;
	 text-transform:uppercase;
	 font-weight:bold;
	 font-size:10px!important;
	 padding:4px 8px 6px!important;
	 -webkit-transition: all .25s linear;
	 -moz-transition: all .25s linear;
	 -ms-transition: all .25s linear;
	 -o-transition: all .25s linear;
	 transition: all .25s linear;
	}
	form#blog_search button:hover {
	 background:rgba(0,0,0,.22);
	 color:rgba(255,255,255,1);
	 -webkit-box-shadow:0px 0px 5px 0px rgba(255, 255, 255, .24);
	 box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, .24);
	}
	form#blog_search button:active {
	 background:rgba(0,0,0,.35);
	}
	form button {
		margin: 1em 2em;
		padding: 0;
	}
	
	
	/* end blog css */


	/* Brushing and Flossing -------------*/
	dl#brushing-instructions dd ul, 	dl#flossing-instructions dd ul {
	 margin: 0;
	 list-style: none;
	}
	#toggle-content dd ul {list-style: none; }
		
	/* Clarity/SmartClip -----------------*/
	#calrity-thumb, #clarity-thumb { /* customize me */ }
	
	/* Emergency Care --------------------*/
	ul#toggle-emergency li, #toggle-content li {list-style: none;} /*remove bullets*/
	#toggle-emergency li div { margin-bottom: 9px;}
	#toggle-emergency li div p { top: auto; margin-top: 0;}	
	
	/* Common Treatments -----------------*/
	div.box {
	  background-color: #fff; /* Customize me! */
	  border: solid 1px #999; /* Customize me! */
	}
	div.box img {
	  border: solid 1px #333; /* Customize me! */
		}
	/* Incognito -------------------*/
	.incognito-image { /* customize me */ }
	
	/* In-Ovation  -----------------*/
	div.comparison {
	  border: 1px solid; /* Customize me! */
		}
		div.comparison div {
		  width: 46%; /* Adjust this number to fine tune width */
			}
	.in-ovation-image {/* customize me */}	
	
	/* Invisalign ----------------------- */
	#video-invisalign { width: 360px; height: 266px; border: 1px solid #333/* customize me */}
	
	/* Invisalign Teen ------------------ */
	span.indent {padding-left: 40px;}
	#invisalign-sidebar {
	  background: #fff; /* Customize me! */
	  border: solid 1px #333; /* Customize me! */
	}
	#invisalign-sidebar a {
	  color: #036; /* Customize me! */
	}
	#invisalign-sidebar h3 {
	  background: #97AFC2; /* Customize me! */
	  font-size: 16px; /* Customize me! */
	  font-weight: bold; /* Customize me! */
	  color: #fff; /* Customize me! */
	}
	.thumb {
	  border: solid 1px #333; /* Customize me! */
	}
	
	/* Opalescence --------------------------- */
	#video-opalescence { width: 400px; height: 251px; border: 1px solid #333/* customize me */}
	
	/* Invisalign Pro Pack ======================= */
	
	/* Reset */
	#pro-pack {
	  position: relative;
	  font-size: inherit;
	  line-height: inherit;
		}

	#pro-pack .img-left {
		margin-left: 25px;
	}

	/* Global Pro Pack Styles ------------------- */
	#pro-pack .border {
	  border: solid 1px #333; /* Customize me!! */
	}
	
	/* Invisalign Testimonials ------------------ */
	#pro-pack ul#testimonials {clear: both;}
	/*#pro-pack ul#testimonials li {overflow: hidden;}*/
	#pro-pack ul#testimonials li {overflow: hidden; list-style: none; background-image: none;margin-bottom: 10px;}
		#pro-pack ul#testimonials li p { margin-top: 0;}

	/* Invisalign Info ------------------ */
	#pro-pack #video-invisalign { width: 360px; height: 266px; border: 1px solid #333/* customize me */}
	
	/* Invisalign Teen ------------------ */
	#pro-pack #invisalign-sidebar {
	  background: #fff; /* Customize me! */
	  border: solid 1px #333; /* Customize me! */
	}
	#pro-pack #invisalign-sidebar a {
	  color: #036; /* Customize me!! */
	}
	#pro-pack #invisalign-sidebar h3 {
	  background: #97AFC2; /* Customize me!! */
	  font-size: 16px; /* Customize me!! */
	  font-weight: bold; /* Customize me!! */
	  color: #fff; /* Customize me!! */
	}
	#pro-pack .thumb {
	  border: solid 1px #333; /* Customize me!! */
	}
	
	/* Invisalign Videos ------------------- */
	#pro-pack div.invisalign-flash {
	  border: solid 1px #333; /* Customize me!! */
	}
	
	/* Invisalign Before and After --------------- */
	
	/*before-after missing-image fix*/
	#pro-pack ul#before-after-cycle li {
	margin-left:0px;
	list-style:none;
	list-style-image:none;
	padding-left:0px;
	}
	
	#pro-pack #invisalign-before-after {
	  /*background-color: #e1ef7e;  Customize me */
	  border: solid 1px #999; /* Customize me */
	  -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 */
	}
	#pro-pack ul#before-after-cycle li img {
	  border: solid 1px #333; /* Customize me */
	}
	#pro-pack #invisalign-before-after div.cycle-detail {
	  background-color: #fff; /* Customize me */
	  color: #333; /* Customize me */
	  border: solid 1px #333; /* Customize me */
	  -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 */
	}
	#pro-pack #invisalign-before-after div.before-after-nav {
	  background: #fff; /* Customize me */
	  border: solid 1px #333; /* Customize me */
	  -moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove - Does not work in IE */
	  -webkit-border-top-left-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
	  -webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
	}
	#pro-pack #invisalign-before-after .before-after-nav a {color: #333;} /* Customize me */
	#pro-pack #invisalign-before-after .before-after-nav a.activeSlide,
	#pro-pack #invisalign-before-after .before-after-nav a:hover {color: #009EC7;} /* Customize me */
	
	/* Invisalign Footer -------------------- */	
	#pro-pack #invisalign-footer {
	  border: solid 1px #333; /* Customize me!! */
	  -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 */
	}
	#pro-pack #invisalign-footer h3 {
	  background: #97AFC2; /* Customize me!! */
	  color: #fff; /* Customize me!! */
	  font-size: 14px; /* Customize me!! */
	  -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 {
	  /*border: solid 1px #333;  Customize me!! */
	  list-style: none;
	}
	
	#pro-pack #invisalign-footer ul li {
	  list-style: none;
	}
	
	
	/* Pro Pack Callouts --------------- */
	#pro-pack-callout-sm {
	  background: #eee /* Customize this color!! */ url(../../../media.sesamehost.com/images/invisalign-pro-package/callout-sm.png) no-repeat;
	  border: solid 1px #000; /* Customize me!! */
	  -moz-border-radius: 3px; /* Optional - you may customize or remove - Not supported in iYee */
	  -webkit-border-radius: 3px; /* Optional - you may customize or remove - Does not work in IE */
	  margin: 0 0 18px; /* Customize me!! */
	  /* Uncomment the following lines if using absolute positioning */
	  /* top: 390px; Customize me!! */
	  /* left: 350px; Customize me!! */
	  /* position: absolute; */
	  /* z-index: 2; Adjust this number if needed */
	}
	
	#pro-pack #invisalign-before-after li {
		list-style: none;	
	}
	
	
	#pro-pack-callout-lg {
	  background: #eee /* Customize this color!! */ url(../../../media.sesamehost.com/images/invisalign-pro-package/callout-lg.png) no-repeat;
	  border: solid 1px #000; /* Customize me!! */
	  -moz-border-radius: 3px; /* Optional - you may customize or remove - Does not work in IE */
	  -webkit-border-radius: 3px; /* Optional - you may customize or remove - Does not work in IE */
	  /* Uncomment the following lines if using absolute positioning */
	  /* top: 470px; Customize me!! */
	  /* left: 350px; Customize me!! */
	  /* position: absolute; */
	  /* z-index: 2; Adjust this number if needed */
	}
	
	
	/* Before and After - Static ------------------ */
	ul.before-after-static li {
	  background-color: #FFAFFD; /* 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 */
	}
	ul.before-after-static li img {
	  border: solid 1px #333; /* Customize me */
	}
	ul.before-after-static li div.detail {
	  background-color: #fff; /* 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 */
	}
	
	/* jQuery Cycle Before and After */
#before-after-container ul li {margin: 0px;}
#before-after-container {
  width: 488px;
  min-height: 234px;
  line-height: 18px;
  margin: 0 0 18px 0;
  padding: 10px 0 10px 10px;
  background-color: #6d9500; /* Customize me */
  border: solid 1px #333; /* Customize me */
  border-radius: 5px; /* Optional - you may customize or remove */
  -moz-border-radius: 5px; /* Optional - you may customize or remove */
  -webkit-border-radius: 5px; /* Optional - you may customize or remove */
}
#before-after-container ul.slideshow {
  list-style: none; 
  margin: 0; 
  padding: 0;
  width: 488px;
  height: 182px;
  overflow: hidden;
}
ul#before-after-cycle li img {
  width: 232px;
  float: left;
  margin-right: 10px;
  border: solid 1px #333; /* Customize me */
}
#before-after-container p {
  float: left;
  width: 50%;
  margin: 0 0 10px 0;
}
#before-after-container div.cycle-detail {
  min-height: 70px; /* Increase this number to accomodate longer or shorter description text and to prevent "bumping" of lower content */
  clear: both;
  background-color: #fff; /* Customize me */
  padding: 10px;
  margin: 0 10px 0 0;
  border: solid 1px #333; /* Customize me */
  border-radius: 0 0 5px 5px; /* Optional - you may customize or remove */ 
  -moz-border-radius: 0 0 5px 5px; /* Optional - you may customize or remove */ 
  -webkit-border-bottom-left-radius: 5px; /* Optional - you may customize or remove */ 
  -webkit-border-bottom-right-radius: 5px; /* Optional - you may customize or remove */
}
#before-after-container .before-after-nav {
  background: #fff; /* Customize me */
  margin: 0 10px 10px 0;
  padding: 5px 3px;
  border: solid 1px #333; /* Customize me */
  border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
  -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 */
}
#before-after-container .before-after-nav a {
  text-decoration: none; 
  font-size: 12px; 
  padding: 5px; 
  margin: 0 3px; 
  outline: none;
  color: #333; /* Customize me */
}
#before-after-container .before-after-nav a.activeSlide, #before-after-container .before-after-nav a:hover {color: #009EC7;} /* Customize me */
	
	/* jQuery Before and After Slider ------------------ */
	.slider-container {
	color: #333; /* Customize me */
	background-color: #FFAFFD; /* 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 */
	}
	.before-after-slider {border: solid 1px #333;} /* Customize me */
	.slider-container div.slider-detail {
	min-height: 55px; /* Increase this number to accomodate longer or shorter description text and to prevent "bumping" of lower content */
	background-color: #fff; /* 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 */
	}
	.slider-nav {
	background: #fff; /* Customize me */
	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 */
	}
	.slider-nav a {
	color: #333; /* Customize me */
	}
	.slider-nav a.activeSlide, .slider-nav a:hover {color: #009EC7;} /* Customize me */
	
	/* Office Tour CSS ------------------ */
#gallery-container {
    max-width: 500px;
    height: auto;
}
ul#css-office-tour {
    display: block;
    height: auto;
    max-width: 500px;
    position: center;
    list-style: none;
    border: solid 1px #333;
    background-image: url(../../assets/images/css-office-tour/4005.jpg) /* Customize me */
}
ul#css-office-tour li {
  margin: 390px 0 0 0px; 
  float: left; 
  display: inline;
}
ul#css-office-tour li img {
  border: solid 1px #333; /* Customize me */
  margin: 0 4px 2px 0; 
  width: 68px; 
  height: 52px;
}
ul#css-office-tour a {text-decoration: none;}
ul#css-office-tour a span {
  left: -9999px; 
  position: absolute;
}
ul#css-office-tour a span img {
  border: none; 
  width: 460px; 
  height: auto;
}
ul#css-office-tour a:hover {
  background: none; 
  z-index: 100;
}
ul#css-office-tour a:hover span {
  position: absolute; 
  top: 10px; 
  left: 10px; 
  display: block;
}
.mySlides {
    display: none
}

.demo {
    cursor: pointer
}
.office-tour #content  ul {margin: 0 0 20px 11px; height: 390px;}
/*--- end of css ---*/
	/* Cycle Office Tour ------------------ */
	#slideshow-container {
	  background: #e1ef7e; /* Customize me */
	  border: solid 1px #a0b606; /* Customize me */
	  -moz-border-radius: 5px; /* Optional - you may customize or remove */
	  -webkit-border-radius: 5px; /* Optional - you may customize or remove */
	}
	#slideshow-container div#caption {
	  background-color: #fff; /* Customize me */
	  color: #333; /* Customize me */
	  border: solid 1px #a0b606; /* Customize me */
	  -moz-border-radius: 5px; /* Optional - you may customize or remove */
	  -webkit-border-radius: 5px; /* Optional - you may customize or remove */
	}
	
	#cycle-office-tour img, #cycle-office-tour-02 img {
	box-shadow: 3px 3px 3px rgba(0,0,0,.65);
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,.65);
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.65);
	}
	.office-tour-nav {
		
	   /*background-color: #fff; Customize me */
	  /*border: solid 1px #a0b606;  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;  /* Customize me */
	  font-size: 18px;  /* Customize me */
	  padding: 5px;  /* Customize me */
	  margin: 0 3px;  /* Customize me */
	  color: #333; /* Customize me */
	}
	.office-tour-nav a.activeSlide, .office-tour-nav a:hover {color: #009EC7;} /* Customize me */


	#content #cycle-office-tour li {
	 list-style: none;
	 background-image: none;
	 padding: 0;
}

/*office tour*/
.office-tour-nav {
    
    margin: 20px 20px 0 20px;
}

.office-tour #content  ul {margin: 0 0 20px 11px; height: 370px;}

#content #cycle-office-tour li {
	list-style: none;
	background-image: none;
	padding: 0;
}

#cycle-office-tour, #cycle-office-tour-02 {height: 450px;}
.office-tour-nav {
	  
	  margin: 20px 20px 0 20px;	
}

/*office tour*/

#content #cycle-office-tour li {
	list-style: none;
}

/*office tour-02*/
#office-2 ul {
	margin: 0;
	padding: 0;
}

#content .content-inner ul#cycle-office-tour-02  {
	margin: 0;
	padding: 0;
}

#content ul#cycle-office-tour-02 li {
	list-style: none;
	
}

#content #cycle-office-tour-02 li {
	list-style: none;
}

      

	#content #cycle-office-tour li {
	 list-style: none;
	 background-image: none;
	 padding: 0;
}
	
	/* Gallery Office Tour ------------------ */
	/* IMPORTANT - This prevents a flash of unstyled content */
	#gallery { visibility: hidden; }
	
	/* GALLERY CONTAINER */
	.gallery { background: #fff; border: 1px solid #333; padding: 10px; margin: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	
	/* 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);}

/**************************************/
/*           JQUERY PLUGINS           */
/**************************************/
	/* JQUERY TOOLS ----------------*/
	/* Calendar for <input type="date"/> */
	/* calendar root element */
	input.date {position: relative;}
	#calroot {
		
		top: 0;
		display: block;
		z-index:1000;/* place on top of other elements. set a higher value if nessessary */
		margin-top:-1px;
		width:198px;
		padding: 2px;
		background-color:#fff;
		font-size:11px;
		border:1px solid #ccc;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-moz-box-shadow: 0 0 15px #666;
		-webkit-box-shadow: 0 0 15px #666;	
		}
	/* head. contains title, prev/next month controls and possible month/year selectors */
	#calhead {	
		padding:2px 0;
		height:22px;
		} 
	#caltitle {
		font-size:14px;
		color:#0150D1;	
		float:left;
		text-align:center;
		width:155px;
		line-height:20px;
		text-shadow:0 1px 0 #ddd;
		}
	#calnext, #calprev {
		display:block;
		width:18px;
		height:18px;
		background:transparent url(../../sesame_media/images/calendar/prev.png) no-repeat scroll center center;
		float:left;
		cursor:pointer;
		}
	#calnext { background-image:url(../../sesame_media/images/calendar/next.png); float:right;}
	#calprev.caldisabled, #calnext.caldisabled { visibility:hidden;}
	/* year/month selector */
	#caltitle select { font-size:10px;}
	/* names of the days */
	#caldays { height:14px; border-bottom:1px solid #ddd;}
		#caldays span { display:block; float:left; width:28px; text-align:center;}
	/* container for weeks */
	#calweeks { background-color:#fff; margin-top:4px;}
	/* single week */
	.calweek { clear:left; height:22px;}
	/* single day */
	.calweek a {
		display:block;
		float:left;
		width:27px;
		height:20px;
		text-decoration:none;
		font-size:11px;
		margin-left:1px;
		text-align:center;
		line-height:20px;
		color:#666;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;} 
	/* different states */
	.calweek a:hover, .calfocus { background-color:#ddd;}
	/* sunday */
	a.calsun { color:red;}
	/* offmonth day */
	a.caloff { color:#ccc;}
	a.caloff:hover { background-color:rgb(245, 245, 250);}
	/* unselecteble day */
	a.caldisabled { background-color:#efefef !important; color:#ccc	!important;	cursor:default;}
	/* current day */
	#calcurrent {	background-color:#498CE2;	color:#fff;}
	/* today */
	#caltoday { background-color:#333; color:#fff;}	
	
#color-your-retainer {
    background-color: #525253;
}
 
#jquery-braces-diagram {
    background-color: #525253;
}