/*=============================================================================================================================================================
   Basic Stylings: These will affect every size of the site.
   ============================================================================================================================================================== */
{-webkit-font-smoothing: antialiased;}
*, *: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*/

.upp{text-transform:uppercase;}

.font-o {font-family: 'Open Sans', sans-serif;}/*400*//*600*//*700*/

body {
	font-family: 'Helvetica';
	background:#FFF url(../images/background.jpg) no-repeat center top;
	line-height:18px;line-height:1.8rem;
	font-size:14px;font-size:1.4rem;
	font-weight:400; 
	color: #636363;
	overflow:hidden;
}

.container {max-width:980px; }
.ie8 .container { width:980px; }

a {text-decoration:none;}

#content a {color: #0097cf; font-weight:400;text-decoration:none;}
#content a:hover, a:hover, a.active {text-decoration:underline;}

/* h-fam */
h1, h2, h3, h4, h5, h6 { 
	margin: 0.2em 0 0.3em; 
	font-weight:400;
	text-align:left;
	color:#464646;
}

h1 { 
	line-height:32px;line-height:3.2rem;
	font-size:30px; font-size:3.0rem;
	margin:5px 0 28px;
}

.home h1 { margin-bottom:20px;}

h2 { font-size:20px; font-size:2.0rem;}
h3 { font-size:18px; font-size:1.8rem;} 
h4 { font-size:16px; font-size:1.6rem; }
h5 { font-size: 14px; font-size:1.4rem; }
h6 { font-size: 12px; font-size:1.2rem; }

/* List Styling */
#content ul li { list-style: disc;}

/*********************************************************************
	Header
*********************************************************************/
#fixed-header {
	height: 40px;
	width: 100%;
	background-color: #6a747c;
	padding: 10px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
}
#wrapper {
	width: 1170px;
	margin-left: auto;
	margin-right: auto;
}
/*.menu-wrap {
    position: absolute;
	height: 40px;
	width: 1170px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #6a747c;
	margin-left:auto;
	margin-right:auto;
}*/
#hd a {text-decoration:none;}

#hd .container { 
	padding-top:10px; 
	max-width:970px;
}

#hd-top .container { max-width:932px;}

/**************************************/
/*              logo                */
/**************************************/
#logo {
	/*max-width:420px; 
	width:80%; */
	margin-top:70px;
}

#logo a:hover img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1;}


/**************************************/
/*              social media                */
/**************************************/
#social {
	position: relative;
	top: -8px;
	float:right;
}
#social img {
	width: 35px;
}
#social a:hover {
	opacity: .7;
}
#dentists-orthos {
	position: relative;
	top: -3px;
	float: left;
}
#dentists-orthos a:hover {
	opacity: .7;
}
/**************************************/
/*              hd-info                */
/**************************************/

#phone-no {
	color:#0097d0;
	font-weight: bold;
	position: absolute;
	top: 50px;
	width: 200px;
	font-size: 1.3em;
}
#phone-no span{
	color: #6a747c;
	font-weight: bold;
	font-size: 1.2em;
}
/*********************************************************************
	main-nav
*********************************************************************/
#main-nav {
	background: #3575a0; /* Old browsers */
	background: -moz-linear-gradient(top, #3575a0 0%, #0097d0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3575a0), color-stop(100%,#0097d0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #3575a0 0%,#0097d0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #3575a0 0%,#0097d0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #3575a0 0%,#0097d0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #3575a0 0%,#0097d0 100%); /* W3C */
	border-bottom:solid 5px #27516c;
	font-size:17px; font-size:1.4rem;
	text-align: center;
	font-weight:700;
	height:71px;
	clear: both;
	padding:0;
	z-index:3000;
}

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

#main-nav a {
	line-height:65px;line-height:6.5rem;
	background-repeat:no-repeat;
	text-align:center;
	height:71px;
	color:#6a747c;
	margin: 0;
	padding:0;
}

#main-nav ul {	
	background-color:#4693c7;
	box-shadow: 0 2px 3px rgba(0,0,0,.28);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,.28);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.28);
	height:auto;
	padding:0;
}

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

#main-nav .trigger {
	line-height:71px;line-height:7.1rem;
	font-size: 22px; font-size:2.2rem;
	font-style:normal;
	font-weight:700;
	color:#fff;
	height:71px;
	padding: 0;
	margin: 0;
}

#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{
	background: #b6e100; 
	color:#fff;
	border-bottom:solid 5px #94b701;
}

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

#main-nav ul ul {
	background: #FFF; 
	width:100%;
	float:left;
}

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

#main-nav ul ul li a {
	font-size:14px; font-size:1.4rem;
	letter-spacing:normal;
	text-transform:none;
	background: none;
	text-align: center;
	font-weight:700;
	color:#0097cf;
	border:none;
	margin: 0;
	height:45px;
	line-height:45px;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition:none;
}

#main-nav ul li ul li.first {padding-top: 6px;}
#main-nav ul li ul li.last {padding-bottom: 6px;}

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

/*********************************************************************
	slideshow
*********************************************************************/
#slideshow {z-index:1;}
/*#slideshow .container {max-width:960px;}*/
.ie8 #slideshow .container{width:100%;}

p.tagline {
	color:#b6e100;
	font-size:16px; font-size:1.6rem;
	line-height:20px; line-height:2rem;
	font-weight:700; 
	text-shadow:1px 2px 1px rgba(0, 0, 0, .5);
	z-index:2000;
	text-align:center;
}
#home-slideshow {
	width: 2000px;
	margin: 0 -54%;
}
/*********************************************************************
	callouts
*********************************************************************/

#callouts img {
	margin: 0 10px 0 10px;
	width: 290px;
}

#callouts a {
	background-repeat:no-repeat;
	background-position:center top;
	display:block;
	width:221px;
	max-width:221px;
	text-shadow:1px 1px 1px rgba(255, 255, 255, .75);
	line-height:20px;line-height:2rem;
	font-size:19px;font-size:1.9rem;
	font-weight:400;
	text-align:center;
	color:#464646;
	padding:70px 0 0;
	background-size:80%;
	height:211px;
	margin:15px auto;
}

a#healthgrades { background-image:url(../images/callouts/healthgrades.png);}
a#patient-login {background-image:url(../images/callouts/patient-login.png);}
a#search {background-image:url(../images/callouts/search.png);}
a#websites {background-image:url(../images/callouts/websites.png);}

/**************************************/
/*              ip-sub                */
/**************************************/
#ip-sub {
	font-size:14px;font-size:1.4rem;
	text-align:center;
	font-weight:700;
	color:#0097cf;
	width:90%;
	margin:0 auto;
	min-height:72px;
}

#ip-sub .container {height:auto; padding:22px 0 10px;}

#ip-sub p.subnav {
	line-height:20px;line-height:2.0rem;
	margin:0;
	padding:0;
}

#ip-sub p.subnav a {color:#0097cf;}

#ip-sub p.subnav a:hover, #ip-sub p.subnav a.active {
	text-decoration:none; 
	color:#b6e100;
}

/*********************************************************************
	#bd
*********************************************************************/
#bd { margin-top:10px;}

#bd .wrapper {
	background:#fff;
	padding-top:2%;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

/**************************************/
/*              content                */
/**************************************/
#content { width:100%; padding:0 0 12px;}
#content .container { width:94%!important;}
.home #content .container { width:96%!important;}
#content p {line-height:30px;line-height:3.0rem;}

/*site pics supression*/
.acceledent .static,
.acceledent-aura .static,
.before-and-after .static,
.blog .static,
.bonding .static,
.bridges .static,
.carriere-distalizer-appliance .static
.common-procedures .static,
.common-treatments .static,
.crowns .static,
.damon-clear .static,
.damon-smile-for-adults .static,
.damon-smile-before-and-after .static,
.damon-system-for-adults .static,
.damon-system-before-and-after .static,
.dentures .static,
.digital-x-rays .static,
.empower .static,
.extractions .static,
.forsus-trade .static,
.gum-disease .static,
.home .static,
.invisalign .static,
.invisalign-faqs .static, 
.invisalign-info .static, 
.invisalign-costs .static, 
.invisalign-videos .static,
.invisalign-teen .static,  
.invisalign-teen-info .static,  
.invisalign-before-after .static, 
.invisalign-testimonials .static,
.itero-digital-impression-system .static,
.meet-the-team .static,
.meet-our-team .static,
.meet-the-staff .static,
.meet-our-staff .static,
.office-tour .static,
.palatal-expander .static,
.retainer-instructions .static,
.sealants .static,
.sitemap .static,
.smartclip .static,
.suresmile-qt .static,
.suresmile-info .static,
.suresmile-faqs .static,
.how-suresmile-works .static,
.suresmile-comparison .static,
.suresmile-testimonials .static,
.suresmile-before-and-after .static, 
.types-of-braces .static,
.the-wand-sta .static,
.veneers .static,
.wildsmiles .static,
.wisdom-teeth .static
{display:none;}

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

.sitemap #content ul a {
    font-size:18px; font-size:1.8rem;
	text-transform:none;
    text-decoration: none;
    font-style: normal;
    font-weight:700;
    color: #0097cf;
}

.sitemap #content a:hover {text-decoration:underline;}
.sitemap #content ul ul li a {
	line-height:25px;line-height:2.5rem;
    font-size:14px; font-size:1.4rem;
    text-decoration: none;
    text-transform: none;
    font-style: normal;
    font-weight:400;
    color: #0097cf;
    margin-left:0;
}
.sitemap #content ul li { list-style: none; margin-bottom:20px;}
.sitemap #content ul ul li{list-style:none;margin:0;color:#0097cf;}

/*********************************************************************
	sidebar
*********************************************************************/
#sidebar {width:100%; padding:0; margin:0;}
#sidebar a {display:block;}

/*********************************************************************
	sitepics
*********************************************************************/
.static {clear:both;}

.damon-smile-for-adults .static,
.home .static, 
.blog .static,
.types-of-braces .static,
.common-procedures .static,
.common-treatments .static,
.retainer-instructions .static,
.smartclip .static,
.gum-disease .static,
.digital-x-rays .static,
.extractions .static,
.sealants .static,
.bonding .static,
.bridges .static,
.crowns .static,
.dentures .static,
.veneers .static,
.types-of-appliances .static,
.tooth-replacement .static,
.lumineers .static,
.invisalign-faqs .static, 
.invisalign-info .static, 
.invisalign-teen-info .static, 
.invisalign-costs .static, 
.invisalign-videos .static, 
.invisalign-before-after .static, 
.invisalign-testimonials .static,
.damon-system-for-adults .static,
.damon-system-before-and-after .static
{display:none;}

.staff{
	float:right; 
	margin: 0 0 10px 10px;
}

.img-right, .img-left{background:#fff; border:1px solid #fff;}

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

.before-after-image img{border:none;}

.types-of-appliances .img-left, #pro-pack .img-right, #pro-pack .img-left{
	/*border-radius: 0; 
	-moz-border-radius: 0; 
	-webkit-border-radius: 0;
	box-shadow: 0 2px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 0 2px 1px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 2px 1px rgba(0,0,0,.2);*/
}

/**************************************/
/*              btt                */
/**************************************/
#back-to-top {
	background:url(/white-castle/images/back-to-top.png) no-repeat center top;
	padding:0;
	height:38px;
	width:100%;
	text-align:center;
}

#back-to-top a {
	text-indent:-999em;
	height:38px;
}

#back-to-top:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity:.8;}

/*********************************************************************
	ft-top
*********************************************************************/
#ft-top { 
	background:url(http://webstage.sesamecommunications.com/white-castle/images/ft-top.jpg) no-repeat center bottom; 
	padding-top:32px;
} 

#ft-top .container { padding-bottom:60px;}

/*ft-info*/
#ft-info { padding-bottom:15px;}
#ft-info a { margin:5px 0;}


/*********************************************************************
	ft
*********************************************************************/
#ft { background:#6a747c; margin-top:-30px;}
#ft a {text-decoration:none;}
#ft a:hover {text-decoration:none;}
#ft p {margin-top:0; margin-bottom:0;}
#ft h2 {
	font-size:24px;font-size:2.4rem;
	margin:0 0 8px 0;
	color:#FFF;
}

/*********************************************************************
	ft-info
*********************************************************************/
#ft-info { margin-top:25px;}

#ft-info a {
	color:#b6e100;
	font-size:12px; font-size:1.2rem;
	line-height:16px; line-height:1.6rem;
}

#ft-info a:hover { color:#0097cf;}
#ft-info a img:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; opacity:.7;}

#ft-info img.ft-map { margin-bottom:15px;}
#ft-info img.braces-ad { margin:15px 0;}

#ft-callout {
	font-family: 'Helvetica';
	color: #FFF;
	font-size: 1.7em;
	font-weight: bold;
}
#ft-top p {
	margin: 0 0 0.8em;
}
#ft-blue a:hover {
	color: #b6e100;
}
/**************************************/
/*              tnav                */
/**************************************/
#tnav p.text-nav {
	line-height:12px;line-height:1.2rem;
	font-size:14px;font-size:1.4rem;
	font-weight:400;
	color:#0097cf;
}

#tnav p.text-nav a {color:#b6e100; display:block; }
#tnav p.text-nav a:hover {text-decoration:none;color:#0097cf;}
#tnav p.text-nav a.active {text-decoration:none;}


/**************************************/
/*              12-col-overrides                */
/**************************************/
/*#hd .row .col{margin-left:0;}*/

/*********************************************************************
	Global
*********************************************************************/
.poga{
	background: #abd418;
	background: -moz-linear-gradient(top,  #ffffff 0%, #a7d238 47%, #99cb17 50%, #abd418 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#a7d238), color-stop(50%,#99cb17), color-stop(100%,#abd418));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#a7d238 47%,#99cb17 50%,#abd418 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#a7d238 47%,#99cb17 50%,#abd418 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#a7d238 47%,#99cb17 50%,#abd418 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#a7d238 47%,#99cb17 50%,#abd418 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#abd418',GradientType=0 );
	
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border:1px solid #7ca6a3; 
	
	box-shadow: 0 3px 5px rgba(0,0,0,.2);
	-moz-box-shadow:0 3px 5px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);

}

div.hr {/* This styled div acts as the hr for most browsers */
	height: 1px;
	background:#636363;
	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: #e2e2e2; 
	font-size:14px; font-size:1.4rem;
	letter-spacing:normal;
	text-transform:none;
	font-weight:700;
	color:#0097cf;
	border:none;
	padding:15px;  
}

.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  -----------------*/
.button, a.button {
	min-height:26px;
	color: #000;
	border: solid 1px;
	text-align: center;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 14px; font-size:1.4rem;
	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; 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;
	border:none;
	background: #3575a0; /* Old browsers */
	background: -moz-linear-gradient(top, #3575a0 0%, #0097d0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3575a0), color-stop(100%,#0097d0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #3575a0 0%,#0097d0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #3575a0 0%,#0097d0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #3575a0 0%,#0097d0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #3575a0 0%,#0097d0 100%); /* W3C */
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

.site-button-color:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity:.8;}

/**************************************/
/*              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);
	height:30px;
}
/* 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 {
	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;}
.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: 0 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;}

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


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

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

/*keeps invisalign videos from getting too hooj*/
body.invisalign .embed-container,
body.invisalign-info .embed-container,
body.invisalign-teen-info .embed-container,
body.invisalign-costs .embed-container,
body.invisalign-videos .embed-container,
body.invisalign-before-after .embed-container,
body.invisalign-testimonials .embed-container
{width: 60%;}

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

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

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



/* Parent Elements */
/*.row > .col {display: block;float: left;}*/
}

/* ===============================================
   Tablet / Desktop Stylings
   Supports 48em (768px) and up
   =============================================== */
@media only screen and (min-width: 48em) {


/**************************************/
/*              hd-info                */
/**************************************/
#hd .container { padding-bottom:39px;}
#hd-info { padding-top:4px;}
#address { padding:0 0 26px;}
#social-media { margin-bottom:0;}

/*********************************************************************
	slideshow
*********************************************************************/
p.tagline {
	font-size:45px; font-size:4.5rem;
	line-height:45px; line-height:4.5rem;
}

/*********************************************************************
	callouts
*********************************************************************/
#callouts .container { max-width:761px;}

#callouts a { 
	width:33%; 
	max-width:none;	
	height:207px; 
} 

#callouts a.last {margin-right:0;}

/*********************************************************************
	#bd
*********************************************************************/
#bd .wrapper { padding-top:13px;}

/**************************************/
/*              content                */
/**************************************/
#content  { width:100%; min-height:500px; }

.damon-smile-for-adults #content,
.damon-smile-before-and-after #content,
.before-and-after #content,
.office-tour #content,
.sitemap #content,
.meet-the-staff #content,
.meet-the-team #content,
.home #content, 
.blog #content,
.types-of-braces #content,
.types-of-appliances #content,
.common-procedures #content,
.common-treatments #content,
.retainer-instructions #content,
.smartclip #content,
.gum-disease #content,
.digital-x-rays #content,
.extractions #content,
.sealants #content,
.suresmile-faqs #content,
.bonding #content,
.bridges #content,
.crowns #content,
.dentures #content,
.veneers #content,
.tooth-replacement #content,
.lumineers #content,
.invisalign #content,
.invisalign-faqs #content, 
.invisalign-info #content, 
.invisalign-teen-info #content, 
.invisalign-costs #content, 
.invisalign-videos #content, 
.invisalign-before-after #content, 
.invisalign-testimonials #content,
.damon-system-for-adults #content,
.damon-system-before-and-after #content
{background:none; float:none; width:100%; }

#column-left {width:66%; float:left;}
#column-right {width:33%; float:right;}

/**************************************/
/*              sidebar                */
/**************************************/
#sidebar { width:35%; top:90px; }

.damon-smile-for-adults #sidebar,
.before-and-after #sidebar,
.office-tour #sidebar,
.sitemap #sidebar,
.meet-the-staff #sidebar,
.meet-the-team #sidebar,
.home #sidebar, 
.blog #sidebar,
.types-of-braces #sidebar,
.types-of-appliances #sidebar,
.common-procedures #sidebar,
.common-treatments #sidebar,
.damon-smile-before-and-after #sidebar,
.retainer-instructions #sidebar,
.smartclip #sidebar,
.gum-disease #sidebar,
.digital-x-rays #sidebar,
.extractions #sidebar,
.sealants #sidebar,
.suresmile-faqs #sidebar,
.bonding #sidebar,
.bridges #sidebar,
.crowns #sidebar,
.dentures #sidebar,
.veneers #sidebar,
.tooth-replacement #sidebar,
.lumineers #sidebar,
.invisalign #sidebar,
.invisalign-faqs #sidebar, 
.invisalign-info #sidebar, 
.invisalign-teen-info #sidebar, 
.invisalign-costs #sidebar, 
.invisalign-videos #sidebar, 
.invisalign-before-after #sidebar, 
.invisalign-testimonials #sidebar,
.damon-system-for-adults #sidebar,
.damon-system-before-and-after #sidebar
{display:none;}

/**************************************/
/*              sitemap                */
/**************************************/
.sitemap .width1 {width:50%; display:block; float:left;}

/*********************************************************************
	ft
*********************************************************************/
#ft { margin-top:-11px;}
#ft-info { width:33%; margin-top:0;}
#ft-info img.ft-map { margin-bottom:0; max-width:100px;}
#ft-info img.braces-ad { margin:0; max-width:130px;}

#ft-info span {
    display: inline-block;
    line-height: 14px;
    margin:27px 10px 0 14px;
}
#ft li {color:#FFF;}
#ft li a {color:#b6e100;}
#ft li a:hover {color:0097cf;}


/**************************************/
/*              tnav                */
/**************************************/
#tnav { width:33%;}
#tnav p.text-nav { line-height:21px; line-height:2.1rem;}
#tnav p.text-nav a { float:left; width:47%; } 


/**************************************/
/*              global styles                */
/**************************************/
/*special hide class*/
/*.hide-special{display:none;}*/

/* Parent Elements */
.row > .col {
    border: 0px solid rgba(0,0,0,0);
    display: block;
    float: left;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    /*margin-left: 5%;*/
  }
     
  .row > .col:first-child { margin-left: 0%;}
}

/* ===============================================
   Desktop Only Stylings
   Supports 64em (1024px) and up
   =============================================== */
@media only screen and (min-width: 64em) {
/*********************************************************************
	#hd
*********************************************************************/
#hd-top { min-height:51px;} 
#logo { margin-top:0;}
#logo a img { width:80%;}	
/*********************************************************************
	global
*********************************************************************/	
.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;}

/*********************************************************************
	header
*********************************************************************/
h1 { 
	line-height:50px;line-height:5.0rem;
	font-size:50px; font-size:5.0rem;
}

#logo { /*margin:40px 0 0 5px;*/ position:absolute; top:50px;}
#logo a img { width:100%;}

/*********************************************************************
	main-nav
*********************************************************************/
#main-nav {
	background:none;
	filter:none;
	height:51px;
	border-bottom:none;
}

#main-nav .container{
	padding:0;
	width:100%;
	max-width:938px;
	position: relative;
	top: 35px;
	left: 230px;
}

#main-nav a {
	margin:0 0 7px;
	height:51px;
	padding: 0; 
	float:left;
}

#main-nav a.contact-us {margin-right:0;}

div.collapsible{margin:0 auto;}

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

#main-nav ul {
	box-shadow:none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	background:none; 
	border:none; 
	padding:0; 
	margin:0 0 0 5px;
}

#main-nav ul li { background:none;}
#main-nav ul li a { padding:0 15px 0 15px;} 

/**************************************/
/*              flyouts                */
/**************************************/
#main-nav ul ul {
	padding:12px 0;
	width:240px;
	height:auto;
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	margin:0;
}

#main-nav ul ul li { height:25px; }/*default 25*/
#main-nav ul li ul li.first {padding-top: 0;}

#main-nav ul li.about-ortho ul { width:265px;}
#main-nav ul li.damon-smile ul { width:275px;}

#main-nav ul ul li a {
	font-size:14px; font-size:1.4rem;
	font-weight:700;
	line-height:20px; line-height:2.0rem;
	padding: 3px 0 5px; /*og*/
	text-indent:18px;
	color:#0097cf;
	text-align:left; 
	border:none; 
	height:17px; 
	width:240px;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease; 
}

#main-nav ul li.about-ortho ul li a { width:265px;}
#main-nav ul li.damon-smile ul li a { width:275px;}

#main-nav ul li.contact ul li a {text-align:right; padding-right:10px; width:240px;}

#main-nav ul ul li a:hover{border:none; display:block;}
#main-nav li.active li a, #main-nav li:hover li a {color:#0097cf; border:none;}
#main-nav ul li.active ul li a:hover {border:none;}
#main-nav ul ul li a:hover, #main-nav ul ul li a.active {border:none;}

nav.horizontal ul li {
	float: left;
	min-height: 100%;
	position: relative;
	height: 100%;
}
/**************************************/
/*              special drop Locations                */
/**************************************/
#main-nav ul li.contact:hover ul, #main-nav ul li.contact.sfhover ul { left:-155px;}

/*********************************************************************
	slideshow
*********************************************************************/

#slideshow .container { width:100%!important;}

p.tagline {
	font-size:60px; font-size:4.0rem;
	line-height:50px; line-height:5rem;
	margin:15px 0 15px 0;
}

/**************************************/
/*              ip-subnav                */
/**************************************/
#ip-sub { 
	text-align:left; 
	width:auto;
	margin:0;
}

.ie8 #ip-sub p.subnav { width:96%; margin:0 auto;}

/*********************************************************************
	callouts
*********************************************************************/
#callouts { padding: 70px 0 5px; margin-top:-80px; margin-bottom:30px;}

#callouts a {
	background-repeat:no-repeat;
	background-position:center top;
	display:block;
	width:190px;
	max-width:190px;
	text-shadow:1px 1px 1px rgba(255, 255, 255, .75);
	line-height:20px;line-height:2rem;
	font-size:19px;font-size:1.9rem;
	font-weight:400;
	text-align:center;
	color:#464646;
	padding:70px 0 0;
	background-size:80%;
	height:180px;
	margin:15px auto;
}

#callouts a:hover { 
	opacity:1;
	background-position:center -206px;
	text-decoration:none;
	text-indent:-9999em;
}
/*********************************************************************
	sidebar
*********************************************************************/
#sidebar-new a:hover {
	opacity:.5;
}

/*********************************************************************
	#bd
*********************************************************************/
#bd { margin-top:27px;}
.home #content {padding-top:12px;}

/*********************************************************************
	ft-top
*********************************************************************/
#reviews a { margin:0 18px;}

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

#ft h2 { 
	text-indent:13px; 
	margin-bottom:14px;
}

#ft h2.text-nav { 
	text-indent:20px; 
	margin-bottom:18px;
	text-indent:79px;
}

article {
	z-index:0;
}
#phone-no {
	color:#0097d0;
	font-weight: bold;
	position: absolute;
	top: 50px;
	width: 200px;
	font-size: 1.3em;
}
#phone-no span{
	color: #6a747c;
	font-weight: bold;
	font-size: 1.2em;
}