/*********************************************************************
	
	Sesame Communications - (c) 2011
	Built by: Gary King
	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 */
/**************************************/
/*iPad and iPhone fix*/
/**************************************/

 /* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #bd {
     margin: 10px;
     background: url('/assets/images/bd-1600.jpg') center 0 repeat;
    } 
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
    #bd {
     margin: 10px;
     background: url('/assets/images/bd-1600.jpg') center 0 repeat;
    } 
}
/**************************************/
/*               TYPE                 */
/**************************************/

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


@font-face {
    font-family: 'Helvetica';
    src: url('/assets/fonts/helvetica.eot');
    src: url('/assets/fonts/helvetica.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/Helvetica.woff') format('woff'),
         url('/assets/fonts/Helvetica.ttf') format('truetype'),
         url('/assets/fonts/Helvetica.svg#Helvetica') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* webkit font anti-aliasing */
* {-webkit-font-smoothing: antialiased;}

body, p {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	line-height:18px; 
	}
	
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: #A7D7EE;/* customize me */
}
				
p {margin: 2px 0 18px 0; padding:0px;}
	
a, .sitemap #content ul li a, .sitemap #content ul ul li a, a.map-text, .map  {color: #006699;}
a:hover, a.active, a.map-text:hover {text-decoration: none;}

.sitemap #content {}
.sitemap #content ul li  a {font-size: 14px; font-weight:bold;}
.sitemap #content ul li { list-style: none; background-image: none;}
.sitemap #content ul ul li a   {font-size: 14px; font-weight: normal;}
.sitemap .back-to-top {clear: both;}
.sitemap #sub-navigation, .blog #sub-navigation {display: none;}
.sitemap h1.headline {margin-bottom: 20px;}

span#more-in-section{
	font-weight:bold;
	color:#006699;
}

h1.headline { 
	font-size: 30px; 
	margin: 0; 
	line-height: 28px; 
	color: #008fcf; 
	font-family: "Helvetica-Light", Arial, Helvetica, sans-serif;
}

h2 { 
	font-size: 18px; 
	line-height: 1.2em;
    margin: 0px 0 7px 0;
	color: #069;
}

.home h2 { 
	font-size: 16px; 
	line-height: 1.2em;
    margin: 10px 0 10px 0;
	color: #069;
}

h2#tagline { text-indent:-999em; margin: 0; padding: 0; }
h3 { 
	font-size: 16px; 
	margin: 18px 0; 
	color: #069;
	font-weight: bold;
}
h4 { 
	font-size: 14px; 
	color: #333;
	font-weight: bold;
}
h5 { 
	font-size: 13px; 
	color: #333;
}
h6 { 
	font-size: 12px; 
	color: #433126;
}
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;}	

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

/**************************************/
/*              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:990px;
	height:135px;
	margin:0 auto;
	padding:0;
	position:relative;
}

#branding #logo a {width: 752px; height: 126px; display: block;}/* adjust height and width. logo h1 a */

/* start hd-address */
#hd-address {position: absolute; width: 330px; top: 6px; left: 658px; color: #056ea7;  text-align: right; text-shadow:0 1px rgba(255,255,255,0.85);}
#hd-address a { font-family: "Helvetica", Arial, Helvetica, sans-serif; color: #2fa5d9; text-decoration: none; font-size: 17px;  text-align: right; }
#hd-address a:hover {color: #666; text-decoration: none;}
#hd-address ul li {color: #0563a7px; font-size: 17px; text-align: right; }
#hd-address .hd-phone { font-size: 18px; color: #056ea7; line-height: 24px; margin: 12px 0 0 0;  text-align: right;}
#hd-address .hd-name { font-size: 20px; color: #056ea7; line-height: 24px; margin: 10px 0 0 0;  text-align: right;}
/* end hd-address*/

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

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

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

.bd-wrapper-outer {	width: 990px; background: url(../images/bd-wrapper-outer.jpg) top center repeat-y; margin: 0 auto;}

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

#bd .wrapper {
	background: url(../images/bd-wrapper-int.jpg) top center no-repeat;
	width:990px;
	min-height:930px;
	margin:0 auto;
	padding:0;
	position:relative;
}

.cheltenham-office #bd .wrapper, .mornington-office #bd .wrapper{
	background: url(../images/bd-wrapper-int-contacts.jpg) no-repeat scroll center top transparent;
}


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

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

#content ul li {list-style:disc; margin: 10px 0 10px 10px;}
#content ol li {list-style: decimal; margin: 10px 0 10px 10px;}

.blog #content header.child {padding:0px 0px 0px 0px; margin: 55px 0 0;}
.sitemap #content header.child {padding:0px 0px 0px 0px; margin: 0px 0 0 0;}
.home #content header.child {padding:0px 0px 0px 0px; margin:400px 0px 0px 0px;}
#content header.child {padding:0px 0px 0px 0px; margin:60px 0px 0px 0px;}

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

#sub-navigation {
	margin:5px auto 15px auto; 
	padding: 6px 0;
	}
	
#sub-navigation p {
	min-height: 15px;
	margin: 0px 0 0;
	width: 534; 
	text-align: left;
	}
	


p.sub-nav {
	color: #006699;
	padding-bottom: 10px;
	}
	
.sub-nav a {
	color: #666; 
	font-size: 13px; 
	font-weight: bold;
	text-decoration: underline;
	text-transform: normal;
}

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

#navigate-header {display: none;}


/**************************************/
/*           Page Specific            */
/**************************************/

.ortho-dictionary dt{
	color:#008FCF;
}

.types-of-braces h3{
	color:rgb(0, 143, 207);
}

/*.cheltenham-office #bd.wrapper, .mornington-office #bd.wrapper{
	background: url('../assets/images/bd-wrapper-int-contacts.jpg' no-repeat scroll center top transparent;
}*/

.what-sets-us-apart h3 {
    margin: 15px 0 0;
}
/**************************************/
/*             SIDEBAR                */
/**************************************/

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

#sidebar {
	position: relative;
	width:295px;
}

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

/*start sidebar images*/	
#sidebar-images {position: absolute; top: 460px; left: 18px ;}
#sidebar-images a:hover {position: relative; top: -2px;}
#sidebar-images img {margin:0 0 0 0;}
li.sb-appointment-request {margin:0 0 -4px 0;}
li.sb-your-first-visit {margin:0 0 0 0;}
li.sb-smile-gallery {margin:0 0 0 0;}
li.sb-doctor {margin: 0 0 -4px 0}	
/*end sidebar images*/		

/**************************************/
/*              FOOTER                */
/**************************************/
#ft {
	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;
	background: url(../images/ft-wrapper.jpg) top center no-repeat;
	width:990px;
	min-height: 256px;
	margin-top:0px;
	margin-left:auto;
	margin-bottom:0px;
	margin-right:auto;
	padding:0px 0px 0px 0px;
}



/* start ft-nav */

#ft .wrapper a {/*font-family: "Helvetica", Arial, Helvetica, sans-serif;*/ }

#ft .wrapper #ft-nav #ft-col-01 a, #ft .wrapper #ft-nav #ft-col-02 a, #ft .wrapper #ft-nav #ft-col-03 a {color: #0177ac; text-decoration: none;  }
#ft .wrapper #ft-nav #ft-col-01 a:hover, #ft .wrapper #ft-nav #ft-col-02 a:hover, #ft .wrapper #ft-nav #ft-col-03 a:hover {color: #333; text-decoration: none;  }
#ft .wrapper #ft-nav #ft-col-01 li, #ft .wrapper #ft-nav #ft-col-02 li, #ft .wrapper #ft-nav #ft-col-03 li {font-size: 12px; line-height: 18px; text-transform: normal;}

#ft .wrapper #ft-nav #ft-col-01 {position: absolute; top: 0px; left: 0; width: 143px; }
#ft .wrapper #ft-nav #ft-col-02 {position: absolute; top: 0px; left: 137px; width: 143px;}
#ft .wrapper #ft-nav #ft-col-03 {position: absolute; top: 0px; left: 300px; width: 143px;}
#ft .wrapper #ft-nav {position: absolute; top: 90px; left:251px;}
.ft-logins  {font-weight: bold;}
/* end ft-nav */

	 
.map-01 {position: relative; top: 90px; left: 505px;}
.map-02 {position: relative; top: 90px; left: 712px;}

#ft-inqiuries {position: absolute; top: 166px; left: 580px; color: #0177ac;}
#ft-inqiuries a {text-decoration: none;}
#ft-inqiuries a:hover {text-decoration: none; color: #333;}


/* start ft-address */
#ft-address-01 {position: absolute; width: 250px; top: 106px; left: 577px; color: #0177ac;  line-height: 12px;}
#ft-address-02 {position: absolute; width: 250px; top: 106px; left: 752px; color: #0177ac;  line-height: 12px;}
#ft-address-01, #ft-address-02 {}
#ft-address-01  ul li, #ft-address-02  ul li {text-align: left; line-height: 14px;}
#ft-address-01 a, #ft-address-02 a {color: #0177ac; text-decoration: none; font-size: 12px; }
#ft-address-01 a:hover, #ft-address-02 a:hover {color: #333; text-decoration: none;}
#ft-address-01 .ft-name, #ft-address-02 .ft-name {color: #333; font-weight: bold; text-transform: normal; font-size: 12px; }
#ft .wrapper #ft-address-01 .ft-address li, #ft .wrapper #ft-address-02 .ft-address li {line-height: 18px; color: #927861; font-size: 12px; }
#ft-address-01 .ft-phone, #ft-address-02 .ft-phone {color: #c0a5eb; font-size: 12px; }
/* end ft-address */  


p.sesame-link {
	position: absolute;
	top: 195px; 
	left: 286px;
	width: 240px;
}

p.sesame-link a {
	color: #0177ac; 
	font-family: Arial, Helvetica, sans-serif; 
	text-transform: uppercase; 
	text-decoration: none;  
	font-size: 10px;
	}

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

/**************************************/
/*   SLIDESHOW/STOCK PHOTO    */
/**************************************/
#slideshow-home {
	position: absolute;
	top:  11px;
	left: 242px;
	width: 738px;
	height: 330px;
}
	
#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; 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;}

/**************************************/
/*       DOCTOR-PATIENT LOGINS        */
/**************************************/
#utility-nav {
	position:absolute; 
	width:106px;  /*modify this. remove if usijng images */
	height:32px;
	z-index: 1000;
	top:508px;
	left: 27px;
	}
#utility-nav ul {

}
#utility-nav li {
	
}
#utility-nav li a {
	display: block;
	width: 103px; 
	height: 22px;
	overflow: hidden;
	text-indent: -999em;
} 
#utility-nav li a:hover {
	display: block;
	width: 103px; 
	height: 22px;
	overflow: hidden;
	text-indent: -999em;
} 

#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;*/
	width: 103px ; 
	height: 16px;
	display: block; 
	overflow: hidden;
	text-indent: -999em;
    text-shadow:1px 1px 2px rgba(0,0,0,0.55);
}	
a#patient-login {width: 103px ; height: 16px; background: url(../images/nav/patient-login-off.png) top center no-repeat; margin-right: 0px;}
a#patient-login:hover {width: 103px ; height: 16px; background: url(../images/nav/patient-login-on.png) top center no-repeat;}
a#doctor-login {width: 103px ; height: 16px; background: url(../images/nav/doctor-login-off.png) top center no-repeat;}	
a#doctor-login:hover {width: 103px ; height: 16px; background: url(../images/nav/doctor-login-on.png) top center no-repeat;}						
/**************************************/
/*             NAVIGATION             */
/**************************************/

/* LEFT NAV */
#nav {
position: absolute;  
top: 127px; 
left: -4px; 
padding: 0; 
z-index: 1000; 
width: 239px; 
padding-top: 0; 
height: 240px; 
padding-left: 0px;}

#nav ul { width:272px; list-style:none;  padding:0; margin:0px 0 0 0px; }
#nav a {display: block; overflow: hidden; text-indent:-999em;  width:239px; height: 34px;}
body#nav li { display:inline;    margin:0; padding:0;}

/* set bg image for each link */
#nav a#home {background-image:url(../images/nav/home.png); background-repeat: no-repeat; height:34px}
#nav a#for-new-patients {background-image:url(../images/nav/for-new-patients.png); height:34px;}
#nav a#meet-the-team {background-image:url(../images/nav/meet-the-team.png); height:34px;}
#nav a#meet-dr-plunkett {background-image:url(../images/nav/meet-dr-plunkett.png); height:34px;}
#nav a#wearing-braces {background-image:url(../images/nav/wearing-braces.png); height:33px;}
#nav a#first-aid {background-image:url(../images/nav/first-aid.png); height:34px;}
#nav a#about-orthodontics {background-image:url(../images/nav/about-orthodontics.png); height:33px;}
#nav a#contact-us {background-image:url(../images/nav/contact-us.png); height:34px;}

/* Shift the image position up to show the active state */
#nav li:hover a, #nav li.sfhover a, #nav li.active a {background-position:-239px 0;}

/*start ul ul -----------------*/
#nav ul ul {
	position: absolute;
	margin: 0;
	width:198px; /* modify this */
}

body.nav-left #nav ul ul {
	left: -999em; 
	margin: -38px 0 0 0;
	height:auto;
	z-index: 2000;
	margin-left: 237px; /* flyout distance from left edge */
	padding-top: 10px; /*padding top of ul ul*/
	padding-bottom: 10px; /*padding bottom of ul ul*/
	background: #d7f3ff;
	opacity:0.9;
	filter:alpha(opacity=90);
	}

#nav ul ul li {float: none; }

body.nav-left #nav ul ul li a { 
	background-image: none;
	width: 220px;
	border: none;
	text-transform: none;
	color: #0169a9;
	text-indent: 0;
	height: 22px;
	}
	
body.nav-left #nav ul ul li a,
body.nav-left #nav ul li.active ul li a { 
	font-weight:normal; 
	background-image: none; 
	font-size: 14px; 
	padding: 2px 10px;
	margin: 0;
	text-decoration: none;
}
	
body.nav-left #nav ul ul li a:hover, 
body.nav-left #nav ul li ul li.active a,
body.nav-left #nav ul li.active ul li a:hover { 
    font-weight:normal; 
	font-size: 14px;
	background-image: none;
	padding: 1px 10px;
	text-transform: none; 
	font-family: Arial, Helvetica, sans-serif;
	background: #1898d3; /*hover background*/
	color: #fff; /*hover text color*/
	width: 178px; /* ul ul hover state width */
	border-top: 1px solid #1898d3;
	border-bottom: 1px solid #1898d3;
	text-decoration: none;
	height: 22px;
}

body.nav-left #nav li:hover ul, body.nav-left #nav li.sfhover ul {left: auto; }

body.nav-left #nav ul ul li a,
body.nav-left #nav ul li.active ul li a { 
	background-image: none;
	width: 178px; /* width of active state */
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
}

#nav ul ul li.first {
	float: none; 	
	background-image: none;
	width:200px;
	text-transform: none;
}

#nav ul ul li.last a {
	background-image: none;
	float: none; 	
	padding: 15px 0 15px 0;
	width: 200px;
	text-transform: none;
}

body.nav-left #nav ul ul { 

	}

body.nav-left #nav li:hover ul, body.nav-left #nav li.sfhover ul {
	left: auto; 	
	}		
	
body.nav-left #nav ul ul li.last a:hover { 	

	}	
	
body.nav-left #nav li.active {

}
		
body.nav-left #nav li.active > a {

}
		
body.nav-left #nav li.active > a#home {
	
}

body.nav-left #nav ul ul li.active  {background-image: none;}

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

/* end left-nav */
	
/**************************************/
/*              GLOBAL                */
/**************************************/

	
	/* Extra Elements  -----------------*/
	object#flash-homepage { margin: 0; border: none;}
	
	/* Shortcuts and Helpers -----------------*/	
	.img-right {
		margin: 0 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! */
		}
	.border-top { border-top: solid 1px #333; /* Customize me! */}
	.border-bottom { border-bottom: solid 1px #333; /* Customize me! */}
	.column	{ margin-left: 18px; 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;}
	
	div.hr {/* This styled div acts as the hr for most browsers */
		height: 0px;
		border-top: solid 1px #eee; /* Customize me! */
		margin: 17px 0 18px;/* increase top/bottom margin by multiples of 18px less top margin equal to border-width */
		padding: 0;
		clear: both;
		}
	
	hr {/* This is the backup for screen readers */
		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 #A8D8EF; /* customize me */
		background: #DFF3FC;/* 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: #DFF3FC;
		border-color: #C9EAF9; /* 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;
		color: #0B87C5;
		background: #DFF3FC;
		border: 1px solid #C9EAF9;
		}
	/* 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.htc);
		}

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

	form#blog_search {position: absolute; top: 40px; left: 720px; width: 248px; margin:0 auto; text-align:center;}
	form#blog_search label {margin-bottom: 6px; text-align:center;}
	form#blog_search input {width: 248px; margin: 6px auto;}
	form#blog_search button {color:#0B87C5;}
	
	.search-results .post {margin-bottom:30px;}
	.search-results .post h2 {margin-bottom:0;}
	
	.comment {margin:18px 0; border-bottom: 1px solid #000;}
	.comment_author {font-weight: bold;}
	.comment_author h3 {margin: 0;}
	.comment_author span {font-style: italic; font-weight: normal;}
	.comment_meta {font-size: 10px;}
	.comment_meta a {text-decoration: none;}

/* 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(http://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(http://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 {
	  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 */
	}
	#content ul#before-after-cycle li {
		list-style: none;
		margin: 0;
	}

	#before-after-container {
		line-height: 18px;
		margin: 0 0 18px 20px;
		padding: 10px 0 10px 10px;
		width: 510px;
		min-height: 230px
	}
	
	ul#before-after-cycle li img {
		float: left;
		margin: 0px;
		width: 464px;
	}

	#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 */
	  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 */
	}
	#before-after-container .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 */
	  -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 {
	  color: #333; /* Customize me */
	}
	#before-after-container .before-after-nav a.activeSlide, #before-after-container .before-after-nav a:hover {color: #009EC7;} /* Customize me */

	/*overwrite sesame.css*/
	#before-after-container .before-after-nav {
		margin: 20px 20px 0 20px;
		width: 457px;
	}
	/* end overwrite*/	
	
	
	/* 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 {
	  width: 480px; 
	  min-height: 500px;
	}
	ul#css-office-tour {
	  width: 480px; 
	  height: 370px;
	  position: relative; 
	  list-style: none; 
	  margin: 0; 
	  padding: 0; 
	  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 */
	  background: url(../images/css-office-tour/image-01.jpg) 10px 10px no-repeat;
	}
	ul#css-office-tour li {
	  margin: 380px 0 0 10px; 
	  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: 350px;
	}
	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;
	}	
	/* 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 {
	width:453px;
	margin: 20px 20px 0 20px;	
}

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

#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 {
	  width:453px;
	  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;}	

/*Smile Gallery  *******/

table.gallery {
    border-collapse: collapse;
    left: 0px;
    position: relative;
    top: 5px;
    width: 90%;
	background-color:none;
	background:none;
	border:none;
}

a.patient {
    display: block;
    height: 80px;
    margin: 9px auto;
    width: 160px;
}

.patient-01  {background: url("/assets/images/BA-pretty-pop/th-pt-01.jpg") no-repeat scroll 0 0 transparent; -webkit-border-radius: 5px; border-radius: 5px; border:2px solid #7FDFF7;}
.patient-02  {background: url("/assets/images/BA-pretty-pop/th-pt-02.jpg") no-repeat scroll 0 0 transparent; -webkit-border-radius: 5px; border-radius: 5px; border:2px solid #7FDFF7;}
.patient-03  {background: url("/assets/images/BA-pretty-pop/th-pt-03.jpg") no-repeat scroll 0 0 transparent; -webkit-border-radius: 5px; border-radius: 5px; border:2px solid #7FDFF7;}
.patient-04  {background: url("/assets/images/BA-pretty-pop/th-pt-04.jpg") no-repeat scroll 0 0 transparent; -webkit-border-radius: 5px; border-radius: 5px; border:2px solid #7FDFF7;}
.patient-05  {background: url("/assets/images/BA-pretty-pop/th-pt-05.jpg") no-repeat scroll 0 0 transparent; -webkit-border-radius: 5px; border-radius: 5px; border:2px solid #7FDFF7;}
.patient-06  {background: url("/assets/images/BA-pretty-pop/th-pt-06.jpg") no-repeat scroll 0 0 transparent; -webkit-border-radius: 5px; border-radius: 5px; border:2px solid #7FDFF7;}
.patient-07  {background: url("/assets/images/BA-pretty-pop/th-pt-07.jpg") no-repeat scroll 0 0 transparent; -webkit-border-radius: 5px; border-radius: 5px; border:2px solid #7FDFF7;}
.patient-08  {background: url("/assets/images/BA-pretty-pop/th-pt-08.jpg") no-repeat scroll 0 0 transparent; -webkit-border-radius: 5px; border-radius: 5px; border:2px solid #7FDFF7;}
.patient-09  {background: url("/assets/images/BA-pretty-pop/th-pt-09.jpg") no-repeat scroll 0 0 transparent; -webkit-border-radius: 5px; border-radius: 5px; border:2px solid #7FDFF7;}
.patient-10  {background: url("/assets/images/BA-pretty-pop/th-pt-10.jpg") no-repeat scroll 0 0 transparent; -webkit-border-radius: 5px; border-radius: 5px; border:2px solid #7FDFF7;}
.patient-11  {background: url("/assets/images/BA-pretty-pop/th-pt-11.jpg") no-repeat scroll 0 0 transparent; -webkit-border-radius: 5px; border-radius: 5px; border:2px solid #7FDFF7;}
.patient-12  {background: url("/assets/images/BA-pretty-pop/th-pt-12.jpg") no-repeat scroll 0 0 transparent; -webkit-border-radius: 5px; border-radius: 5px; border:2px solid #7FDFF7;}
.patient-13  {background: url("/assets/images/BA-pretty-pop/th-pt-13.jpg") no-repeat scroll 0 0 transparent; -webkit-border-radius: 5px; border-radius: 5px; border:2px solid #7FDFF7;}
.patient-14  {background: url("/assets/images/BA-pretty-pop/th-pt-14.jpg") no-repeat scroll 0 0 transparent; -webkit-border-radius: 5px; border-radius: 5px; border:2px solid #7FDFF7;}
.patient-15  {background: url("/assets/images/BA-pretty-pop/th-pt-15.jpg") no-repeat scroll 0 0 transparent; -webkit-border-radius: 5px; border-radius: 5px; border:2px solid #7FDFF7;}

.patient-01:hover, .patient-02:hover, .patient-03:hover, .patient-04:hover, .patient-05:hover, .patient-06:hover, .patient-07:hover, .patient-08:hover, .patient-09:hover, .patient-10:hover, .patient-11:hover, .patient-12:hover, .patient-13:hover, .patient-14:hover, .patient-15:hover {
	background-position: -160px 0;
}		

.txt-center { text-align:center;}

.smile-gallery .gallery { margin: 0 auto;}