/*********************************************************************
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;
    background-image: none;
}

.toggleFade {
    cursor: pointer;
}

span.welcome {
    font-size: 18px;
    line-height: 20px;
    display: block;
} /* home page headline */
.shift, .shift-right {
    position: relative;
}

div#preload {
    display: none;
}
/**************************************/
/*iPad and iPhone fix*/
/**************************************/

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

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

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

    #bd {
        background: url('../images/bd-1600.jpg') 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%;
        margin: 0px;
        padding: 0px;
        overflow-x: hidden;
    }

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

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

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

    #ft {
        background: url('../images/ft-1600.jpg') center 0 repeat;
    };
}
/**************************************/
/*               TYPE                 */
/**************************************/

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


@font-face {
    font-family: 'sourcesanspro-light-webfont';
    src: url('../fonts/sourcesanspro-light-webfont.eot');
    src: url('../fonts/sourcesanspro-light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-light-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-light-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-light-webfont.svg#sourcesanspro-light-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
em {
    font-style: italic;
}

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

body, p {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    line-height: 22px;
}

.font-a {
    font-family: sourcesanspro-regular-webfont;
}

 

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;
    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);
}
/*misc backgrounds */
.map, #color-your-retainer, #jquery-braces-diagram, form#blog_search {
    background: #f8fdff;
/* customize me */
     
}

a, .sitemap #content ul li a, .sitemap #content ul ul li a {
    color: #0066cc;
}

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

.back-to-top {
    clear: both;
}

.sitemap #sub-navigation, .blog #sub-navigation, .smile-gallery #sub-navigation {
    display: none;
}

.sitemap h1.headline {
    margin-bottom: 20px;
}

h1.headline {
    font-size: 37px;
    margin: 0;
	font-weight:800;
    line-height: 35px;
    color: #666666;
		white-space: nowrap; 
		font-family: sourcesanspro-light-webfont;
		text-align: center;
		width: 990px;
		margin: 0 auto;
		letter-spacing: 1px;
}

.home h1.headline {
	font-size: 33px;
}

.h1-color {
color: #3f95d0;	
}

h2 {
    font-size: 18px;
    line-height: 18px;
    margin: 10px 0 10px 0;
    color: #00558b;
}

h2#tagline {
    text-indent: -999em;
    margin: 0;
    padding: 0;
}

h3 {
    font-size: 16px;
    margin: 18px 0;
    color: #999999;
}

h4 {
    font-size: 14px;
    color: #333333;
}

h5 {
    font-size: 13px;
    color: #035880;
}

h6 {
    font-size: 12px;
    color: #035880;
}

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

#navigate-header {
    display: none;
}

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

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

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

#branding #logo a {
  display: block;
  height: 144px;
  left: 409px;
  position: absolute;
  top: 10px;
  width: 157px;
	z-index: 6100;
}
 

/* start hd-address */
#hd-address {
  color: #1475A1;
  font-family: sourcesanspro-regular-webfont;
  left: 585px;
  letter-spacing: 1px;
  position: absolute;
  text-align: center;
  top: 21px;
  width: 350px;
}
 
#hd-address a {
    color: #333333;
    text-decoration: none;
    font-size: 18px;
    text-align: center;
}

#hd-address a:hover {
    color: #3f95d0;
    text-decoration: none;
}

#hd-address ul li {
    line-height: 18px;
    font-size: 18px;
    text-align: left;
		display: inline;
}

#hd-address ul li.address {
	margin-right: 16px;
	}

#hd-address .phone {
    color: #1f82c3;
    font-size: 18px;
    line-height: 18px;
    margin: 0;
    text-align: left;
}

/* end hd-address*/


/* start hd-social */
#hd-social {
  height: 40px;
  left: 823px;
  position: absolute;
  top: 12px;
  width: 170px;
  z-index: 20;
}

#hd-social img {
	width: 38px;
}
	
#hd-social .facebook {margin-right: 1px;}
#hd-social .twitter {margin-right: 2px;}
#hd-social .youtube {margin-right: 1px;}
#hd-social .google-plus {margin-right: -1px;}
#hd-social a:hover {position: relative; left: 1px;}           
/* end hd-social */ 	
a#doctor-name {
  background: url("../images/doctor-name-off.png") no-repeat scroll center top transparent;
  display: block;
  height: 39px;
  left: 0;
  position: absolute;
  top: 12px;
  width: 310px;
}

a#doctor-name:hover {

	background: url(../images/doctor-name-on.png) center top no-repeat;
	
}


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

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

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

.bd-wrapper-outer {
    width: 990px;
 
    margin: 0 auto;
}

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

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

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

.home #content {min-height:1070px;}

#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: 376px 0 0 0;
}

.sitemap #content header.child {
    padding: 0px 0px 0px 0px;
    margin: 376px 0 0 0;
}

.home #content header.child {
    padding: 0px 0px 0px 0px;
    margin: 376px 0px 0px 0px;
}

#content header.child {
    padding: 0px 0px 0px 0px;
    margin: 376px 0px 0px 0px;
}

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

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


#slideshow-co{
	width:265px;
	height:134px;
	position:absolute;
	top:147px;
	right:36px;
	/*background: url(/assets/images/slideshow-co.png) no-repeat;*/
	z-index:10;
	padding:10px 20px 20px 20px;
	overflow:hidden;
}

#slideshow-co a{
	display:block;
	position:absolute;
	top:100px;
	right:0px;
	color:black;
	text-decoration:none;
}


#slideshow-co p {
	margin:5px 0;
	line-height:21px;
	width:100%;
	font-size: 20px;
	font-weight: 600;
	color: #3F95D0;
	font-family: sourcesanspro-light-webfont;
}

#slideshow-co em {
	float:right;
	font-weight:800;
}
/**************************************/
/*             SUB NAVIGATION         */
/**************************************/
#sub-navigation {
  background: none repeat scroll 0 0 #FFFFFF;
  left: 50px;
  margin-bottom: 20px;
  min-height: 115px;
  opacity: 0.8;
  padding: 20px;
  position: relative;
  top: 437px;
  width: 275px;
}

#sub-navigation li {
    text-align: left;
		line-height: 22px;
}

#subnav {
     color: #ddcfb2;
     padding-bottom: 10px;
}

#subnav a {
    color: #0066cc;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
    text-transform: uppercase;
}

#subnav a:hover, #subnav a.active {
    color: #999;
    text-decoration: none;
}

/**************************************/
/*             SIDEBAR                */
/**************************************/
 

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

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

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

.callouts {
  display: block;
  height: 301px;
  left: 27px;
  position: absolute;
  top: 421px;
  width: 310px;
}

a#sb-meet-the-doctor {
  background: url("../images/meet-the-doctor.png") no-repeat scroll center top transparent;
  display: block;
  height: 155px;
  left: 21px;
  position: absolute;
  top: 700px;
  width: 149px;
}

a#sb-testimonials {
  background: url("../images/testimonials.png") no-repeat scroll center top transparent;
  display: block;
  height: 155px;
  left: 184px;
  position: absolute;
  top: 735px;
  width: 150px;
}

a#sb-invisalign {
  background: url("../images/what-is-invisalign.png") no-repeat scroll center top transparent;
  display: block;
  height: 155px;
  left: 75px;
  position: absolute;
  top: 852px;
  width: 149px;
}

a#sb-schedule-an-appointment {
  background: url("../images/schedule-an-appointment.png") no-repeat scroll center top transparent;
  display: block;
  height: 155px;
  left: 21px;
  position: absolute;
  top: 1005px;
  width: 149px;
}

a#sb-refer-a-friend {
  background: url("../images/refer-a-friend.png") no-repeat scroll center top transparent;
  display: block;
  height: 155px;
  left: 75px;
  position: absolute;
  top: 1154px;
  width: 149px;
}

a#sb-office-tour {
  background: url("../images/office-tour.png") no-repeat scroll center top transparent;
  display: block;
  height: 155px;
  left: 184px;
  position: absolute;
  top: 1040px;
  width: 149px;
}

a#sb-directions {
  background: url("../images/map-and-directions.png") no-repeat scroll center top transparent;
  display: block;
  height: 155px;
  left: 234px;
  position: absolute;
  top: 887px;
  width: 149px;
}


.home a#sb-meet-the-doctor, .smile-gallery a#sb-meet-the-doctor {
	top:420px;
}

.home a#sb-testimonials, .smile-gallery a#sb-testimonials {
	top:455px;
}

.home a#sb-invisalign, .smile-gallery a#sb-invisalign {
	top:572px;
}

.home a#sb-schedule-an-appointment, .smile-gallery a#sb-schedule-an-appointment {
	top:725px;
}

.home a#sb-refer-a-friend, .smile-gallery a#sb-refer-a-friend {
	top:874px;
}

.home a#sb-office-tour, .smile-gallery a#sb-office-tour {
	top:760px;
}

.home a#sb-directions, .smile-gallery a#sb-directions {
	top:607px;
}



/**************************************/
/*              FOOTER                */
/**************************************/

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

p.back-to-top {
    z-index: 3000;
    width: 58px;
    height: 95px;
    margin: 0 auto;
    position: absolute;
    top: -28px;
    left: 0px;
}

p.back-to-top a {
    
    display: block;
    height: 58px;
    overflow: hidden;

    width: 95px;
    z-index: 3000;
}

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

#ft-map{
	width:990px;
	height:197px;
	display:block;
	position:absolute;
	top:20px;
	left:0px;
	background: url(../images/ft-map.png) top center no-repeat;
}


#ft-map:hover{
	background-position:0 -211px;
}

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

#ft-address {
  color: #6EB6E5;
  font-size: 18px;
  left: 43px;
  position: absolute;
  top: 40px;
}

#ft-address .address a {
	text-decoration: none;
	color: #b7e3ff;
}
#ft-address .name a {
	text-decoration: none;
	color: #6eb6e5;
}
#ft-address a:hover {
	color: #fff;
}


/* start hd-social */
#ft-social {
  height: 50px;
  left: 751px;
  position: absolute;
  top: 42px;
  width: 199px;
  z-index: 20;
}
	
#ft-social .facebook {margin-right: 4px;}
#ft-social .twitter {margin-right: 5px;}
#ft-social .youtube {margin-right: 4px;}
#ft-social a:hover {position: relative; left: 1px;}           
/* end hd-social */ 	

/**************************************/
/*       FOOTER NAVIGATION            */
/**************************************/ 
#ft-navigation {
  left: 0px;
  margin: 0 auto;
  position: absolute;
  text-align: left;
  top: 247px;
  width: 805px;
}

#ft-navigation p.text-nav {
    margin: 0;
}

#ft-navigation p.text-nav {
    color: #63a7d8;
    line-height: 13px;
    text-align: left;
}

#ft-navigation p.text-nav a {
    color: #63a7d8;
    font-size: 13px;
    line-height 16px;
    text-decoration: none;
    font-weight: normal;
}

#ft-navigation p.text-nav a:hover, p.text-nav a.active {
    color: #fff;
    text-decoration: none;
}

/**************************************/
/*       SESAME LINK            */
/**************************************/ 

p.sesame-link {
  left: 882px;
  margin: 0;
	line-height: 11px;
  position: absolute;
  top: 242px;
  width: 101px;
}

p.sesame-link a {
    color: #63a7d8;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px;
}

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

/**************************************/
/*   HOMEPAGE SLIDESHOW/STOCK PHOTO            */
/**************************************/
#slideshow-home {
    left: 0;
    position: absolute;
    top: 0px;
    width: 744px;
}

#slideshow-home ul.slideshow {
    margin: 0;
    padding: 0;
}

#slideshow-home .slideshow li {
    list-style: none;
}

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

.stock-photo-container {
  height: 280px;
  left: 50px;
  margin: 0;
  position: relative;
  top: 445px;
  width: 315px;
}

#ss-caption {
    height: 160px;
    width: 350px;
    z-index: 200;
    position: absolute;
    top: 172px;
    left: 624px;
}

.ss-testimonial {
    font-family: ; 
	font-size: 23px;
    text-align: left;
    margin: 0 0 0 0;
    font-weight: normal;
    margin: 20px;
    line-height: 30px;
}

.ss-testifier {
    font-family: ; 
	font-size: 16px;
    text-align: right;
    margin: 10px 0 0 0;
    font-weight: normal;
    margin: 20px;
}


/**************************************/
/*       DOCTOR-PATIENT LOGINS        */
/**************************************/
#utility-nav {
    position: absolute;
   width: 196px;
    height: 50px;
  /*modify this. remove if usijng images */
    z-index: 1000;
    top: 128px;
    right: 0px;
}

#utility-nav ul {
}

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

#utility-nav li a {
    display: block;
  width: 196px;
    height: 50px;
    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: 148px;
    height: 38px;
    display: block;
    overflow: hidden;
    text-indent: -999em;
}

a#patient-login {
    width: 202px;
    height: 51px;
	background-image:url(../images/login.jpg);
  
}

a#patient-login:hover {
opacity:0.90;
	filter:alpha(opacity=90);
  
 
}
 
						
/**************************************/
/*             NAVIGATION             */
/**************************************/
#nav  {
	position:relative; 
	width:100%;
	z-index: 6000;
	margin:0;
	padding:0;
	float:left;
    font-family: Arial, Helvetica, sans-serif;
}

/*start top nav*/		

/*subnav -----------------*/
#nav ul ul {
		position: absolute;
		border: 1px solid;
		padding: 0 0 10px 0;
		margin: -1px 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: 41px; left: 21px; }

#nav ul {width: 969px; 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:969px;
	position:relative;
	margin: 0 auto;	
	}		
body.nav-top #nav ul {width: 969px; /*height:50px;  light grey bg */}
body.nav-top #nav ul ul {
	top: -999em; 
	width: 255px; 
	height:auto; 
	padding-top: 10px;
	border: none;
	margin-left: 0px;	
	z-index: 6000;
	opacity:0.95;
	filter:alpha(opacity=95);
  background: #4a9fd8;
	text-shadow:1px 1px 1px rgba(0,0,0,0.35);
}

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;    
   font-family: Arial, Helvetica, sans-serif; 	
   text-indent: 0; 
   width: 240px;  
   margin: 0 0 0 0px;
   font-size: 16px;	 
   font-weight: 600;
   height: 24px;
   padding: 0 0 0 15px;
   line-height: 24px;
   color: #a8e7ff; /* ul ul li a color */ 
   }

body.nav-top #nav ul li ul li.active a,
body.nav-top #nav ul li.active ul li a:hover { 
   background: #3f95d0;	/*active background*/   
   width: 240px; 
   font-family: Arial, Helvetica, sans-serif; 	 	
   text-indent: 0; 
   font-size: 16px;	 
   font-weight: 600;
   height: 22px;
   padding: 0 0 0 15px;
   line-height: 22px;
   color: #fff; /* ul ul li a color */
   border-top: 1px solid #3f95d0;   
   border-bottom: 1px solid #3f95d0;
}

body.nav-top #nav ul li:hover ul, #nav ul li.sfhover ul {top: auto;}
	
body.nav-top #nav ul ul li a {
   font-family: Arial, Helvetica, sans-serif; 	 	
   text-indent: 0; 
   font-size: 16px;	 
   font-weight: 600;
   height: 24px;
   padding:0 0 0 15px;
   line-height: 24px;
   color: #a8e7ff; /* ul ul li a color */
}
		
body.nav-top #nav ul ul li a:hover, body.nav-top #nav ul ul li a.active {
   font-family: Arial, Helvetica, sans-serif; 	 	
   text-indent: 0; 
   font-size: 16px;	 
   font-weight: 600;
   height: 22px;
   padding:  0 0 0 15px;
   line-height: 22px;
   color: #fff; /* ul ul li a color */   
   background: #3f95d0;	/* active background hover*/
   border-top: 1px solid #3f95d0;   
   border-bottom: 1px solid #3f95d0;
}
	
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: 24px;
	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: 22px;
	margin-bottom:0;   
	line-height: 22px;
	border-top: 1px solid #3f95d0;   
    border-bottom: 1px solid #3f95d0;
}

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

#nav li {
	display: inline;
	float: left;	

}

#nav ul li.contact-us  ul {margin-left: -148px;}  
		
#nav li a {height: 51px; display: block; text-decoration: none; text-indent: -9999px; overflow: hidden;}
#home, #about-us, #for-new-patients,  #general-dentistry, #periodontics, #cosmetic-dentistry, #smile-gallery, #contact-us {background: url(../images/nav/nav-sprite.png) 0 0 no-repeat;}

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

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

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

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

#nav li.general-dentistry { margin-right: 163px;}

a#periodontics {background-position: -554px 0; width: 120px;}
#nav li:hover #periodontics, #nav li.active #periodontics {background-position: -554px  -51px;}

a#cosmetic-dentistry {background-position: -674px  0; width: 101px;}
#nav li:hover #cosmetic-dentistry, #nav li.active #cosmetic-dentistry{background-position: -674px -51px;}

a#smile-gallery {background-position: -775px 0; width: 92px;}
#nav li:hover #smile-gallery, #nav li.active #smile-gallery {background-position: -775px -51px;}

a#contact-us {background-position: -867px 0; width: 86px;}
#nav li:hover #contact-us, #nav li.active #contact-us {background-position: -867px -51px;}

/*end top nav*//**************************************/

/**************************************/
/*              GLOBAL                */
/**************************************/

/* Extra Elements  -----------------*/
object#flash-homepage {
    margin: 0;
    border: none;
}

/* Shortcuts and Helpers -----------------*/	
.img-right {
    margin: 19px 0 36px 18px;
    float: right;
    clear: right;
}

.img-left {
    margin: 0 18px 36px 0;
    float: left;
    clear: left;
}

.staff-border {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.42);
	-moz-box-shadow:    0px 5px 10px 0px rgba(50, 50, 50, 0.42);
	box-shadow:         0px 5px 10px 0px rgba(50, 50, 50, 0.42);
}

.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: 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;
    background: #f1f1f1;
    width: 228px;
}

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.php);
}

/**************************************/
/*           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: 40px;
    top: 280px;
    /*background: #325068;*/
    -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;
    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);
}
/* 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;
}	

/*Preventive Dentistry remove bullets from diagrams */
.preventive-care #content #toggle-content dl#brushing-instructions dd ul.brushing-diagrams li, 
.preventive-care #content #toggle-content dl#flossing-instructions dd ul.flossing-diagrams li {
    list-style: none;
    background-image: none;
}

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

/* 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 {
/*	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: 531px;
    min-height: 230px;
    overflow: hidden;
}

ul#before-after-cycle li img {
    float: left;
    margin: 0px;
    width: 531px;
    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);
}

#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 {
    -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 */
    font-size: 16px;
}

#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-color: #3380cf;
	border: solid 1px #fff;
	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.75);
	box-shadow:1px 1px 4px rgba(0, 0, 0, 0.75);
	-moz-border-radius:5px;
	-webkit-border-radius:11px;
	border-radius:11px;
}
#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 */
	-moz-box-shadow:inset 0 0 5px #999;
	-webkit-box-shadow:inset 0 0 5px #999;
	box-shadow:inset 0 0 5px #999;
}
.office-tour-nav {
	background-color: #fff; /* Customize me */
	border: solid 1px #fff; /* 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 */
	-moz-box-shadow:inset 0 0 5px #999;
	-webkit-box-shadow:inset 0 0 5px #999;
	box-shadow:inset 0 0 5px #999;
}
.office-tour-nav a {
	text-decoration: none;  /* Customize me */
	font-size: 12px;  /* 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: #3380cf;}

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

#slideshow-container ul li {margin: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;
}

#flossing-instructions ul li, #brushing-instructions ul li {
    list-style: none;
}

/* Form Submission Highlighted Errors */
.appointment-form .error {
    background: #ff0 !important;
    color: #666 !important;
}