/*********************************************************************
	gernetzke-john
	
	Sesame Communications - (c) 2013
	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;}

/*********************************************************************
	fonts
*********************************************************************/
html { font-size: 62.5%; }/*font reset for rem units*/

/*font-a*/
.font-a{font-family: 'Lato', sans-serif;}

body {
	border-top:10px solid #63625e;
	background: #e9e9e9 url(../images/background.png) repeat 0px 0px;
	font-family: Verdana, Geneva, sans-serif;
	line-height:17px;line-height:1.7rem;
	font-size:13px;font-size:1.3rem;
	color: #807e7c;
	overflow:hidden;
}

.container {max-width:964px;}

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

a:hover img{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  opacity:0.7;}

h1, h2, h3, h4, h5, h6 { font-family: 'Lato', sans-serif; margin: 0.2em 0 0.3em; text-align:left; font-weight:700; }
h2, h3, h4, h5, h6{color:#666563;}

h1 { 
	line-height:53px;line-height:5.3rem;
	font-size: 45px; font-size:4.5rem;
	color:#263165;
}

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
*********************************************************************/
#hd{
	border-top:1px solid #fff;
	line-height:normal;
	min-height:176px;
	padding:0;
	height:auto;
}
#hd .container {padding:11px 0 0; width:100%!important; max-width:1000px;}
#hd a {text-decoration:none;}

/**************************************/
/*              logo                */
/**************************************/
#logo{ padding:0; width:90%; max-width:399px;}
#logo a img{}
#logo a:hover img{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1;}

/**************************************/
/*              contact-block                */
/**************************************/
#contact-block{width:100%; text-align:center; }

/*social-media*/
.social-media{width:180px; margin-bottom:13px; float:right; margin:5px 20px -5px 0;}
.social-media a img{float:left; margin:0 2px 0 0;}
.social-media a img.last{margin-right:0;}

/*contact-info*/
#contact-info{
	line-height:25px;line-height:2.5rem;
	margin:16px 0 7px;
	width:100%;
}

#contact-info a{
	font-size:14px;font-size:1.4rem;
	color:#000000;
}

#contact-info a.phone, #contact-info span.phone{	
	line-height:20px;line-height:2.0rem;
	font-size:34px;font-size:3.4rem;
	padding:0;
	color:#e55f1e;
}

#contact-info a:hover{color:#263065;text-decoration:none;}
#contact-info a.phone:hover, #contact-info span:hover.phone{color:#263065;text-decoration:none;}

/*********************************************************************
	#top-button
*********************************************************************/
#top-buttons {
	font-size: 0;
	text-align: center;
	margin-bottom: 10px;
}
#top-buttons a {
	display: inline-block;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
	font-weight: 900;
	line-height:36px;
	line-height:3.6rem;
	text-transform:lowercase;
	text-align:center;
	color:#fff;
	margin: 5px;
	padding: 0 20px;
	font-family: 'Lato', sans-serif;
	background-color: #e45f1d;
}
#top-buttons a:nth-of-type(3n+2) {
	background-color: #4dbb9c;
}
#top-buttons a:nth-of-type(3n) {
	background-color: #a6d108;
}
#top-buttons a:hover {
	background-color: #263065;
}

/*********************************************************************
	main-nav
*********************************************************************/
#main-nav {
	font-family: 'Lato', sans-serif;
	font-size:16px;
	font-size:1.6rem;
	text-align: center;
	font-weight:900;
	clear: both;
	padding:0;
	height:	px;
}

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

#main-nav a {
	text-shadow:none;
	/*line-height:38px;line-height:3.8rem;*/
	line-height:70px;
	line-height:7.0rem;
	text-transform:lowercase;
	text-align:center;
	height:70px;
	color:#fff;
	margin: 0;
	padding:0;
}

#main-nav ul {
	background-color:#263065;
	max-width:964px;
	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 {
	background-color:#a6d108;
	color:#fff;
}

#main-nav .trigger {
	background-image:url(../images/nav/trigger.png);
	background-color:transparent;
	background-position:center top;
	background-repeat:no-repeat;
	
	font-size: 22px; font-size:2.2rem;
	font-style:normal;
	font-weight:900;
	color:#fff;
	height:86px;
	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-position: center -86px;
	background-color:transparent;
	color:#fff;
}

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

#main-nav ul ul {background-color:#4dba9b;}
#main-nav ul ul li{background:none;}

/*#main-nav ul ul li a{padding:12px;}*/

#main-nav ul ul li a {
	font-size:14px; font-size:1.4rem;
	text-transform:none;
	background: none;
	text-align: center;
	font-weight:700;
	border:none;
	margin: 0;
	color:#fff;
	height:45px;
	line-height:45px;
}

#main-nav ul li ul li {/* background:#8aa44d; background:rgba(138, 164, 77, .94);*/}
#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:#fff; background:none; border:none; display:block; margin-bottom:0;}
#main-nav ul li.active ul li a:hover {color:#fff; background: #000; border:none; display:block; margin-bottom:0;}
#main-nav ul ul li a:hover, #main-nav ul ul li a.active { color:#fff; background: #000; border:none; display:block; margin-bottom:0;}

/*********************************************************************
	slideshow
*********************************************************************/
#slideshow{ padding:0 0 20px; }
#slideshow .container{width:100%!important; max-width: 962px; padding:7px 0 0; }

#home-slideshow {z-index:1; }

#home-slideshow img{}
.ie8 #slideshow .container{width:100%;}

/*********************************************************************
	callouts
*********************************************************************/
#callouts{}
#callouts .container{
	width:100%!important; 
	min-height:220px;
}

#callouts .col{
	padding:0 0 0 151px;
	margin-bottom:30px;
	width:149px;
	height:220px;
}

#headache-treatment-callout{background:url(../images/callouts/bg-headache-treatment.png) no-repeat 0 0;}
#sleep-apnea-callout{background:url(../images/callouts/bg-sleep-apnea.png) no-repeat 0 0;}
#invisalign-callout{background:url(../images/callouts/bg-invisalign.png) no-repeat 0 0;}
#implants-callout{background:url(../images/callouts/bg-implants.png) no-repeat 0 0;}

#callouts a{
	background-repeat:no-repeat;
	background-position: 0 0;
	width:149px;
	height:220px;
}

#headache-treatment-callout a{background-image:url(../images/callouts/headache-treatment.png);}
#sleep-apnea-callout a{background-image:url(../images/callouts/sleep-apnea.png);}
#invisalign-callout a{background-image:url(../images/callouts/invisalign.png);}
#implants-callout a{background-image:url(../images/callouts/implants.png);}

#callouts a:hover{background-position:0 -220px;}

/*********************************************************************
	#bd
*********************************************************************/
#bd{}
#bd .container{padding-bottom:55px;}
.home #bd .container{padding-bottom:0;}

/**************************************/
/*              content                */
/**************************************/
#content {padding:16px 0; width:100%;}
#content p{line-height:24px;line-height:2.4rem;}

/**************************************/
/*              ip-sub                */
/**************************************/
#ip-sub {
	margin:7px 0 0;
	height:auto;
	width:100%;
	color:#fff;
	text-align:center;
}
#ip-sub .container{
	background-color:#b1aea9;
	padding:27px 0;
	height:auto;
}

.sitemap #ip-sub{display:none;}

#ip-sub p.subnav {
	line-height:17px;line-height:1.7rem;
	font-size:15px; font-size:1.5rem;
	margin:0;
	width:98%;
}
#ip-sub p.subnav a {
	text-decoration:none;
	text-transform:none; 
	/*text-indent:7px;*/
	font-weight:400;
	color: #fff;
}
#ip-sub .subnav a.active, #ip-sub .subnav a:hover {color:#000;text-decoration:none;}

/**************************************/
/*              sitemap                */
/**************************************/
.sitemap #content {font-family: 'Lato', sans-serif; color:#e45f1d;}
.sitemap #content ul {margin-left:0px; list-style: none;}

.sitemap #content ul a {
    font-style: normal;
    text-decoration: none;
    font-size:18px; font-size:1.8rem;
    font-weight:700;
    color: #e45f1d;
}
.sitemap #content a:hover {text-decoration:underline;}
.sitemap #content ul ul li a {
	line-height:25px;line-height:2.5rem;
    font-size:13px; font-size:1.3rem;
    font-style: normal;
    font-weight:400;
    text-transform: none;
    color: #e45f1d;
    text-decoration: none;
    margin-left:0;
}
.sitemap #content ul li { list-style: none; margin-bottom:20px;}
.sitemap #content ul ul li{list-style:none;margin:0;color:#333;}


/*********************************************************************
	sidebar-sitepics
*********************************************************************/
#sidebar{width:100%; padding:0; margin:95px 0 45px;}

/*sitepics*/
.static{
	border-radius: 50%; 
	-moz-border-radius: 50%; 
	-webkit-border-radius: 50%; 
	/*border:13px solid #b1aea9; */
	float:right;
	clear:both;
}

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

.img-right, .img-left{
	background:#fff;
/*	border-radius: 15px; 
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px; 
	border:1px solid #fff;*/	
	/*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);*/
}



.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;
	/*border-radius: 15px; 
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px; 
	border:1px solid #fff;*/
	/*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);*/
}

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

/*********************************************************************
	ft
*********************************************************************/
#ft{}
#ft .container{width:100%; max-width:965px;}

#ft p{margin:0;}
#ft a {text-decoration:none;}
#ft a:hover, #ft a:hover span.phone {text-decoration:none;}

/**************************************/
/*              tnav              */
/**************************************/
#text-nav .col{
	background-color:#b1aea9;
	margin-left:3%; 
	margin-bottom:34px; 
	width:48%; 
	height:275px;
	display:block;
	float:left; 
}
#text-nav .col.mob-height{height:170px;}
#text-nav .col.mob-first{margin-left:0;}
#text-nav .col.first{margin-left:0;}


div.lime{border-top:5px solid #a6d108;}
div.tangerine{border-top:5px solid #e45f1d;}
div.aqua{border-top:5px solid #4dbb9c;}

#text-nav h2{
	line-height:20px;line-height:2.0rem;
	font-size:15px;font-size:1.5rem;
	text-transform:lowercase;
	font-weight:400;
	color:#263165;
	width:100%;
	margin:0 0 10px;
	
	background-color:#d3d2ce;
	padding:8px 0 0;
	height:52px;
}
#text-nav h2 span{margin-left:11px; display:block;}

#text-nav a{
	line-height:20px;line-height:2.0rem;
	font-size:11px;font-size:1.1rem;
	margin-left:11px;
	text-align:left; 
	display:block; 
	float:left; 
	clear:both;
	color:#fff;
}

#text-nav a:hover{
	color:#263165;
}


#financial , #laser{
 max-width:960px; margin:0 auto;

 }
 #financial .container,  #laser .container{background-color:#b1aea9;
	width:100%; 
	display:block; margin-bottom:40px;
 }
  #financial h2, #laser h2{
	line-height:20px;line-height:2.0rem;
	font-size:20px;font-size:2rem;
	text-transform:lowercase;
	font-weight:400;
	color:#263165;
	width:100%;
	margin:0 0 10px;
	background-color:#d3d2ce;
	padding:8px 0 0;
	height:32px;
	text-align:center; margin-bottom:35px;
}

  #financial-content,  #laser-content{
	padding: 0 15px; text-align:center
}


#laser-content p { margin-top:10px;}

#laser-content p a{-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px; padding:10px; color:#fff; background-color:#e45f1d;  display:block;}

#laser-content p a:hover{background-color:#263165; text-decoration:none}

/*#text-nav .lime  a:hover{color:#a6d108;}
#text-nav .tangerine  a:hover{color:#e45f1d;}
#text-nav .aqua  a:hover{color:#4dbb9c;}*/

/*********************************************************************
	ft-utility
*********************************************************************/
#ft-utility{
	font-size:14px;font-size:1.4rem;
	font-weight:400;
	color:#fff;
}
#ft-utility .col{height:41px; margin-top:6px; width:100%;}
#ft-utility .col.first{margin-top:0; padding-top:6px;}

#ft-utility p, #ft-utility a{
	line-height:41px;line-height:4.1rem;
	font-size:14px;font-size:1.4rem;
	text-align:center;
	font-weight:700;
	color:#fff;
}

#ft-utility a:hover{color:#000;}

/**************************************/
/*              btt                */
/**************************************/
#back-to-top{
	background-image:url(../images/footer/back-to-top.png);
	background-position:center 0;
}

a#back-to-top{text-decoration:none; text-transform:lowercase;}
a#back-to-top:hover{background-position: center -94px; text-decoration:none; /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  opacity:0.7;*/}

/**************************************/
/*              unav                */
/**************************************/
#unav{background-color:#e45f1d;}
#unav a{text-transform:lowercase;}

/**************************************/
/*              location                */
/**************************************/
#location{background-color:#263065;}
	
#location a{
	background-image:url(http://www.smilesbydrjohn.com/assets/images/footer/office-location.png);
	background-position: center top;
	background-repeat:no-repeat;
	
	line-height:22px;line-height:2.2rem;
	font-size:14px;font-size:1.4rem;
	color:#fff;
	
	padding:126px 0 0 0;
	margin-bottom:17px;
	margin-top:22px;
	width:100%;
}

#location a:hover{color:#e88f1b;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  opacity:0.7;}

/**************************************/
/*              s-link                */
/**************************************/
#s-link{height:78px;}
#s-link .container{max-width:930px; padding:26px 0 0;}

p#sesame-link{
	background:url(../images/icons/sesame-icon.png) no-repeat 0 0;
	line-height:11px;line-height:1.1rem;
	text-transform:none;
	padding:2px 0 0 28px; 
	margin:0 auto;
	width:215px;
	height:23px;
}
#sesame-link a{
	font-size:12px; font-size:1.2rem; 
	text-transform:lowercase;
	 font-weight:400;
	color:#e45f1d;
}
#sesame-link a:hover{
	color:#00a7e5;/*sesame blue*/
	/*color:#a2bd39;*//*sesame green*/
}

/************************************************************************************************************************************************/
.appointment-request form fieldset,
.post-appointment-survey form fieldset, 
.refer-a-friend form fieldset { max-width:98%;}

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

/* 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 12px 6px 0; display: inline;	float:left;}
.entry img.alignright {margin: 0 0 6px 12px; 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;}

.search-results .post {margin-bottom:30px;}
.search-results .post h2 {margin-bottom:0;}

.comment {margin:18px 0; border-bottom: 1px solid #000;}
.comment_author {font-weight: bold;}
.comment_author h3 {margin: 0;}
.comment_author span {font-style: italic; font-weight: normal;}
.comment_meta {font-size: 10px;}
.comment_meta a {text-decoration: none;}

.share-article-links {
  border-bottom: 1px solid #333;
  border-top: 1px solid #333;
  font-weight: bold;
  line-height:32px;
  margin: 18px 0 12px;
  padding: 0 0 7px;
}
.share-article-links p {
  display:inline-block;
  margin:0 6px 0 0!important;
}
.share-article-links span {
  position: relative;
  top: 4px;
}
.share-article-links span.st_fblike_large {
  top: -14px;
  margin-left: 2px;
}
.share-article-links span.st_plusone_large {
  top: 12px;
  margin-left: 6px;
}
p.form-allowed-tags {height:auto;}

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

/*********************************************************************
	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;}
.hide{display:none;}

div.hr {/* This styled div acts as the hr for most browsers */
	height: 1px;
	background:#ccc9c6;
	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 {
	font-family: 'Lato', sans-serif;
	font-size:14px; font-size:1.4rem;
	background: #a6d108;
	padding: 30px;
	text-align: left;
	font-weight:700;
	margin: 0;
	color:#fff;
}

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

/**************************************/
/*              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 */
}
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 {
	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;
		margin: 0 auto;
}


#before-after-container .slideshow-nav a:hover, .office-tour .slideshow-nav a:hover, 
#before-after-container .slideshow-pagination li a:hover, .office-tour .slideshow-pagination li a:hover, 
#before-after-container .slideshow-pagination li a:active, .office-tour .slideshow-pagination li a:active,
#before-after-container .slideshow-pagination li.slideshow-active-page a, .office-tour .slideshow-pagination li.slideshow-active-page a
{color:#362d1f; /* text-shadow:1px 1px 1px rgba(255, 255, 255, .4); */}

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

#forms-box {
	padding: 20px;
	background-color: #4dba9b;
	margin: 20px;
	color: #263165;
}
#forms-box h2 {
	color: #fff;
	font-size: 1.3em;
	margin-top: 0;
}
#forms-box a {
	color: #263165;
}
#forms-box ul {
	margin-bottom: 0;
}

/* ===============================================
   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;}
.img-right{float:right; margin:0 0 20px 2px;}

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

}

/* ===============================================
   Tablet / Desktop Stylings
   Supports 48em (768px) and up
   =============================================== */
@media only screen and (min-width: 48em) {
/*********************************************************************
	hd
*********************************************************************/
#logo {margin:0 0 10px 10px;}
#contact-block{max-width:288px;}

#top-buttons a {
	line-height:70px;
	line-height:7.0rem;
	margin: 0;
	padding: 0 57px;
	border-right: 1px solid #fff;
}
#top-buttons a:last-of-type {
	border-right: 0;
}

/*********************************************************************
	callouts
*********************************************************************/
#callouts .container{
	max-width:770px;
	min-height:187px;
}

#callouts .col{
	background-size:contain;
	padding:0 0 0 128px;
	margin-bottom:0;
	width:127px;
	height:187px;
}

#callouts a{
	background-size:cover;
	width:127px;
	height:187px;
}

#callouts a:hover{background-position:0 -187px;}



/**************************************/
/*              content                */
/**************************************/
#content{width:65.560166%;}

.sitemap #content,
/*.meet-dr-john-gernetzke #content,*/
.meet-the-staff #content,
.meet-the-team #content,
.home #content, 
.blog #content,
.types-of-braces #content,
.common-procedures #content,
.common-treatments #content,
.retainer-instructions #content,
.smartclip #content,
.gum-disease #content,
.digital-x-rays #content,
.extractions #content,
.sealants #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,
.gum-rejuvination #content, 
.notice-of-nondiscrimination #content
{width:100%;}

#column-left{width:48.340249%; float:left;}
#column-right{width:47.510373%; float:right;}


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

/**************************************/
/*              sidebar                */
/**************************************/
#sidebar{width:30%;}

.sitemap #sidebar,
/*.meet-dr-john-gernetzke #sidebar,*/
.meet-the-staff #sidebar,
.meet-the-team #sidebar,
.home #sidebar, 
.blog #sidebar,
.types-of-braces #sidebar,
.common-procedures #sidebar,
.common-treatments #sidebar,
.retainer-instructions #sidebar,
.smartclip #sidebar,
.gum-disease #sidebar,
.digital-x-rays #sidebar,
.extractions #sidebar,
.sealants #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,
.gum-rejuvination #sidebar, 
.notice-of-nondiscrimination #sidebar
{display:none;}

/*********************************************************************
	tnav
*********************************************************************/
#text-nav .col, #text-nav .col.mob-first{width:33.160622%;margin-left:0.259067%;}
#text-nav .col.tab-first{margin-left:0;}
#text-nav .col{height:275px;}
#text-nav .col.tab-height, #text-nav .col.mob-height{height:205px;}

#text-nav h2{font-size:17px;font-size:1.7rem;}

#financial, #laser {
max-width:964px; margin:0 auto;

 }
 #financial .container{background-color:#b1aea9;
	width:100%; 
	display:block; height:425px; margin-bottom:40px; 
 }
 
 #laser .container{background-color:#b1aea9;
	width:100%; 
	display:block; height:485px; margin-bottom:40px; 
 }

#financial-content, #laser-content{
width:75%; max-width:75%; margin:0 auto;
 }

/*ft-utility*/
#ft-utility .col{width:49%; margin-left:2%;}
#ft-utility .col.first{margin-left:0;}
#ft-utility .col.last{width:100%; margin-left:0;}

/*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%;}
  
  #forms-box {
	float:right;
	margin: 0 20px 20px;
	max-width: 200px;
  }
}

/* ===============================================
   Desktop Only Stylings
   Supports 64em (1024px) and up
   =============================================== */
@media only screen and (min-width: 64em) {

/*********************************************************************
	main-nav
*********************************************************************/
#main-nav {
	box-shadow:none;
	filter:none;
	margin:0;
	text-align:left;
	height:87px;
}
#main-nav .container{
	padding: 0;
	max-width:964px;
	width:100%;
}

#main-nav a {
	line-height:70px;line-height:7.0rem;	
	/*font-size:14px;font-size:1.4rem;*/
	background-color:transparent;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-999em;

	height:87px;
	padding: 0; 
	margin:0 0 0 1px;
}
/*#main-nav .last a{margin-right:0;}*/

div.collapsible{/*margin:0 auto;*/ width:964px;}
#main-nav ul {background:none; padding-left:0; border-top:none;}


a#home {width:58px; background-image:url(../images/nav/home.png);}
a#expertise-comfort-our-team {width:232px;background-image:url(../images/nav/expertise-comfort-our-team.png);}
a#pain-solutions {width:118px;background-image:url(../images/nav/pain-solutions.png);}
a#great-smiles {width:103px;background-image:url(../images/nav/great-smiles.png);}
a#health {width:65px;background-image:url(../images/nav/health.png);}
a#good-night-s-sleep {width:145px;background-image:url(../images/nav/good-night-s-sleep.png);}
a#eating-speaking {width:142px;background-image:url(../images/nav/eating-speaking.png);} 
a#contact-us {width:93px;background-image:url(../images/nav/contact-us.png);} 

#main-nav a:hover,
#main-nav li.active a,
#main-nav ul li:hover a, 
#main-nav ul li a:active {
	background-position:0 -87px;
	background-color:transparent;
}

#main-nav ul {background:none; border:none; padding:0; margin:0;}
#main-nav ul li { background:none;}

#main-nav ul li.notice-of-nondiscrimination {
	display: none;}


/**************************************/
/*              flyouts                */
/**************************************/
#main-nav ul ul {
	padding:13px 0 20px;
	width:230px;
	height:auto;
}

#main-nav ul ul li { height:30px; }/*default 25*/

#main-nav ul ul li a {
	
	line-height:20px; line-height:2.0rem;
	font-size:14px; font-size:1.4rem;
	/*padding: 3px 0 5px; *//*og*/
	padding: 8px 0 9px; 
	text-indent:30px;
	text-align:left; 
	border:none; 
	height:17px; 
	width:230px; 
}
#main-nav ul li.contact-us ul li a{text-align:right; padding-right:30px; width:200px;}
#main-nav ul li.great-smiles ul li a{width:275px;}



#main-nav ul ul li a:hover{border:none; display:block;}

#main-nav li.active li a, #main-nav li:hover li a {border:none; /*background:none; color:#015d9c;*/}
#main-nav ul li.active ul li a:hover {border:none; /*background: #acb6d1; color:#fff;*/}
#main-nav ul ul li a:hover, #main-nav ul ul li a.active {border:none; /*background: #acb6d1; color:#fff;*/}

/**************************************/
/*              special drop Locations                */
/**************************************/
#main-nav ul li.expertise-comfort-our-team:hover ul, #main-nav ul li.expertise-comfort-our-team.sfhover ul,
#main-nav ul li.health:hover ul, #main-nav ul li.health.sfhover ul {background-color:#a6d108;}
#main-nav ul li.pain-solutions:hover ul, #main-nav ul li.pain-solutions.sfhover ul,
#main-nav ul li.good-night-s-sleep:hover ul, #main-nav ul li.good-night-s-sleep.sfhover ul {background-color:#e45f1d;}
#main-nav ul li.great-smiles:hover ul, #main-nav ul li.great-smiles.sfhover ul{background-color:#4dbb9c;width:275px;}
#main-nav ul li.eating-speaking:hover ul, #main-nav ul li.eating-speaking.sfhover ul {background-color:#4dbb9c;}
#main-nav ul li.contact-us:hover ul, #main-nav ul li.contact-us.sfhover ul { left:-136px; background-color:#a6d108;}

/*********************************************************************
	callouts
*********************************************************************/
#callouts .container{max-width:964px;min-height:220px;}
#callouts .col{padding:0 0 0 151px;}
#callouts .col, #callouts a{background-size:auto; width:149px;height:220px;}
#headache-treatment-callout{margin-left:0;}
#sleep-apnea-callout, #invisalign-callout, #implants-callout {margin-left:31px;}
#callouts a:hover{background-position:0 -220px;}

/*********************************************************************
	sidebar
*********************************************************************/
#sidebar{width:32.883817%;}

/*********************************************************************
	ft
*********************************************************************/
/*tnav*/
#text-nav  .col, #text-nav .col.tab-first, #text-nav  .col.mob-first{width:160px; margin-left:1px;}
#text-nav .col, #text-nav .col.tab-height, #text-nav .col.mob-height{height:275px;}

#financial, #laser {
max-width:964px; margin:0 auto;

 }
 #financial .container{background-color:#b1aea9;
	width:100%; 
	display:block; height:425px; margin-bottom:40px; 
 }
 
  #laser .container{background-color:#b1aea9;
	width:100%; 
	display:block; height:485px; margin-bottom:40px; 
 }

#financial-content, #laser-content{
width:75%; max-width:75%; margin:0 auto;
 }

/*ft-utility*/
#ft-utility .col{width:450px; margin-left:1px;}
#ft-utility .col.first{width: 192px; margin-left:0;}
#ft-utility .col.last{width:321px; margin-left:1px;}

#unav a{padding:0 2%;}

}

.ie8 #location a{letter-spacing:-0.2em;}

.gum-rejuvination #before-after-container { max-width: 600px;}