/*
Theme Name: dstripe 2016
Theme URI: http://dstripe.com
Author: dstripe
Author URI: http://www.dstripe.com
Description: dstripe.com
Version: 1.0

COLORS:
#E8EFEF; LIGHTBLUE -- CHANGE TO WHITE: #FFFFFF
#EE4873; PINK 
#ACB556; TEXTGREEN - NEW: #CAD174
#411f0e; BROWN
#928B45; DIVIDER GREEN

#6D6E71; /*TEXTGREY
#61BCBA; /*TEXTBLUE

NEW//////////////
color: #705A57; /*DARK BROWN
*/
/*! normalize.css v1.0.1 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textaretaa{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}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:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width: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-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* MAIN SITE LOADER --------------------------------------*/
#loader{
	position:absolute;
	width:180px;
	height:118px;
	left:50%;
	top:50%;
	margin-top:-50px;
	margin-left:-100px;
}
#loader #logo {
	float:none;
	width:auto;
	text-align:center;
	margin-top:50px;
}
#loader #loadingtext{
	margin-left: 126px;
    margin-top: -11px;
	text-align:center;
}
#loader #loadingimg{
	position:relative;
	top:0;
	left:75px;
	width:50px;
	height:50px;
	background:url("img/loader.png");
	background-size:50px 50px;
}


/* FONTS ------------------------------------------------------------------- */
@font-face {
	font-family: 'BrandonGrotesque-Regular';
	src: url('img/fonts/202F22_0_0.eot');
	src: url('img/fonts/202F22_0_0.eot?#iefix') format('embedded-opentype'),
	     url('img/fonts/202F22_0_0.woff') format('woff'),
	     url('img/fonts/202F22_0_0.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'bonvenocflight';
    src: url('img/fonts/BonvenoCF-Light-webfont.eot');
    src: url('img/fonts/BonvenoCF-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('img/fonts/BonvenoCF-Light-webfont.woff') format('woff'),
         url('img/fonts/BonvenoCF-Light-webfont.ttf') format('truetype'),
         url('img/fonts/BonvenoCF-Light-webfont.svg#bonvenocflight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'quicksandregular';
    src: url('img/fonts/quicksand-regular-webfont.eot');
    src: url('img/fonts/quicksand-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('img/fonts/quicksand-regular-webfont.woff2') format('woff2'),
         url('img/fonts/quicksand-regular-webfont.woff') format('woff'),
         url('img/fonts/quicksand-regular-webfont.ttf') format('truetype'),
         url('img/fonts/quicksand-regular-webfont.svg#quicksandregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'arconrounded-regular';
    src: url('arcon-rounded-regular-webfont.woff2') format('woff2'),
         url('arcon-rounded-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

h1 {
	font-family: 'bonvenocflight', san-serif;
	color:#61BCBA; /*TEXTBLUE*/
	font-size:110%;
	font-weight:normal;
	text-transform:uppercase;
}
h2 {
	font-family: 'bonvenocflight', san-serif;
	color: #61BCBA; /*TEXTBLUE*/
	font-size:100%;
	font-weight:normal;	
	text-transform:uppercase;
	margin:0;
	padding:0;
}
h5 {
	font-family: 'bonvenocflight', san-serif;
	color: #61BCBA; /*TEXTBLUE*/
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:.5px;
	margin:30px 0 0 0;
	padding:0;
}

	h5.morespace{
		margin:50px 0 0 0;
	}


p {margin:0;}
a, a:hover, a:active, a:focus {
   outline:none;
   text-decoration:none;
}
a, a:active, a:focus{
	color: #6D6E71; /*TEXTGREY*/
}
a:hover{
	color: #61BCBA; /*TEXTBLUE*/
}
#workwordswrap p a{
	text-decoration:underline;
}

img {
	-webkit-user-select: none; /*don't allow ipad users to save images*/
	-webkit-touch-callout: none;
	display:block; /*for containers to fit properly*/
}

input[type=text], input[type=number], input[type=email], input[type=url], select, textarea{
	-webkit-appearance: none; /* line below removes iphone gradient at top & style to select box */
	outline:none; /*for ugly yellow & blue in chrome and safari*/		
}

/*cycle fix 1px movment*/
.cycle-slide img{box-shadow:#fff 0 0 0;}

#widthdisplay{
	width:100px;
	height:50px;
	background:#CCC;
	position:absolute;
	bottom:50px;
	left:0;
}
html { font-size: 16px; overflow-y: scroll; -webkit-text-size-adjust: 16px; -ms-text-size-adjust: 16px; }
html,body{
	height:100%;
	margin:0;
	padding:0;
	background:#FCFAF7; /*OFF WHTIE*/
	background:url('img/bgtile-lighter2.jpg') repeat;
	/*background-size: 250px 250px;*/
		
	/* MAIN BODY FONT ------------------------------------------------------------- */
	font-family: 'BrandonGrotesque-Regular', Arial, san-serif;
	font-size:102%;
	color: #6D6E71; /*TEXTGREY*/
	font-weight:normal;												/* font-weight - normal, or a value 100,200,300....900 */
	line-height:20px;	
	
}
img {
	-webkit-user-select: none; /*don't allow ipad users to save images*/
	-webkit-touch-callout: none;
	display:block;
}

@media only screen and (max-width: 600px) { 
	html,body{
		-webkit-text-size-adjust:none; /*fixes too big font in mobile Safari*/ 
	}
}
/* OUTER WRAPPER ------------------------------------------------------------------- */
#outerwrapper{	
/*	display: table; /*vert center*/
	position: relative; /*vert center*/

	width: 100%;
	min-height: 100%;
/*	height:100%;*/
	height: auto !important; /*add in for top center*/
	margin: 0 auto 0 auto; /* -50px auto 0 auto;/* footer height */
	overflow:hidden;
}
/*CONTENT HOLDER FOR VERT CENTERING ------------------------------------------------ */
#maincontent{
	padding: 0; /*50px 0 50px 0; /*footer height*/	
	min-height:100%; /* add in for top center*/
	height: auto;
	/*vertical-align: middle; /*vert center*/
    /*display: table-cell; /*vert center*/

}

/* MAIN BOX FOR L&R GUTTER WHEN SCALED DOWN ---------------------------------------- */
#mainbox {
	
	/*margin:2.83% auto 0 auto; /*top equiv 30px gutter */
	margin:0 auto 0 auto; 
	position:relative;
}

/* INNER WRAPPER - ALL THE CONTENT ------------------------------------------------ */
#innerwrapper{
	min-height:735px; /*Shortest page to keep inner footer down*/
	height:auto;
	margin:0 auto;/*0 2.83% 0 2.83%; /*equiv 30px gutter on left & right*/
	
	/*z-index:10; /*for designs to be behind*/
	position:relative;
	padding-top:1px; /*for header top margin pushing main box down*/
	
	max-width: 1300px;
	
	
}
/* MAYBE REMOVE CONTENT BACKGROUND ALL TOGETHER! -----------------***********************************/
#content_background{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	margin-top:195px;
	min-height:560px; 
	/*height:100%;/*auto !important;*/
	height:560px;
	/*background:rgba(255,255,255,0.8);/*url('img/bgopacity80.png') repeat; /*#411f0e; /*BROWN*/
	z-index:1;
}
#content_holder{
	position:relative;
	min-height:560px;
	z-index:20; 
	margin:20px 0 0 0;	
	background:rgba(255,255,255,0.5);

}
@media only screen and (max-width: 1024px) {
	#content_holder{
		margin:20px 0 0 0;	
	}
}

/* MAIN LOGO ---------------------------------------------------------------------- */
#header { 
	margin-top:100px; 
	position:relative; 
	height:135px;
	z-index:999;
	margin-left:25px;
}
#logo{
	display:block;
	width:300px;
	height:100px;	
	padding:0;
	position:absolute;
	left:0;
	top:-7px;
}
#logo a{
	width:300px;
	height:100px;
	display:block;
	overflow:visible;
	text-decoration:none;
	position:relative;
}

	#logo a #tagline{
		font-family: 'bonvenocflight', san-serif;
		font-size:18px;
		font-weight:normal;
		text-transform:uppercase;
		letter-spacing:1.5px;
		width:370px;
		position:absolute;
		top:100px;
		left:12px;
	}
	#logo a:hover{
		color:#6D6E71; /*TEXTGREY*/
	}

	

/* MAIN NAV ----------------------------------------------------------------------- */
#mainnav, #footernav{
	clear:both;
	position:relative;
	height:40px;
}
#mainnav{
	margin-left:25px;
}
#footernav{
	margin:20px 0;
}
#mainnav ul{ 
	position:absolute;
	list-style: none;
	margin: 0;
	padding:0;
	left:-1px;
	z-index:999;
}	
	#footernav ul { 
		list-style: none;
		margin: 0 auto;
		padding:0;
		width:277px;
		height:40px;
	}	


#mainnav li, #footernav li {
	display:inline;
	float: left;
	height:40px;
	margin:0;
	background:url(img/emptygif.gif) repeat; /*for better mouse movement*/
	cursor:pointer;
}	
#mainnav a, #footernav a {
	display:block;
	height:31px;
	float:left;
	font-family: 'BrandonGrotesque-Regular', Arial, san-serif;
	font-size:94%;
	color: #6D6E71; /*TEXTGREY*/
	padding: 5px 15px 5px 15px;
	text-transform:uppercase;
	text-decoration: none;
	position:relative;
}	

	#footernav a {
		font-size:80%;
		color:#FFF;
		padding: 5px 10px 5px 10px;
	}
	#footernav a:hover{
		color:#6D6E71; /*TEXTGREY*/
	}

/*#mainnav li:not(.current-menu-item) .subArw { display:none; } */
#mainnav .subARW{	
	display:block;
	width:14px;
	height:8px;
	position:absolute;
	top:26px;
	left:50%;
	margin-left:-7px; /* <width-of-your-image> / 2; */
	background:url('img/menu-arw@1x.png');
	/*font-family: 'arrowsregular', san-serif;
	font-size:160%;
	color:#61BCBA; /*TEXTBLUE*/
}
/*#mainnav .menu-item-11 .subARW{ margin-left:3.5px;}*/
#mainnav a:hover { color: #61BCBA; /*TEXTBLUE*/}	
#mainnav .current-menu-item a { color: #61BCBA; /*TEXTBLUE*/}

#mainnav .next-item a{ 
	color: #61BCBA; /*TEXTBLUE*/	
}
	#mainnav .last-item a{ /*must come after current-menu-item & next-item*/
		color: #6D6E71; /*TEXTGREY*/
	}

@media only screen and (max-width: 380px) {
	#header{
		height:115px;
	}
	#logo a{
		width:260px;
		height:100px;
	}
			#logo a img{
				width:260px;
				height:auto;
			}
			#logo a #tagline{
				font-size:15px;
				top:84px;				
			}
	#mainnav ul{
		
	}
	#mainnav a{
		font-size:14px;
		padding:5px 10px;		
	}
}
@media only screen and (max-width: 330px) {
	#header, #mainnav{
		margin-left: 0px;
	}
}

/* INNER GRID SYSTEM --------------------------------------------------------------- */
.grid { 
	/*width:100%;*/
	margin:0 2.83% 0 2.83%; /*equiv 30px gutter on left & right*/
}
.grid:after {
	content: "";
	display: table;
	clear: both;	
}

.grid-pad { padding:10px 0 0 10px; }
.column { 
	float:left; 
	display:inline; 
	/*content:"";*/
	display:table;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.one-third.column { 
	width: 33.33%;
	padding:0 20px 20px 0;
}
.one-third.column.clear3{
	clear: left;
}
.one-half.column{
	width:50%;
}
.one-half.column.rightside{
	float:right;
	padding:0 0 20px 20px;
	
}
.one-half.column.leftside{
	float:left;
	clear:left;
	padding:0 20px 20px 0
}

@media only screen and (max-width: 840px){
	.one-half.column{
		width:100%;
	}
	.one-half.column.rightside{
		float:none;
		padding:0 0 20px 0;
		
	}
	.one-half.column.leftside{
		float:none;
		clear:left;
		padding:0 20px 20px 0
	}

}

@media only screen and (max-width: 769px) { 
    .one-third.column { 
    	width: 50%; 
    }		
	.one-third.column.clear3 {
		clear:none; /*un-clear the 3col layout*/
	}
	.one-third.column.clear2 {
		clear: left; /*create 2col layout*/
	}
	.one-third.column.more-important { 
    	width:100%; 
    }	
	#maincontent{
		vertical-align:top;
	}
	
}
@media only screen and (max-width: 570px){
	
	#maincontent{
		background:none;
	}
}
@media only screen and (max-width: 550px) {
	#maincontent{
		background:none;
	}
	.grid{margin-bottom:20px; }
	.one-third.column { 
    	width: 100%; 
	} 	
}


/*want a website CTA -----------*/
#footercta{
	padding:60px 0 0 0;
}
.want-a-website-cta{
	border:3px solid #FFF; /*WHITE*/
    display: block;
    height: 80px;
    margin: 0 auto;
    width: 260px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
	.want-a-website-cta .ctablue{
		display:none;
	}
	.want-a-website-cta img{
		margin:5px auto 0 auto;
	}
.not-touch .want-a-website-cta:hover{
	background:rgba(255,255,255,0.4);
}
	.not-touch .want-a-website-cta:hover .ctablue{
		display:block;
	}
	.not-touch .want-a-website-cta:hover .ctawhite{
		display:none;
	}



/* HOME PAGE HERO ----------------------------------------------------------------- */
#home-middle-sep{
	height:60px;
}
#homegalcontainer{
	position:relative;
	overflow:hidden;
	width:100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin:0;
}
#homegallery, #homegallery img{
	width:100%;	
}
#homegallery { 
	width:100%;
	height:auto;
	margin:0;
	-webkit-transform: translate3d(0,0,0);
}
#homegallery .home-img {
	display:block;
	width:100%; 
	height:auto;
	position:relative;
	overflow:hidden;
}
#homegallery .home-img img { 
	margin:0; /*even out margin around images*/ 
}
	#homegallery .home-click{
		position:absolute;
		z-index:200;
	}
	#homegallery .home-click a{
		/*background:#3FF;
		opacity:0.5;*/
		display:block;
	}

#homegalcontainer #nextBtn, #tickcontainer #ticknextBtn{ 
	position:absolute;
	z-index:200;
	display:block;	
	bottom:0;
	right:0;
	/*PUT OVER BUTTONS IN WITH <img> tags for ie8*/
	background:url('img/emptygif.gif') repeat;
	/*background:#ccc;
	opacity:0.6;*/
	cursor:pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,0); /*stop button from turning grey on ipad*/
}

	#homegalcontainer #nextBtn span, #tickcontainer #ticknextBtn span{
		display:block;
		width:30px;
		height:70px;
		background:url("img/over-nextarw.png");
		background-size:30px 70px;
		float:right;
		margin-right:20px;
	}
	
	#homegalcontainer #nextBtn span, #tickcontainer #ticknextBtn span{
		display:none;
	}
	.not-touch #homegalcontainer #nextBtn:hover span, .not-touch #tickcontainer #ticknextBtn:hover span{
		display:block;
	}

#homegalcontainer #prevBtn, #tickcontainer #tickprevBtn{ 
	position:absolute;
	z-index:200;
	display:block;
	bottom:0;
	left:0;
	/*PUT OVER BUTTONS IN WITH <img> tags for ie8;*/
	background:url('img/emptygif.gif') repeat;
	/*background:#ccc;
	opacity:0.6;*/
	cursor:pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,0); /*stop button from turning grey on ipad*/
}

	#homegalcontainer #prevBtn span, #tickcontainer #tickprevBtn span{
		display:block;
		width:30px;
		height:70px;
		background:url("img/over-prevarw.png");
		background-size:30px 70px;
		margin-left:10px;
	}
	#homegalcontainer #prevBtn span, #tickcontainer #tickprevBtn span{
		display:none;
	}
	.not-touch #homegalcontainer #prevBtn:hover span, .not-touch #tickcontainer #tickprevBtn:hover span{
		display:block;
	}


	#tickcontainer #ticknextBtn span, #tickcontainer #tickprevBtn span{
		opacity:0.5;
	}


	/*pager dots*/
	#custom-pager, #custom-tick-pager { 
		text-align: center; width: 100%; z-index: 500;
		position:absolute; 
		bottom:-8px;
	}
		#custom-tick-pager {
			bottom:-2px;
		}
	#custom-pager span, #custom-tick-pager span { 
		font-family: arial; 
		font-size: 40px; 
		width: 23px; 
		height: 23px; 
		display: inline-block; 
		color: #FFF;  /* WHITE */
		opacity:0.5;
		text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
		cursor: pointer; 
	}
	#custom-pager span.cycle-pager-active, #custom-pager span:hover,
	#custom-tick-pager span.cycle-pager-active, #custom-tick-pager span:hover { color:#FFF; opacity:1.0; /*#61BCBA; /*TEXTBLUE*/}
	#custom-pager > * { cursor: pointer;}
	#custom-tick-pager > * { cursor: pointer;}
	
	
	
	
/*make gallery full width at ipad portrait and below*/
@media screen and (max-width: 1000px) { 

}


/* ARTICLE PAGES - BEST TIMES TO POST TO SOCIAL MEDIA, ETC ETC -----------------------------------*/
.special-page .entry-header{
	position:relative;
}
	.special-page .edit-link{
		position:absolute;
		top:0;
		right:0;
		margin:10px;
	}
.special-page .entry-content{
	margin:0 30px;
	font-size:18px;
}
.special-page .entry-content p{
	margin:10px 0;
}
.special-page .entry-content li{
	margin:6px 0;
}
.article-page-class{
	
}
	.article-page-class .entry-header h1{
		/*text-align:center;*/
		padding:30px 30px 0 30px;
	}

	.article-page-class img{
		width:100%;
		height:auto;
	}
	

/*change image based on width of device for best times page - #post-1809 --*/
#post-1809 #mediumimg, #post-1809 #mobileimg{
	display:none;
}
@media screen and (max-width: 930px) { 
	#post-1809 #largeimg{
		display:none;
	}
	#post-1809 #mediumimg{
		display:block;
	}
}
@media screen and (max-width: 500px) { 
	#post-1809 #mediumimg{
		display:none;
	}
	#post-1809 #mobileimg{
		display:block;
	}
}





/* HOME PAGE ----------------------------------------------------------------------- */
#home .grid-pad {  padding: 40px 0 30px; }
#home .one-third.column.end3col{
	padding:0 0 20px 0; 
}
#home .one-third.column.btmrow{
	padding-bottom:0;
}
#home .one-third.column.end3col.btmrow{
	padding-bottom:0;
}

#home-testimonial-wrap{
	min-height:200px;
	background:url('img/bg-stripe.png') repeat;
	margin:30px 0;
}

@media only screen and (max-width: 769px) { 
	#home .one-third.column.end3col{
		padding:0 20px 20px 0; /*set padding back*/
	}
	#home .one-third.column.end2col{
		padding:0 0 20px 0; /*remove padding from right*/
	}
	#home .one-third.column.btmrow{
		padding-bottom:20px;
	}
}
@media only screen and (max-width: 570px) {   
	#home .one-third.column { 
    	width: 100%; 
		padding:0 0 20px 0; /*no right padding on the right for anyone*/
	}    
	#home .one-third.column.end3col{
		padding:0 0 20px 0; /*remove padding from right*/
	}
	#home .one-third.column.btmrow{
		padding-bottom:20px;
	}
}



/*HOME PAGE TICKER --------------------------------------------------------*/
#hometicker{
	background:url('img/bg-stripe.png') repeat;	
	position:relative;
}
	.home-praise{
		position:relative;
		/*min-height:140px;*/	
	}
	
		.home-praise-img{
			/*left: 40px;
		    position: absolute;
		    top: 20px;*/
			float:left;
		}
		.home-praise-content{			
			float:left;

			font-family: 'quicksandregular', san-serif;
			color:#fff;
			font-size:20px;
			font-weight:normal;
			letter-spacing:0px;
			line-height:27px;
		}
			.home-praise-title{
				font-family: 'bonvenocflight', san-serif;
				font-size:14px;
				text-transform:uppercase;
			}
		
		
		
		
		
	/*pager dots above with gallery pager dots*/
	
		

@media screen and (max-width: 600px) { 
		.home-praise-img{
			float:none;
		}
		.home-praise-content{			
			float:left;
			font-size:18px;
			line-height:24px;
		}
		.home-praise-title{
			font-size:12px;
		}


}



/*HOME PAGE FEATURED --------------------------------------------------------*/
#homefeatured{
}
	#homefeatured h1{
		text-align:center;
		margin:40px 0 0 0
	}

	.homefeaturewrap{
		width:50%;
		float:left;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	
	.homefeature{
		display:block;
		position:relative;
	}
	
		.homefeaturewrap.odd .homefeature{
			margin:40px 50px 0px 90px;
		}
		.homefeaturewrap.even .homefeature{
			margin:40px 90px 0px 50px;
		}
	
		.homefeature .th{
			width:100%;
			height:auto;
			-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
			-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
			box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
		}
		
		.homefeature .res-th{
			width:24%;
			height:auto;
			position:absolute;
			right:0;
			bottom:-30px;
		}
	
#featuredcta{
	height:40px;
	margin:40px 0 80px 0;	
	text-align:center;
}


	#featuredcta a{
		font-family: 'bonvenocflight', san-serif;
		text-transform:uppercase;
		color: #61BCBA; /*TEXTBLUE*/
		font-size:16px;
		font-weight:normal;
		background:none;
		border:none;
		display:inline-block;
		cursor: pointer; /* hand-shaped cursor */
	
		padding: 10px 20px;	
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		border:3px solid #61BCBA; /*TEXTBLUE*/
	}
	#featuredcta a:hover{
		background:rgba(134,205,205,0.4); /*#61BCBA; /*TEXTBLUE*/
		color:#6D6E71; /*TEXTGREY*/
	}


@media screen and (max-width: 1150px) { 
		.homefeaturewrap.odd .homefeature{
			margin:40px 20px 0px 40px;
		}
		.homefeaturewrap.even .homefeature{
			margin:40px 40px 0px 20px;
		}
}

@media screen and (min-width:600px) and (max-width: 850px) { 
	.homefeature .res-th{
			bottom:-15px;
	}
}
@media screen and (max-width: 600px) { 

	.homefeaturewrap{
		width:100%;
		float:none;
	}

		.homefeaturewrap.odd .homefeature,
		.homefeaturewrap.even .homefeature{
			margin:40px 40px 0px 40px;
		}
}
@media screen and (max-width: 450px) { 
		.homefeature .res-th{
			bottom:-15px;
		}

}



/*PINTEREST BUTTONS ---------------------------------------------------------------*/
.pinit {
	position: relative;
}
.hover-pinit {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	width:100%;
	height:100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 999;	

}
.hover-pinit span{
	display:block;
	width:46px;
	height:46px;
	background:url('img/pinit-btn@1x.png'); /* path to pinterest logo */
	position:absolute;
	right:1px;
	cursor: pointer; 
	cursor: hand; 
}
	
.not-touch .hover-pinit{
	display:none; /*only hide pinit for hover on computers*/
}


/* WORK ARCHIVE PAGE  -------------------------------------------------------------- */


#workwrap{
	margin:10px 0 0 0;
	height:auto;
	overflow:visible;
	clear:both;
	position:relative;
}
#worknav { 	float:right; }

#workwrap{ height:auto; !important;	}
/*#workwrap, #workwrap .grid{ overflow:visible; }/*fix iphone horiz slide*/	
#worknav{display:none; !important;}


.thumbwrap{
	/*background:#EE4873;/*PINK*/ 
	background:url('img/emptygif.gif') repeat;
	padding:10px 10px 10px 10px;
}
.thumbimg { 
	position:relative; 
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
}
.thumbtitle h2{
	text-transform:uppercase;	
	margin:4px 0 0 0;
	color:#6D6E71; /*TEXTGREY*/
}
#workwrap .imgcover{ background:url('img/bgopacity60.png') repeat; }
#workwrap .grid{ 
	position:relative; 
	margin:0 0 0 10px;
}
#workcontrols{
	width:100%;
	height:40px;
	padding:0 0px 0 20px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	border-bottom:1px solid #E5E5E5; /* REALLY LIGHT GREY */
}
#workcontrolswrap{
	float:right;
	margin:0 16px 0 0;
}

#worksort, #workcontrols h3, #worksort #workabc, #worksort #workmmyy, 
#workpage, #workpage ul, #workpage li, #workcontrols h4,
#workscroll, #workscroll #upbtn, #workscroll #downbtn, #workcontrols a {
	float:left;	
}

#workcontrols h3, #workcontrols h4, #workcontrols a{
	margin:0;
	padding:10px 20px 10px 0;
	font-family: 'BrandonGrotesque-Regular', Arial, san-serif;
	font-size:90%;
	color:#61BCBA; /*TEXTBLUE*/
	font-weight:normal;
	text-decoration:none;
}
#worksort .currentsort a, #worksort .currentsort a:hover, #worksort .currentsort a:visited, #worksort .currentsort a:active{
	color:#61BCBA; /*TEXTBLUE*/
}
#workcontrols h3, #workcontrols a, #workpage{
	/*border-right:1px dotted #6D6E71; /*TEXTGREY*/
}
#workcontrols h4, #workcontrols a, #workcontrols a:active, #workcontrols a:visited{
	color:#6D6E71; /*TEXTGREY*/
	padding:10px 15px 10px 15px;
}
#workcontrols a:hover{ color:#61BCBA; /*TEXTBLUE*/}
#workcontrols #workscroll a, #workpage li a{ border:0; }
#workpage ul{ list-style: none; margin:0 10px 0 0; padding:0;}
#workpage li a, #workpage li a:active, #workpage li a:visited{ padding:10px 10px 10px 10px;}
#workpage .current-page a{ color:#61BCBA; /*TEXTBLUE*/ }
#workpage h4, #workscroll h4{ padding:10px 5px 10px 15px;}
#workscroll #upbtn a, #workscroll #downbtn a, 
#workscroll #upbtn a:visited, #workscroll #downbtn a:visited,
#workscroll #upbtn a:active, #workscroll #downbtn a:active {
	font-family: 'arrowsregular', san-serif;
	font-size:160%;
	color: #6D6E71; /*TEXTGREY*/
}
#workscroll #upbtn a:hover, #workscroll #downbtn a:hover{
	color:#61BCBA; /*TEXTBLUE*/ 
}


/* WORK SINGLE PAGE  -------------------------------------------------------------- */


	/*WORK SEO CONTENT*/
	.work-s-content{
		font-size:75%;
		margin:80px 0 0 0;
		opacity:0.7;
	}
		.work-s-content h1{
			margin:0;
		}

	/*BRIGHTEN VIDEO*/
	.videobright{
		filter: brightness(101.4%);
    	-webkit-filter: brightness(101.4%);
	    -moz-filter: brightness(101.4%);
    	-o-filter: brightness(101.4%);
	    -ms-filter: brightness(101.4%);
	}
	
#work-single-wrap{ position:relative;/*height:560px; */}
#work-single .grid{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
#work-single .grid-pad { padding: 20px 0 0 0px; }
.work-single-one-third.column{
	width:28%;	
	padding:20px 10px 0 0;
	float:right;
}
.work-single-two-thirds.column {
	width:67%;
	padding:0 0 0 0;
	margin:10px 0 0 0;
	position:relative;
}
#workvideowrap{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	/*padding:10px;*/
	background:#FFFFFF;/*WHITE - #E8EFEF; /*LIGHTBLUE*/
	border:1px solid #E5E5E5; /* REALLY LIGHT GREY */
	/*margin-bottom:50px;*/
	overflow:hidden; /* FOR LONG SCREEN SHOTS */
}
.video, .mejs-mediaelement, .mejs-mediaelement embed {outline:none;}
.mejs-offscreen{ display:none !important; }

/*video size*/
#workvideosize{
	font-size:70%;
	text-transform:uppercase;
	text-align:right;
	opacity:0.6;
	display:none;
}
@media only screen and (max-width: 1024px) {
	#workvideosize{
		display:block;
	}
}


/*VIDEO STYLES INSIDE SKIN CSS*/
#workwordswrap{	padding:0 0 20px 0; line-height:20px;}
/*#workwords{
	overflow:hidden;
	margin-bottom:5px;
	position:absolute; /*hide off stage when loading
	top:-50000px; 	   /*hide off stage when loading
}*/
#workwords{
	height:auto; !important;
	overflow:visible;
}
#workwords-top{
	position:relative;
}
#workwords-top h2{text-transform:uppercase;}
#workwords-top .link, #workwords-top .link a{
	width:250px;
	word-wrap:break-word;
	font-size:98%;
	line-height:31px;
}
#workwords-inside{
	position:relative;
}
#workwords-inside p{
	padding-bottom:20px;
}
.fwdarw{
	/*font-family: 'arrowsregular', san-serif;
	font-size:160%;*/
	background:url('img/arw-circle-fwd@1x.png') no-repeat;
	display:inline-block;
	width:20px;
	height:20px;
	position:relative;
	top:5px;
	padding:0 10px 0 0;
}
#workwords-top .link a:hover .fwdarw{
	background-position:0 -20px;
}
.single-nav-right{ 
	/*display:none;*/
	margin:30px 0 30px 0;
}

#worksinglespacer{
	height:30px;
}

#workimages{
	width:100%;
	margin:50px 0 0 0;
	/*display:none;*/
}
.imgwrap{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	/*padding-right:20px;*/
	margin-bottom:50px;
	border:1px solid #E5E5E5; /* REALLY LIGHT GREY */
}
	.imgwrap.noborder{
		border:none;
	}
.imgborder {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	/*padding:10px;*/
	/*background:#FFFFFF; /* CHANGE TO WHITE - #E8EFEF; /*LIGHTBLUE*/
}
.imgwrap, .imgwrap img{
	width:100%;
	height:auto;
}

#workfooterwrap{
	background:url('img/bg-stripe.png') repeat;
}

	/* TOP BACK BUTTON */
	#work-back-top{
		 left: 0;
	    position: absolute;
    	top: -30px;	
	}
		#work-back-top .backbtn a .backtxt{
			display:none;
		}


@media only screen and (max-width: 921px) {
	.work-single-one-third.column{ 	width:100%;	}
	.work-single-two-thirds.column{	width:100%;	}
	#workimages{
		width:100%;
	}
	/*hide seo content - looks bad in this format*/
	.work-s-content{
		height:1px;
		margin:0;
		overflow:hidden;
	}
	/*#workwords{
		height:auto; !important;
		overflow:visible;
	}
	#workwords-scroll{ display:none; }*/
	#workwords-top .link, #workwords-top .link a{
		width:auto;
		word-wrap:normal;
	}
}
@media only screen and (max-width: 700px) {
	/*#workvideocontainer{
		display:none; /*hide the video on everything smaller than ipad
	}	*/
	#workimages{
		margin:40px 0 0 0;
	}
	/*#workimages{
		width:100%;
		display:block; /*show images when video is hidden
		visibility:visible;
	}*/
	/*
	.single-nav-right{display:block; padding:0 0 10px 0;}
	*/
}
.backbtn{ 
	height:30px; 
	position:relative; 
	text-transform:uppercase;
	font-size:94%;
	line-height:31px;
}
.backarw{
	/*font-family: 'arrowsregular', san-serif;
	font-size:180%;*/
	background:url('img/arw-circle-back@1x.png') no-repeat;
	display:inline-block;
	width:20px;
	height:20px;
	position:relative;
	top:5px;
	padding:0 6px 0 0;
}
/*#6D6E71; /*TEXTGREY
#61BCBA; /*TEXTBLUE*/

.backbtn a, .backbtn a:active, .backbtn a:visited{ 
	color: #61BCBA; /*TEXTBLUE*/
	display: block;
    height: 30px;
}	
.backbtn a:hover{ color:#6D6E71; /*TEXTGREY*/}
.backbtn a:hover .backarw{
	background-position:0 -20px;
}


/*TOP BTN --------------------------*/
#topbtn {
	display:none;

	position:fixed;
	bottom:20px;
	right:20px;
	width: 42px;
	height: 42px;
	background:url('img/top-btn@1x.png') no-repeat;
	cursor:pointer;
	z-index:1000;	
}
	#topbtn:hover{
		background-position:0 -42px;
	}

@media only screen and (max-width: 1120px) {
	
	#topbtn{
		right:5px;
	}
}


/* ABOUT PAGE  -------------------------------------------------------------------- */
#aboutwrap { 
	width:100%;
	padding:20px;
	line-height:19px;
}
#aboutwrap:after {
	content: "";
	display: table;
	clear: both;	
}
#aboutleftwrap {
	float:left; 
	width:100%;
	margin-right:-355px;
}
.aboutleft{
	margin-right:380px;
	padding-right:20px;
}
.aboutright{
	width:335px;
	padding-right:20px;
	float:right;
}
#aboutimgwrap{
	padding-right:20px;
	position:relative;
}
.imgcover{
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:10;	
}
#aboutimg{
	max-width:350px; /*400px;*/
	/*padding:10px;*/
	/*background:#FFFFFF; /* CHANGE TO WHITE - #E8EFEF; /*LIGHTBLUE*/
}
#aboutphotoby{
	/*font-family: 'TeXGyreAdventorRegular', san-serif;*/
	color:#E8EFEF; /*LIGHTBLUE*/
	font-size:90%;
	text-transform:lowercase;
	position:absolute;
	bottom:10px;
	left:10px;
	opacity:0.5;
}
#biocopy{
	margin-top:20px;
	line-height:20.5px;
}
	
	#praisewrap{
		padding:0 0 30px 0;
	}


	/*ABOUT PRAISE*/
	#praiseheader{
		width:100%;
		height:100px;
		/*background:#61BCBA; /*TEXTBLUE*/
		background:url('img/bg-stripe.png') repeat;
		margin:30px 0 0 0;
	}
	#praiseheader img{
		display:block;
		margin:0 auto;
		padding:14px 0 0 0;
	}
	
	/*praise entries*/
	.praise{
		margin:50px 0;
		min-height:140px;
	}
	.praiseimg{
		float:left;
		width:180px;
		margin:-6px 0 0 0;
	}
		.praiseimg img{
			display:block;
			margin:0 auto;
		}
	.praisecontent{
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
		margin:0 30px 0 180px;
	}
		.praisemore, .praiseless{
			position:relative;
			top:-13px;
			cursor:pointer;
		}
		.praisecontent h5{
			margin:0 6px 0 0;
			display:inline-block;
			height:20px;
		}
		.praisecontent p{
			margin:2px 0 15px 0;
			line-height:28px;
			font-size:18px;
		}
		.praisecontent .praiseshort p{
			font-size:18px;
		}
		.praisecontent p b, .praisecontent p strong{
			font-weight:normal;
			color:#61BCBA; /*TEXTBLUE*/
		}
		.pmorearw{
			background:url('img/arw-circle-down@1x.png');
			position:absolute;	
			top:-1px;				
			width:20px;
			height:20px;
		}
		.plessarw{
			background:url('img/arw-circle-up@1x.png');
			position:absolute;	
			top:0px;				
			width:20px;
			height:20px;
		}
		
		.praisemore:hover h5, .praiseless:hover h5{
			color:#6D6E71; /*TEXTGREY*/
		}
		.praisemore:hover .pmorearw, .praiseless:hover .plessarw{
			background-position:0 -20px;
		}

#ctafooterwrap{
	width:100%;	
	margin:0 0 0 0;
	background:url('img/bg-stripe.png') repeat;
}
	#home #ctafooterwrap{
		margin:0;
	}

	#footerformwrap{
		padding:10px 0 0 0;	
		position:relative;
	}

	.want-a-website-header{
		display:block;
		width:220px;
		height:60px;
		margin:0 auto;
	}
	
@media only screen and (max-width: 1024px) {
	#ctafooterwrap{
		margin:0;	
	}
}	

@media only screen and (max-width: 920px) {
	.aboutright{	
		padding-bottom:20px;
	}
	#biocopy{
		padding-bottom:20px;
	}
}
@media only screen and (max-width: 700px) {
	#aboutleftwrap{
		margin-right:0;
	}
	.aboutleft{
		margin-right:0;
	}
	.aboutright{
		float:left;
		margin-top:20px;
	}	
	#biocopy{
		padding-right:20px;
	}
	
	.praiseimg{
		float:none;
		width:100%;
		margin:0 0 30px 0;
	}
	.praisecontent{
		margin:0 30px 0 30px;
	}
}
@media only screen and (max-width: 480px) {
	#aboutimg{
		max-width:none;
	}
	.aboutright{
		width:100%;
		padding-right:0;
	}
}
@media only screen and (max-width: 320px) {
	.aboutright p{
		font-size:16px;
	}
}




/* HELLO PAGE --------------------------------------------------------------------- */

	/*SOCIAL MEDIA */
	#socialnavfooter{
		padding:60px 0 5px 0;
	}
	#socialmedia{
		width:176px;
		height:38px;
		list-style:none;
		margin:0 auto;
		padding:0;
	}
	#socialmedia li{
		list-style:none;
		float:left;
		width:38px;
		height:38px;
		margin:0 2px;
	}
	#socialmedia li a{
		display:block;
		width:38px;
		height:38px;
	}
	#socialmedia .facebook  { background:url('img/fb@1x.png') no-repeat;	background-position:0px -76px;}
	#socialmedia .twitter   { background:url('img/tw@1x.png') no-repeat;	background-position:0px -76px;}
	#socialmedia .pinterest { background:url('img/pin@1x.png') no-repeat;	background-position:0px -76px;}
	#socialmedia .linkedin  { background:url('img/in@1x.png') no-repeat;	background-position:0px -76px;}

	#socialmedia li a:hover{
		background-position:0px 0px;
	}
	
	
		
#hellolandingwrap{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
	
	#hellointro{
		position:relative;
		background:#f0f0ee;/*#ebeae9;/*#f1f1f3;*/
	}
		#hellointro img{
			width:100%;
			height:auto;
		}
	#picktext{
		position:absolute;
		width:48%;
		top:30%;
	}
	#picktext img{
		width:100%;
		height:auto;
	}
	
	#hello-header #helloimg{
		width:100%;
	}

	#hello-header #helloimg img{
		width:100%;
		height:auto;
	}

/*	
@media only screen and (max-width: 700px){	
	#hello-header #helloimg img{
		width:auto;
		height:180px;
	}
}*/
@media only screen and (max-width: 580px){
	#picktext{
		position:relative;
		width:80%;
		margin:0 auto;
		padding:5% 0 0 0;
		top:auto;
	}
	#picktext img{
	}
}
@media only screen and (max-width: 400px){
	#picktext{
		width:90%;
	}
}

#hellowrap { 
	width:100%;
	padding:30px 0px 0 30px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
#helloformwrap{
	position:relative;
	margin-bottom:50px;
}

.formchoicewrap{
	width:33.3%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	float:left;		
}
	.formchoice{				
		border:1px solid #61BCBA; /*TEXTBLUE*/
	}
	.formchoice a{
		display:block;
		padding:30px 20px 31px 20px;
		min-height:110px;
	}
		.formchoice a:hover{
			background:rgba(134,205,205,0.4); /*#61BCBA; /*TEXTBLUE*/
		}
		.formchoice a:hover{
			color:#6D6E71; /*TEXTGREY*/
		}
		.formchoice.fcleft{
			margin:80px 20px 80px 40px;
		}
		.formchoice.fccenter{
			margin:80px 20px;
		}
		.formchoice.fcright{
			margin:80px 40px 80px 20px;
		}
	
	.formtitle{
		font-family: 'bonvenocflight', san-serif;
		text-transform:uppercase;
		color:#61BCBA; /*TEXTBLUE*/
		font-size:100%;
		font-weight:normal;	
		margin:0;
		padding:0;
		display:block;
	}
	
	
#hellofooter{	
	min-height:200px;
	background:url("img/bg-stripe.png") repeat;
	margin:0 0 30px 0;
}
#page-hello #hellofooter{ /*landing page*/
	margin:0;
}
@media only screen and (max-width: 1024px) {
	#hellofooter{
		margin:0;	
	}
}
	#hellofooter h2{
		width:240px;
		margin:0 auto;	
		padding:30px 0 0 0;	
	}
		#hellofooter h2 img{
			width:100%;
			height:auto;
		}
	#hellofooter p{
		text-align:center;
		color:#fff;
		margin: -25px 0 10px;
	}
		#hellofooter p a{
			color:#fff;
			margin:0 0 0 30px;
		}
		#hellofooter p a:hover{
			color:#6D6E71; /*TEXTGREY*/
		}
	
.dstripeform{
	position:relative; /*so error messages absolutely position from within this div*/
	overflow:visible;
}
#formwrapper h2{
	margin:0 0 20px 0;
}
#formwrapper p.formdescr{
	margin:0 30px 20px 0;
}
#formwrapper .row{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */


	box-sizing: border-box;         /* Opera/IE 8+ */	
	float:left;
	padding:0 20px 0 0;
	position:relative; /*for error messages*/
}
#formwrapper .row.half {
	width:50%;
}
#formwrapper .row.full {
	width:100%;
}
#formwrapper .row.textareaH2{
	padding: 0 20px 0 0;	
}
#formwrapper .row.textareaH4{
	padding: 0 40px 0 0;	
}
#formwrapper .rowSubmit{
	float:right;
	 padding: 20px 30px 0 0;
}
#formwrapper label{
	display:block;
	padding:10px 0 4px 0;
	font-size:95%;
}
input[type=text], input[type=email]{ height:21px;}
input[type=text], input[type=email], select, textarea{
	width:100%;
	padding:4px;
	
	font-family: 'BrandonGrotesque-Regular', Arial, san-serif;
	font-size:94%;
	color: #61BCBA; /*TEXTBLUE*/
	font-weight:normal;		
	border:1px solid #CFD1D1; /*LIGHT GREY*/
	background:rgba(252, 250, 247, 0.5);/*#FCFAF7; /*OFF WHTIE*/
	
	-moz-border-radius:0px; /* Firefox */
	-webkit-border-radius: 0px; /* Safari, Chrome */ 
	border-radius: 0px; /* CSS3 */
	-o-border-radius: 0px;
	
	-webkit-appearance: none; /* line below removes iphone gradient at top & style to select box */
	outline:none; /*for ugly yellow & blue in chrome and safari*/		
}
input[type=text]:hover, input[type=text]:focus, textarea:hover, textarea:focus, input[type=email]:hover, input[type=email]:focus{
	border:1px solid #61BCBA; /*TEXTBLUE*/
}
textarea{
	display:block; /*so textarea will take height*/
	resize:none; /*remove resize handle*/
	overflow: auto; /*for ie scrollbar*/
}
.textareaH2 textarea { height: 119px; }
	#page-industry_form .textareaH2 textarea { height: 217px; }
.textareaH4 textarea { height: 90px; }
/*.textareaH5 textarea { height: 122px; }*/
.textareaH12 textarea { height: 282px; }


	/*FORM BUTTON*/
	#formwrapper button{
		font-family: 'bonvenocflight', san-serif;
		text-transform:uppercase;
		color: #61BCBA; /*TEXTBLUE*/
		font-size:110%;
		font-weight:normal;
		background:none;
		border:none;
		display:block;
		cursor: pointer; /* hand-shaped cursor */
	
		padding: 10px 40px;	
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		border:3px solid #61BCBA; /*TEXTBLUE*/
	}
	#formwrapper button:hover{
		background:rgba(134,205,205,0.4); /*#61BCBA; /*TEXTBLUE*/
		color:#6D6E71; /*TEXTGREY*/
	}
	button, .button-wrap, input, .button-hover{
		outline: 0; border:0;
		noFocusLine: expression(this.onFocus=this.blur());
	}
	button[disabled=disabled], button:disabled {
 		opacity:0.5;
	}
	
#formwrapper .sending{
	float:right;
	margin: 34px 40px 0 0;
}	
#hello-back	{
	margin:10px 0 30px 0;
	float:left;
}
#hello-back a{
	font-size:15px;
}

	/* NOTE - NOT IMPLEMENTED - THIS IS FROM TESTING <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
	/*HOME & ABOUT FORM- DIFFERENT ----------------------------------------*/	
	#footerformwrap #formwrapper{
		padding:0 30px 0 40px;
	}
	
	#footerformwrap #formwrapper .row.textareaH2, #footerformwrap #formwrapper .row.textareaH4{
		padding: 0 0 0 0;	
	}
	
	#footerformwrap #formwrapper input[type=text], #footerformwrap #formwrapper select, #footerformwrap #formwrapper textarea{
		color: #6D6E71; /*TEXTGREY*/
		border:1px solid #FFF; /*WHITE*/
		background:rgba(252, 250, 247, 0.7);/*#FCFAF7; /*OFF WHITE*/
	}
	#footerformwrap #formwrapper input[type=text]:hover, #footerformwrap #formwrapper input[type=text]:focus, 
	#footerformwrap #formwrapper textarea:hover, #footerformwrap #formwrapper textarea:focus{
		border:1px solid #61BCBA; /*TEXTBLUE*/
	}
	#footerformwrap #formwrapper label{
		color:#fff;
	}
	#footerformwrap #formwrapper .textareaH2 textarea {
	    height: 118.5px;
	}
	#footerformwrap #formwrapper .rowSubmit {
	    padding: 20px 10px 30px 0;
	}
	#footerformwrap #formwrapper button{
		color: #FFF; /*WHITE*/
		border:3px solid #FFF; /*WHITE*/
	}
	#footerformwrap #formwrapper button:hover{
		background:rgba(255,255,255,0.4);
		color:#6D6E71; /*TEXTGREY*/
	}
	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



	/* FORM ERRORS ------------------------------------------------------- */
	.dstripeform .errorIcon{	
		background:url('img/erroricon_small.png') no-repeat;
		background-size:22px 22px;
		background-position:0 10px;
		width:30px;
		height:50px;
		cursor: pointer; /* hand-shaped cursor */
		z-index:20;
		top:28px !important;
	}
	.dstripeform .errorTip{
		width:160px;
		height:30px;
		margin: -3px 0px 0px -164px;
		padding: 10px 0 10px 0;
		background: #61BCBA; /*TEXTBLUE*/		
		
		 -moz-box-shadow:    0px 0px 3px 3px #DDD4D3;
		  -webkit-box-shadow: 0px 0px 3px 3px #DDD4D3;
		  box-shadow:         0px 0px 3px 3px #DDD4D3;
	}
	.dstripeform .errorTip label{
  		text-align: center;
		width: auto;
		font-family: 'BrandonGrotesque-Regular', Arial, san-serif; /*'TeXGyreAdventorRegular', san-serif;*/
		font-weight:normal;
		text-transform:lowercase;		
		color: #FFFFFF; /*WHITE*/
		padding:5px 0 0 0 !important;
	} 

	/* FORM RESPONSE OVER FORM ------------------------------------- */
	#formresponse{
		position:absolute;
		z-index:50;
		width:100%;
		height:100%;
		top:0;
		left:0;
	}
	#formresptxt{
		width:300px;
		height:150px;
		background:#FFFFFF;
		text-align:center;
		position:absolute;
		top:50%;
		left:50%;
		margin-top:-75px; /*half the height*/
		margin-left:-165px; /* half the width*/
		background:url('img/bgopacity80.png') repeat; /*#411f0e; /*BROWN*/
		border:1px solid #61BCBA; /*TEXTBLUE*/
		z-index:10;
	}
	#formresponse h2{
		height:40px;
		line-height:40px;
		margin-top:40px;
	}
	#formrespbg{
		width:100%;
		height:100%;
		background:url('img/bgopacity80.png') repeat; /*#411f0e; /*BROWN*/
		z-index:5;
	}
	#footerformwrap #formrespbg{
		background: rgba(134, 205, 206, 0.6);
	}

@media only screen and (max-width: 1000px){
	
	.formchoice a{
		min-height:120px;
	}
}
@media only screen and (max-width: 900px){
	
	.formchoice a{
		min-height:160px;
	}
}
@media only screen and (max-width: 740px){
	
	.formchoice a{
		min-height:220px;
	}
}
@media only screen and (max-width: 700px){

	button{
		margin-bottom:20px;
	}
}

@media only screen and (max-width: 650px){
	
	.formchoicewrap{
		width:100%;
		float:none;		
	}
	.formchoice a{
		min-height:100px;
	}
	
		.formchoice.fcleft{
			margin:40px 20px 0 20px;
		}
		.formchoice.fccenter{
			margin:20px 20px 0 20px;
		}
		.formchoice.fcright{
			margin:20px 20px 40px 20px;
		}
	
}
@media only screen and (max-width: 570px){	
	#formwrapper .row.half { width:100%; }
	#footerformwrap #formwrapper .row.full{
		padding:0;
	}
}



/* SITE FOOTER --------------------------------------------------------------------- */
#nudge{
   height: 100px; /* double height of footer for some space between content and footer */
   clear: both;
}
#stickyfooter{
	z-index:15;
    width: 100%;
    position: relative;
  	/*margin-top:-50px;*/
    /*height: 50px;*/
	clear:both;
	
}
	/* RESIZE CORNER ------------------------------------------------------------------ */


	#resizeme{
		position:absolute;
		bottom:0;
		width:100%;
		text-align:right;
	}
	#rm{
		position:absolute;
		width:80px;
		height:80px;
		background:url('img/resizeme.png') no-repeat;
		background-size:80px 80px;
		bottom:0;
		right:0;
	}
@media screen and (max-width: 1024px){
	#rm{display:none;}
}


/* DESIGNS ---------------------------------------------*/
#designbox { 
	position:absolute; 
	top:0;
	left:0;
	width:100%; 
	height:100%;
	z-index:5; /*for designs*/	
}
#innerdesignbox{
	position:relative;
	max-width:860px;/*1060px;*/
	height:100%; 
	min-height:766px;
	margin:0 auto 0 auto;
}
#design1, #design1-90, #design2, #design2-290 {
	width:700px;
	height:700px;
	position:absolute;	
}
	
		/*HOVER BOX - ON TOP OF EVERYTHING */
		#hoverdesignbox { 
			position:absolute; 
			top:0;
			left:0;
			width:100%; 
			/*height:100%;*/
			z-index:9999;
		}
		#hoverinnerdesignbox{
			position:relative;
			max-width:1060px;
			/*height:100%; */
			margin:0 auto 0 auto;
		}
		#hoverdesign1, #hoverdesign1-90, #hoverdesign2, #hoverdesign2-290 {
			width:700px;
			/*height:700px;*/
			position:absolute;	
		}
		#hoverdesign3 	 {	
			width:470px; 
			/*height:544px; */
			position:absolute; 
		}
		#hoverdesign3-90  {	
			width:556px; 
			/*height:478px; */
			position:absolute;	
		}
		
		#hoverinnerdesignbox .d1-s1, #hoverinnerdesignbox .d1-s2, #hoverinnerdesignbox .d1-s3, 
		#hoverinnerdesignbox .d2-s1, #hoverinnerdesignbox .d2-s2, #hoverinnerdesignbox .d2-s3, #hoverinnerdesignbox .d2-s4, 
		#hoverinnerdesignbox .d2-s5, #hoverinnerdesignbox .d2-s6, #hoverinnerdesignbox .d2-s7, 
		#hoverinnerdesignbox .d3-s1, #hoverinnerdesignbox .d3-s2, #hoverinnerdesignbox .d3-s3{
			background:url('img/emptygif.gif') repeat;
			/*background:url('img/bgopacity70.png') repeat;*/
			position:absolute;
			visibility:visible;
			display:block;
			z-index:9999;
		}
		


#design1 	 {	background:url('img/design1-2.png') no-repeat;			}
#design2 	 {	background:url('img/design2-2.png') no-repeat;			}
#design3 	 {	background:url('img/design3-2.png') no-repeat; width:470px; height:544px; position:absolute; }

#design1, #hoverdesign1	{ top:-345px; left:30px;/* right:340px;*/ }
#design2, #hoverdesign2		{ top:-370px; left:230px;/*right:140px;*/ }
#design3, #hoverdesign3		{ top:-270px; left:650px;/* right:-50px;*/ }


@media screen and (max-width : 570px) { /* IPHONE 5 WIDTH = 568px */

	#hoverdesignbox{display:none;}
	#design1 { left: -53px;}
	#design2{ left:145px; }	
	#design3 { display:none;}
	
}

@media screen and (max-width : 420px) {
	#design1 { left: -115px;}
	#design2{ left:100px; top:-414px; }	
}
@media screen and (max-width : 380px) {
	#design2{ display:none; }	
}

#innerdesignbox .d1-s1 {background:url('img/d1-spiro1.png') no-repeat; width:73px; height:73px; position:absolute; }
#innerdesignbox .d1-s2 {background:url('img/d1-spiro2.png') no-repeat; width:59px; height:59px; position:absolute; }
#innerdesignbox .d1-s3 {background:url('img/d1-spiro3.png') no-repeat; width:43px; height:43px; position:absolute; }
#innerdesignbox .d2-s1 {background:url('img/d2-spiro1.png') no-repeat; width:54px; height:54px; position:absolute; }
#innerdesignbox .d2-s2 {background:url('img/d2-spiro2.png') no-repeat; width:63px; height:63px; position:absolute; }
#innerdesignbox .d2-s3 {background:url('img/d2-spiro3.png') no-repeat; width:71px;  height:71px;  position:absolute; z-index:2;}
#innerdesignbox .d2-s4 {background:url('img/d2-spiro4.png') no-repeat; width:90px; height:90px; position:absolute; z-index:4;}
#innerdesignbox .d2-s5 {background:url('img/d2-spiro5.png') no-repeat; width:86px; height:86px; position:absolute; z-index:5;}
#innerdesignbox .d2-s6 {background:url('img/d2-spiro6.png') no-repeat; width:56px;  height:56px;  position:absolute; z-index:3;}
#innerdesignbox .d2-s7 {background:url('img/d2-spiro7.png') no-repeat; width:72px;  height:72px;  position:absolute; z-index:4;}
#innerdesignbox .d3-s1 {background:url('img/d3-spiro1.png') no-repeat; width:154px; height:151px; position:absolute; z-index:2;}
#innerdesignbox .d3-s2 {background:url('img/d3-spiro2.png') no-repeat; width:101px; height:101px; position:absolute; z-index:4;}
#innerdesignbox .d3-s3 {background:url('img/d3-spiro3.png') no-repeat; width:76px;  height:76px;  position:absolute; z-index:3;}


#design1 .d1-s1 {top:278px; left:397px; z-index:12;}
#design1 .d1-s2 {top:315px; left:480px; z-index:10;}
#design1 .d1-s3 {top:288px; left:455px; z-index:10;}

	#hoverdesign1 .d1-s1{width:73px; height:73px; top:278px; left:397px; }
	#hoverdesign1 .d1-s2{width:59px; height:59px; top:315px; left:480px; }
	#hoverdesign1 .d1-s3{width:43px; height:43px; top:288px; left:455px; }
	
#design2 .d2-s1{top:229px; left:320px; z-index:10;}
#design2 .d2-s2{top:251px; left:383px; z-index:10;}
#design2 .d2-s3{top:354px; left:408px; z-index:10;}
#design2 .d2-s4{top:380px; left:343px; z-index:12;}
#design2 .d2-s5{top:437px; left:382px; z-index:10;}
#design2 .d2-s6{top:132px; left:473px; z-index:10;}
#design2 .d2-s7{top:97px; left:498px; z-index:10;}

	#hoverdesign2 .d2-s1{width:54px; height:54px; top:229px; left:320px; }
	#hoverdesign2 .d2-s2{width:63px; height:63px; top:251px; left:383px; }
	#hoverdesign2 .d2-s3{width:71px; height:71px; top:354px; left:408px; }
	#hoverdesign2 .d2-s4{width:90px; height:90px; top:380px; left:343px; }
	#hoverdesign2 .d2-s5{width:86px; height:86px; top:437px; left:382px; }
	#hoverdesign2 .d2-s6{width:56px; height:56px; top:132px; left:473px; }
	#hoverdesign2 .d2-s7{width:72px; height:72px; top:97px; left:498px; }


#design3 .d3-s1{top:180px; left:207px; z-index:10;}
#design3 .d3-s2{top:218px; left:221px; z-index:12;}
#design3 .d3-s3{top:298px; left:210px; z-index:11;}
	
	#hoverdesign3 .d3-s1{width:151px; height:151px; top:180px; left:207px;}
	#hoverdesign3 .d3-s2{width:101px; height:101px; top:218px; left:221px; }
	#hoverdesign3 .d3-s3{width:76px; height:76px; top:298px; left:210px; }


/* 404 PAGE ---------------------------------------------*/
#error404 #content_holder{
	padding:50px 50px 90px 50px;
	
}


/* MEDIA QUERIES FOR 2x RETINA IMAGES --------------------------------------------- */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 

	#helloleft h2{
		background:url('img/debwagner@2x.png') no-repeat;
		background-size:200px 60px;
	}
	
	#design1 	 {	background:url('img/design1-2@2x.png') no-repeat; background-size:700px 700px;			}
	#design2 	 {	background:url('img/design2-2@2x.png') no-repeat;	background-size:700px 700px;			}
	#design3 	 {	background:url('img/design3-2@2x.png') no-repeat; background-size:470px 544px;}
	
	#innerdesignbox .d1-s1 {
		background:url('img/d1-spiro1@2x.png') no-repeat; 
		background-size:73px 73px; 
	}
	#innerdesignbox .d1-s2 {
		background:url('img/d1-spiro2@2x.png') no-repeat; 
		background-size:59px 59px; 
	}
	#innerdesignbox .d1-s3 {
		background:url('img/d1-spiro3@2x.png') no-repeat; 
		background-size:43px 43px;
	}
	#innerdesignbox .d2-s1 {
		background:url('img/d2-spiro1@2x.png') no-repeat; 
		background-size:54px 54px;
	}
	#innerdesignbox .d2-s2 {
		background:url('img/d2-spiro2@2x.png') no-repeat; 
		background-size:63px 63px; 
	}
	#innerdesignbox .d2-s3 {
		background:url('img/d2-spiro3@2x.png') no-repeat; 
		background-size:71px 71px;
	}
	#innerdesignbox .d2-s4 {
		background:url('img/d2-spiro4@2x.png') no-repeat; 
		background-size:90px 90px;
	}
	#innerdesignbox .d2-s5 {
		background:url('img/d2-spiro5@2x.png') no-repeat; 
		background-size:86px 86px;
	}
	#innerdesignbox .d2-s6 {
		background:url('img/d2-spiro6@2x.png') no-repeat; 
		background-size:56px 56px;
	}
	#innerdesignbox .d2-s7 {
		background:url('img/d2-spiro7@2x.png') no-repeat; 
		background-size:72px 72px;
	}
	#innerdesignbox .d3-s1 {
		background:url('img/d3-spiro1@2x.png') no-repeat; 
		background-size:154px 151px;
	}
	#innerdesignbox .d3-s2 {
		background:url('img/d3-spiro2@2x.png') no-repeat; 
		background-size:101px 101px;
	}
	#innerdesignbox .d3-s3 {
		background:url('img/d3-spiro3@2x.png') no-repeat; 
		background-size:76px 76px;
	}


	#socialmedia .facebook  { 
		background:url('img/fb@2x.png') no-repeat;	
		background-position:0 -76px;
		background-size:38px 114px;
	}
	#socialmedia .twitter   { 
		background:url('img/tw@2x.png') no-repeat;
		background-position:0 -76px;
		background-size:38px 114px;
	}
	#socialmedia .pinterest { 
		background:url('img/pin@2x.png') no-repeat;
		background-position:0 -76px;
		background-size:38px 114px;	
	}
	#socialmedia .linkedin  { 
		background:url('img/in@2x.png') no-repeat;
		background-position:0 -76px;
		background-size:38px 114px;
	}
	
	#topbtn {
		background:url('img/top-btn@2x.png') no-repeat;
		background-size:42px 84px;
	}


	#mainnav .subARW{	
		background:url('img/menu-arw@2x.png');
		background-size:14px 8px;
	}

	.hover-pinit span{
		background:url('img/pinit-btn@2x.png'); /* path to pinterest logo */
		background-size:46px 46px;
	}

	.fwdarw{
		background:url('img/arw-circle-fwd@2x.png') no-repeat;
		background-size:20px 40px;
	}


	.backarw{
		background:url('img/arw-circle-back@2x.png') no-repeat;
		background-size:20px 40px;
	}

	.pmorearw{
		background:url('img/arw-circle-down@2x.png');
		background-size:20px 40px;
	}
	.plessarw{
		background:url('img/arw-circle-up@2x.png');
		background-size:20px 40px;
	}
	
	
}
/*END RETINA IMAGES*/
		
.myButton {
-moz-box-shadow: 0px 10px 14px -7px #276873;
-webkit-box-shadow: 0px 10px 14px -7px #276873;
box-shadow: 0px 10px 14px -7px #276873;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #61bcba), color-stop(1, #408c99));
background:-moz-linear-gradient(top, #61bcba 5%, #408c99 100%);
background:-webkit-linear-gradient(top, #61bcba 5%, #408c99 100%);
background:-o-linear-gradient(top, #61bcba 5%, #408c99 100%);
background:-ms-linear-gradient(top, #61bcba 5%, #408c99 100%);
background:linear-gradient(to bottom, #61bcba 5%, #408c99 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#61bcba', endColorstr='#408c99',GradientType=0);
background-color:#61bcba;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
display:inline-block;
cursor:pointer;
color:#ffffff;
padding:13px 32px;
text-decoration:none;
text-shadow:0px 1px 0px #3d768a;
}
.myButton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #61bcba));
background:-moz-linear-gradient(top, #408c99 5%, #61bcba 100%);
background:-webkit-linear-gradient(top, #408c99 5%, #61bcba 100%);
background:-o-linear-gradient(top, #408c99 5%, #61bcba 100%);
background:-ms-linear-gradient(top, #408c99 5%, #61bcba 100%);
background:linear-gradient(to bottom, #408c99 5%, #61bcba 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#61bcba',GradientType=0);
background-color:#408c99;
color:#ffffff;
}
.myButton:active {
position:relative;
top:1px;
}
@media (max-width: 770px) {
  .row-fluid, .row-fluid [class*="span"] {
    width: 100% !important;
	margin-left: 0 !important;
  }
}


/*clear fix that works*/
.cfix:before,

.cfix:after {
    content: " "; 
    display: table; 
}
.cfix:after {
    clear: both;
}
.cfix { *zoom: 1; }