@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900,400italic,700italic);
/*********************************************************************
	richardson-sarah
	
	Sesame Communications - (c) 2014
	Written by: James Stillion
	All rights reserved.
	Any reproduction or intentional misuse is strictly prohibited
	
*********************************************************************/
/* =============================================================================================================================================================
   Basic Stylings: These will affect every size of the site.
   ============================================================================================================================================================== */
* { -webkit-font-smoothing: antialiased; }s
*, *:before, *:after {
	  -webkit-box-sizing: border-box; 
	  -moz-box-sizing: border-box; 
	  box-sizing: border-box;
}

/*********************************************************************
	fonts
*********************************************************************/
html { font-size: 62.5%; }/*font reset for rem units*/
.lt{ font-weight:300; }
.roman{ font-weight:400; }
.sbold{ font-weight:600; }
.xbold{ font-weight:800; }
.ubold{ font-weight:900; }
.ob{ font-style:oblique; }
.low{ text-transform:lowercase; }
.upp{ text-transform:uppercase; }
.supp{ font-variant:small-caps; }
.ns{ letter-spacing:normal; }
.normal{ text-transform:none!important;/*font-style:normal!important;*/ }
.mini{ font-size:10px!important;font-size:1.0rem!important; }

.font-l{ font-family: 'Lato', sans-serif; }
 
body {
	line-height:30px;line-height:3.0rem;
	font-size:18px;font-size:1.8rem;
	font-weight: 400; 
	overflow:hidden;
	color: #333;
}

.container { max-width:1000px; }

/* h-fam */
h1, h2, h3, h4, h5, h6 {
	margin: 0.4em 0 1.35em;
	text-align:left;
}
h1 {
	line-height:51px;line-height:5.1rem;
	font-size:41px; font-size:4.1rem;
	color:#003c7a;
	
	margin:0.7em 0 0.75em;
}

h2 { font-size:22px; font-size:2.2rem;color:#003c7a; }
h3 { font-size:19px; font-size:1.9rem;color:#4c99e9; }
h4 { font-size:18px; font-size:1.8rem; } 
h5 { font-size:16px; font-size:1.6rem; }
h6 { font-size:14px; font-size:1.4rem; }
h4, h5, h6{ font-style:italic; }
	 
#content p { 
	margin:0 0 1.7em;/*global override*/
	/*text-align:justify;*/
}

a { text-decoration:none; }
#content a { color: #003c7a;font-weight:400;text-decoration:underline; }
#content a:hover { text-decoration:none; }
a:hover img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";  opacity:0.6; }

/* List Styling */
#content ul{ margin:0 0 1.4em 1em; }/*global override*/
#content ul li { list-style: disc inside; }
.patient-forms #content ul li { list-style:none;}

/*super special*/
.auto{ width:auto; }
.trans{ -webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; }

.round{ border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; } 
.rounded{ border-radius: 9px;-moz-border-radius: 9px; -webkit-border-radius: 9px; }
.roundeder{ border-radius: 14px;-moz-border-radius: 14px; -webkit-border-radius: 14px; }
.roundedest{ border-radius: 24px;-moz-border-radius: 24px; -webkit-border-radius: 24px; }

.shadow{ 
	box-shadow: 0 0 9px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 9px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 9px rgba(0,0,0,0.3);
}

.border{ border:5px solid #fff; }

/*********************************************************************
	Header
*********************************************************************/
#hd{ background:#fff;padding:1em 0 0; }

/**************************************/
/*              logo                */
/**************************************/
#logo{ margin-top:0.6em;margin-bottom:1em;max-width:342px;width:70%; }
#logo a:hover img{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1; }

/**************************************/
/*			contact-info			*/
/**************************************/
#contact-info{ width:100%; }
#contact-info a{
	line-height:18px;line-height:1.8rem;
	font-size:15px;font-size:1.5rem;
	color:#525353;
	 
	margin-bottom:0;padding:0;
	display:block;	
	width:100%; 
}

#contact-info a.phone, 
#contact-info span.phone {
	line-height:30px;line-height:3.0rem;
	font-size:28px;font-size:2.8rem; 
	color:#003c7a;
}

#contact-info a.doctor{ font-size:17px;font-size:1.7rem; }
#contact-info a.addy{  }

#contact-info a:hover,
#contact-info a:hover.phone,
#contact-info a:hover span.phone{ color:#4c99e9; }

/**************************************/
/*	social media	*/
/**************************************/
.social-media{ height:27px;width:auto;margin:1em 0;font-size:1.5em }
.social-media img{ vertical-align:top; }/*global override*/

.social-media a{	
	height:27px;width:27px;
	margin:0 2px 0 0;
	
	display:inline-block;
	float:left;
}

.social-media i {color:#003c7a}

#hd .social-media i:hover{color:#910032}

/*********************************************************************
	main-nav
*********************************************************************/
#main-nav {
	background-color:#fff;
	border-top: 1px solid #b4b4b4;
	border-bottom: 1px solid #b4b4b4;
	padding:0;margin:0;
	height:51px;width:100%;
	clear:both;
	
	font-size:16px;font-size:1.6rem;
	text-align:center;
}

#main-nav .container { width:100%!important; }

#main-nav a {
	line-height:40px;line-height:4.0rem;
	text-align:center;
	color:#fff;
	
	margin:0;padding:0;
}

#main-nav ul {
	background: #448eda;
	background: rgba(68,142,218,0.9);
	padding:6px 0;
}

#main-nav a:hover,
#main-nav li.active a,
#main-nav ul li:hover a, 
#main-nav ul li a:active {
	color:#5a5a5a;
}

#main-nav a.trigger {
	line-height:51px;line-height:5.1rem;
	color:#525353;
	
	padding:0;margin:0 auto;
	height:51px;width:100%;
}
/*#main-nav .trigger span{ font-size:20px;font-size:2.0rem; }*//*this is for the burger icon*/

#main-nav a:hover.trigger,
#main-nav li.active a.trigger,
#main-nav ul li:hover a.trigger, 
#main-nav ul li a:active.trigger,
#main-nav .open .trigger {
	color:#003c7a;
}

/**************************************/
/*              flyouts                */
/**************************************/
#main-nav ul li { display:inline-block; }
/*#main-nav ul li a{ padding:0; }*/

#main-nav ul ul {
	background: #003c7a;
	padding:6px 0;
	width:100%;
	float:left;
}

#main-nav ul ul li{ background:none;border:none;float:left; }

#main-nav ul ul li a {
	line-height:40px;line-height:4.0rem;
	font-size:14px;font-size:1.4rem;
	/*text-transform:none;*/
	letter-spacing:normal;
	text-align: center;
	/*text-shadow:none;*/
	color:#fff;
	
	background: none;
	height:40px;
	margin: 0;
}

#main-nav li.active li a, #main-nav li:hover li a { color:#fff; background:none; border:none; display:block; margin-bottom:0; }
#main-nav ul li.active ul li a:hover { color:#fff;background:#850037;border:none;display:block;margin-bottom:0; }
#main-nav ul ul li a:hover, #main-nav ul ul li a.active { color:#fff;background:#850037;border:none;display:block; margin-bottom:0; }

/*********************************************************************
	slideshow
*********************************************************************/
#home-slideshow.slideshow{ width:170%;margin-left:0%; }
#home-slideshow img{}

/*custom overlay*/
.slogan{ line-height:16px;line-height:1.6rem;font-size:17px;font-size:1.7rem;padding:0.6em 0;margin-left:3%; }
.slogan .ubold{ color:#4c99e9; }
.slogan .bold{ color:#042045; }

/*********************************************************************
	callouts
*********************************************************************/
#callouts{ background:#efeced;margin-bottom:-2.4em; }
#callouts .container{ width:100%!important; }

#callouts h2{ line-height:25px;line-height:2.5rem;color:#003c7a;padding-left:1em;margin:1em 0; }
#callouts h2 .lt{ font-size:20px;font-size:2.0rem; }
#callouts h2 .bold{ font-size:30px;font-size:3.0rem; }

#callouts a{	
	margin:0 1.666% 0.6em;padding:0;
	display:block;
	float:left;
	width:30%;
}

#callouts a:hover img{ 	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";opacity: 0.6; }

/*********************************************************************
	ip-sub
*********************************************************************/
#ip-sub {
	line-height:18px; line-height:1.8rem;
	font-size:16px;font-size:1.6rem;
	color:#003c7a;
	
	background:#f7f5f6;
	margin-top:2px;
	padding:1.8em 0 1.35em;
}
#ip-sub h2{ 
	line-height:25px;line-height:2.5rem;
	font-size:27px;font-size:2.7rem;
	margin:0.4em 0 0.42em;
	color:#4c99e9; 
}
#ip-sub p.subnav { font-size:16px;font-size:1.6rem; }

#ip-sub p.subnav a { color:#003c7a; }
#ip-sub p.subnav a:hover, #ip-sub p.subnav a.active { text-decoration:underline;color:#4c99e9; }

/*********************************************************************
	content
*********************************************************************/
#bd { background:#fff; }
#bd .container{ max-width:888px; }

#content{ padding:1.4em 0; }

/**************************************/
/*              sitemap                */
/**************************************/
.sitemap #content {  }
.sitemap #content ul { margin-left:0px; list-style: none; }

.sitemap #content ul a {
	line-height:27px;line-height:2.7rem;
    font-size:22px; font-size:2.2rem;
	text-transform:uppercase;
    text-decoration: none;
    font-style: normal;
    font-weight:700;
    color: #003c7a;
}
.sitemap #content a:hover { text-decoration:underline; }
.sitemap #content ul ul li a {
	line-height:27px;line-height:2.7rem;
    font-size:18px;font-size:1.8rem;
	text-transform:none;
    text-decoration:none;
    font-style:normal;
    font-weight:400;
    color: #333;
    margin-left:15px;
}
.sitemap #content ul li { list-style: none; margin-bottom:1.4em; }
.sitemap #content ul ul li{ list-style:none;margin:0;color:#f00; } 

/*********************************************************************
	sidebar
*********************************************************************/
#sidebar { display:none; }

/*********************************************************************
	sitepics
*********************************************************************/
.static { 
	float:right;width:32%;max-width:283px;
	margin:0 0 0.6em 0.6em;
	border:1px solid #fff;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	box-shadow: 0 5px 5px rgba(0,0,0,0.18);
	-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.18);
	-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.18);
}

.staff { width:45%;max-width:157px; }
.staff-group{ width:100%;max-width:685px; }
.img-right, .img-left{ background:#fff; padding:0;border:none; }

.damon-smile-faqs .img-right,
.damon-smile-testimonials .img-right,
.damon-smile-costs .img-right,
.damon-smile-for-adults .img-right,
.damon-smile-info .img-right{ padding:10px; }

.palatal-expander .right{ margin: 0 0 2.5% 2.5%; }

.before-after-image img{ border:none; }
.types-of-appliances .img-left, #pro-pack .img-right, #pro-pack .img-left{ border:none; }

/*********************************************************************
	serra
*********************************************************************/
#serra{ background:#003c7a;padding:2em 0; }
#serra a{ display:block;float:left;width:33%; }

/*********************************************************************
	ft
*********************************************************************/
#ft { background:#003c7a;padding-bottom:3em; }
#ft .container{ max-width:320px; }
#ft .box{ display:block; }

#ft a { color:#fff; }
#ft a:hover { text-decoration:none;color:#99b1ca; }
#ft p { margin-top:0; margin-bottom:0; }
#ft h2{ 
	line-height:22px;line-height:2.2rem;
	font-size:22px;font-size:2.2rem;
	color:#e2f0f9;
	
	display:block;clear:both;
	margin:1em 0; 
}

/*********************************************************************
	location
*********************************************************************/
#location{ 
	line-height:21px;line-height:2.1rem;
	font-size:14px;font-size:1.4rem;
	/*color:#fff;*/
	display:block;
	width:100%;
}
/*#location a{ color:#fff; }*/
#location img{ margin-right:1em; }
#location .addy{ margin-top:0.95em; }


/**************************************/
/*            tnav             */
/**************************************/
#ft .tnav{ width:50%;clear:none; }
#ft .text-nav{ line-height:21px;line-height:2.1rem;font-size:14px;font-size:1.4rem;margin-top:1em; }
.text-nav a{ display:block;float:left;width:100%; }

/**************************************/
/*            social-media             */
/**************************************/
#ft .social-media{ height:auto;width:100%;margin-bottom:0; }
#ft .social-media a{
	line-height:20px;line-height:2.0rem;
	font-size:14px;font-size:1.4rem; 
	
	display:block;float:none;
	width:auto;height:25px;
	/*margin-left:4em;*/
	margin-left:1em;
}
#ft .social-media a img{ margin:0.2em 0.4em 0 0; }
#ft .social-media a img,
#ft .social-media a .liika{ float:left;width:auto; }

/**************************************/
/*            links             */
/**************************************/
#links{
	line-height:35px;line-height:3.5rem;
	font-size:14px;font-size:1.4rem; 
	color:#fff;
	
	background:#013367;
	padding:1em 0;
}

#links a{ color:#fff; }
#links .util, #sesame-link{ width:auto;clear:both; }

#links .util a, #links .util span{ display:inline-block;float:left;height:37px; }
#links a:hover{ color:#99b1ca; }

/**************************************/
/*            btt             */
/**************************************/

/**************************************/
/*            s-link             */
/**************************************/
a#sesame-link{	
	background: url(../images/icons/sesame-icon.png) no-repeat 0 center;
	padding:0 0 0 26px;
}

a#sesame-link:hover {
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=86)";opacity: 0.86;*/
	text-decoration:none;
	/*color:#00a7e5;*//*sesame blue*/
	/*color:#a2bd39;*//*sesame green*/
}

/*superlative*/
/************************************************************************************************************************************************/
/* BLOG FORM */form#blog_search {/*background: #0864a8;*//*-webkit-border-radius: 8px;border-radius: 8px;*//*border:1px solid #b0d7f3;-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 auto;padding-top:3px;*/position: relative;text-align: left;width: 275px;/*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);*/ float:none; margin:0 auto;}form#blog_search label {font-family: 'Lato', sans-serif; color:#ffffff;font-size:14px;font-size:1.4rem;font-weight:700; text-shadow:none;margin: 0px;text-align:left; text-transform:none;}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);border:1px solid rgba(0,0,0,.24);-webkit-border-radius: 4px;border-radius: 4px;text-transform:uppercase;font-weight:bold;font-size:10px!important;padding:4px 8px!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; margin:0;}form#blog_search button:hover {background:rgba(0,0,0,.22);color:rgba(255,255,255,1);-webkit-box-shadow:0px 0px 5px 0px rgba(255, 255, 255, .24);box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, .24);}form#blog_search button:active {background:rgba(0,0,0,.35);}form p {height: auto;}/* end blog css */

/*********************************************************************
	Global
*********************************************************************/
div.hr {/* This styled div acts as the hr for most browsers */
	height: 2px;
	background: #2a6190;
	border-top: 0; 
	margin: 17px auto 18px;/* increase top/bottom margin by multiples of 18px less top margin equal to border-width */
	padding: 0;
	clear: both;
	width:100%;
}

hr {display: none; height: 0px;}/* This is the backup for screen readers */

.success {
	background: #850037;
	padding:16px;
	float:left;
	
	font-size:16px; font-size:1.6rem;
	text-transform:uppercase;
	letter-spacing:normal;
	/*word-spacing:0.1em;*/
	font-weight:400;
	color:#fff;
	
	width:65%;max-width:572px;
}

.slideshow .slideshow-item .caption{font-size:10px; font-size:1.0rem; padding:5px;}
#invisalign-before-after p{ display:none; }

input[type="checkbox"], input[type="radio"]{width:5%!important;}

/* buttons  -----------------*/
.btn{ /*font-family:"Comic Sans MS", cursive;*/
	text-align:center;
	background:#fff;
	color:#000; 
}
a:hover.btn, a:hover .btn{
	background:#faa635;
	color:#fff;
}

.button, a.button {
	line-height: 100%;
	font-size: 14px; font-size:1.4rem;
	text-decoration: none;
	text-shadow: none;
	text-align: center;
	font-weight:700;
	color: #fff;
	
	padding: 5px 1em 5px;
	border: 1px solid;
	outline: none;
	cursor: pointer;
	
}

.button:hover, a.button:hover { text-decoration: none; }
.button span { padding-left: 24px; }
.button-medium { font-size: 16px; font-size:1.6rem;padding: 4px 18px 5px; }
.button-small { font-size: 14px; font-size:1.4rem; padding: 4px 9px 5px; }

/* button colors  -----------------*/
.site-button-color {
	color: #fff;
	background-color:#850037;
	border-color: #850037;
	}
	
.site-button-color:hover { opacity:.7;color:#484848;background:#dfdfdf;border-color:#333333; }

/**************************************/
/*              FORMS                 */
/**************************************/
label span { display: inline-block; }
label > span + span, label.required span.quiet { font-size: 95%; font-weight: normal; }/*sibling span */
input[type="text"],	input[type="date"], input.date,	input[type="email"],	input[type="url"], input[type="password"],
input[type="select"], input[type="search"], textarea, select {
	padding: 3px 0 4px;
	text-indent: 9px;
	line-height: 18px;
	border: 1px solid #666; /* customize me */
	background: #f1f1f1;/* customize me */
	height:30px;
}
select { text-indent: 0; }
textarea { height: 72px; }
	
/* Radios and Checkboxes*/
.radio-group { zoom:1; }
.radio-group p { margin: 0; }
.radio-group label span { font-size: 11px; font-size:1.1rem; }
		
/* 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 { zoom:1; }
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;
	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 {
	background: url(/sesame_media/images/star_rating/jquery.ui.stars.png) no-repeat 0 0;
	width: 18px;
	height: 18px;
	display: block;
 }
.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; }
.refer-a-patient label span, .refer-a-patient input{ display:block; clear:both; float:left; }
.refer-a-patient #Referred_Patient_Email{ margin-bottom:18px; }

/*form rating*/
form #rating label input { margin: 7px 6px!important; }
form #rating label { margin: 13px 5px; }

/*refer a patient*/
form fieldset{clear:both;}
.refer-a-patient textarea#Referral_Comments{ display:block; clear:both; }
.appointment-request form fieldset, .post-appointment-survey form fieldset, .refer-a-friend form fieldset { max-width:98%; }
.appointment-request form label .quiet, .refer-a-friend form label .quiet { padding-top:5px; }
form label span, form fieldset span{ font-size:14px;font-size:1.4rem; }

/* before and after gallery and office tour*/
/*#before-after-container{min-height:400px;}*/
#before-after-container, div.office-tour { margin-bottom:5%;max-width:460px;padding:0; }
.before-and-after.slideshow img{display:inline-block;}
.before-and-after.slideshow p, .office-tour.slideshow p{ display: block; text-align: center; padding: 1% 0; background:#fff; clear: both; min-height: 45px; margin: 0; }
.office-tour.slideshow .slideshow-pagination, .before-and-after.slideshow .slideshow-pagination { margin: 0 20%; }

.office-tour.slideshow .slideshow-nav, .before-and-after.slideshow .slideshow-nav { background: #ccc; }
#content .office-tour.slideshow, #content .before-and-after.slideshow {margin: 0 auto;}

#content #before-after-container .slideshow-nav a:hover, #content .office-tour .slideshow-nav a:hover, 
#content #before-after-container .slideshow-pagination li a:hover, #content .office-tour .slideshow-pagination li a:hover, 
#content #before-after-container .slideshow-pagination li a:active, #content .office-tour .slideshow-pagination li a:active,
#content #before-after-container .slideshow-pagination li.slideshow-active-page a, #content .office-tour .slideshow-pagination li.slideshow-active-page a
{ color:#fff; text-decoration:none; }

#content .office-tour.slideshow .slideshow-nav a, #content .before-and-after.slideshow .slideshow-nav a{ font-size:14px;font-size:1.4rem; text-decoration: none; }

/*preventive care styles*/
#content #brushing-instructions ul li,
#content #flossing-instructions ul li{ list-style:none; }

/*********************************************************************/
/*embedded videos*/
/*********************************************************************/
/*keeps videos from getting too hooj*/
.embed-container{ width: 60%;padding-bottom:30%; }
.embed-container.ratio16x9, .embed-container.docvid{ padding-bottom:30%; }

/*exceptions - there are exceptions to every rule!!!*/
.acceledent .embed-container:nth-of-type(1){ float:right;height:auto;padding-bottom:0;width:auto; }

.pleasant-street-dental .embed-container,
.our-office .embed-container,
.office-location .embed-container{ 
	width:auto;
	margin-top:2em;
	padding-bottom:40%;/*default 55%*/ 
}
/*padding-bottom adjusts height of google map*/

/*********************************************************************
	invisalign overrides
*********************************************************************/
.invisalign-testimonials ul#testimonials{ margin:0 0 100px 0; }

/*keeps invisalign before and after gallery from getting too hooj*/
#invisalign-before-after .before-and-after.slideshow{ max-width:550px; }
/*hides p tag under slideshow*/
#invisalign-before-after p { display:none; }
#invisalign-before-after .slideshow-nav a { color:#fff; }
#invisalign-before-after .slideshow-nav a:hover{ text-decoration:none; }
.invisalign-testimonials ul#testimonials{
	background:none;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow: none;
}
.invisalign-testimonials ul#testimonials p{
	line-height:18px;line-height:1.8rem;
	font-size:17px;font-size:1.7rem;
	text-shadow:none;
	font-weight:400;
	color: #333;
}

/*invisalign footer*/
#invisalign-footer, #suresmile-footer{ max-width:none;width:100%; }
#pro-pack #invisalign-footer{ width:100%;float:left; }
#pro-pack #invisalign-footer ul{ float:left; }
#pro-pack #invisalign-footer li{ width:auto; }
#pro-pack #invisalign-footer a.external, #pro-pack #invisalign-footer p.cf{ float:right;clear:right; }

/*other stuff*/
.braces-diagram #content p{ float:none;margin:0 auto!important;padding:0; }
.braces-diagram #content .img-left{ float:none;margin:0 auto;clear:none;display:block; }

/*.damon-smile-before-and-after */
#content #damon-before-after a{ color:#fff; text-shadow:none; }
#content #damon-before-after a:hover{ color:#a4001d; }

/* ===============================================
   Small Tablet/Large Phone Stylings (Optional)
   Supports 30em (480px) to 47.9375em (767px)
   ------
   Useful for making minor adjustments between
   awkward sizes.
   =============================================== */
@media only screen and (min-width: 30em) and (max-width: 47.9375em) {
.hide-special{ display:none!important; }
.show-special{ display:block!important; }
.special-inline-block{ display:inline-block!important; }
.special-right{ float:right!important; }
.special-left{ float:left!important; }
.special-alignleft{ text-align:left!important; }
.special-alignright{ text-align:right!important; }
.special-noclear{ clear:none!important; }
.special-clearright{ clear:right!important; }
.special-col { display: block;float: left; margin-left:0;margin-right:0; }

.slogan{ line-height:17px;line-height:1.7rem;font-size:18px;font-size:1.8rem; }
#callouts{ margin-bottom:-3em; }
#links .util, #sesame-link{ width:auto;clear:none; }

}

/* ===============================================
   Tablet / Desktop Stylings
   Supports 48em (768px) and up
   =============================================== */
@media only screen and (min-width: 48em) {
/**************************************/
/*          global styles            */
/**************************************/
.tauto{ width:auto!important; }/*causes width to be auto for desk and tab*/
/*special hide class*/
/*.hide-special{display:none;}*/

/* Parent Elements */
.row > .col { display: block;float: left; }
.home h1{ text-align:center; }	
		 
/*********************************************************************
	#hd
*********************************************************************/

/**************************************/
/*             slideshow              */
/**************************************/
#home-slideshow.slideshow{ width:100%;margin-left:auto; }

/*overlay*/
.cycle-overlay{  }
.slogan{ 
	line-height:20px;line-height:2.0rem;
	font-size:22px;font-size:2.2rem;
	
	position:absolute;bottom:0;right:0;
	margin:0 4% 5% 0;
	z-index:101;
}

/**************************************/
/*             callouts              */
/**************************************/
#callouts { padding-top:1em; }
#callouts .container{ max-width:768px; }
#callouts h2{
	line-height:40px;line-height:4.0rem;
	background:transparent url(../images/callouts/background.png) no-repeat right 85%;
	padding-right:57px;
	margin:1em 0;
}
#callouts h2 .lt{ font-size:35px;font-size:3.5rem; }
#callouts h2 .bold{ font-size:40px;font-size:4.0rem; }

#callouts .ib{ width:53.15%;/*max-width:531px;*/ }
#callouts a{ margin-top:1em; }
#callouts a img{ width:99.8%; }

/**************************************/
/*              ip-sub                */
/**************************************/

/**************************************/
/*              #bd                */
/**************************************/

/**************************************/
/*              content                */
/**************************************/
/*#content{ width:64.2%; }*/
.home #content p{ text-align: justify; }

/*content*/
#content
/*.acceledent #content,
.acceledent-aura #content,
.acceledent-aura-faqs #content,
.acceledent-aura-testimonials #content,
.before-after #content,
.before-and-after #content,
.blog #content,
.bonding #content,
.brace-painter #content,
.braces-diagram #content,
.bridges #content,
.carriere-distalizer-appliance #content,
.common-procedures #content,
.common-treatments #content,
.crowns #content,
.damon-clear #content,
.damon-smile-info #content,
.damon-smile-faqs #content,
.damon-smile-costs #content,
.damon-smile-for-adults #content,
.damon-smile-testimonials #content,
.damon-smile-before-and-after #content,
.damon-system-for-adults #content,
.damon-system-before-and-after #content,
.dentures #content,
.digital-x-rays #content,
.empower #content,
.extractions #content,
.forsus-trade #content,
.forsus #content,
.gum-disease #content,
.home #content,
.i-cat #content,
.incognito #content,
.invisalign #content,
.invisalign-invisalign-teen #content,
.invisalign-faqs #content, 
.invisalign-info #content, 
.invisalign-costs #content, 
.invisalign-videos #content,
.invisalign-teen #content,  
.invisalign-teen-info #content,  
.invisalign-before-after #content, 
.invisalign-testimonials #content,
.itero-digital-impression-system #content,
.meet-the-team #content,
.meet-our-team #content,
.meet-the-staff #content,
.meet-our-staff #content,
.office-tour #content,
.around-our-office #content,
.palatal-expander #content,
.patient-care-videos #content,
.retainer-instructions #content,
.sealants #content,
.sitemap #content,
.smartclip #content,
.smiles-change-lives #content,
.suresmile-qt #content,
.suresmile-info #content,
.suresmile-faqs #content,
.how-suresmile-works #content,
.suresmile-comparison #content,
.suresmile-testimonials #content,
.suresmile-before-and-after #content, 
.trudenta-headache-relief #content,
.trudenta-testimonials #content,
.headache-symptoms-and-causes #content,
.trudenta-faqs #content,
.trudenta-costs #content,
.types-of-appliances #content,
.types-of-braces #content,
.the-wand-sta #content,
.veneers #content,
.wildsmiles #content,
.wisdom-teeth #content,
.my-life-my-smile-my-orthodontist #content,
.your-child-s-first-orthodontic-checkup #content,
.aao-testimonials #content,
.ortho-tv #content*/
{ width:100%; }

/*.hp-column { width:47.3%; }*/

/**************************************/
/*              sidebar                */
/**************************************/
/*
#sidebar {
	margin:3.25em 0;
	width:32.4%;display:block;
}
*/

/*sidebar*/
#sidebar
/*.acceledent #sidebar,
.acceledent-aura #sidebar,
.acceledent-aura-faqs #sidebar,
.acceledent-aura-testimonials #sidebar,
.before-after #sidebar,
.before-and-after #sidebar,
.blog #sidebar,
.bonding #sidebar,
.brace-painter #sidebar,
.braces-diagram #sidebar,
.bridges #sidebar,
.carriere-distalizer-appliance #sidebar,
.common-procedures #sidebar,
.common-treatments #sidebar,
.crowns #sidebar,
.damon-clear #sidebar,
.damon-smile-info #sidebar,
.damon-smile-faqs #sidebar,
.damon-smile-costs #sidebar,
.damon-smile-for-adults #sidebar,
.damon-smile-testimonials #sidebar,
.damon-smile-before-and-after #sidebar,
.damon-system-for-adults #sidebar,
.damon-system-before-and-after #sidebar,
.dentures #sidebar,
.digital-x-rays #sidebar,
.empower #sidebar,
.empower-clear #sidebar,
.extractions #sidebar,
.forsus-trade #sidebar,
.forsus #sidebar,
.gum-disease #sidebar,
.home #sidebar,
.i-cat #sidebar,
.incognito #sidebar,
.invisalign #sidebar,
.invisalign-invisalign-teen #sidebar,
.invisalign-faqs #sidebar, 
.invisalign-info #sidebar, 
.invisalign-costs #sidebar, 
.invisalign-videos #sidebar,
.invisalign-teen #sidebar,
.invisalign-teen-info #sidebar,  
.invisalign-before-after #sidebar, 
.invisalign-testimonials #sidebar,
.itero-digital-impression-system #sidebar,
.meet-the-team #sidebar,
.meet-our-team #sidebar,
.meet-the-staff #sidebar,
.meet-our-staff #sidebar,
.minimaster #sidebar,
.office-tour #sidebar,
.around-our-office #sidebar,
.palatal-expander #sidebar,
.patient-care-videos #sidebar,
.retainer-instructions #sidebar,
.sealants #sidebar,
.sitemap #sidebar,
.slimline-palatal-expander #sidebar,
.smiles-change-lives #sidebar,
.smartclip #sidebar,
.suresmile-qt #sidebar,
.suresmile-info #sidebar,
.suresmile-faqs #sidebar,
.how-suresmile-works #sidebar,
.suresmile-comparison #sidebar,
.suresmile-testimonials #sidebar,
.suresmile-before-and-after #sidebar, 
.trudenta-headache-relief #sidebar,
.trudenta-testimonials #sidebar,
.headache-symptoms-and-causes #sidebar,
.trudenta-faqs #sidebar,
.trudenta-costs #sidebar,
.types-of-appliances #sidebar,
.types-of-braces #sidebar,
.the-wand-sta #sidebar,
.veneers #sidebar,
.wildsmiles #sidebar,
.wisdom-teeth #sidebar,
.my-life-my-smile-my-orthodontist #sidebar,
.your-child-s-first-orthodontic-checkup #sidebar,
.aao-testimonials #sidebar,
.ortho-tv #sidebar*/
{ display:none; }

/**************************************/
/*              sitemap                */
/**************************************/
body.sitemap .width1{ width:50%;/*default 50%*/ }

/*********************************************************************
	serra
*********************************************************************/

/*********************************************************************
	footer
*********************************************************************/
#ft .container{ max-width:1000px; }

#location{ width:50%;margin:3.6em 0 2em; }

#ft .tnav{ width:35%; }
#ft .tnav.be-prepared{ clear:left; }

#ft .social-media{ width:50%;margin-top:0; }
/*#ft .social-media a{ margin-left:auto; }*/


#links .util, #sesame-link { clear:none; }

}

/* ===============================================
   Desktop Only Stylings
   Supports 64em (1024px) and up
   =============================================== */
@media only screen and (min-width: 64em) {
/*********************************************************************
	global
*********************************************************************/	
.ls { letter-spacing:0.1em;letter-spacing:0.1rem; }
h1.ls{ letter-spacing:0.5em;letter-spacing:0.5rem; }
.dauto{ width:auto!important; }

h1{ line-height:50px;line-height:5.0rem;font-size:60px;font-size:6.0rem;margin:0.7em 0 0.62em;width:64.4%; }
.home h1{ margin:0.6em 0 0.73em;width:100%; }
#content h1 {font-weight:400;}

/*********************************************************************
	hd
*********************************************************************/
#hd{ padding-top:29px;min-height:155px; }

#logo{ margin:0 0 0 0.2em; }

#contact-info{ margin:16px 7px 0 0; }
#contact-info a{ line-height:19px;line-height:1.9rem; }
#contact-info span.phone{ 
	line-height:20px;line-height:2.0rem;
	display:block;
	height:28px; 
}

#hd .social-media{ margin:0.3em 7px 10px 0; }

/*********************************************************************
	main-nav
*********************************************************************/
#main-nav{}
#main-nav .container {  }
div.collapsible{ margin:0 auto; }

#main-nav ul { padding:0;margin:0;background:none;border:none;width:auto;height:50px; }
#main-nav ul li { background:none;float:none;padding:0 32px 0 0;/*adjust padding for desired space between buttons*/ }
#main-nav ul li.contact, #main-nav ul li.contact-us{ padding:0; }

#main-nav a {
	line-height:51px;line-height:5.1rem;
	text-align:center;
	color:#525353;
	font-weight:bold;
	margin:0;padding:0;
	float:right;
	height:38px;
}
#main-nav a.contact-us, #main-nav a.contact{ margin-right:0; }

/*for navs that overlap logo*/
/*nav li.logo-link{ width:auto; }
a#logo-link{ width:21em;padding:0; }*/

#main-nav a:hover,
#main-nav ul li:hover a,
#main-nav li.active a,
#main-nav ul li a:active{
	color:#003c7a;
	border-bottom: 2px solid #003c7a;
}

/*#main-nav a#logo-link:hover,
#main-nav ul li:hover a#logo-link,
#main-nav li.active a#logo-link,
#main-nav ul li a#logo-link:active{
	background:none;
}*/

/**************************************/
/*              flyouts                */
/**************************************/
#main-nav ul ul {
	background:#003c7a;
	padding:12px 0 18px;
	width:210px;
	height:auto;
	
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}

#main-nav ul li.contact-us ul,
#main-nav ul li.contact ul,
#main-nav ul li.green-commitment ul
{ width:240px; }

#main-nav ul li.preventive-dentistry ul
{ width:270px; }

#main-nav ul ul li { float:left;margin:0;padding:0;width:100%;height:25px;/*default 25*/ }

#main-nav ul ul li a {
	line-height:24px;line-height:2.4rem;
	text-indent:12px;text-align:left;
	font-weight:600;
	color:#fff;
	
	width:100%;height:24px; 
	padding:0;margin:0;
	background:none;
	box-shadow:none;
		
	border-radius: 0; 
	-moz-border-radius: 0;
	-webkit-border-radius: 0; 
}

#main-nav ul li.contact-us ul li a, #main-nav ul li.contact ul li a { text-align:right; padding-right:12px; }

#main-nav ul ul li a:hover{ color:#fff;background:none;border:none;display:block;box-shadow:none; }
#main-nav li.active li a, #main-nav li:hover li a { color:#fff;background:none;border:none;box-shadow:none; }
#main-nav ul li.active ul li a:hover{ color:#fff;background:#4c99e9;border:none;box-shadow:none; }
#main-nav ul ul li a:hover, #main-nav ul ul li a.active{ color:#fff;background:#4c99e9;border:none;box-shadow:none; }

/**************************************/
/*		special drop Locations			*/
/**************************************/
#main-nav ul li:hover ul, #main-nav ul li.sfhover ul { left:-11px;/*top:26px;*/ }
#main-nav ul li.contact-us:hover ul, #main-nav ul li.contact-us.sfhover ul,
#main-nav ul li.contact:hover ul, #main-nav ul li.contact.sfhover ul{ left:auto;right:-12px; }

/*********************************************************************
	slideshow
*********************************************************************/
#slideshow{ position:absolute;top:0;width:100%;z-index:-1; }
/*
#slideshow .container{ width:100%!important;background:none; }
#home-slideshow.slideshow{ width:100%;margin:0; }
*/

/*full width slideshow*/
#home-slideshow.slideshow{ width:100%;margin:0 auto; }
#home-slideshow.slideshow-fade .slideshow-item { left: 50%; width: 2000px; margin-left:-1000px; }
#home-slideshow img{ max-width:2000px; }

/*turha overlay*/
.turha{ height:543px;padding-top:345px; }
.slogan{ 
	line-height:31px;line-height:3.1rem;
	font-size:34px;font-size:3.4rem;
	
	position:relative; 
	margin:0 17px 0 0;
}

/*********************************************************************
	#callouts
*********************************************************************/
#callouts{ padding-top:2.6em;margin-bottom:-2.8em; }
#callouts .container{ max-width:1000px; }

#callouts h2{
	line-height:34px;line-height:3.4rem;	
	background-position:right 85%;
	padding-left:0;
}
#callouts h2 .lt{ font-size:45px;font-size:4.5rem; }
#callouts h2 .bold{ font-size:61px;font-size:6.1rem; }

#callouts .ib{ margin-right:5px; }
#callouts a{ width:163px;margin:0.2em 0.799% 0.6em; }
#callouts a img{ width:auto; }

/*********************************************************************
	ip-sub
*********************************************************************/
#ip-sub{ min-height:141px; }
#ip-sub .container{ max-width:888px; }

/*********************************************************************
	#bd
*********************************************************************/
.static{ margin-top:-74px;margin-right:10px; }

/*********************************************************************
	#content
*********************************************************************/

/*********************************************************************
	serra
*********************************************************************/
#serra{ padding:1.4em 0; }
#serra .ib{ margin-right:3.6em; }
#serra a{ width:224px;margin:0 0.8em; }

/*********************************************************************
	footer
*********************************************************************/
#ft{ height:327px;padding-top:48px; }
#ft .tnav{ width:190px; }

#ft h2{ margin-bottom:0.55em; }

#location, #ft .tnav, #ft .social-media{ position:absolute;top:0; }

#location{ right:0;width:302px;margin-top:3.1em; }
#location img{ margin-right:1.1em; }

#ft .text-nav{ float:left;margin-top:0; }
#ft .tnav.be prepared{ left:0; }
#ft .tnav.our-practice{ left:515px; }

#ft .social-media{ left:204px;width:260px; }
#ft .social-media .ib{ margin:0.45em 0 0 0.4em; }
#ft .social-media a{ margin-left:0; }

#links{ height:41px;padding:0; }
#links .util{ margin-top:1px; }

a#sesame-link{ background-position:0 10px;margin-top:1px; }

}
#callouts a.last, #contact-info .last, #social-media a.last{ margin-right:0; }