/*********************************************************************
	park-hyun
	
	Sesame Communications - (c) 2013
	Written by: Vita 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*/

.upp {text-transform:uppercase;}
.semi-bold { font-weight:600;}

.font-o { font-family: 'Open Sans', sans-serif;}


body {
	background: #f4f0ef;
	font-family:Verdana, Geneva, sans-serif;
	line-height:18px;line-height:1.8rem;
	font-size:13px;font-size:1.3rem;
	color: #000000;
	overflow:hidden;
}

.container {max-width:1000px;}

a {
	text-decoration:none;
}
a:focus {
    outline: none;
}
#content a {color: #5FADCD; 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;}

/* h-fam */
h1, h2, h3, h4, h5, h6 { 
	font-family: 'Open Sans', sans-serif;
	margin: 0.2em 0 0.3em; 
	font-weight:400;
	text-align:left;
	color:#262626;
}

h1 { 
	line-height:30px;
	line-height:3.0rem;
	font-size:25px; 
	font-size:2.5rem;
	margin:1.45em 0 0.7em;
	color: #080808;
}

.home h1 {margin-top:2rem;}

h2 { font-size:20px; font-size:2.0rem;}
h3 { font-size:18px; font-size:1.8rem;} 
h4 { font-size:13px; font-size:1.3rem; }
h5 { font-size: 12px; font-size:1.2rem; }
h6 { font-size: 11px; font-size:1.1rem; }

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

/*********************************************************************
	Header
*********************************************************************/
#hd { background:#f4f0ef;}
#hd a {text-decoration:none;}

/**************************************/
/*              logo                */
/**************************************/
#logo {max-width:150px; margin:20px auto;}

#logo a { 
	  margin:0 auto 15px; 
	  display:block;
}

#logo a:hover { background-position:center 0;}


/**************************************/
/*              hd-info                */
/**************************************/
#hd-info { width:100%; margin:9px 0 0;}

/*appointment*/
a.hd-appointment { color:#5c9900; font-size:17px; font-size:1.7rem; width:100%;}
a:hover.hd-appointment { color:#4c4c4c;}

/*doctors*/
.doctor { width:100%; margin:0 auto 15px; line-height:14px;line-height:1.4rem;}
.doctor a {
	font-size:16px;font-size:1.6rem;
	color:#4c4c4c;
	font-weight:600;
}

.doctor a span { font-size:10px; font-size:1rem;}


#bd{
	background: #f7f4f3;
}

/*addy*/
.hd-address {
	line-height:15px;line-height:1.5rem;
	width:100%; 
	margin:0 auto; 
	padding:15px 0;
	font-weight:600;
	height:55px;
}

.hd-address a { color:#4c4c4c; font-size:11px;font-size:1.1rem; line-height:10px; line-height:1rem;
vertical-align:top;}

.doctor a:hover { color:#ff9c1a;}
.hd-address a:hover { color:#5c9900;}

/*phone*/
.hd-address a.phone, 
.hd-address span.phone{	
	line-height:28px;line-height:2.8rem;
	font-size:17px;font-size:1.7rem; 
	color:#5c9900;
	font-weight:400;
}

.hd-address a.phone:hover,
.hd-address span.phone:hover
{color:#4c4c4c;text-decoration:none;}

/**************************************/
/*              utility nav                */
/**************************************/
/*global override*/nav ul li a{padding:0;}/*global override*/

#utility-nav { margin:9px 10px 0 0; height:33px;}

#utility-nav li a {
	line-height:30px;line-height:3.0rem;
	font-size:17px;font-size:1.7rem;
	text-align:center;
	color:#5c9900;
}

#utility-nav li a:hover {color:#4c4c4c; text-decoration:none;}

/*********************************************************************
	social-media
*********************************************************************/
#social-media { margin:10px auto; height:25px; width:85px;}
#social-media a img { float:left;}
#social-media a:hover {}



#facebook-icon {
	background:url(../images/icons/facebook.png) no-repeat center bottom; 
	height:25px;
	width:27px;
	float:left;
	} 
#youtube-icon  {
	background:url(../images/icons/youtube.png) no-repeat center bottom; 
	height:25px;
	width:29px;
	float:left;
	}
#google-icon   {
	background:url(../images/icons/google-plus.png) no-repeat center bottom; 
	height:25px;
	width:27px;
	float:left;
	} 

#facebook-icon:hover, #youtube-icon:hover, #google-icon:hover {
	background-position: center top;
}



/*********************************************************************
	main-nav
*********************************************************************/
#main-nav {
	background: #f4f0ef url(../images/shadow.png) no-repeat center top;
	border-top:solid 1px #fff;
	font-family: 'Open Sans', sans-serif;
	font-size:13px; font-size:1.3rem;
	text-align: center;
	font-weight:600;
	height:71px;
	clear: both;
	padding:0;
}

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

#main-nav a {
	line-height:60px;line-height:6.0rem;
	background-repeat:no-repeat;
	text-align:center;
	height:60px;
	color:#4c4c4c;
	margin: 0;
	padding:0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;

}

#main-nav ul {	
	background: rgb(244,240,239); /* Old browsers */
	
	background: -moz-linear-gradient(top, rgba(244,240,239,1) 0%, rgba(244,240,239,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,240,239,1)), color-stop(100%,rgba(244,240,239,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(244,240,239,1) 0%,rgba(244,240,239,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(244,240,239,1) 0%,rgba(244,240,239,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(244,240,239,1) 0%,rgba(244,240,239,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(244,240,239,1) 0%,rgba(244,240,239,1) 100%); /* W3C */
	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:#ff9c1a;
}

#main-nav .trigger {
	line-height:71px;line-height:7.1rem;
	font-size: 22px; font-size:2.2rem;
	font-style:normal;
	font-weight:700;
	color:#4c4c4c;
	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-position:center top;
	color:#ff9c1a;
}

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

#main-nav ul ul {
	background: rgb(118,118,118); /* Old browsers */
	
	background: -moz-linear-gradient(top, rgba(118,118,118,1) 0%, rgba(102,102,102,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(118,118,118,1)), color-stop(100%,rgba(102,102,102,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(118,118,118,1) 0%,rgba(102,102,102,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(118,118,118,1) 0%,rgba(102,102,102,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(118,118,118,1) 0%,rgba(102,102,102,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(118,118,118,1) 0%,rgba(102,102,102,1) 100%); /* W3C */
	width:100%;
	float:left;
}

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

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

#main-nav ul ul li a {
	font-size:13px; font-size:1.3rem;
	letter-spacing:normal;
	text-transform:none;
	background: none;
	text-align: center;
	font-weight:700;
	color:#ff9c1a;
	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 {/* 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:#ff9c1a; background:none; border:none; display:block; margin-bottom:0;}
#main-nav ul li.active ul li a:hover {color:#b2b2b2; background:none; border:none; display:block; margin-bottom:0;}
#main-nav ul ul li a:hover, #main-nav ul ul li a.active { color:#b2b2b2; background:none; border:none; display:block; margin-bottom:0;}

/*********************************************************************
	slideshow
*********************************************************************/
#slideshow { background:#fff;}
#slideshow .container{width:100%!important;}
#home-slideshow {z-index:1;}
.cycle-slide { z-index:1}

.cycle-slideshow > div {
	width:100%;
	z-index:1!important;
}
/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 5; position: relative; top: 0px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #FFA629;}
.cycle-pager > * { cursor: pointer;}

#arrow-pager {
	position:relative;
	display:none;
}
#prev, #next {
    cursor: pointer;
    height: 100%;
    position: absolute;
    top: 210px;
    width: 7%;
    z-index: 800;
}
#prev {
    background: url("/assets/images/left.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
    left: 0;
	height: 48px;
}
#next {
    background: url("/assets/images/right.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
    right: 0;
	height: 48px;
}
#prev:hover, #next:hover {
    opacity: 0.7;
}


/**************************************/
/*           learn more button    */
/**************************************/
.learn-more {
	position: absolute;
	top: 55%;
	left:55%; 
	z-index: 2000;
}

.learn-more a {
	font-size:11px; font-size:1.1rem; 
	color:#262626; 
	padding:4px 8px;
	text-decoration:none;
	background: #ffad2e; /* Old browsers */
background: -moz-linear-gradient(top, #ffad2e 0%, #ff8411 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffad2e), color-stop(100%,#ff8411)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffad2e 0%,#ff8411 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffad2e 0%,#ff8411 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffad2e 0%,#ff8411 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffad2e 0%,#ff8411 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffad2e', endColorstr='#ff8411',GradientType=0 ); /* IE6-9 */
}

.learn-more a:hover { 
	color:#fff;
	text-decoration:none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity:.8;
}

ul#testimonials li { list-style:none; line-height:1.1em; }

/*********************************************************************
	callouts
*********************************************************************/
.details { 
	width:202px; 
	color:#262626; 
	font-size:10px; font-size:1rem; 
	line-height:14px; line-height:1.4rem;
	height:90px;
	padding:3% 0 0 4%;
	width:90%;
}

.mosaic-block {
	float:left;
	position:relative;
	overflow:hidden;
	width:202px;
	height:90px;
	margin:13px 0 0 20px;
}

.mosaic-backdrop {
	display:none;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	max-width:202px;
	height:90px;
	background:#e5e5e5;
}

.mosaic-overlay {
	display:none;
	z-index:5;
	position:absolute;
	background:#e5e5e5;
}

#callouts {	padding:31px 0 0;}
#callouts .container{ width:100%!important;}

#callouts a {
	font-family: 'Open Sans', sans-serif;
	color:#262626;
	width:100%;
	max-width:242px;
}

#callouts a.first { margin-left:10px;}
#callouts last { margin:0;}

.callout {
	background: rgb(141,203,224); /* Old browsers */
	
	background: -moz-linear-gradient(top, rgba(141,203,224,1) 0%, rgba(94,172,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(141,203,224,1)), color-stop(100%,rgba(94,172,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(141,203,224,1) 0%,rgba(94,172,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(141,203,224,1) 0%,rgba(94,172,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(141,203,224,1) 0%,rgba(94,172,204,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(141,203,224,1) 0%,rgba(94,172,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dcbe0', endColorstr='#5eaccc',GradientType=0 ); /* IE6-8 */
	font-family: 'Open Sans', sans-serif;
	color:#262626;
	margin-bottom:10px ;
	padding:17px 0 0;
	width:100%;
	max-width:242px;
	height:163px;
	display:block;
	line-height:20px;line-height:2.0rem;
	font-size:18px;font-size:1.8rem;
	text-align:center;
}

.callout:hover { color:#555;} 

.appointment {
	background: rgb(141,203,224); /* Old browsers */
	
	background: -moz-linear-gradient(top, rgba(141,203,224,1) 0%, rgba(94,172,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(141,203,224,1)), color-stop(100%,rgba(94,172,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(141,203,224,1) 0%,rgba(94,172,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(141,203,224,1) 0%,rgba(94,172,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(141,203,224,1) 0%,rgba(94,172,204,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(141,203,224,1) 0%,rgba(94,172,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dcbe0', endColorstr='#5eaccc',GradientType=0 ); /* IE6-8 */
}

.reviews {
	background: rgb(255,173,46); /* Old browsers */

background: -moz-linear-gradient(top, rgba(255,173,46,1) 0%, rgba(255,132,17,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,173,46,1)), color-stop(100%,rgba(255,132,17,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,173,46,1) 0%,rgba(255,132,17,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,173,46,1) 0%,rgba(255,132,17,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,173,46,1) 0%,rgba(255,132,17,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,173,46,1) 0%,rgba(255,132,17,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffad2e', endColorstr='#ff8411',GradientType=0 ); /* IE6-8 */
}

.apart {
	background: rgb(116,171,0); /* Old browsers */
	
	background: -moz-linear-gradient(top, rgba(116,171,0,1) 0%, rgba(68,129,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(116,171,0,1)), color-stop(100%,rgba(68,129,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(116,171,0,1) 0%,rgba(68,129,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(116,171,0,1) 0%,rgba(68,129,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(116,171,0,1) 0%,rgba(68,129,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(116,171,0,1) 0%,rgba(68,129,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74ab00', endColorstr='#448100',GradientType=0 ); /* IE6-8 */
}

.office {
	background: rgb(214,214,214); /* Old browsers */
	
	background: -moz-linear-gradient(top, rgba(214,214,214,1) 0%, rgba(188,188,188,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,214,214,1)), color-stop(100%,rgba(188,188,188,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(214,214,214,1) 0%,rgba(188,188,188,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(214,214,214,1) 0%,rgba(188,188,188,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(214,214,214,1) 0%,rgba(188,188,188,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(214,214,214,1) 0%,rgba(188,188,188,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#bcbcbc',GradientType=0 ); /* IE6-8 */
}

#callouts a:hover, #callouts a:hover span{
	text-decoration:none; 
	color:#8dc700;
}

/**************************************/
/*              ip-sub                */
/**************************************/
#ip-sub {
	font-family: 'Open Sans', sans-serif;
	background: #fff;
	font-size:13px;font-size:1.3rem;
	text-align:center;
	font-weight:600;
	color:#ff9c1a;
	
	min-height:90px;
	width:100%;
}

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

#ip-sub p.subnav {
	line-height:20px;line-height:2.0rem;
	margin:0;
	padding:0;
}
#ip-sub p.subnav a {color:#ff9c1a; margin:0 2px;}
#ip-sub p.subnav a:hover, #ip-sub p.subnav a.active{text-decoration:none; color:#b2b2b2;}

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

/**************************************/
/*              content                */
/**************************************/
#content { width:100%; padding:0 0 12px;}
.home #content {padding-top:12px; min-height:440px;}
#content p{line-height:24px;line-height:2.4rem;}


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

.sitemap #content ul a {
	font-family: 'Open Sans', sans-serif;
    font-size:18px; font-size:1.8rem;
	text-transform:none;
    text-decoration: none;
    font-style: normal;
    font-weight:400;
}
.sitemap #content a:hover {text-decoration:underline;}
.sitemap #content ul ul li a {
	font-family:Verdana, Geneva, sans-serif;
	line-height:25px;line-height:2.5rem;
    font-size:13px; font-size:1.3rem;
    text-decoration: none;
    font-style: normal;
    font-weight:400;
    margin-left:0;
}
.sitemap #content ul li { list-style: none; margin-bottom:20px;}
.sitemap #content ul ul li{list-style:none;margin:0;color:#ff9c1a;}

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

/*********************************************************************
	sitepics
*********************************************************************/

/*sitepics*/
.static {clear:both; float:right;}
.meet-dr-park .static { max-width:80%;}
#dr-small-d { max-width:60%; margin:0 auto;}

.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,
.practice-events .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,
.abo-certification .static
{display:none;}

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

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

.invisalign .img-right {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium 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;}

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

.practice-events #content .row {
    margin-left: 100px;
}

.practice-events .img-right, .practice-events .img-left{background:none; border:none;}


/**************************************/
/*              btt                */
/**************************************/
#back-to-top { z-index:10;}
#back-to-top a {
	background: rgb(255,173,46); /* Old browsers */
	
	background: -moz-linear-gradient(top, rgba(255,173,46,1) 0%, rgba(255,132,17,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,173,46,1)), color-stop(100%,rgba(255,132,17,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,173,46,1) 0%,rgba(255,132,17,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,173,46,1) 0%,rgba(255,132,17,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,173,46,1) 0%,rgba(255,132,17,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,173,46,1) 0%,rgba(255,132,17,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffad2e', endColorstr='#ff8411',GradientType=0 ); /* IE6-8 */
	
	line-height:31px;line-height:3.1rem;
	font-size:12px;font-size:1.2rem;
	text-decoration:none;
	text-align:center;
	font-weight:600;
	color:#262626;
	
	padding:0;
	height:31px;
	width:93px;
	margin-bottom:30px;
}

#back-to-top a:hover {
	background: rgb(255,132,17); /* Old browsers */
	
	background: -moz-linear-gradient(top, rgba(255,132,17,1) 0%, rgba(255,173,46,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,132,17,1)), color-stop(100%,rgba(255,173,46,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,132,17,1) 0%,rgba(255,173,46,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,132,17,1) 0%,rgba(255,173,46,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,132,17,1) 0%,rgba(255,173,46,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,132,17,1) 0%,rgba(255,173,46,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8411', endColorstr='#ffad2e',GradientType=0 ); /* IE6-8 */	
	text-decoration:none;
}

.home #back-to-top {display:none;}


/**************************************/
/*              ft-info             */
/**************************************/
#ft-info { background:#fff;}

#ft-logos { padding:41px 0 39px;}
#ft-logos a { height:40px; background-position:center -70px; margin:0 auto 15px; display:block;}
#logo-aao { background:url(../images/footer/aao.png) no-repeat center top; width:114px; }
#logo-abo { background:url(../images/footer/abo.png) no-repeat center top; width:152px; }
#logo-invisalign { background:url(../images/footer/invisalign.png) no-repeat center top; background-position:center -70px; width:148px;}

#ft-logos a:hover { background-position:center 0;}

#ft-map { 
	background:url(../images/footer/ft-map-sprite.png) no-repeat center bottom; 
	height:201px;
	padding:0;
}

#ft-map:hover {
	background-position: center top;
}

/*ft-address*/
#ft-address { padding:22px 0 33px;}
#ft-address a { 
	color:#4c4c4c; 
	font-size:13px; font-size:1.3rem; 
	line-height:18px; line-height:1.8rem;
} 

#ft-address a.phone, 
#ft-address span.phone {	
	line-height:28px;line-height:2.8rem;
	font-size:19px;font-size:1.9rem; 
	color:#5c9900;
}

#ft-address a:hover,
#ft-address a.phone:hover,
#ft-address span.phone:hover
{color:#5c9900; text-decoration:none;}

/*********************************************************************
	ft
*********************************************************************/
#ft { background:#f4f0ef;}
#ft .container {max-width:1000px; width:100%!important;}

#ft a {text-decoration:none;}
#ft a:hover {text-decoration:none;}
#ft p {margin-top:0; margin-bottom:0;}

/**************************************/
/*              tnav                */
/**************************************/
#tnav { padding:24px 0 28px;}
#tnav p.text-nav {
	line-height:25px;line-height:2.5rem;
	font-size:11px;font-size:1.1rem;
	text-align:center;
	color:#4c4c4c;
	font-weight:600;
}

#tnav p.text-nav a {color:#4c4c4c; display:inline-block; padding:0 5px;}

#tnav p.text-nav a:hover {text-decoration:none;color:#5c9900;}
#tnav p.text-nav a.active {text-decoration:none;}

/**************************************/
/*              s-link                */
/**************************************/
#s-link {height:58px;}

p#sesame-link {
	font-family: 'Open Sans', sans-serif;
	background: url(../images/icons/sesame.png) no-repeat 9px center;
	line-height:37px;line-height:3.7rem;
	text-transform:none;
	padding:0 0 0 33px; 
	text-shadow:none;
	font-weight:400;
	margin:0 auto;
	width:207px;
	height:38px;
}

#sesame-link a {
	font-size:10px; font-size:1.0rem;
	color:#4c4c4c; 
}
#sesame-link a:hover{
	text-decoration:none;
	color:#5c9900;
}

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

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


/* Parent Elements */
.row > .col {
    border: 0px solid rgba(0,0,0,0);
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -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%;}


/*********************************************************************
	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:#999;
	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 {
	padding:15px;
	line-height:20px; line-height:2.0rem;
	color:#ff9c1a;
	border:none; 
	
	background: rgb(118,118,118); /* Old browsers */
	
	background: -moz-linear-gradient(top, rgba(118,118,118,1) 0%, rgba(102,102,102,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(118,118,118,1)), color-stop(100%,rgba(102,102,102,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(118,118,118,1) 0%,rgba(102,102,102,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(118,118,118,1) 0%,rgba(102,102,102,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(118,118,118,1) 0%,rgba(102,102,102,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(118,118,118,1) 0%,rgba(102,102,102,1) 100%); /* W3C */
	font-size:13px; font-size:1.3rem;
	letter-spacing:normal;
	text-transform:none;
}

.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:0 auto 5%;
max-width: 460px;
padding: 0;
min-height: 450px;
}
#before-after-container {
margin:0 auto 5%;
max-width: 460px;
padding: 0;
min-height: 408px;
}
.before-and-after.slideshow {
min-height: 468px;
}

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

.office-tour.slideshow .slideshow-nav a, .before-and-after.slideshow .slideshow-nav a {
	color:#FF9C19 !important;
}

.office-tour.slideshow .slideshow-nav a:hover, .before-and-after.slideshow .slideshow-nav a:hover {
	color:#ffffff !important;
}

.office-tour.slideshow .slideshow-nav, .before-and-after.slideshow .slideshow-nav {
		background: #525252; 
}

.office-tour.slideshow .slideshow-nav a.prev, .before-and-after.slideshow .slideshow-nav a.prev {
	color:#FF9C19 !important;
}
.office-tour.slideshow .slideshow-nav a.next, .before-and-after.slideshow .slideshow-nav a.next {
	color:#FF9C19 !important;
}

.office-tour.slideshow .slideshow-nav, .before-and-after.slideshow .slideshow-nav {
    position: relative !important;
    /*top: 400px  !important;*/
	top: 0px  !important;
    width: 100%;
	min-height: 50px;
}

.practice-events div.office-tour {
margin:0 auto;
display:block;
}


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


.before-and-after.slideshow .slideshow-item img {width:100%;}
.before-and-after.slideshow { max-width:500px;margin: 0 auto;}
	
	

.practice-events #content{
	min-height:5600px;
	min-height:5000px;
}




/*********************************************************************
	forms
*********************************************************************/
input[type="text"], input[type="email"], input[type="search"], input[type="tel"], input[type="file"] {
  width: 80%;
}
textarea {
  width: 80%;
}
#content ul.lp-form-fields li {
	list-style:none;
}
form label {
  display: block;
  margin: 10px 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;}


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

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

body.hopewell-orthodontics .video-sleeve {
	max-height:477px;
	overflow:hidden;
}
.practice-events #content{
	min-height:2100px;
}
	
/*********************************************************************
	#hd
*********************************************************************/
h1 { font-size:30px; font-size:3.0rem;}
#hd { height:139px;}
#logo { max-width:150px; margin:38px 0 0 11px;}

#arrow-pager {
	display:none;
}

/**************************************/
/*              hd-info                */
/**************************************/
#hd-info { width:70%; margin:13px 10px 0;}
a.hd-appointment { width:auto; margin:14px 15px 10px 0;}

.doctor { width:auto; margin:12px 20px 0 0;}
.hd-address { width:auto; margin:0; padding:0 0 0 10px;; border-left: solid 1px #5c9900; }
#social-media { margin:10px 10px 0 0; width:auto;}
#utility-nav li a { border-left:solid 1px #5c9900; padding:0 0 0 15px;}

/**************************************/
/*              learn more button               */
/**************************************/
.learn-more a {
	font-size:14px; font-size:1.4rem; 
	padding:8px 15px;
}

/*********************************************************************
	callouts
*********************************************************************/
#callouts .container { max-width:752px;}
#callouts .last { margin-right:0;}
.callout { width:24.1%; float:left; margin:0 4px 0 0; max-width:202px;}
.appointment {/*margin-left:11px;*/}
.mosaic-block { margin:13px 0 0 0; width:100%;}
.mosaic-backdrop { height:91%;}

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

.sitemap #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,
.practice-events #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,
.abo-certification #content,
.hopewell-orthodontics #content
{background:none; float:none; width:100%; }

.meet-the-team #content p img {
    display: block;
    margin: 0 auto;
}

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


/**************************************/
/*              sidebar                */
/**************************************/

#sidebar {width:29%; top:95px;}

.sitemap #sidebar,
.meet-the-staff #sidebar,
.meet-the-team #sidebar,
.home #sidebar, 
.practice-events #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,
.hopewell-orthodontics #sidebar,
.abo-certification #sidebar
{display:none;}

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

/*********************************************************************
	footer
*********************************************************************/
#ft-map { width:480px; margin:0 auto;}
#ft-logos a { display:inline-block; margin:0 15px;}

/**************************************/
/*              tnav                */
/**************************************/
#ip-sub .container{ padding:33px 0 0;}


/**************************************/
/*              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) {
/*********************************************************************
	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
*********************************************************************/
#hd { background:url(../images/hd-background.png) repeat-x left top; }

/*********************************************************************
	main-nav
*********************************************************************/
#main-nav {
	background:url(../images/shadow.png) no-repeat center top;
	filter:none;
	height:60px;
}

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

#main-nav a {
	margin:0;
	height:60px;
	padding: 0; 
	float:left;
	text-align:left;
}

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

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

a#home {width:105px; margin-left:72px; }
a#about-us {width:127px;}
a#for-new-patients {width:181px;}
a#about-orthodontics {width:201px;}
a#wearing-braces {width:171px;}
a#contact-us {width:130px;}   

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

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


/**************************************/
/*              flyouts                */
/**************************************/
#main-nav ul ul {
	padding:6px 0;
	width:240px;
	height:auto;
	margin:-5px 0 0;
}

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

#main-nav ul li.about-us ul { width:280px;}
.ie8 #main-nav ul li.about-us ul { width:310px;}

#main-nav ul ul li a {
	line-height:20px; line-height:2.0rem;
	padding: 3px 0 5px; /*og*/
	text-indent:18px;
	color:#ff9c1a;
	text-align:left; 
	border:none; 
	height:17px; 
	width:240px; 
}

#main-nav ul li.about-us ul li a { width:280px;}
.ie8 #main-nav ul li.about-us ul li a { width:310px;}

#main-nav ul li.contact-us ul li a{text-align:right; padding-right:30px; width:210px;}

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

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

/**************************************/
/*              special drop Locations                */
/**************************************/
#main-nav ul li.contact-us:hover ul, #main-nav ul li.contact-us.sfhover ul { left:-107px;}

/*********************************************************************
	slideshow
*********************************************************************/
#home-slideshow { width:1000px; height:450px;}


/*********************************************************************
	callouts
*********************************************************************/
#callouts .container { max-width:980px;}
.callout { width:242px; max-width:none;}
.mosaic-block { margin:13px 0 0 20px; width:202px;}
.mosaic-backdrop { height:100%;}

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


#bd .container { max-width:980px;}
#content { padding: 0 0 70px;}

/*********************************************************************
	footer
*********************************************************************/
#ft-logos { padding:41px 0 39px 11.3%;}
#ft-logos a { margin-right:95px; } 
#logo-invisalign { margin-right:0;}

#tnav p.text-nav a {padding:0 17px;}
p#sesame-link {margin:0 0 0 393px;}


}