/* 
	Template: _Lawfirm Template
	Author: Chad Smith - BC Gurus
*/

/* ===== Universals =========================== */
header{
	padding-bottom: 20px;
}
.alpha{
	padding: 20px 0 20px 0;
}
.omega{
	background: #eaecee;
}

/* ===== Utility =========================== */
.utility{
	float: right;
	height: 60px;
}
@media screen and (min-width: 999px) { 
nav[role="navigation"]{float: right;}
}

/* ===== Logo =========================== */
.logo{
	display: block;
	height: 70px;
	margin:  20px auto 0;
	width: 250px;
}
.logo:hover{
	opacity: 0.7;

	/* Thank you IE 8! */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

/* ===== Main Search =========================== */
form[role="search"]{
	clear: right;
	margin: 0;
	position: relative;
}
form[role="search"] input[type="text"]{
	margin:  0;
}
form[role="search"] em{
	color: #999;
	position: absolute;
	right: 10px;
	top: 8px;
}

/* ===== Social Icons =========================== */
.social-icons{
	margin: 5px 0;
	overflow: hidden;
	padding: 0;
}
.social-icons li{
	display: inline;
	float: left;
	padding: 0 5px;
}
.social-icons li:last-child{
	padding-right: 0;
}
	.social-icons a:link,
	.social-icons a:visited{
		color: #acacac;
		font-size: 1.0875em;
	}
	.social-icons a.facebook:hover{color: #3B5998;}
	.social-icons a.twitter:hover{color: #00aced;}
	.social-icons a.skype:hover{color: #15adf0;}
	.social-icons a.youtube:hover{color: #be2a2d;}

/* ===== aside =========================== */
aside .side-nav,
aside #nav_1391001,
aside .BlogRecentPost{
	margin: 0 0 20px;
	padding: 0;
}

#home aside .side-nav,
#home aside #nav_1391001{
	margin:  20px 0;
}
aside ul{
	padding-left: 0 !important;
}
aside li{
	/*background: url(images/icon-dots-grey.png) repeat-x scroll left bottom;*/
	list-style-type: none;
}
	aside li a:link,
	aside #nav_1391001 li a:link,
	aside li a:visited{
		/*background: url(images/icon-arrow-right-grey.png) no-repeat scroll left center;*/
		display: block;
		font-size: 13px;
		margin: 0px 0px 0px 7px;
		padding: 7px 10px;
		color:#bababa;
	}

	aside .questions li a:link,
	aside .questions li a:visited{
		margin: 0px;
		font-weight:normal;
		
	}

	aside li a:active,
	aside li a:hover,
	aside .selected a:link,
	aside .selected a:visited{
		color: #ffc700;
	}

	aside li a:hover {padding-left: 15px;}
	aside .questions li a:hover{padding-left: 10px;}

aside .side-nav li:first-child,
aside #nav_1391001 li:first-child,
aside li:last-child{
	background: none;
}
	aside .side-nav li:first-child a,
	aside #nav_1391001 li:first-child a{
		background: none;
		color: #b78337;
		font-family: 'LatoRegular', Arial, sans-serif;
		/*font-size: 1.125em;*/
		margin: 0 0 17px 15px;
		padding: 0;
		text-transform: uppercase;
	}

aside h5 {
	/*background: url(images/icon-dots-grey.png) repeat-x scroll left bottom;*/
	color: #B78337;
	font-size: 1.125em;
	margin: 0 0 10px 10px;
	padding: 0 0 5px;
	text-transform: uppercase;
	width: 90%;}

aside .questions h5 {
	width: 100%;}

#home aside h5{
	margin:  20px 0 10px 10px;
}
aside > a{
	font-size: .75em;
	margin-left: 10px;
}
.collapse .side-post,
.collapse .side-nav li,
.collapse #nav_1391001 li{
	width: 92%;
}
aside p{
	font-size: 80%;
	width: 92%;
}

/* ===== aside Blog Post =========================== */
.side-post{
	background: url(images/icon-dots-grey.png) repeat-x scroll left bottom;
	font-family: 'LatoRegular';
	font-size: 80%;
	margin: 0 0 10px;
	padding: 0 10px 10px;
}
.side-post:last-child{
	background: none;
}
.side-post p{
	font-size: 1em;
	margin: 0;
}
.side-post span{
	color: #999;
	display: block;
	font-size: 90%;
	margin: 4px 0;
}

/* ===== Service Box =========================== */



.g-recaptcha{
	width: 320px;
position: relative;
float: left;
}



.bg-alt{
	background: #e4e7e9;
	color: #444;
	font-size: .875em;
	margin-bottom: 20px;
	overflow: hidden;
	padding: 25px;
	display:block;
}
.clients{
	color: #444;
	font-size: 12px;
	margin-bottom: 7px;
	overflow: hidden;
	padding: 0;
}
.bg-alt p{
	margin: 0 0 5px;
}
.bg-alt.testimonial, .testimonial-small{
	background: #fff url(images/quotes.png) no-repeat scroll 0 0;
}
.bg-alt.contact{
	background: #fff; padding: 0; position:relative;
}
.bg-alt input{
	width:32.3%; display:inline-block; margin-right:10px; 
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}

.bg-alt.contact input{
	width:32.3%; display:inline-block; margin-right:10px; 
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}

.bg-alt.contact.tp input{
	width:32%;
}
.bg-alt input.last{
	margin-right:0;
}

.bg-alt .req { position:relative; display:inline-block; right:2%; top:5px; font-size: 20px; m
	ax-width:4%; width:4%; overflow:hidden; display:none;}

/* ===== Inner Page Title =========================== */
.page-title{
	
	color: #fff;
	/*height: 65px;*/
	margin: 0 0 20px;
	padding: 19px 0 0 30px;
	font-size: 23px;
	text-rendering: optimizelegibility;
	font-weight: bold;
}
.page-title h2{
	color: #fff;
	font-family: 'LatoBold';
	font-size: 3.25em;
}
.page-title h6{
	color: #fff;
	font-family: 'LatoRegular';
	font-size: 1.25em;
}

/* ===== Client List =========================== */
.box{
	margin: 0 auto 30px;
	position: relative;
	max-width: 375px;
}
.box.gallery{
	margin:  0 auto;
}
.box-info{
	background-color: #3c8cbf;
	background-color: rgba(60, 140, 191, 0.78);
	color: #fff;
	font-family: 'LatoRegular';
	font-size: .875em;
	height: 100%;
	left: 0;
	max-width: 375px;
	opacity: 0;
	padding: 50px 20px 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;

	/* Thank you IE 8! */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	-webkit-backface-visibility: hidden;

	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.box-info:hover{
	opacity: 1;

	/* Thank you IE 8! */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.box-info p{
	margin: 0 0 5px;
}
.box-info h3{
	margin: 0 0 5px;
}
	.box-info a:link,
	.box-info a:visited{
		color: #fff;
	}
	.box-info a:active,
	.box-info a:hover{
		color: #444;
	}
.box-links{
	position:  absolute;
	right: 10px;
	top: 10px;
}
	.box-links a:link,
	.box-links a:visited{
		color: #fff;
	}
	.box-links a:active,
	.box-links a:hover{
		color: #555;
	}

/* ===== Blog Post List View =========================== */
article header{
	padding-bottom: 10px;
}
header h1{
	font-family: 'LatoBold';
	font-size: 1.25em;
}
header p span{
	border-left: 1px solid #999;
	color: #999;
	font-size: 87%;
	padding: 0 6px;
}
header p span:first-child{
	border: none;
	padding-left: 0;
}
article{
	/*background: url(images/icon-dots-grey.png) repeat-x scroll left bottom;*/
	margin: 0 0 30px;
	padding:  0 0 10px;
}
article:last-child{
	background: none;
}
article p, article li{
	font-size: 80%;
}
.page-nav{
	margin: 0;
	overflow: hidden;
	padding: 5px 20px;
}
.pagination{
	font-size: .75em;
}
	.pagination a:link,
	.pagination a:visited{
		margin: 0 3px;
	}
	#previouspage,
	#nextpage{
		height: 20px;
		text-indent: -9999em;
		width: 5px;
		position: absolute;
	}
	#previouspage{
		background: url(images/icon-arrow-left-dgrey.gif) no-repeat scroll 0 9px;
		margin: 0 0 0 -10px;
	}
	#nextpage{
		background: url(images/icon-arrow-right-dgrey.gif) no-repeat scroll 0 9px;
		margin: 0 0 0 10px;
	}

/* ===== Blog Comments =========================== */
div[role="main"] .blog-comments{
	margin: 0;
	overflow: hidden;
	padding: 0;
}
.comments{
	list-style:  none;
}
.comment{
	margin: 5px 0;
	overflow: hidden;
}
.comment ul {
	font-size: 1em;
}
.comment-author{
	overflow: hidden;
}
.author-img{
	float: left;
	width: 47px;
}
.author-deets{
	float: left;
	margin: 0 0 0 10px;
	overflow: hidden;
	width: 75%;
}
.author-deets .author{
	font-size: 1.25em;
}
.author {
	margin: 0;
}
.comment-date{
	font-size: .825em;
	padding: 0;
	display: block;
}
.comment-date a{
	color: #999;
}
.comment-text{
	clear: both;
	font-size: .875em;
	margin: 10px 0;
	overflow: hidden;
}
.comment-text p{
	margin: 0;
}
.comment-form{
	margin: 20px 0;
}

/* ===== FAQ's =========================== */
.faq-question{
	background: #fbfbfb;
	border-bottom: 2px solid #efefef;
	margin: 0 0 20px;
	padding: 10px 20px;
}
.faq-question h2{
	line-height: 16px;
}
	.faq-question h2 a:link,
	.faq-question h2 a:visited{
		font-size: 50%;
	}
.faq-question p{
	font-size: 90%;
	margin: 0;
}
.faq-question .answer p,
.faq-question .comment-form{
	font-size: 40% !important;
	margin: 30px 0 0;
	color: #222;
}
.faq-question .comment-form input[type="text"],
.faq-question .comment-form input[type="email"],
.faq-question .comment-form textarea{
	background: #fff;
	width: 100%;
}

/* ===== Team Info =========================== */
.team-info h5{
	background: url(images/icon-dots-grey.png) repeat-x scroll left bottom;
	padding: 0 0 8px;
}
.team-info p,
.team-info ul{
	font-size: 90%;
}

/* ===== because captcha needs help =========================== */
body .row .recaptchatable #recaptcha_response_field {
	bottom: 1px!important;
	margin: 4px 0 0 0!important;
}
.recaptcha_only_if_privacy {
	line-height: 12px;
}

/* ===== Footer =========================== */
footer,
footer h6{
	color: #acacac;
	background-color: #FFF;
}
footer h6{
	text-transform: uppercase;
}
footer p{
	font-size: 11px;
}
footer .logo{
	margin: 80px auto 40px;
}
.section{
	padding: 20px 0;
}
footer .social-icons{
	float: none !important;
}
.footer{
	width: auto;
	font-size: 11px;
	line-height: 17px;
}
.g:plusone{
	color: #acacac;
	}

/* ===== Footer Blog =========================== */
.post{
	background: url(images/icon-dots-grey.png) repeat-x scroll left bottom;
	margin: 0 0 10px;
	padding: 0 0 10px;
}
.post:last-child{
	background: none;
}
.post p{
	margin: 0;
}
	.post a:link,
	.post a:visited,
	.blog-date{
		color:  #fff;
		display: inline-block;
	}
	.post a:active,
	.post a:hover{
		color:  #acacac;
	}

/* ===== Facebook Comments =========================== */
.fb_iframe_widget, .fb_iframe_widget iframe, .fb_iframe_widget span {
	width: 100% !important; }
#twitter-widget-0{
	min-width: inherit !important;
}

/* ===== Online Shop =========================== */
.productList,
.productList ul,
.catalogueList{
	margin: 0 0 20px;
	overflow: hidden;
	padding: 0 !important;
}
.productList li,
.catalogueList li{
	display: inline;
	list-style-type: none;
}
.productList ul li{
	display: block;
}
li.price{
	color: #B78337;
	font-size: 2em;
	margin: 0 0 10px;
}

/* ===== Checkout Form =========================== */

.form-row {
	border-bottom: 1px solid #EDEDED;
	overflow: hidden;
	padding: 15px 0;
}

legend {
	font-weight: bold;
}

.info-section {
	width:30%;
	float: left;
}

.info-section p {
	padding-right: 15px;
}

.form-section {
	width: 70%;
	float: left;
}

label.left {
	float: left;
	line-height: 35px;
	margin-right: 5px;
}

.shop-checkout.shop-form label {
	display: block;
}

.form-detail {
	float: left;
	width: 250px;
}
.form-detail legend{
	font-family: 'Open Sans', sans-serif;
	font-size: 1.4em;
	font-weight: 400;
}
.form-detail p{
	font-size: 12px;
}
.form-data {
	float: right;
	width: 450px;
}
#payment-form .form-detail {
	width: 255px;
}
#payment-form .form-data {
	width: 570px;
}
#payment-form label {
	width: auto;
}
#payment-form input.cat_textbox {
	border: 1px solid #999;
	padding: 3px;
}

#payment-form select.cat_dropdown {
	height: 32px;
	margin-top: 3px;
}

select.short,  {
	width: 117px !important;
	float:left;
}

input.cat_textbox.sm {
	width:70px !important;
}
#payment-form input.purchase-amount {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	color: #222222;
	display: inline;
	float: left;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 53px;
}
#purchase-total {
	background: none repeat scroll 0 0 #FAFAFA;
	border-bottom: 1px solid #EDEDED;
	border-top: 1px solid #EDEDED;
	margin-bottom: 20px;
	padding: 10px;
}

.purchase-amount {
	float: none !important;
	box-shadow: none !important;
}

#purchase-total span {
	font-weight: bold;
	font-size: 16px;
	color: #999;
	padding-left: 10px;
}

/* ===== @Media Queries =========================== */


/*
@media screen and (min-width:48em) and (max-width:60.1875em){ 
	.top-bar-section li a:not(.button) {
	  padding: 20px 15px 0; }
	.top-bar-section .has-dropdown > a:after {
		top: 45%; }
}

@media screen and (max-width:60.1875em){ 
	.utility{
		float: none !important; }
	.top-bar{
		height: 45px;
		margin-bottom: 0; }
	.top-bar-section li a:not(.button) {
	  padding: 15px; }
}
*/
@media screen and (max-width:47.9375em){  
	header{
		padding-bottom: 0; }
	nav[role="navigation"]{
		float: none !important; }
	.page-title {
		display: none; }
}
@media screen and (max-width:780px){	
	#calendar-container {
		display: none; }
	#shippingSpan {
		display: block;
		clear: both; }
	aside{
		margin: 0 0 30px;
	}
}
@media screen and (max-width: 30.3125em){
  .webform td{
	display: block;
  } 
  #catwebformbutton{
	width: 100%;
  }
}

/* ===== @font-face =========================== */
@font-face {
	font-family: 'LatoBlack';
	src: url('fonts/Lato-Bla-webfont.eot');
	src: url('fonts/Lato-Bla-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Lato-Bla-webfont.woff') format('woff'),
		 url('fonts/Lato-Bla-webfont.ttf') format('truetype'),
		 url('fonts/Lato-Bla-webfont.svg#LatoBlack') format('svg');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'LatoBold';
	src: url('fonts/Lato-Bol-webfont.eot');
	src: url('fonts/Lato-Bol-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Lato-Bol-webfont.woff') format('woff'),
		 url('fonts/Lato-Bol-webfont.ttf') format('truetype'),
		 url('fonts/Lato-Bol-webfont.svg#LatoBold') format('svg');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'LatoRegular';
	src: url('fonts/Lato-Reg-webfont.eot');
	src: url('fonts/Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Lato-Reg-webfont.woff') format('woff'),
		 url('fonts/Lato-Reg-webfont.ttf') format('truetype'),
		 url('fonts/Lato-Reg-webfont.svg#LatoRegular') format('svg');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'LatoHairline';
	src: url('fonts/Lato-Hai-webfont.eot');
	src: url('fonts/Lato-Hai-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Lato-Hai-webfont.woff') format('woff'),
		 url('fonts/Lato-Hai-webfont.ttf') format('truetype'),
		 url('fonts/Lato-Hai-webfont.svg#LatoHairline') format('svg');
	font-weight: normal;
	font-style: normal;

}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 30, 2014 */



@font-face {
	font-family: 'futura_bold';
	src: url('/_assets/fonts/futura_bold-webfont.eot');
	src: url('/_assets/fonts/futura_bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/_assets/fonts/futura_bold-webfont.woff2') format('woff2'),
		 url('/_assets/fonts/futura_bold-webfont.woff') format('woff'),
		 url('/_assets/fonts/futura_bold-webfont.ttf') format('truetype'),
		 url('/_assets/fonts/futura_bold-webfont.svg#futura_bold') format('svg');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'lucida_italic';
	src: url('/_assets/fonts/lucida_sans_italic-webfont.eot');
	src: url('/_assets/fonts/lucida_sans_italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/_assets/fonts/lucida_sans_italic-webfont.woff2') format('woff2'),
		 url('/_assets/fonts/lucida_sans_italic-webfont.woff') format('woff'),
		 url('/_assets/fonts/lucida_sans_italic-webfont.ttf') format('truetype'),
		 url('/_assets/fonts/lucida_sans_italic-webfont.svg#lucida_italic') format('svg');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'lucida_regular';
	src: url('/_assets/fonts/lucida_sans_regular-webfont.eot');
	src: url('/_assets/fonts/lucida_sans_regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/_assets/fonts/lucida_sans_regular-webfont.woff2') format('woff2'),
		 url('/_assets/fonts/lucida_sans_regular-webfont.woff') format('woff'),
		 url('/_assets/fonts/lucida_sans_regular-webfont.ttf') format('truetype'),
		 url('/_assets/fonts/lucida_sans_regular-webfont.svg#lucida_regular') format('svg');
	font-weight: normal;
	font-style: normal;

}



/* ==================== $$$ Adam's CSS Changes 2014 ======================= */
/* ========== (just search "$" in "styles.css" to find it again) ========== */

body {background:white;}

body#home {background-color:#f5f5f5;}

/* GREY PATTERNED BAR AT THE TOP */
#top-bar {							display:block; height:20px;
									background:#646464 url(/_assets/design/pictograms-darkgrey-repeatxy.png) 
									repeat scroll center top;}

.top-bar-section li a {			 font-family: "futura_bold",Helvetica,Arial,sans-serif; }

/* OVERRIDES FOR HEADER/NAV */
header[role="banner"], header {		padding:0; margin:0; background:none; height:160px;
									background-color:#f5f5f5; 
									-webkit-box-shadow: 0px 8px 9px 0px rgba(0, 0, 0, 0.07);
									-moz-box-shadow:	0px 8px 9px 0px rgba(0, 0, 0, 0.07);
									box-shadow:		 0px 8px 9px 0px rgba(0, 0, 0, 0.07);
									position:absolute; z-index: 66; display:block; width:100%;}

body#home header[role="banner"], body#home header,
body.about header[role="banner"], body.about header,
body#services header[role="banner"], body#services header,
body#single header[role="banner"], body#single header,
body#news header[role="banner"], body#news header,
body.ask header[role="banner"], body.ask header {	 
									-webkit-box-shadow: none;
									-moz-box-shadow:	none;
									box-shadow:		 none;}

#header-copy {height:160px; background:transparent;}

									

#timeline {							display:block; height:291px; width:100%;}

	.scrollWrapper {				width:100%; height:291px;}

		#scroller {					width:100%; height:291px;}

/* HOMEPAGE CONTENT WITH 3 COLUMNS/SECTIONS */
.light-grey {						background:#f5f5f5 url(/_assets/design/pictograms-lightgreygradation-repeatx.png) 
									repeat-x scroll right top;}

	#content h4 {					color:#636363;
									font-size:1em;
									margin: 0;
									padding:8px 0 16px;
									display:block;
									padding-left: 0;
									min-height:63px;
									line-height: 22px;
									letter-spacing:1px;
									font-family: "futura_bold",Helvetica,Arial,sans-serif; 
									text-transform: uppercase;
									vertical-align: top;}		

		/*#content h4.c1 {			background: url(/_assets/design/about-pictogram.png) no-repeat left top;}
		#content h4.c2 {			background: url(/_assets/design/health-check2.png) no-repeat left top;}
		#content h4.c3 {			background: url(/_assets/design/business-startup.png) no-repeat left top;}	*/

		#content h4 span{		   display:inline-block; width:200px; vertical-align: top; padding-top:10px; 
									font-family: "futura_bold",Helvetica,Arial,sans-serif; }			
		#content h4 span.svg {	  width: 70px; height: 66px; padding-top: 0px; position: relative; left: -5px;}

		#content .large-4front a,
		#content .large-4front a .svgicon {transition: all 0.3s ease 0s;}

		#content .large-4front p a {display:block;}

		#content .large-4front a .svgicon {fill:#636363;}  
		#content .large-4front a {color:#636363;} 	
		#content .large-4front:hover a .svgicon {fill:#FFC700;}  
		#content .large-4front:hover a {color:#FFC700;} 
		#content .large-4front:hover p a {color:#444;}  

		.ie-svgicon-fallback.svg1 {	background:url(/_assets/design/svg1.gif) 0 0 no-repeat; width:70px; height:66px;}
		.ie-svgicon-fallback.svg2 {	background:url(/_assets/design/svg2.gif) 0 0 no-repeat; width:70px; height:66px;}
		.ie-svgicon-fallback.svg3 {	background:url(/_assets/design/svg3.gif) 0 0 no-repeat; width:70px; height:66px;}

		#content .large-4front:hover a .ie-svgicon-fallback.svg1 {	background:url(/_assets/design/svg1hover.gif) 0 0 no-repeat;}
		#content .large-4front:hover a .ie-svgicon-fallback.svg2 {	background:url(/_assets/design/svg2hover.gif) 0 0 no-repeat;}
		#content .large-4front:hover a .ie-svgicon-fallback.svg3 {	background:url(/_assets/design/svg3hover.gif) 0 0 no-repeat;}

	#content p {					color:#585858; font-size:15px; line-height: 25px;
									font-family: "lucida_regular",Helvetica,Arial,sans-serif; }

							   


/* INDIVIDUAL PAGES */

	.content {						  margin-top:35px;}

	h2, h5, .person, h1.follow,
	.side-nav, #nav_1391001, .questions,
	.page-title,
	.system-message h1 {				font-family: "futura_bold",Helvetica,Arial,sans-serif; 
										text-transform: uppercase; font-weight:normal; display:block; }

	h2.follow, h1.follow {						 margin-top:50px;}

	aside h5, .services h4, .about h4,
	aside .side-nav li:first-child a,
	aside #nav_1391001 li:first-child a {	color:#f2f2f2; display:inline-block; border-bottom:3px solid #f2f2f2;
										font-family: "futura_bold",Helvetica,Arial,sans-serif; 
										text-transform: uppercase; font-size:40px; font-weight:normal; cursor:default;}

	.about .side-nav li:first-child,
	.about #nav_1391001 li:first-child {   transform:scale(1,1); overflow:visible; letter-spacing: -1px;}

	 .about h4, .services h4 {			display:block; margin-top:40px;}  
	
		.testimonial {					margin-bottom:60px;}  



			.testimonial p {			color:#777; font-size:13px;}

		.testimonial-small {			background: url(images/quotes.png) no-repeat scroll 0 0; margin-top:7px; padding-top:20px; width:90%; display:inline-block;}

			.testimonial-small p, .testimonial-small p.desc {	  
										display:block; color:#aaa; font-size:12px; padding-left:16px; line-height:20px; margin-bottom:0;}

				.testimonial-small p.desc a,
				.testimonial-small p.desc a:link,
				.testimonial-small p.desc a:visited { display:block; color:#aaa;}

				aside span.author, aside span.date, aside p {display:none;}

				
				input.panic, textarea.panic {margin:0 0 10px 0 !important; width:100%; }



				
				 





		p.person {						color:#bababa; padding-top: 9px; font-size:14px;}

		.testimonial-small p.person {   padding-top: 9px; font-size:10px;}

		p.title {					   color:#bababa; font-family:'lucida_italic',Helvetica,Arial,sans-serif;
										padding-top: 0; font-size:14px;} 

		.testimonial-small p.title {	font-size:12px; line-height:18px;}	

		.testimonial-large {				  margin:0px; padding:0 0 40px 0;}															 

	h2, h1.follow,
	.page-title,
	.system-message h1 {				color:#636363; border-bottom:3px solid #ffc700;  
										padding:0 0 5px 0; font-size:40px; 
										top: -8px; position: relative; min-height: 55px; }

	 .system-message h1 {				margin-top:40px;}

	#slidegroup {					   background:#ffc700 url(/_assets/design/pictograms-yellow-repeatxy.png) repeat-x scroll center top;
										height:449px; padding-top:41px;}








	.services input[type=submit], 
	.about input[type=submit] {		 width:20%; color:#242424;}
	body.contact input[type=submit] {		width:30%; float:right;}

	.services input[type=submit].panic {width: 32.3%;}

	body.default /* default template, used for messages etc. */ { 
										background:white;}

	.message /* in system messages */ { padding:0;}

	.system-message, 
	.system-error-message {				background:white; border:none;}

	body.contact textarea{					margin:0; height:264px; width:400px;}
	body.contact input {					margin:0;}
	body.contact table {					margin-bottom:60px;}

	body.contact select, .ohc-contact select {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   border: 1px solid #E5E5E5;
   background-color:#F6F6F6;
   color: #555;
   outline:0; /* remove dotted focus outline */
   margin: 0;
   padding:6px 7px 6px 7px;
   overflow: hidden;
   
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 100%;
	}

	body.contact select:focus, body.contact select:active {border: 1px solid #FCCA1A; background-color:#FAFAFA;}


	#map_container {height:352px; overflow:hidden; position:relative; width:100%;}
#map_canvas {height:382px; position:absolute; top:0px; left:0px; width:100%;}


	/* slider links */

	.thumbNav li, .thumbNav li a {  color:white;
									font-size:10px;
									letter-spacing:1px;
									font-family: "futura_bold",Helvetica,Arial,sans-serif; 
									text-transform: uppercase;}



/* OVERRIDES FOR HEADER/NAV */
#footer {							background:#646464 url(/_assets/design/pictograms-darkgrey-repeatxy.png) 
									repeat-x scroll right top; min-height:202px;}

	#footer h5 {					color:#f6f6f6;
									font-size:14.4px;
									margin: 0;
									padding:15px 0 10px;
									display:inline-block;
									line-height: 18px;
									font-family: "futura_bold",Helvetica,Arial,sans-serif; 
									text-transform: uppercase;}

	#footer p {						color:#dedede; font-size:12.5px; line-height: 22px;
									font-family: "lucida_regular",Helvetica,Arial,sans-serif; }
		#footer p a {				color:#dedede; font-size:12.5px; display:block;}
		#footer p a:hover {			color:white;}

	#footer #celebrating {			padding-top:12px; display:block;}
	#footer #award {				padding:18px 0 13px 0; display:none;}

#copy-footer {						background:#484848;
									height:25px;
									font-size:10px;
									padding:5px 0 0 0;}
#copy-footer, 
	#copy-footer a {				color:#9b9b9b;}

.align-right {						text-align: right;}


/* ================= ADAM'S GRIDS ================= */
/*  http://css-tricks.com/dont-overthink-it-grids/  */


	*, *:after, *:before { 				-webkit-box-sizing: border-box; 
										-moz-box-sizing: border-box; 
										box-sizing: border-box;}

	[class*='col-'] {					float: left; padding-right: 20px;}

	[class*='col-']:last-of-type {		padding-right: 0;}
	
	.grid {								/* 100% or container */}



	/* <div class="grid grid-pad"> for padding all-round */
	.grid-pad {							padding: 20px 0 20px 20px;}

	.grid:after {						content: ""; display: table; clear: both;}

	/* 1/2 */ .col-1-2 {				width: 50%;}
	/* 1/4 */ .col-1-4 {				width: 25%;}
	/* 1/8 */ .col-1-8 {				width: 12.5%;}
	/* 1/12 */ .col-1-12 {				width: 8.33%;}

	/* 1/3 */ .col-1-3, .col-2-6 {		width: 33.33%;}
	/* 2/3 */ .col-2-3, .col-4-6 {		width: 66.66%;}

	/* 1/5 */ .col-1-5, .col-2-10 {		width: 20%;}
	/* 2/5 */ .col-2-5, .col-4-10 {		width: 40%;}
	/* 3/5 */ .col-3-5, .col-6-10 {		width: 60%;}
	/* 4/5 */ .col-4-5, .col-8-10 {		width: 80%;}

	/* 1/6 */ .col-1-6 {				width: 16.66%;}
	/* 5/6 */ .col-5-6 {				width: 83.33%;}

	/* 1/10 */ .col-1-10 {				width: 10%;}
	/* 3/10 */ .col-3-10 {				width: 30%;}
	/* 7/10 */ .col-7-10 {				width: 70%;}
	/* 9/10 */ .col-9-10 {				width: 90%;}

	/* CUSTOM OVERRIDE FOR PICTOGRAM FOOTER */
	/* 1/5 */ .col-1-5 {				width: 17%;}
	/* 2/5 */ .col-2-5 {				width: 49%; padding-right:50px;}


	a#celebrating {  				text-align: left; padding: 10px 0 15px 5px;}
	a#celebrating img{  			max-width: 70%;}
#footer .award  {				 position: relative; left: 20px; height: 45px; width:89%; margin:0; padding: 0 0 0 0; display:block;}
#footer .award p {			padding: 0; margin: 0 0 6px 0; line-height: 18px; font-size: 12.5px; 
								 top: 3px;}

@media screen and (max-width: 999px) {
	
			  .col-1-5:nth-child(4) {	display:none;}
	/* 1/5 */ .col-1-5 {				width: 25%;}
	.columns.large-9 .grid {padding:0;}
}
@media screen and (max-width: 699px) {
			  .col-1-5:nth-child(4) {	display:block;}
			  
			  .col-1-5:nth-child(2),
			  .col-1-5:nth-child(3) {	width:35%;}
	/* 2/5 */ .col-2-5 {				display:none;}

				#footer .award li {		width:110%; }
}
@media screen and (max-width: 534px) {
			  .col-1-5:nth-child(4) {	display:none;}

			  .col-1-5:nth-child(2),
			  .col-1-5:nth-child(3) {	width:50%; padding-right:0;}
	
}

	

	.grid .col-1-4 img {background:gray; height:150px; width:100%;}
	.grid .caption {padding:5px 0 20px 0; font-size:12px;}
	.grid .caption a {				  color:#ddd; display:block; text-align: center;
										font-family: "futura_bold",Helvetica,Arial,sans-serif;
										text-transform: uppercase; font-weight: normal;}


	@media screen and (max-width: 999px) {
		.grid {	padding: 0 5%;}
		footer .grid {	padding: 0 2.5%;}
		.columns .large-4front { padding-top: 5px;padding-bottom: 5px;}
		#home .columns .large-12 { padding: 8px 2.5% 10px;}
		#copy-footer .align-right {padding-right: 2.5%;}


	} /* end @media */




	.button {line-height:1.2; margin-top:5px;}
	.client-list p {					color:gray; font-size: 13px;
										margin-bottom: 12px;}




	.client-list div p {				color:gray; font-size: 13px;
										margin-bottom: 15px; line-height: 17px;}

	.client-list {						display: -webkit-box; 
									    /*display: -moz-box;     
									    display: -ms-flexbox; */
									    display: -webkit-flex; 
									    display: flex; 

									    -webkit-align-items:stretch;  
									    align-items:stretch; 
										-webkit-flex-direction:row;
										flex-direction:row;
										-webkit-flex-wrap:wrap;
										flex-wrap:wrap;
										width:100%; }

	.client-list .clientflex1,
	.client-list .clientflex2,
	.client-list .clientflex3,
	.client-list .clientflex4 {			display:-webkit-box;
										display: -webkit-flex; 
										display:flex; 
										-webkit-flex-direction:column; 
										flex-direction:column; 
										-webkit-align-content:space-between; 
										align-content:space-between; 
										-webkit-justify-content:space-between;
										justify-content:space-between;
										width:25%; }

	.client-list .clientflex1 p,
	.client-list .clientflex2 p,
	.client-list .clientflex3 p,
	.client-list .clientflex4 p {		display:block;}


	/* BLOG */
	body.ask {						  }
	body#ask {						  }
	article.ask {					   margin-top:40px;
	width:650px;}
	.author {						   text-transform: capitalize;}
	.questions {						margin-top: 20px;}

	h6, h6 a, h6 a:hover, h6 a:link, h6 a:active {	color:#666;
										font-size:16px;
										margin: 0;
										
										display:inline-block;
										line-height: 18px;
										font-family: "futura_bold",Helvetica,Arial,sans-serif; 
										text-transform: uppercase;}

	h6 {								padding:0 0 6px 0;
										position:relative; top:-9px;}

	h6 a:before {content:"("; display:inline-block;}
	h6 a:after {content:")"; display:inline-block; }


	/* NEWS
	#news img {
	height: auto;
	width: 200px;
	float: left; }*/

	/* NEWS & ASK-A-QUESTION */

	body#news span.news {display:inline;}
	body#news span.ask {display:none;}
	body#ask span.news {display:none;}
	body#ask span.ask {display:inline;}

	article .cont {   display:inline;}
	aside .cont {   display:none;}

	.subj-news {   display:none;}
	body#news aside .subj-news {   display:inline;}

	img.thumb {max-height:70px; height:auto; width:auto; max-width:300px; padding-bottom:5px;}
	article img.thumb {display:none;}
	body#news aside .news-article-shown,
	body#news aside table {display:none;}


	/* BUSINESS STARTUP */

	body.business-startup #slidegroup {padding:20px 0 10px 0; min-height:465px; height: auto;}

	.startup-group {				width: 1040px; height: 430px; padding:0 440px 0 15px; box-sizing: border-box; margin:auto;
									background:url(/_assets/design/your-logo-goes-here-mockup2.png) no-repeat right center;}

	.startup-head {					color:white;
									font-size:20px; padding:30px 0 20px 0;
									margin: 0;
									display:inline-block;
									line-height: 18px;
									font-family: "futura_bold",Helvetica,Arial,sans-serif; 
									text-transform: uppercase;}
	.startup-body {					font-size: 14px; line-height: 24px;}
	.startup-body li { 				font-size: 14px; line-height: 20px; padding-bottom:3px;}
		.startup-body li {			list-style: circle; margin-left:20px;} 

	.startup-body p:first-child {		max-width: 480px;}

	.startup-price {				  font-size: 16px;
									  line-height: 32px;
									  font-family: "futura_bold",Helvetica,Arial,sans-serif;
									  text-transform: uppercase; }

	@media screen and (max-width:700px) {
		.startup-group {
	width: 100%;
	height: auto;
	padding: 0 0 0 15px;
	background:none;}
}


	/* DIGITAL FOR THE TIME-POOR */

	body#time-poor #slidegroup {padding:0; height:465px; text-align: center;
	 height: 449px;
  overflow-y: hidden;}



	/* EVERYTHING DIGITAL */

	a.web {					background:gray; display:block;}
	a.web img {				/* IE 8 */
  							-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  							opacity:0.9;}
	a.web:hover img {		/* IE 8 */
  							-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  							opacity:1;}



	

	




	@media screen and (min-width:62.56em){
		.ask-respond-1 {					padding-left:0;}}




	

		body#single .row .row {margin-left:0;}




	body>.contented div.row li {	font-family: inherit;
									font-weight: normal;
									font-size: 14px;
									line-height: 24px;
									margin-bottom: 5px;
									text-rendering: optimizeLegibility;}
	
	body>.contented div.row ul {	margin-left:30px;
									margin-bottom: 25px;}

	body>.contented div.row h3 {	font-family: "futura_bold",Helvetica,Arial,sans-serif;
									text-transform: uppercase;
									font-weight: normal;
									display: block;
									color: #aeaeae; margin-top: 20px;}

	body>.contented div.row h2 {	margin-top: 40px;}

	body>.contented div.row {		margin-bottom: 50px;}

	/* HEALTH CHECK FORM */

	.ohcc {font-size:0.8em; padding:0;}
	input[type=radio] {-webkit-appearance: radio;}
	.ohcc form ol {					padding:0; margin:0; font-weight:bold; color:#eee; font-size: 3em; list-style:none;}
	.ohcc form ol li {				 min-height: 100px; padding:0;
									background:#fafafa; 
									clear:both; overflow: visible;}

	.ohcc input[type=radio] + label { white-space: nowrap;}

	body>.contented div.row ol li		{ margin:0 0 15px 0; }		
	body>.contented div.row ol		{ 	margin:0 0 15px 0; }	

	.ohcc label {font-weight:normal; color:#bbb; font-size: 15px; padding: 15px 8px 0 0;}
	.ohcc label.radio {cursor:normal; font-weight:normal; color:black; display:inline-block; padding:0 20px 0 5px; font-size:12px;}
	.ohcc .li-section {position: relative; }

	span.number {					  font-weight: bold;
									  color: #f0f0f0;
									  font-size: 5em;
									  line-height: 70px;
									  display: inline-block;
									  width: 130px;
									  float: left;
									  text-align: center;
									  height: 100px;
									  overflow: hidden;
									  position: relative;
									  top: 15px;}

	.ohc h2 {						margin-top:30px;}

	.ohc-contact {					font-size: 1.3em; width:46%; margin-bottom: 60px;}
	.ohc-contact select {			margin-bottom:10px;}
	.ohc-contact td, 
	.ohc-contact tr {				padding:0; margin:0;}
	.ohc-contact input {			width:100%;}
	.ohc-contact label {			font-size: 0.875em; color: #4d4d4d; font-weight: normal;}

	.ohc .resultsbox {
	width: 50%;
	background: #eee;
	position: relative;
	display: inline-block;
	text-align: center;
	height: auto;
	border: 4px dashed #ddd;
	overflow: auto;
	float: left;
	padding: 30px;
	margin: 0 30px 20px 0;
}

@media screen and (max-width:802px) {
	.ohc .resultsbox {width: 100%;}
	.ohc-contact {width:100%;}
}

	.ohc .resultsbox button {		margin:40px auto 50px; padding:20px;}

	.ohcc li[class], li.highlight { background-color: #fff9dc; }

	.one, .two, .three {color:white; font-size: 1.2em;}
	#answer {color:white; display:inline;}
	#answerwrap {color:white; font-size: 1.7em; 
		padding-bottom: 40px; font-family: "futura_bold",Helvetica,Arial,sans-serif; text-transform: uppercase; line-height: 1.5em;}

	@media screen and (max-width:603px) {
		span.number {						display: none;}
		.ohcc label {						padding: 15px 8px 0 10px;}
		.ohcc .li-section {					padding-left: 10px; display: block;}
		
	}
	@media screen and (max-width:485px) {
		.ohcc .li-section span { 	display:block;}
	}


	


/* NEW DROPDOWN FUNCTIONALITY ON CSS MENUS, TO REPLACE "FUNCTION JS" DROPDOWNS */
li.has-dropdown ul.dropdown {}	
li.has-dropdown:hover ul.dropdown {					visibility:visible; 
													/* IE 8 */
  													-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  													opacity:1;}

body.services li.services {}


.cat_listbox {height:120px;}

aside #nav_1391001 a, aside #nav_1391001 li a, aside #nav_1391001 li a:link {
-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
	transition: all 0.3s ease;}

.fairfield {
	position: relative;
	top: -85px;
	left: 173px;
	text-align: left;
}
.fairfield p {
	font-size: 12px;
	line-height: 16px;
}
.fairfield p b {
	font-size: 15px;
}

/* ===== JWBOX =========================== */

img .jwswf swfPrev-beforeswfanchor0 swfNext-afterswfanchor0 {
	display: none;
}


#theContainer {
	height: 225px;
	width: 415px;
	height:0;
}

theContainer {
	height: 225px;
	width: 415px;
}

.theContainer {
	height: 225px;
	width: 415px;
}

#outerLayer {
	height: 225px;
	width: 415px;
}

outerLayer {
	height: 225px;
	width: 415px;
}

.outerLayer {
	height: 225px;
	width: 415px;
}




/* ==================== $$$ End Adam's CSS Changes 2014 =================== */

/* OVERRIDING GRID */
  div.anythingSlider .thumbNav li, div.anythingSlider .thumbNav li a {
	-webkit-box-sizing: content-box; 
  -moz-box-sizing: content-box; 
  box-sizing: content-box;}
}

@media screen and (max-width: 998px) {
nav[role="navigation"] { float: none !important;}
}

@media screen and (max-width: 998px) {
header[role=banner] .columns.large-3 {			padding:0; width:100%; text-align: center; }
header .row .right {										float:none !important;}
header .coumns.large-8 {						}
header[role=banner] .columns.large-3 a.logo {		left:0; width:100%;}
.top-bar-section { text-align: center; display: inline-block; padding-top:10px;}
.top-bar {text-align: center;}

.utility, .title-area {display:none;}



@media screen and (max-width: 998px) {
	header[role=banner], header {				height:180px; }
}

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




.top-bar-section {
  height: 70px;
  overflow-x: scroll; 
  position:relative;}

.top-bar:before {			background:url(/_assets/images/mobile-nav-fade-left.png); display:block; height:60px; position:absolute; 
							left:-10px; width:20px; content: "";   top: 100px; z-index: 999;}
.top-bar:after {				background: url(/_assets/images/mobile-nav-fade-right4.png);
	display: block;
	height: 60px;
	position: absolute;
	right: 0;
	width: 55px;
	content: "";
	top: 100px;
	z-index: 999;
	/*border: 1px solid red;*/}

  li.has-dropdown ul.dropdown {display:none;}
  .top-bar-section .has-dropdown .dropdown:before {
		content: "";}
.top-bar-section .has-dropdown:hover .dropdown:before,
.top-bar-section .has-dropdown.about-menu .dropdown,
.top-bar-section .has-dropdown.about-menu:hover .dropdown:before {display:none; width:0;}

.top-bar-section {
  height: 70px;
  overflow: hidden;
  overflow-x: scroll;
  /* overflow-y: scroll; */
  width: 105%;}

ul.responsive {width: 570px;}

} /* end @ media */

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

.row .row {			 		padding: 0 15px 0 10px;}
.row.collapse .columns.large-9 {			padding: 0 10px 0 0px; left:15px;}

} /* end @ media */

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

aside h5, .services h4, .about h4,
aside .side-nav li:first-child a,
aside #nav_1391001 li:first-child a {
		display: block;
  		width: 100%;}

  		.collapse .side-post, .collapse .side-nav li, .collapse #nav_1391001 li {
  width: 100%; padding-right:10px;
}
.columns.large-9 .grid {padding:0;}

.testimonial-small {width:100%;}



} /* end @ media */

@media screen and (max-width: 964px) {
	.bg-alt.contact input {width:100%;}
} /* end @ media */

@media screen and (max-width: 1000px) {
	.qc {padding:0 10px;}
	.has-dropdown {text-align: left;}
} /* end @ media */

@media screen and (max-width:767px) {
	article.ask { margin-top: 0; width: 100%;}
	.ask .row {padding:0;}
} /* end @ media */

.ask td input, .ask td input[type="text"], .ask td input[type="submit"]  {font-size:14px;}

@media screen and (max-width:2000px) {
	.ask table.webform td.ak {padding:0;}
.ask table.webform td.ak:first-child {padding:0 8px 0 0;}
}

@media screen and (max-width:485px) {
	.ask table.webform td.email { padding:0;}
}

@media screen and (max-width:1013px) {
	.news .columns.large-12 { overflow:hidden;}
	.news .large-12 table:nth-child(2), 
	.news .large-12 table:nth-last-of-type(1),
	.news .large-12 table imgx  { display:none; }
	.news .columns.large-12 p.txt { width:46%; line-height: 19px; }
	.news .columns.large-12 p.txtq { padding:0 25px !important; width:46%; }

  .news .columns.large-12 p.headline { width:46%; line-height: 19px; 
  position: relative;
  /*top: -15px;*/}

	.news .columns h6 { top:0; padding-bottom: 15px;}

}

@media screen and (max-width:999px) {
	.news .columns.large-12 p.txt,
	.news .columns.large-12 p.txtq { width:95%; }
}

@media screen and (max-width:931px) {
	.news .columns.large-12 p.txt,
	.news .columns.large-12 p.txtq { width:75%; }
}

@media screen and (max-width:766px) {
	.news .columns.large-12 p.txt,
	.news .columns.large-12 p.txtq { width:100%; }
}

@media screen and (max-width:685px) {
	.news .columns.large-12 p.txt,
	.news .columns.large-12 p.txtq { width:100%; }
}

@media screen and (max-width:661px) {
	.news .columns.large-12 p.txt,
	.news .columns.large-12 p.txtq { width:80%; }
}

@media screen and (max-width:536px) {
	.news .columns.large-12 p.txt,
	.news .columns.large-12 p.txtq { width:75%; }
}
@media screen and (max-width:497px) {
	.news .columns.large-12 p.txt,
	.news .columns.large-12 p.txtq { width:70%; }
}

@media screen and (max-width:465px) {
	.news .columns.large-12 p.txt,
	.news .columns.large-12 p.txtq { width:60%; }
}

@media screen and (max-width:394px) {
	.news .columns.large-12 p.txt,
	.news .columns.large-12 p.txtq { width:55%; }
}

@media screen and (max-width:375px) {
	.news .columns.large-12 p.txt,
	.news .columns.large-12 p.txtq { width:50%; }
}

@media screen and (max-width:330px) {
	.news .columns.large-12 p.txt,
	.news .columns.large-12 p.txtq { width:46%; }
}

@media screen and (max-width:499px) {
.newheadline {	width: 53%;}
}

@media screen and (max-width:980px) {
.news #catblogoutput td[width="45%"] {	  height: 4px; overflow: hidden; display:none;}
.news #catblogoutput td[width="40%"] img {	  position:relative;left:-331px;}
.news #catblogoutput td[width="10%"] {	  position:absolute; left:-10px;}
}

@media screen and (max-width:980px) {
.news #catblogoutput td img[height="175"]{ position: relative;left: -50px;}
}

@media screen and (max-width:980px) {
	.news #catblogoutput td img[height="auto"][alt="Song Central"]{ position: relative; top: 17px;}

}
@media screen and (max-width:980px) {
	.news #catblogoutput td img[height="113"][alt="Song Central"]{ position: relative; top: 10px;}

}

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

}

.table {display:block; width:100%;}
.column-30 {float:left; width:30%; padding-right: 12px;}
.column-40 {float:left; width:40%;}
.cel {display:block;}
.cel2 {display:block; width:200%;}


.table.webform .cel, .table.webform .cel2 {
  line-height: 12px;
  padding: 6px 0;
}

.table .base {				float:none; clear:both; display: block;
  height: 100px;}

body.contact select, .ohc-contact select {		min-height: 37px;}
  
.contact .row .row { margin:0;}

body.contact textarea {width:100%;}

@media screen and (max-width:535px) {
.column-30 {float:left; width:100%; padding-right: 0px;}
.column-40 {float:left; width:100%;}

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

#map_container {
  height: 200px;}
}
@media screen and (max-width:375px) {

#map_container {display:none;}
.contact header[role="banner"], header {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;}
}

@media screen and (max-width:523px) {
	
}
@media screen and (max-width:298px) {
	
}
@media screen and (max-width:325px) {
	.logo img {width:90%;}
}
@media screen and (max-width:399px) {
	.button {padding:5px;}
}

@media screen and (max-width:998px) {
	.bg-alt.contact.tp input {width: 100%;}
}

@media screen and (max-width:1060px) {
	#time-poor #slidegroup {			position:relative; width:100%;}
	#time-poor #slidegroup img {		width: auto; max-width:none; 
										height:100%; position: absolute;left: 0;right: 0;}
}
@media screen and (max-width:818px) {
	#time-poor #slidegroup {			display:none;}
	header[role="banner"], header {		-webkit-box-shadow: none;
  										-moz-box-shadow: none;
  										box-shadow: none;}
}
@media screen and (max-width:867px) {
	.panel > :first-child { 			width:45%;}
	#slidegroup {  						height: 240px;padding-top: 5px;overflow:hidden;}
	div.anythingSlider .anythingControls {display: none;}
	.fairfield p {						display:none;}
	.grey {								display:none;}
	#anythingslidersubbrand div.anythingSlider .thumbNav {display:none;}
	.anythingControls {					display:none;}
	#anythingslidercontainer {			height: 230px; overflow:hidden;}
	#slidegroup {						overflow: hidden;}
	.anythingSlider {					height:230px;}
	#anythingslidersub {				height: 230px; overflow: hidden;}

	.panel > [src*="paedcare"]:first-child{		width: 15%; position: relative; top: 0px;} 
	.panel > [src*="Rejuvenation"]:first-child {width: 30%; position: relative; top: 0px;}
	.panel > [src*="partnership_planning"]:first-child {position: relative;top: -15px;}

	.branding .panel > img[alt*="Song Central Logo"]:first-child {width:25%;margin-top: 20px;}
	.branding .panel > img[alt*="Rejuvenation"]:first-child {position: relative; top: -25px;}
	.branding .panel > img[alt*="StrataConnect"]:first-child {position: relative; top: -10px;}

	.graphic-design .panel > img[alt*="Gherardi"]:first-child,
	.graphic-design .panel > img[alt*="StrataConnect"]:first-child {width:25%; margin-top: 65px;}

	.graphic-design .panel > img[alt*="Partnership"]:first-child {width:27%; margin-top: 65px;}

	.graphic-design .panel > img[alt*="Rejuvenation"]:first-child {top: -25px;}

	.graphic-design .panel > img[alt*="Device"]:first-child,
	.graphic-design .panel > img[alt*="Integrated"]:first-child,
	.graphic-design .panel > img[alt*="Twisted"]:first-child {width:35%; margin-top: 47px;}

	.graphic-design .panel > img[alt*="Song Central Logo"]:first-child {width:25%;margin-top: 20px;}


	.digital .panel > :first-child {display:none;}
	.web-slider .slide-anno {	width: 540px !important;}
	.digital .panel .slide-annoright {
  	height: 35px;
  	overflow: hidden; 
  	display:block;
	position: relative;
  	left: 235px;
	width: 510px;
	box-sizing: border-box;
	background: white;}

  	.digital .panel .slide-annoright a {position: relative;
  	top: -180px;}
  	.digital .panel .slide-anno.right {float:none !important;}




  	.web-slider .slide-annoright {
  	float: none; 
 	display: block;
 	margin-right: 0; 
 	height: auto;
  	max-width: 100%;}
  	/*.panel > :first-child {
  	width: 100%;}*/
  	.right {float:none;}


} /* end media */

@media screen and (max-width:867px) {
.ask table.webform td.ak:first-child {		padding: 0 0 0 0;}
} /* end media */

#ask table.webform td { 					padding: 0; }

#ask td.ak input#FullName.cat_textbox{		width: 95%;}

#ask article.ask {  width: 100%;}
/*#ask input#FullName, #ask input#EmailAddress {  margin-bottom:5px !important;}*/

@media screen and (max-width:485px) {
#ask td.ak input#FullName.cat_textbox{		width: 100%;}
}

input, textarea {-webkit-appearance: none;
	border-radius: 0;}


#copy-footer .align-right {padding-top: 3px;}

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

	.web-slider .slide-anno {				width: 295px !important;
  								padding: 15px 0 0 5px;}

  	.digital #anythingslidercontainer {	height: 280px;}
  	.digital #anythingslidersub {		height: 280px;}
  	.digital #slidegroup {				height: 290px;}
  	#digital #slider1 li.panel:nth-child(9) {display:none;}

  	.digital .panel .slide-annoright {
  		margin-top: 20px;
  height: 130px;
  overflow: hidden; 
  display:block;
position: relative;
  		left: 350px;
	width: 280px;
	box-sizing: border-box;
	background: white;}

	.digital .panel .slide-annoright a {
	position: relative;
	top: -10px;}

	body#ask textarea  				{margin: 5px 0 1em 0;}
	body#ask input[type="text"]  {margin: 5px 0 2em 0;} /* does nothing */
	body#ask .more:after  {content:""; display:block; height:15px;}


} /* end media */

.packaging .panel > img[alt*="Wicked"] {  margin-left: 35px;}

.itemreviewed {display:none;}  

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

}

@media screen and (max-width: 572px) {
	nav[role="navigation"].top-bar .top-bar-section{
	position: relative;
	left: -10px !important;
	width: 100%;}
	.top-bar-section ul>li:first-child {
	margin: 10px 10px 10px 18px;}

}

/*@media screen and (max-width: 572px) {}*/


a.menu-arrow {
	width:56px; height:56px; display:block;
	background:url(/_assets/images/menu-arrow.png) no-repeat;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

@media screen and (max-width: 572px) {
	.columns.large-8.right>a.menu-arrow { position:absolute; top:104px; right:0; 
		display:block; z-index:1000;}
}
@media screen and (min-width: 573px) {
	.columns.large-8.right>a.menu-arrow { display:none;}
}
@media screen and (min-width: 554px){
body#ask textarea {
	margin-top: 12px;}
}

@media screen and (max-width: 554px){
.grid.client-list>span { width: 45%; display: inline-block; vertical-align:top;}
.client-list [class*='col-'] {float:none;}
.grid.client-list {vertical-align:top;}

.client-list .clientflex1,
	.client-list .clientflex2,
	.client-list .clientflex3,
	.client-list .clientflex4 {width:50%; }



.slide-anno.more {
	width: 350px;
	padding: 27px 0px 0px 55px;
}

@media only screen and (max-width: 485px){
.business-startup-30 {width:100%;}
.business-startup-40 {width:100%;}
}
@media only screen and (min-width: 486px){
.business-startup-30 {width:30%;}
.business-startup-40 {width:40%;}
}

/* LINING UP CLIENT LISTS, JUSTIFIED AT THE BOTTOM */
	@media only screen and (max-width: 414px) {
		/* iPhone 6 Plus */
		.client-list .col-1-4.client4 p { margin-bottom:11.71px;}
	}
	@media only screen and (max-width: 375px){
		/* iPhone 6 */
		.client-list .col-1-4.client4 p { margin-bottom:12px;}
	}
	@media only screen and (device-width: 320px) and (device-height: 568px) and (device-aspect-ratio: 40/71) and (orientation:portrait){
		/* iPhone 5 portrait */
		.client-list .col-1-4.client4 p { margin-bottom:11.71px; /*color:purple;*/}
	}
	@media only screen and (device-width: 320px) and (device-height: 568px) and (device-aspect-ratio: 40/71) and (orientation:landscape) {
		/* iPhone 5 landscape */
		.client-list .col-1-4.client1 p { margin-bottom:10px; /*color:orange;*/}
		.client-list .col-1-4.client2 p { margin-bottom:12.5px; /*color:orange;*/}
		.client-list .col-1-4.client3 p { margin-bottom:11px; /*color:orange;*/}
		.client-list .col-1-4.client4 p { margin-bottom:11.1px; /*color:orange;*/}
	}
	@media only screen and (max-width: 320px){
		/* iPhone 4 */
		.client-list .col-1-4.client4 p { margin-bottom:11.71px;}
	}

aside h5, aside .side-nav li:first-child a, aside #nav_1391001 li:first-child a {white-space: nowrap;}

#services aside h5, #services aside .side-nav li:first-child a, #services aside #nav_1391001 li:first-child a {width: 100%;}

@media only screen and (max-width: 865px) and (min-width: 768px){
#about aside h5, #about aside .side-nav li:first-child a, #about aside #nav_1391001 li:first-child a,
#testimonials aside h5, #testimonials aside .side-nav li:first-child a, #testimonials aside #nav_1391001 li:first-child a {
	width: 155px; overflow-x: hidden;}
}

@media only screen and (min-width: 768px){
#services .content .large-3 {width: 100%;}
}

#services .collapse #nav_1391001 li {
	width: 98%;
}



@media only screen and (max-width: 768px) and (min-width: 767px){
/*#news .large-12 {width: 79%;}*/
#news .columns.large-12 {padding-left:5px; padding-right:0; width: 103%;}

}

#news article.ask {
	width: 100%;}

@media only screen and (min-width: 10em){
#news .sub-nav, #news .questions {
	overflow: visible;}
}


/* SERVICES MOBILE PROGRESS BAR */

	@media only screen and (max-width: 867px){
		#branding #slidegroup:after {		display: block;
											opacity: 1;
											width: 40%;
											height: 5px;
											position: relative;
											top: 0px;
						  					background:#ffea00;
						  					content:" ";
						  					z-index:1000;
											/*-webkit-transform: translateZ(0);
											-ms-transform: translateZ(0);
											transform: translateZ(0);*/
											-webkit-animation: loadbar 5s 1s infinite linear;
											animation: loadbar 5s 1s infinite linear;}
	}

				@-webkit-keyframes loadbar {
				  0% {
				    width:0%;
				  }
				  66.4% {
				    width:100%;
				  }
				  99% {
				    width:100%;
				  }
				  100% {
				    width:0%;
				  }
				}
				@keyframes loadbar {
				  0% {
				    width:0%;
				  }
				  66.4% {
				    width:100%;
				  }
				  99% {
				    width:100%;
				  }
				  100% {
				    width:0%;
				  }
				}


/* DROPDOWN mobile menu */

@media only screen and (min-width: 10em) and (max-width: 600px){
.dropper .top-bar-section ul li {float:none;}
.dropper .top-bar {text-align:left;}
.dropper .top-bar ul {list-style:square outside initial;}
.dropper header[role=banner], header {height: 400px;}
.dropper #header-copy {height: 400px !important;}
.dropper .top-bar-section {height: 400px;overflow: hidden; text-align:left;}
.dropper .top-bar-section ul li > a {width:240px;}
.dropper .top-bar-section ul>li {margin:5px 5px 5px 18px;}
.dropper ul.responsive {width: 100%;}
.dropper a.menu-arrow {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
} /* end media query */

/* END DROPDOWN mobile menu */