/*
Theme Name: The Paddingtion Dental Surgery
Theme URI: http://www.thepaddingtiondentalsurgery.com/
Description: A custom theme built by the team at Rosemont Media.
Author: Rosemont Media
Version: 1.0
Tags:
*/

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { margin: 0; font-size: 1em; line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #004C86; color: #fff; text-shadow: none; }
::selection { background: #004C86; color: #fff; text-shadow: none; }


/* =============================================================================
   Links - EDIT
   ========================================================================== */

a { color: #003768; }
a:hover { text-decoration:none; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #b8b28d; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* =============================================================================
   WordPress Reset
   ========================================================================== */

div.aligncenter,.aligncenter{display:block;margin-left:auto;margin-right:auto}.alignleft{float:left}.alignright,.commentlist li .avatar{float:right}.wp-caption{background:#f3f3f3;border:1px solid #ddd;text-align:center;padding-top:4px;margin:10px;border-radius:3px;}.wp-caption img,.wp-caption p.wp-caption-text,#commentsDiv p,#commentsDiv h3{margin:0}.wp-caption img{padding:0;border:0 none}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;padding:0 4px 5px}#commentsDiv{clear:both;margin:30px 20px 30px 35px;padding-top:20px}#commentsDiv textarea,#commentsDiv input{border:1px solid #6779c3;font-size:12px;color:#6779c3;line-height:25px}#commentsDiv textarea,#commentsDiv input,input#submit{height:25px}#commentsDiv textarea{width:500px;height:150px}input#submit{background:#fff;line-height:20px;width:150px;color:#042b5e}#comments{margin-bottom:20px!important}#respond{margin-top:20px!important}.commentlist{border-bottom:1px solid #fff}#commentform textarea,#commentform input,.commentlist li{font-size:0.9em}.commentlist li{padding:20px;border-top:1px solid #fff}.commentlist li p{margin-top:10px!important}.commentlist li .avatar{border:1px solid #eee;padding:2px;background:#fff}.commentlist cite a,.commentlist cite{font-style:normal;font-size:1.1em;color:#fff}.commentlist p,.commentmetadata{font-weight:normal}.commentlist p{line-height:1.5em;text-transform:none}.alt{background:#042b5e!important}#commentform p{margin-bottom:10px!important}h3#respond{margin-bottom:20px}

/* ==|== primary styles =====================================================
   Author: Rosemont Media
   ========================================================================== */

/* ------------------------ type selectors ------------------------ */

body {
	text-align:center;
	font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 13px;
	color: #003768;
	min-height: 980px;
}

p {
	line-height: 22px;
}

/* ------------------------ Classes ------------------------ */

.container-full {
	width: 100%;
	position: relative;
	text-align: center;
}

.header-clear { clear: none; }

.hidden-desktop {
	display: none!important;
}

.visible-desktop {
	display: block!important;
}

.container-1280 {
	width: 1280px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}


.container-980 {
	width: 980px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

.clear	{
	clear:both;
}

div.clear	{
	height:.01em;
	overflow:hidden;
}

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
}

.alignleft {
	float:left;
	margin:2px 10px 10px 0px;
}

.alignright {
	float:right;
	margin:5px 0px 10px 10px;
}

.aligncenter {
	display: block;
	text-align: center;
	margin: 10px auto;
}

img.alignleft, img.alignright, img.aligncenter , img.framed{
	border: 4px solid #C6C6C6;
}

.no-frame {
	border: 0!important;
	-o-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-o-box-shadow: 0;
	-moz-box-shadow: 0;
	-ms-box-shadow: 0;
	-webkit-box-shadow: 0;
	box-shadow: 0;
}

a.button, form.cform .sendbutton {
	background: #004c86;
	color: #fff;
	cursor: pointer;
	padding: 4px 10px 6px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	-o-box-shadow: 5px 6px 5px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 5px 6px 5px 1px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 5px 6px 5px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 5px 6px 5px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 5px 6px 5px 1px rgba(0, 0, 0, 0.2);
}
.button:hover, form.cform .sendbutton:hover {
	background: #2175b8;
	-o-box-shadow: 5px 6px 5px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 5px 6px 5px 1px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 5px 6px 5px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 5px 6px 5px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 5px 6px 5px 1px rgba(0, 0, 0, 0.3);
}

.disclaimer {
	font-size: 11px;
	font-style: italic;
}

.image-caption {
	text-align: center;
	background: #C6C6C6;
	padding: 0 10px 20px;
}

/* ------------------------ header framework ------------------------ */

header { position: relative; }

.inside header { min-height: 355px; }

#logo {
	position: absolute;
	z-index: 99;
	top: 67px;
	left: 156px;
}

#logo img {
	width: 184px;
	height: 184px;
}

#logo img:hover {
	-o-box-shadow: 0 0 3px 3px rgba( 0, 0, 0, 0.2 );
	-moz-box-shadow: 0 0 3px 3px rgba( 0, 0, 0, 0.2 );
	-ms-box-shadow: 0 0 3px 3px rgba( 0, 0, 0, 0.2 );
	-webkit-box-shadow: 0 0 3px 3px rgba( 0, 0, 0, 0.2 );
	box-shadow: 0 0 3px 3px rgba( 0, 0, 0, 0.2 );
}

.header-slideshow {
	position: relative;
	z-index: 90;
	height: 507px;
	overflow: hidden;
}

.header-slideshow .header-slide img {
	position: absolute;
	z-index: 90;

}

.header-slide-caption {
	position: relative;
	z-index: 99;
	padding: 235px 0 0 156px;
	color: #000000;
	width: 360px;
	font-size: 1.075em;
	/*font-family: 'HelveticaNeueW01-UltLtE 710282';*/
	font-family:'HelveticaNeueW01-Thin';
}

.header-slide-caption h2 {
	color: #000000;
	font-size: 40px;
	font-weight: 300;
	/*font-family: 'Old Standard TT', serif;*/
	font-family: 'CorporateAW01-LightCn';
	line-height: normal;
}

.header-slide-caption h2 span {
	display: block;
	font-size: 16px;
}

#front-call-map { padding: 12px 0; }

#front-call-map ul {
	float: right;
	margin: 0 37px 0 0;
}

#front-call-map ul li:last-child { margin-right: 0; }

#front-call-map ul li {
	color: #000000;
	list-style-type: none;
	float: left;
	margin-right: 20px;
	padding: 0 25px 0 0;
}

#front-call-map ul li#header-call { background: url( 'images/icon-header-call.png' ) center right no-repeat; }
#front-call-map ul li#header-map { background: url( 'images/icon-header-map.png' ) center right no-repeat; }

#front-call-map ul li a {
	text-decoration: none;
	color: #000000;
}

body.home .header-slideshow #slideshow-pager , body.home .header-slideshow #slideshow-nav{
	position: absolute;
	bottom:0;
	z-index: 1000;
	width:100%;
}

body.home .header-slideshow #slideshow-pager ul{
	width: auto;
	text-align: center;
	list-style-type: none;

}




body.home .header-slideshow #slideshow-pager ul li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width:8px;
	height:8px;
	border-radius: 6px;
	text-indent: -99999em;
	margin:0px 3px;
	background: #f6f6f6; /* Old browsers */
	background: -moz-linear-gradient(top,  #f6f6f6 0%, #e3e3e3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f6f6f6 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f6f6f6 0%,#e3e3e3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f6f6f6 0%,#e3e3e3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f6f6f6 0%,#e3e3e3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */

	border-color:#f6f6f6 #e3e3e3 #e3e3e3 #f6f6f6;
	border-width: 1px;
	border-style: solid;

}

body.home .header-slideshow #slideshow-pager ul li.cycle-pager-active{
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e5799 0%, #2175b8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(100%,#2175b8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1e5799 0%,#2175b8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1e5799 0%,#2175b8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1e5799 0%,#2175b8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1e5799 0%,#2175b8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#2175b8',GradientType=0 ); /* IE6-9 */
	border-color:#1e5799 #2175b8 #2175b8 #1e5799;
}


/* PAGER */
body.home .header-slideshow #slideshow-nav{
	position: absolute;
	top:50%;
	margin-top:-27px;
	height: 60px;
}
body.home .header-slideshow #slideshow-nav #ss-prev , body.home .header-slideshow #slideshow-nav #ss-next{
	width:29px;
	height: 54px;
	display: inline-block;
	background-image: url('images/arrows.png');
	background-repeat: no-repeat;
	text-indent: -99999em;
	position: absolute;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: .5;
}
body.home .header-slideshow #slideshow-nav #ss-prev{
	background-position: 0px 0px ;
	left:10px;
}

body.home .header-slideshow #slideshow-nav #ss-next{
	background-position: -42px 0px ;
	right:10px;
}
body.home .header-slideshow #slideshow-nav #ss-next:hover ,
body.home .header-slideshow #slideshow-nav #ss-prev:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}


/* inside header */

.header-image-set{
	position: relative;
}
.header-image-set .header-image-caption{
	font-family:'HelveticaNeue';
	position: absolute;
	bottom:auto;
	top:210px;
	left:195px;
	color:#000000;
    font-weight: 500;
    font-size: 15px;
}



/* ------------------------ primary nav ------------------------ */

nav {
	min-width: 1280px;
	background: #333435;
	background: -moz-linear-gradient(top,  rgba(51,52,53,1) 0%, rgba(51,52,53,1) 53%, rgba(72,73,74,1) 53%, rgba(72,73,74,1) 78%, rgba(51,52,53,1) 78%, rgba(51,52,53,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,52,53,1)), color-stop(53%,rgba(51,52,53,1)), color-stop(53%,rgba(72,73,74,1)), color-stop(78%,rgba(72,73,74,1)), color-stop(78%,rgba(51,52,53,1)), color-stop(100%,rgba(51,52,53,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(51,52,53,1) 0%,rgba(51,52,53,1) 53%,rgba(72,73,74,1) 53%,rgba(72,73,74,1) 78%,rgba(51,52,53,1) 78%,rgba(51,52,53,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(51,52,53,1) 0%,rgba(51,52,53,1) 53%,rgba(72,73,74,1) 53%,rgba(72,73,74,1) 78%,rgba(51,52,53,1) 78%,rgba(51,52,53,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(51,52,53,1) 0%,rgba(51,52,53,1) 53%,rgba(72,73,74,1) 53%,rgba(72,73,74,1) 78%,rgba(51,52,53,1) 78%,rgba(51,52,53,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(51,52,53,1) 0%,rgba(51,52,53,1) 53%,rgba(72,73,74,1) 53%,rgba(72,73,74,1) 78%,rgba(51,52,53,1) 78%,rgba(51,52,53,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333435', endColorstr='#333435',GradientType=0 ); /* IE6-8 */
	margin: 0 auto;
}

#menu-main {
	height: 54px;
	display: block;
	margin:0;
	padding:0;
}

#menu-main li, #menu-main a {
	display:block;
}

#menu-main li {
	float:left;
	list-style:none;
	position:relative;
	z-index: 100;
}

#menu-main a {
	text-align: center;
	height: 54px;
	line-height: 30px;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 2.5em;
}

#menu-item-80 {
	margin-left: 21px;
	width: 92px;
}

#menu-item-81 { width: 200px; }
#menu-item-83 { width: 118px; }
#menu-item-89 { width: 116px; }
#menu-item-90 { width: 199px; }
#menu-item-91 { width: 98px; }
#menu-item-93 { width: 133px; }

#menu-main li a:hover {
	background: #FFFFFF;
	color: #333435;
}

/* ------------------------ dropdown nav ------------------------ */

#menu-main li ul {
	position:absolute;
	left: -9999px;
	/*left: -271px;*/
	padding-right:1px;
	z-index: 200;
	width: 980px;
}

#menu-main li ul li {
	height:auto;
	border:1px solid #27517a; /* Darker color than nav */
	border-top: 1px solid #183755; /* Lighter color than nav */
}

#menu-main li ul li a {
	text-align: left;
	display: block;
	width: auto;
	line-height: 1em;
	font-size:1em;
	color:#fff;
	text-decoration:none;
	text-indent: 0px;
	padding: 9px 10px;
	height: auto;
}
#menu-main li:hover {
	background: #fff;
}
#menu-main li:hover a {
	color: #333435;

}
#menu-main li:hover ul { left: -57%; }

#menu-main li.mega-dd:hover ul{
	left:0;
}

#menu-main li.menu-item-1035 , #menu-main li.menu-item-124{
	position: static;
}

#menu-main li ul li a:hover {
	text-decoration: underline;
	background: transparent;
}

#menu-main li ul,
#menu-main li ul li {
	width: 155px;
	float: none;
}

#menu-main .mega-dd > ul.sub-menu {
	width: 980px;
	max-width: 980px;
	height: 348px;
	padding: 0;
	border: 8px solid #FFFFFF;
	background: #e6e6e6 url( 'images/dd-advanced.jpg' ) center right no-repeat;
}



#menu-main #menu-item-124.mega-dd > ul.sub-menu {
	height:335px;
}




#menu-main .mega-dd ul.sub-menu li{
	border:0;
}

#menu-main .mega-dd ul.sub-menu #menu-item-219 ul.sub-menu,
#menu-main .mega-dd ul.sub-menu #menu-item-246 ul.sub-menu {
	display: block;
	left: 150px;
}
#menu-main .mega-dd ul.sub-menu li#menu-item-219 a:active,
#menu-main .mega-dd ul.sub-menu li#menu-item-246 a:active {
	color: red;
}

#menu-main .mega-dd ul.sub-menu ul.sub-menu {
	display: none;
	background: #e6e6e6;
}

#menu-main .mega-dd ul.sub-menu li:hover ul.sub-menu,
#menu-main .mega-dd ul.sub-menu #menu-item-219 ul.sub-menu,
#menu-main .mega-dd ul.sub-menu #menu-item-246 ul.sub-menu {
	display: block;
	left: 150px;
	padding-left:25px;
	z-index: 0;
	top:0;
	height:100%;
	width: 200px;
}

#menu-main .mega-dd > ul.sub-menu > li > a{

}

#menu-main .mega-dd ul.sub-menu li ul.sub-menu > li {
	background: #e6e6e6;
}

#menu-main .mega-dd ul.sub-menu li:hover ul.sub-menu > li > a ,
#menu-main .mega-dd ul.sub-menu #menu-item-219 ul.sub-menu > li > a,
#menu-main .mega-dd ul.sub-menu #menu-item-246 ul.sub-menu > li > a {
	padding: 5px 10px;
	text-decoration: none;
	font-size:13px;
	text-align: left;
	text-transform: capitalize;
	color: #003768;
}

#menu-main .mega-dd ul.sub-menu li:hover ul.sub-menu > li:first-child a,
#menu-main .mega-dd ul.sub-menu #menu-item-219 ul.sub-menu > li:first-child a,
#menu-main .mega-dd ul.sub-menu #menu-item-246 ul.sub-menu > li:first-child a {
	margin: 25px 0 15px 0;
	color: #000000;
	font-size: 16px;

}

#menu-main li.mega-dd ul.sub-menu > li {
	position: static;
	background: #FFFFFF;
}

#menu-main li.mega-dd ul li ul,
#menu-main li.mega-dd ul li ul li { width: 200px }

#menu-main li.mega-dd ul.sub-menu > li > a {
	padding: 14px 10px;
	font-size:14px;
	color: #000000;
	font-weight: 300;
	margin-bottom: 1px;
	text-align: center;
}

#menu-main .mega-dd > ul.sub-menu > li > a:hover{
	position: relative;
	background: #FFFFFF;
	z-index:1;
	text-decoration: none;
}


#menu-main .mega-dd > ul.sub-menu > li >a{
	position: relative;
}

#menu-main .mega-dd > ul.sub-menu > li >a:before{
	height:3px;
	width:100%;
	display: block;
	content:' ';
	bottom:-2px;
	position: absolute;
	left:0;
}

#menu-main li.mega-dd > ul.sub-menu > li > a{
	height: 45px;
	padding:5px 10px;
}
#menu-main .mega-dd > ul.sub-menu > li > a:hover:after {
	position: absolute;
	content: ' ';
	top: 14%;
	right: -5px;
	width: 5px;
	height: 45px;
	background: #FFFFFF url( 'images/mega-dropdown-arrow.jpg' ) no-repeat;
}

#menu-main .mega-dd ul.sub-menu li ul.sub-menu > li:hover {
	background: rgba(190, 190, 190, 0.9)
}


/* ------------------------ content framework ------------------------ */

#repeating.container-full { background: url("images/bg-html.jpg") center top repeat-x; min-height: 980px; min-width: 1280px; }
/*.inside #repeating.container-full { background: url("images/bg-html.jpg") top center no-repeat; }*/

#centered.container-full { background: url("images/bg-body.png") center 631px no-repeat; }
/*.inside #centered.container-full { background: url("images/inside-bg-body.jpg") top center no-repeat; }*/

#content {
	position: relative;
	font-size: 14px;
}

#content-main { padding: 20px 5px 20px 5px; }

.inside #content-main {
	width: 580px;
	float: left;
	padding: 56px 35px 56px 10px;
}

#content ol, #content dl {
	margin: 0 0 20px 37px;
	line-height: 1.5em;
}

#content ul {
	margin: 0 0 20px 20px;
	line-height: 1.5em;
}

#content ul li {
	list-style: none;
	background: url("images/bullet.png") 0 6px no-repeat;
	padding-left: 17px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 10px 0px;
	clear: both;
	font-weight: normal;
	color: #6a6a20;
}

.inside h1, .inside h2, .inside h3, .inside h4, .inside h5, .inside h6 {
	color: #2d5580 !important;
	/*text-transform: uppercase;*/
	/*font-family: 'Old Standard TT', serif;*/
	font-family: 'CorporateAW01-LightCn';
}

#content h1 {
	margin-top: 0;
	font-size: 30px;
	color: #003768;
	/*font-family: 'Old Standard TT', serif;*/
	font-family: 'CorporateAW01-LightCn';
}


#content h2 {
	font-size: 25px;
}

#content h3 {
	font-size: 22px;
}

#content h4, #content h5, #content h6 {
	font-size: 20px;
}

.quote {
	background-image: url("images/bg-quote.png");
	display: block;
	background-position: 10px 10px;
	background-repeat: no-repeat;
	background-color: #003768;
	padding:10px;
	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
	margin:15px 0px;

}

.quote, .quote a {
	color: #fff;
}

.quote q, .quote blockquote, .quote q a, .quote blockquote a {
	font-size: 20px;
	font-style: italic;
	display: inline;
}

.quote q{
	padding-left: 100px;
	display: block;
	font-size: 18px;
}

.quote cite {
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	padding-left: 100px;
}

cite:before {
	content: "~ ";
}


.quote.quote-style2{
	padding:15px;
	/*font-family: 'Old Standard TT', serif;*/
	font-family: 'CorporateAW01-LightCn';
	background-image: none;

}
.quote.quote-style2 q{
	padding-left:0;
	font-size: 16px;
}

.quote.quote-style2 cite{
	padding-left:10px;
}

.quote.quote-style2 img.alignleft{
	margin-right:15px;
}

/* END QUOTE*/

#top-intro {
	width: 70%;
	float: left;
}

#front-img { float: right; }

.schedule-bar { margin: 45px 0 }

.schedule-bar{text-align: center;}
.schedule-bar p {
	margin: 0 !important;
	display: inline-block;
	text-align: left;
}

.schedule-bar .filler-left{
	float:left;
}
.schedule-bar .filler-right{
	float:right;
}
.schedule-bar .filler-left, .schedule-bar .filler-right{
	border-top: 1px solid #004C86;
    content: " ";
    display: inline-block;
    position: relative;
    top: 10px;
    height: 10px;
    width: 168px;
}


.schedule-bar span.icon-phone {
	padding: 17px 5px 11px;
}

.schedule-bar span.icon-phone img {
	position: relative;
	top: -5px;
	width: 19px;
	height: auto;
}

.schedule-bar .schedule-txt {
	color: #004c86;
	padding: 8px;
	font-size: 22px;
	font-weight: bold;
}

.schedule-bar .schedule-txt a{

}

.schedule-bar .schedule-txt em { font-weight: 300; font-style: normal;}

.schedule-bar .schedule-txt a {
	color: #004c86;
	text-decoration: none;
}

#front-btm {
	clear: both;
}

#procedure-lists .procedure-list:last-child { margin-right: 0 !important; }

#procedure-lists .procedure-list {
	width: 225px;
	float: left;
	margin-right: 38px;
}

.procedure-list a { text-decoration: none; }

.procedure-list h2 {
	color: #323232;
	font-size: 16px !important;
}

.procedure-list ul {
	margin: 0 0 0 0 !important;
}

.procedure-list ul li {
	background: none !important;
	padding-left: 0 !important;
	margin: 1px 0;
}

.procedure-list ul li a {
	text-decoration: none;
	color: #676767;
	display: block;
	padding: 2px 7px;
}

.procedure-list ul li a:hover {
	background: rgba(190, 190, 190, 0.9);
}

.procedure-list > a{
	display: block;
	padding:0px 2px;
}
.procedure-list > a:hover{
	background: rgba(190, 190, 190, 0.9);
	display: block;
}

.established-img {
	float: right;
	margin-top: 10px;
}

#accordion-set {
	border-top: 1px solid #989898;
}

.accordion-tab-block { border-bottom: 1px solid #989898; }

.accordion-tab-block h2 {
	background: url('images/opa-plus.png') center right no-repeat;
	cursor: pointer;
	display: block;
	text-transform: capitalize;
	font-size: 22px !important;
}

.accordion-tab.accordi-tab.tab-open h2 { background: url('images/opa-minus.png') center right no-repeat; }

.two-imgs {
	width: 54%;
	float: left;
}

.two-imgs img {
	max-width: 100%;
	height: auto;
}

.on-page-contact-map {
	float: right;
	text-align: center;
}

.on-page-contact-map img {
	border: 4px solid #C6C6C6;
}

/* ------------------------ rm carousel framework ------------------------ */

#carousel-wrapped-block{
  position: relative;
  overflow: hidden;
  width:95%;
  margin:50px 0px;
}

.carousel-img-placeholder{
  position: relative;
  width:85%;
  height:auto;
  text-align: center;
  overflow: hidden;
}

.carousel-img-placeholder{
  display: table-cell;
    text-align: center;
    vertical-align: middle;
}

body.inside .carousel-img-placeholder * {
    vertical-align: middle;
}

body.inside .carousel-img-placeholder{
    vertical-align: middle;
    display: block;
}

.carousel-img-placeholder img{
  height:auto;
  width:100%;
}

.carousel-slideshow-block, body.inside .carousel-img-placeholder{
  margin:0 auto;
}

.carousel-slideshow-block{
  margin-top:10px;
}

.carousel-slideshow-block a{
  margin: 0px 2px;
}

.carousel-slideshow-block a img{
  max-height: 110px;
  max-width: 110px;
  height:  80%;
  width: 80%;
}

.prev-next-carousel #prev{
  position: absolute;
  left:5px;
}

.prev-next-carousel #next{
  position: absolute;
  right:5px;
}

.prev-next-carousel #prev , body.inside .prev-next-carousel #next{
  bottom:60%;
  cursor: pointer;
}

.carousel-slideshow-block .cycle-slide{
  -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
       -o-transition: all .5s ease;
          transition: all .5s ease;
}

.carousel-slideshow-block .cycle-slide-active{
  opacity: 1;
  -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
       -o-transition: all .5s ease;
          transition: all .5s ease;
}

#carousel-wrapped-block.carousel-has-info .rm_carousel-img-info{
  position: absolute;
  bottom:0;
  width:100%;
  background: rgba(255 , 255 , 255 , 0.40);
  text-align: left;
}

#carousel-wrapped-block.carousel-has-info .rm_carousel-img-info h4{
  margin:0!important;
  font-weight: bold;
}

#carousel-wrapped-block.carousel-has-info .rm_carousel-img-info p{
  margin-bottom:0px;
}

#carousel-wrapped-block.carousel-has-info .rm_carousel-img-info > div{
  padding:5px;
  min-height: 90px;
}

#carousel-wrapped-block.carousel-has-info .carousel-img-placeholder{
    height: 375px;
    max-height: 375px;
}

#carousel-wrapped-block.carousel-has-info .carousel-img-placeholder img{
  height: 80%;
}

/* ------------------------ form framework ------------------------ */

form.cform { width: 597px; margin: 20px 0; background: none; border: 0;}
form.cform label, form.cform label span { width: 169px; }
form.cform input, form.cform input.upload { width: 250px; }

form.cform span.reqtxt, form.cform span.emailreqtxt {
	display: block;
	text-align: right;
	font-size: .8em!important;
	width: 255px;
	margin-left: 181px;
}

form.cform textarea { width: 250px; }
form.cform p.cf-sb { text-align: center; }
form#cformsform input.secinput, form#cforms2form input.secinput { width: 100px; height: 25px; }
p.linklove { display: none; }

form.cform {
	display: block;
	width: auto!important;
}

form.cform input.single, form.cform textarea.area, form.cform select {
	display: block;
	width: 99%!important;
	padding-left: 0;
	padding-right: 0;
	color: #828282;
	text-indent: 10px;
}

form.cform select { width: 275px; }

form.cform textarea.area {
	margin: 10px 0;
}

form.cform label {
	text-align: left;
	width: auto!important;
	display: block;
}

form.cform label.cf-group-after, form.cform label.cf-before {
	margin: 0 15px 0 0!important;
	display: inline-block;
}

form.cform label.cf-group-after span {
	width: auto!important;
	margin-right: 15px;
}

form.cform .cf-box-b, form.cform .cf-box-a  {
	height: 15px;
	float: left;
	clear: left;
	margin: 0 10px 0 0!important;
}

form.cform span.reqtxt, form.cform span.emailreqtxt {
	margin-left: 0!important; padding-left: 0!important;
	width: 99%!important;
	display: block;
}

form#cformsform.cform input.secinput { width: 70px; margin: 0; }

ol.cf-ol li.cf-box-group {
	padding-left: 10px;
	width: auto;
}

p.cf-sb {
	margin-top: 10px!important;
}

ol.cf-ol li.cf-box-title {
	color: #fff;
	padding-left: 10px;
	clear: both;
}

form.cform label, form.cform label span { width: auto; float: none; clear: both; }

form.cform label span { margin-bottom: 10px; }

form.cform label.cf-group-after, form.cform label.cf-group-after span, form.cform label.cf-after, form.cform label.cf-after span { width: auto; float: left; clear: none; }

#cformsform.quick-contact ol.cf-ol li#li--1 label span{
	display: none;
}

#cforms2form.contact ol.cf-ol li#li-2-1 label span{
	display: none;
}

/* Seaforms Framework */

.seaforms .field-wrap {
    margin: 20px 0;
}


.seaforms span.error {
  display: block;
  font-size: 12px;
  text-align: right;
  width: 100%;
  color: red;
}


.seaforms label, .seaforms input {
    display: block;
}


.seaforms input[type="text"], .seaforms input[type="email"], .seaforms textarea {
    background-color: #fff;
    width: 100%;
    height: 35px;
    border: 1px solid #ccc;
    text-indent: 10px;
}


 .seaforms textarea  {
    height: 150px;
}


.submit-btn {
  background-color: #003768;
  border: medium none;
  border-radius: 3px;
  color: #ffffff;
  height: 35px;
  width: 150px;
}
.seaforms_confirmation_message {
  font-size: 1em;
  font-weight: bold;
  margin: 50px 0;
}

/* End Seaforms */



.calloutBox {
	margin: 1em 0;
	width: 100%;
}

p.blue-bar {
  background-color: #003768;
  color: white;
  font-family: "CorporateAW01-LightCn";
  font-size: 25px;
  padding: 15px;
  text-align: center;
  margin-bottom: 2px;
}
.gray-box {
  background-color: #333435;
  color: white;
  display: inline-block;
  font-size: 15px;
  height: 30px;
  margin: 0;
  padding: 1em 0;
  text-align: center;
  text-decoration: none;
  vertical-align: text-top;
  width: 32.86%;
}

.gray-box:hover {
	opacity: .9;
}


.gray-box > span {
  left: -8px;
  position: relative;
}

.post-thumb img{
	width: 50%;
	height: auto;
}

@media only screen and (max-width: 767px) {
	.gray-box {
	display: block;
	width: 100%;
	margin-bottom: 1px;

}
.blogdiv {
	width: 100%;
	height: auto;
}

.post-thumb img{
	width: 100%;
	height: auto;
}

	}


/* ------------------------ aside framework ------------------------ */

aside {
	width: 250px;
	float: right;
	margin: 56px 42px 0 0;
}

aside p {
	margin: 0 0 10px 0;
}

#content aside ol, #content aside dl {
	margin: 0 0 20px 0px;
	padding: 0;
}

#content aside ul {
	margin: 0 0 20px 0;
}

#content aside ul li {
	padding: 0 !important;
	background: none;
}

#content aside ul li a {
	display: block;
	text-decoration: none;
	padding: 2px 0 !important;
}

#content aside ul li a:hover {
	background: rgba( 204, 204, 204, 0.4 );
}

aside h1, aside h2, aside h3, aside h4, aside h5, aside h6 {
	margin:0px 0px 10px 0px;
	text-transform: capitalize !important;
}

#content aside h2 {
	font-size: 22px;
	color: #4c3f18;
	font-weight: normal;
}

aside h3 {
	font-size: 16px;
}

aside h4, aside h5, aside h6 {
	font-size: 14px;
}

.inside #content aside section {
	display: block;
	margin: 0 0 25px 0;
	float: none;
	width: auto;
}

aside address {
	font-style: normal;
	line-height: 20px;

}

aside .appointments-info{
	margin-top:20px;
	border-bottom: 1px solid #000000;
	padding-bottom:30px;
}

aside address a {
	display: block;
	padding: 7px 0 15px 0;
}

aside .aside-txt {
	color: #000000;
	margin-bottom: 35px;
}

aside .aside-txt:last-child { margin-bottom: 0; }

.side-phone { padding-top: 15px; }

.side-phone a {
	text-decoration: none;
	color: #000000;
}

#side-schedule-appointment {
	background: #004c86;
	padding: 10px;
	color: #FFFFFF;
}

#side-schedule-appointment a {
	color: #FFFFFF;
	text-decoration: none;
}

#side-schedule-appointment .icon-phone {
	background: #2175b8;
	padding: 5px 5px 10px 5px;
	float: left;
	margin-right: 10px;
}

#side-schedule-appointment .icon-phone img {
	width: 20px;
	height: auto;
}

#side-schedule-appointment .schedule-txt {
	font-size: 18px;
	font-weight: 300;
	line-height: 18px;
}

#side-schedule-appointment .schedule-txt em {
	display: block;
	font-size: 22px;
	padding-top: 7px;
}

#side-schedule-appointment .schedule-txt .dash { display: none; }

/* ------------------------ blog framework ------------------------ */

.icon-author,
.icon-date { padding-left: 20px; }

.icon-author { background: url( 'images/icon-author.png' ) center left no-repeat; margin-right: 5px; }
.icon-date { background: url( 'images/icon-date.png' ) center left no-repeat; }

.blog-nav-single a{
	display: block;
	margin-bottom: 10px;
}

/* ------------------------footer framework ------------------------ */

footer {
	margin:0 auto;
	text-align: center!important;
	clear: both;
	padding:40px 0;
	color: #696969;
}

footer a {
	color: #696969 !important;
}

footer p {
	margin: 0 auto 10px;
	text-align: center;
}

ul.footer-nav {
	text-align: center !important;
	margin: 30px 0;
}

ul.footer-nav li {
	border-left: 1px solid #696969;
	display: inline;
	margin-bottom: 5px;
	list-style-type: none;
}

ul.footer-nav li a {
	display: inline;
	text-decoration: none;
	padding: 0 6px;
	font-size: 13px;
}

ul.footer-nav li a:hover {
	text-decoration: underline;
}

ul.footer-nav li:first-child {
    border: medium none;
}

.rm-sig img {
	vertical-align: bottom;
	display: inline-block;
}
#google-plus {
	margin: 45px 0;
}
#google-plus p {
   display: inline-block;
    margin: 0 !important;
    text-align: left;
    width: 25%;
}

@media screen and (max-width:767px) {
	#google-plus p {
   display: block;
    margin: 0 !important;
    text-align: left;
    width: 100%;
}

#google-plus .google-plus-logo, #google-plus .insta-logo, #google-plus .facebook-logo {
	padding: 0 10px 0 20px;
	text-align: center;
	display: block;
}

#google-plus .google-plus-text, #google-plus .insta-text, #google-plus .facebook-text {
	padding-right: 20px;
	font-weight: 600;
	color: #000000;
	text-align: center;
	display: block;
}
}

.google-link, .insta-link{
	width: 216px;
}
#google-plus .line-left, #google-plus .line-right {
    border-top: 1px solid #9c9c9c;
    content: " ";
    display: inline-block;
    height: 10px;
    position: relative;
    top: 16px;
    width: calc(50% - 373px);
}
#google-plus .line-left {
    float: left;
}
#google-plus .line-right {
    float: right;
}
#google-plus .google-plus-logo, #google-plus .insta-logo,#google-plus .facebook-logo{
	padding: 0 10px 0 20px;
}
#google-plus .google-plus-text, #google-plus .insta-text, #google-plus .facebook-text{
	padding-right: 20px;
	font-weight: 600;
	color: #000000;
}
#google-plus a {
    text-decoration: none;
}
#google-plus a:hover {
    text-decoration: underline;
}
#google-plus a:hover:first-child {
    text-decoration: none!important;
}


/* GALLERY PAGES */
.single-case{
	margin-bottom: 60px;
}
.single-case h2{
	text-align: center;
}
.single-case *{
  /* Firefox 1, probably can drop this */
  /* Safari 3-4, also probably droppable */
  box-sizing: border-box;
  /* Everything else */
}

.single-case .imgset .imgs{
	font-size: 0;
	margin-bottom: 1%;
	text-align: center;
}
.single-case .imgset .imgs img{
	width:49%;
	display: inline-block;
	background:#ffffff;
	padding:3px;
	height:auto;
	margin-right:0;
	box-shadow: 3px 5px 5px -3px rgba(0,0,0,0.45);
}
.single-case .imgset .imgs img:first-of-type{
	margin-right: 1%;
}

/* ------------- Advanced Dental Care custom page --------------- */

body#dentistry #content{
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	font-size: 0;
}
body#dentistry .intro{
	background: url('images/advanced-intro-bg.jpg') no-repeat top center;
	background-size: cover;
}
body#dentistry .intro .container-980{
	padding: 0 20px;
}
body#dentistry .intro .interior{
	max-width: 50%;
	padding: 65px 0;
	font-size: 14px;
	line-height: 22px;
}
body#dentistry .quick-contact{
	background: #003768;
	padding: 25px 0;
	font-size: 14px;
}
body#dentistry .quick-contact p{
	margin: 0;
}
body#dentistry .quick-contact span{
	color: #fff;
	display: block;
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
body#dentistry .quick-contact form{
	display: flex;
	padding: 0 20px;
}
body#dentistry .quick-contact form .field-wrap{
	width: 22%;
	padding-right: 15px;
	margin: 0;
}
body#dentistry .quick-contact form .field-wrap.type-submitbutton{
	width: 12%;
	padding-right: 0;
}
body#dentistry .quick-contact form .field-wrap .submit-btn{
	background: #1a65a8;
	border-radius: 0;
	height: 37px;
	width: 100%;
}
body#dentistry .quick-contact form .field-wrap input,
body#dentistry .quick-contact form .field-wrap textarea{
	height: 35px;
	padding: 0;
	line-height: 35px;
}
body#dentistry .landing-block{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	padding-top: 17%;
	margin-bottom: 50px;
}
body#dentistry .landing-block .container-980{
	width: calc(100% - 40px);
	max-width: 470px;
	padding: 0 20px;
	margin-right: 0;
	margin-left: auto;
}
body#dentistry .landing-block:nth-of-type(2n) .container-980{
	margin-right: auto;
	margin-left: 0;
}
body#dentistry .landing-block .interior p{
	font-size: 14px;
}
body#dentistry .general{
	background: url('images/advanced-general-bg.jpg') no-repeat top center;
	background-size: 100% auto;
}
body#dentistry .tmj{
	background: url('images/advanced-tmj-bg.jpg') no-repeat top center;
	background-size: 100% auto;
}
body#dentistry .sedation{
	background: url('images/advanced-sedation-bg.jpg') no-repeat top center;
	background-size: 100% auto;
}
body#dentistry .apnoea{
	background: url('images/advanced-apnoea-bg.jpg') no-repeat top center;
	background-size: 100% auto;
}
body#dentistry .periodontal{
	background: url('images/advanced-periodontal-bg.jpg') no-repeat top center;
	background-size: 100% auto;
}
body#dentistry .neuro{
	background: url('images/advanced-neuro-bg.jpg') no-repeat top center;
	background-size: 100% auto;
}


@media only screen and (max-width: 767px) {
	body#dentistry .intro .container-980{
		min-width: 0!important;
		width: calc(100% - 40px);
	}
	body#dentistry .intro{
		background-size: 100% auto;
	}
	body#dentistry .intro .interior{
		max-width: 100%;
		padding-top: 45%;
	}
	body#dentistry .landing-block{
		width: 100%;
		display: block;
		padding-top: 30%;
	}
	body#dentistry .landing-block .container-980{
		max-width: none;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	body#dentistry .landing-block .interior{
		padding: 0 20px;
	}
	body#dentistry .landing-block:nth-of-type(2n) .container-980{
		margin: 0;
	}
	body#dentistry .quick-contact form{
		display: block;
	}
	body#dentistry .quick-contact form .field-wrap{
		width: 100%;
		padding-bottom: 15px;
		margin: 0;
	}
	body#dentistry .quick-contact form .field-wrap.type-submitbutton{
		width: 100%;
		padding-right: 0;
	}
}

/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
@media only screen and (max-width: 1280px) {
	#repeating.container-full {
	    max-width: 100% !important;
	    min-width: 100% !important;
	}
	.container-1280 {
		max-width: 1280px !important;
		width: 100% !important;
	}
	nav {
	    max-width: 100% !important;
	    min-width: 100% !important;

	}
	.header-slideshow {
		height: 380px !important;
		width: 100% !important;
	}
	.inside .header-slideshow {
		height: 300px !important;
		width: 100% !important;
	}
	.inside .header-image-set {
	    height: auto !important;
	    width: 100% !important;
	}
	.inside .header-image-caption {
	    top: 150px;
	    left: 150px;
	}
	.inside header {
	    min-height: 0;
	}
	.header-image {
		width: 100% !important;
		height: auto;
	}
	.header-slide-caption {
		width: 85%;
		padding: 160px 0 0 70px;
	    font-size: 1.075em;
	}
	.header-slide-caption p {
		background: rgba( 0, 0, 0, 0.5 );
		padding: 7px;
		color: #fff;
	}

	#logo img {
	 	width: 130px;
		height: 130px;
	}

	.divide-img {
		width: 100%;
	}
	#logo {
		left: 70px;
	}
	#content-main { padding: 20px; }

	.inside #content-main {
		padding-bottom: 56px;
	    padding-right: 56px;
	    padding-top: 56px;
	}
}

/* iPads (portrait and landscape) ----------- */
   @media only screen
   and (min-device-width : 768px)
   and (max-device-width : 1024px) {
   /* Styles */
   #menu-main .mega-dd > ul.sub-menu > li > a:hover:after {
    	background: none!important;
	}

}
@media only screen and (max-width: 980px) {

  	/* Tablet */

	body {
		min-width: 767px;
	}

	.visible-tablet {
		display: block !important;
 	}

	.hidden-tablet {
  		display: none !important;
 	}

	.container-980,
	.container-1280  {
		max-width: 767px;
		width: 100%;
		margin: 0 auto;
		text-align: left;
	}

	.img-left, .alignleft, .img-right, .alignright {
/*	    max-width: 45%!important;*/
    	height: auto;

  	}
  	#gallery img.alignright{
		margin-right: 27%!important;
		display: block;
	}

	.aligncenter {
    	display: block;
    	float: none;
    	max-width: 100%!important;
    	height: auto;
    	text-align: center;
    	margin: 0 auto 15px auto;
	}

	.full-size {
		display: block!important;
		margin: 0 auto 15px auto!important;
		max-width: 100%!important;
		width: 100%!important;
	}


	/*----- Nav -----*/

	nav { min-width: 300px; }

	#menu-main a { padding: 0 1.2em; }


	#menu-main .mega-dd > ul.sub-menu{
		width:749px!important;
		min-width: 750px!important;
		background-size: 70% auto;
		background-position: 320px 0 !important;
	}

	#menu-main .mega-dd > ul.sub-menu ul.sub-menu{
		width:240px!important;
	}

	ul.sub-menu ul.sub-menu{
		/*background-color: rgba(230, 230, 230, 0.83) !important;*/
	}


	/*----- content -----*/

	.header-slide-caption h2 {
		font-size: 22px;
		margin: 0;
		display: block;
		width: 100%;
	}
	.header-slide-caption p {
		margin-top: 0;
		font-size: .95em;
	}

	#repeating.container-full { min-width: 300px; }

	.header-slideshow {
		max-height: 300px !important;
	}
	#slideshow-pager{
		display: none;
	}

	.inside header { min-height: 0; }


	.header-image-set .header-image-caption{
		top:125px;
	    font-size: 0.8em;
	    left: 120px;
	}

	.header-image {
		max-width: 100%;
		height: auto;
	}
	.header-slide-caption h2 br {
		display: none;
	}

	.inside #content-main {
		padding: 25px 15px 10px;
		width: 62%;
	}

	#membership-logos {
		display: block;
		max-width: 95%;
		height: auto;
		margin: 0 auto;
	}

	.divide-img {
		max-width: 100%;
		height: auto;
	}

	#top-intro { width: 63%; }

	.schedule-bar .schedule-txt { font-size: 15px; }

	.schedule-bar span.icon-phone { padding: 11px 10px 10px; }

	#procedure-lists .procedure-list { width: 24%; }

	.on-page-contact-map {
		width: 64%;
	}

	.on-page-contact-map img {
		max-width: 100%;
		height: auto;
	}

	.on-page-contact-map a { display: block; }

	.schedule-bar .filler-left, .schedule-bar .filler-right {
	    width: 20%;
	}

	/*----- aside -----*/

	aside {
		width: 28%;
		padding: 25px 15px 10px;
		margin:0;
	}

	#side-schedule-appointment .schedule-txt em { font-size: 21px; }

	/* FOOTER */

	#google-plus .line-left, #google-plus .line-right {
	    width: calc(50% - 340px);
	}

}


@media only screen and (max-width: 767px) {

/* My Comment */

	/* Phone */

	body {
		min-width: 300px;
	}

	.container-980  {
		min-width: 300px;
		width: 100%;
		margin: 0 auto;
		text-align: left;
	}

	.hidden-phone {
		display: none!important;
	}

	.visible-phone {
		display: block!important;
	}

 	.img-left, .alignleft, .img-right, .alignright, .alignnone {
    	display: block;
    	float: none;
    	max-width: 100% !important;
    	height: auto;
    	text-align: center;
    	margin: 0 auto 15px auto!important;
	}

  	.wp-caption {
    	padding: 5px;
    	max-width: 46%;
  	}

	.wp-caption.alignright {
		margin-left: 2%;
		max-width: 44%;
	}

	.wp-caption.alignleft {
		margin-right: 2%;
		max-width: 44%;
	}

  	.wp-caption img {
    	max-width: 100%;
    	height: auto;
  	}


	/* HEADER */
	.header-image-set .header-image-caption{
		display: none;
	}

	/* ----- nav ----- */

	nav {
		background: #333435;
/*		position: fixed;
		top: 0.08em;*/
	    width: 100%;
	    z-index: 100;
		-webkit-transition: all 1s linear;
	    -o-transition: all 1s linear;
	    -moz-transition: all 1s linear;
	    -ms-transition: all 1s linear;
	    -kthtml-transition: all 1s linear;
	    transition: all 1s linear;
	}

	.btm-shadow {
		-webkit-box-shadow: 0 10px 10px -7px rgba(0, 0, 0, 0.8);
		   -moz-box-shadow: 0 10px 10px -7px rgba(0, 0, 0, 0.8);
		        box-shadow: 0 10px 10px -7px rgba(0, 0, 0, 0.8);
		-webkit-transition: all 1s linear;
		-o-transition: all 1s linear;
		-moz-transition: all 1s linear;
		-ms-transition: all 1s linear;
		-kthtml-transition: all 1s linear;
		transition: all 1s linear;
	}

	#menu-main  > li.dd-dct:hover > ul.sub-menu{
		position: static;

	}
	#menu-main  > li.dd-dct:hover > ul.sub-menu{
		position: static;

	}




	#nav-wrapper {
		width: auto;
		background: url( 'images/mobile-border.jpg' ) center left no-repeat;
	}

	#nav-wrapper { height: 61px; }

	#nav-wrapper > span {
	 	display: block;
	 	width: 25%;
	 	float: left;
	 	height: 61px;
		background: url( 'images/mobile-border.jpg' ) center right no-repeat;
 	}

	#nav-wrapper span a {
		display: block;
	 	width: 100%;
	 	float: left;
	 	height: 61px;
		color: #FFFFFF;
		text-decoration: none;
		line-height: 20px;
		text-align: center;
	}

	#nav-wrapper span a span { display: block; }

	#nav-wrapper span a img {
		width: auto;
		height: 24px;
		padding-top: 10px;
	}

	#menu-main li:hover,
	#menu-main li a:hover,
	#menu-main li a:active {
		background: #434445;
		color:white;
	}

 	#menu-main,
	#contact-nav {
	 	display: block;
	 	position: absolute;
		overflow: hidden;
		left: 0;
	 	top: 61px;
	 	width: 100%;
	 	z-index: 10000;
	 	max-height: 0;
		height: auto;
	 	-moz-transition: max-height .75s;
	 	-webkit-transition: max-height .75s;
	 	transition: max-height .75s;
		border-top: 1px solid #292a2b;
 	}

 	#menu-main.active,
	#contact-nav.active,
	.child-nav-toggle.active {
	 	left: 0;
	 	max-height: 1000px;
	 	height: auto;
 	}

 	#menu-main ul { display: none; }

 	#menu-main > li,
	#contact-nav > li {
	 	width: 100% !important;
	 	height: auto;
	 	margin: 0 !important;
	 	background: #333435;
		border-top: 1px solid #3b3c3d;
	 	border-bottom: 1px solid #292a2b;
 	}

 	#contact-nav li { text-align: center; }

 	#menu-main > li a {
	 	width: 100%;
	 	max-width: 600px;
	 	height: auto;
	 	margin: 0 auto !important;
	 	text-align: left;
	 	text-indent: 10px;
	 	line-height: 32px;
 	}

 	#menu-main > li:hover {
 		background-image: none;
 		background: #434445;
 		color:white;
	}

 	#nav-wrapper li a {
	 	font-size: 12px;
	 	width: auto !important;
 	}

	#contact-nav span a {
	    display: inline-block;
	}

	/*----- dropdown -----*/

	.dropdown-arrow { display: none; }

	#menu-main li > ul.sub-menu {
		position: static;
		background-image: none;
		padding-bottom:5px;
		width: auto;
		background: none;
	}

	#menu-main li > ul.sub-menu li a {
		color: #FFFFFF;
		font-size: 12px !important;
	}

	#menu-main li > ul.sub-menu ul {
		width:none;
	}
/*
	#menu-main li:hover > ul.sub-menu {
		display: block;
	}
*/
	#menu-main li ul.sub-menu > li > a {
		padding:4px 0px 4px 20px;
		font-size: 1em;
	}
	#menu-main li ul.sub-menu > li {
		padding:2px 0px;
		float:none;
		width:auto;
		display: block;
	}

	#menu-main li > ul.sub-menu > li > a:before {
		background-image: none;
		display: none;
	}

	#menu-main li > ul.sub-menu > li > a:hover:after {
		display: none;
	}

	#menu-main li > ul {
		-o-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		-o-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		padding: 0;
	}

	#menu-main li > ul.sub-menu { padding-left: 15px !important; }

	/*----- dropdown -----*/

	.dropdown-arrow { display: none; }

	#menu-main li > ul.sub-menu {
		position: static;
		background-image: none;
		padding-bottom:5px;
		width: auto;
		background: none;
		height: auto;
	}

	#menu-main li > ul.sub-menu li a {
		color: #FFFFFF;
		font-size: 12px !important;
	}

	#menu-main li > ul.sub-menu ul {
		width:none;
	}

	#menu-main li.device-sub-nav > ul.sub-menu {
		display: block;
		width: 100%;
		left: 0;
	}

	#menu-main li > ul.sub-menu ul li {
	    display: none;
	}

	#menu-main li ul.sub-menu > li > a {
		padding:4px 0px 4px 20px;
		font-size: 1em;
	}
	#menu-main li ul.sub-menu > li {
		padding:6px 0px;
		float:none;
		width:auto;
		display: block;
		border: none !important;
		border-bottom: #fff solid 1px!important;
		margin-right: 30px;
	}
	#menu-main li ul.sub-menu > li:last-child {
		border-bottom: none!important;
	}

	#menu-main li > ul.sub-menu > li > a:before {
		background-image: none;
		display: none;
	}

	#menu-main li > ul.sub-menu > li > a:hover:after {
		display: none;
	}

	#menu-main li > ul {
		-o-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		-o-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		padding: 0;
	}

	#menu-main li > ul.sub-menu ul { padding-left: 15px; }

	#contact-nav span a{
	    display: inline-block;
	}

	#contact-nav > li > span{
 		display: inline-block;
 		width:80%;
 		margin:0 auto;
 		clear:both;
 		float:none;
 		z-index:10;
 		position: relative;
 		left:-5px;
 		margin:10px 0px;
 	}

	#contact-nav span > a{
	    display: block;
		font-size:1em;
		width:100%!important;
		line-height: 1.7em;
		height:auto;
		text-indent: 0px;
		padding:7px 0px;
	}



	/*----- content -----*/

	#slideshow {
		display: none;
	}

	#top-intro { width: auto; }

	#front-home-phone {
		max-width: 100%;
		height: auto;
	}

	.established-img { display: none; }

	#procedure-lists .procedure-list {
	    float: none;
	    margin-right: 0;
	    width: auto;
	}

	.inside #content-main {
		width: auto;
		float: none;
	}

	.accordion-tab-block h2 {
		padding-right: 30px;
		background: url("images/opa-plus-mobile.png") no-repeat scroll right center rgba(0, 0, 0, 0);
	}
	.accordion-tab.accordi-tab.tab-open h2 {
	    background: url("images/opa-minus-mobile.png") no-repeat scroll right center rgba(0, 0, 0, 0);
	}

	.schedule-bar-mobile {
		width: 100%;
		margin: 20px 0 20px 0;
	}

	.schedule-bar-mobile span.icon-phone {
		position: absolute;
	}

	.schedule-bar-mobile .schedule-txt {
	    display: inline-block;
	    margin-left: 41px;
		padding: 9px 10px;
		background-color: #004C86;
		color: #fff;
		width: 78%;
		margin-left: 42px;
		height: 42px;
		overflow: hidden;

	}
	.schedule-bar-mobile .schedule-txt a {
		color: #fff;
		text-decoration: none;
		font-style: italic;

	}
	.icon-phone{
		background-color: #2275b9;
		padding: 18px 7px 20px 7px;
		height: 22px;
	}

	.on-page-contact-map {
		float: none;
		width: auto;
	}
	.prev-next-carousel #prev{
	  position: absolute;
	  left:0;
	}

	.prev-next-carousel #next{
	  position: absolute;
	  right:0;
	}

	/*----- aside -----*/

	aside {
		width: auto;
		display: block;
		float: none;
		margin: 0;
		padding: 15px 15px;
	}

	img#membership-logos{
		margin:10px auto 15px;
	}
	.before-footer img{
		margin:5px;
	}

	aside #side-location{
		margin-bottom: 5px;
	}

	/* FOOTER */
	#google-plus .line-left, #google-plus .line-right {
	    display: none;
	}
	#google-plus {
	    width: 216px;
	    margin:  35px auto 35px!important;
	}

	#google-plus p.insta-link,#google-plus p.google-link{
		margin-top: 15px!important;
	}


}

@media only screen and (max-width: 450px) {
	.front-home-img.block {
	    height: 215px;
	    overflow: hidden;
	    position: relative;
	}
	#front-home-phone {
	    height: 210px;
	    left: 50%;
	    max-width: none;
	    margin-left: -320px;
	    position: absolute;
	    width: auto;
	}

}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.noBorderBro,
.no-frame {
	border: none!important;
}

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* body#technology.inside.page-65.parent-65.technology img {
	border: none;
} */