/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

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

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #97d4c8; color: #fff; text-shadow: none; }
::selection { background: #97d4c8; color: #fff; text-shadow: none; }

a { color: #ef565f; text-decoration: none; }
/* a:visited { color: #551a8b; } */
a:hover { color: #333; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, 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: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

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

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

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

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

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

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

div { position: relative; }

body { 
	font: bold 15px/22px 'Letter Gothic Std', monospace;
	background: #eee url(images/page_bg.png) repeat-y center;	
	}

h1, h2, h3, h4, h5 {
	font: 1em/1.4em 'Tondu';
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0;
	}

.wrapper{
	width:100%;
	margin:0;
}

.inner, .wrapper {
	width: 100%;
	/* max-width:1080px; */
	max-width:1180px;
	margin:0 auto;
	position: relative;
}

::-moz-selection { background: #97d4c8; color: #fff; text-shadow: none; }
::selection      { background: #97d4c8; color: #fff; text-shadow: none; }

a:hover{ text-decoration: underline; }

/* ==============
    Type!
   ============== */
   /*
Font: 		Tondu
Style: 		Regular
URL: 		http://www.youworkforthem.com/font/T1871/tondu
Foundry: 	The Northern Block
Foundry: 	http://www.youworkforthem.com/designer/94/the-northern-block
Copyright:	Copyright (c) 2011 by Jonathan Hill. All rights reserved.
Version: 	1.4
Created:	April 18, 2014
License: 	http://www.youworkforthem.com/font-license 
License: 	The WebFont(s) listed in this document must follow the YouWorkForThem
			WebFont license rules. All other parties are strictly restricted 
			from using the WebFonts(s) listed without a purchased license. 
			All details above must always remain unaltered and visible in your CSS.
*/

@font-face {
	font-family: 'Tondu';
	src: url('fonts/tondu.eot');
	src: url('fonts/tondu.eot?#iefix') format('embedded-opentype'),
	     url('fonts/tondu.woff') format('woff'),
	     url('fonts/tondu.ttf') format('truetype'),
	     url('fonts/tondu.svg#ywftsvg') format('svg');
	font-weight: normal;
	font-style: normal;
}
   
   p {font-size: 14px}
   
   h1 {
   	font-size: 5em;
   	color:#dd5058;
   	}
   	
   h3 {font-size: 1.4em;}
   	
   h4 {
   	font-size: 1.2em;
   	color:#aeaeae;
   	}
   
/* ==============
    Forms!
   ============== */   

   input {
	   border: 1px solid #000;
	   background: #fff;
	   padding: 8px 15px;
	   width:100%;
   }
   
/* ===============
    ALL: IE Fixes
   =============== */

.ie7 #title{ padding-top:20px; }


/* ===== Primary Styles ========================================================
   ========================================================================== */

#wrap {
	width: 100%;
	overflow: hidden;
	}

#header {
	width: 100%;
	margin: 0 auto;
	position: relative;
	text-align: center;
	}
	
	#header h1 {
		margin-top: 8px;
		height: 136px;
		width: 372px;		
		margin: 3px auto 0 auto;
		z-index: 99;
		position: relative;
		}
	
	#header h1 a {
		background: url(images/ppm_logo.png) no-repeat center top;
		height: 136px;
		width: 374px;
		margin: 0 auto;
		display: block;
		text-indent: -9999px;
		-webkit-transition: .2s ease;
		-moz-transition: .2s ease;
		transition: .2s ease;
		}


	#header h1 a:hover {
		opacity: .8;
		-webkit-transition: .2s ease;
		-moz-transition: .2s ease;
		transition: .2s ease;
		}

	
	#main-nav {
		width: 100%;
		margin: 0 auto 0 auto;
		position: absolute;
		top: 70px;
		}
	
	nav .lefty {
		float: left;
		}
	
	nav .righty {
		float: right;
		}

	.csstransforms3d #logo, .csstransforms3d nav .lefty, .csstransforms3d nav .righty {
		-webkit-transition: .6s cubic-bezier(0.165, 0.84, 0.44, 1);
		-moz-transition: .6s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: .6s cubic-bezier(0.165, 0.84, 0.44, 1);
		}

	.csstransforms3d nav .lefty, .csstransforms3d nav .righty {
		-webkit-transition-delay: .2s;
		-moz-transition-delay: .2s;
		transition-delay: .2s;
		}

	.csstransforms3d .home #logo {
		-webkit-transform:translate3d(0px,-100px,0px);
		transform:translate3d(0px,-100px,0px);
		opacity: 0;
		}

	.csstransforms3d .home.ready #logo {
		-webkit-transform:translate3d(0px,0px,0px);
		transform:translate3d(0px,0px,0px);
		opacity: 1;
		}
	
	nav a {
		margin-bottom:0;
		padding: 20px 25px;
		font-family: 'Tondu', sans-serif;
		color: #000;
		text-transform: uppercase;
		font-size: 18px;
		letter-spacing: 2px;
		font-weight: 100;
		display: block;
		float: left;
		-webkit-font-smoothing: antialiased;
		transition: color .5s;
		-webkit-transition: color .5s;
		-moz-transition: color .5s;
	}
	
	nav .righty span, nav .lefty span {width:5px; float:left; text-align: center;}
	
	nav li.menu-item-1 { margin-left: -25px; }
	nav li.menu-item-4 { margin-right: -25px; }

	nav a:hover {
		color: #fff;
		background: #030303;
		transition: color .05s;
		-webkit-transition: color .05s;
		-moz-transition: color .05s;	
		text-decoration: none;	
	}

	nav li.menu-item:hover > a {
		color: #fff;
		background: #030303;
		transition: color .05s;
		-webkit-transition: color .05s;
		-moz-transition: color .05s;	
		text-decoration: none;	
	}
	
	.dropdown {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 9999;
		display: none;
		float: left;
		min-width: 780px;
		text-align: left;
		color: #fff;
		padding: 12px;
		margin: -2px 0 0 0;
		margin-left: -169px;
		list-style: none;
		background-color: #030303;
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.175);
		box-shadow: 0 0 3px rgba(0,0,0,.175);
		background-clip: padding-box;
	}

	.dropdown .arrow {
		content: '';
		display: inline-block;
		position: absolute;
		top: -9px;
		left: 28.4%;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 0 12px 9px 12px;
		border-color: transparent transparent #030303 transparent;
	}

	nav li {
		display: inline-block;
		position: relative;
		padding-bottom: 12px;
	}

	nav li.menu-item {
		padding-bottom: 17px;
	}
	
	nav li:hover > .dropdown {
		display: block;
	}
	
	nav a .dropdown li {
		font: normal 15px/20px monospace;
		text-transform: none;
		letter-spacing: 0;
	}
	
		.dropdown li {
			float: left;
			width: 33.33333%;
			margin: 0;
			padding: 0;
		}
	
		nav .righty li span, nav .lefty li span {
			width: auto;
			float: none;
			text-align: left;
		}

		.dropdown li a {
			display: block;
			color: #FFF;
			font: bold 15px/20px 'Letter Gothic Std', monospace;
			text-transform: uppercase;
			letter-spacing: 0;
			padding: 12px;
			width: 100%;
			position: relative;
			box-sizing: border-box;
			-webkit-transition: .15s ease;
			transition: .15s ease;
		}

		.dropdown li a:before {
			content: '';
			display: inline-block;			
			position: absolute;
			top: 0;
			right: 0;
			width: 0px;
			height: 0px;
			border-style: solid;
			border-width: 0 15px 33px 0;
			border-color: transparent #030303 transparent transparent;
		}

		.dropdown li a:after {
			content: '';
			display: inline-block;
			position: absolute;
			bottom: 0;
			right: 0;
			width: 0px;
			height: 0px;
			border-style: solid;
			border-width: 0 0 33px 15px;
			border-color: transparent transparent #030303 transparent;
		}

		.dropdown li a:hover {
			background: #DE6F69;
			-webkit-transition: 0s ease;
			transition: 0s ease;
		}

		.dropdown li a em {
			display: inline-block;
			text-decoration: underline;
			font-style: normal;
			font-weight: 700;
			-webkit-font-smoothing: inherit;
		}
	
		.dropdown li a span {
			display: block;
			color: #777;
			font: normal 12px/20px sans-serif;
			text-transform: none;
			text-decoration: none;
		}

		.dropdown li a:hover span {
			color: #333;
		}
	
	.utility {
		position: absolute;
		top: 0;
		width: 100%;
		margin: 0 auto;
		font-size: 13px;
		}
	
	.locale, .acct {
		position: absolute;
		top: 40px;
		margin: 0;
		}
	
	.locale {
		text-align: left;
		left: 0;
		}

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

#main {
	padding-top: 30px;
}

.page-id-2 #main {
	padding-top: 0;
}

.sticky #main {
	padding-top: 90px;
}

.sticky.page-id-2 #main {
	padding-top: 60px;
}

#promo {
	width: 100%;
	display: block;
	position: relative;
	background: #97d4c8;
	text-align: left;
	line-height: 50px;
	margin-top: 10px;
	z-index: 99;
	overflow: hidden;
	-webkit-transition: box-shadow .2 ease;
	-moz-transition: box-shadow .2 ease;
	transition: box-shadow .2 ease;
	}

#promo .inner {
	position: relative;
}

#promo .inner p {
	margin: 0;	
	-webkit-transition: .2s ease;
	-moz-transition: .2s ease;
	transition: .2s ease;
	}

#promo .inner p.ppm {
	margin: 0;	
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	-webkit-transform: translate3d(0,50px,0);
	-moz-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);	
	-webkit-transition: .2s ease;
	-moz-transition: .2s ease;
	transition: .2s ease;
	}

.sticky #promo .inner p {
	-webkit-transform: translate3d(0,-50px,0);
	-moz-transform: translate3d(0,-50px,0);
	transform: translate3d(0,-50px,0);	
	
	}

.sticky #promo .inner p.ppm {
	visibility: visible;
	-webkit-transform: translate3d(0,0px,0);
	-moz-transform: translate3d(0,0px,0);
	transform: translate3d(0,0px,0);	
	}

.sticky #promo {
	position: fixed;
	top: 0;
	margin-top: 0;
	box-shadow: 0 2px 0 rgba(0,0,0,.2);
		  	z-index: 999;	
}

#promo .inner {
	display: block;
	background: url(images/promo-stars.png) no-repeat center center;
	color: #fff;
	}
	
	#promo .inner a {color:#333;}
	#promo .inner a:hover {color:#fff;}

.feat-wrap {
	width: 100%;
	height: 490px;	
	overflow: hidden;
	}

.bleed-x {
	width: 100%;
	height: 490px;
	display: block;
	overflow: visible;
	margin: 0 auto;
	}

ul#feat-cycle {
	margin: 0;
	}

	#feat-cycle li {
		width: 100%;
		height: 490px;
		background-size: cover;
		}
	
	#feat-cycle .inner {
		position: relative;
		z-index: 20;
		padding: 1px 0;
	}
	
	#feat-cycle h2 {
		width: 55%;
		height: 350px;
		margin-top: 90px;
	}

	#feat-cycle li img {
		opacity: .95;
		width: 100%;
		height: auto;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		width: 100%;
		}

#buckets {
	position: absolute;
	padding: 20px 0;
	top:-465px;
	right: 0px;
	z-index: 50;
	}
	
	#buckets .box {
		border: 3px solid #000;
	}
	
	#buckets .need, #buckets .quote {
		width: 270px;
		height: 135px;
		-webkit-transition: .2s ease;
		-moz-transition: .2s ease;
		transition: .2s ease;
	}
	
	#buckets .need {
		background: url(images/bg_need.png) no-repeat left top;
		border-bottom: 3px solid #000;
		margin-bottom: 7px;
		}

	#buckets .need:hover {
		color: #111;
		}

		#buckets .need div {
			padding: 15px 0 15px 15px;
			border-bottom: 3px solid #000;
			}
	
	#buckets .quote {
		border-top: 3px solid #000;
		background: url(images/bg_quote.png) no-repeat left top;
	}

	#buckets .quote:hover {
		color: #111;
		}

		#buckets .quote div {
			border-top: 3px solid #000;
			padding: 15px 0 0 15px;
			}

	#buckets h4 {
		font-size: 14px;
		line-height: 1;
		color:#fff;
		-webkit-font-smoothing: antialiased;
		}
	
	#buckets h3, .sidebar h2.quote {
		font-size: 28px;
		margin-bottom: 15px;
		line-height: 1;
		color:#fff;
		}

	#buckets h3 {
		padding-top: 15px;
		padding-left: 15px;
		-webkit-font-smoothing: antialiased;		
		}
		
		#buckets a, .sidebar h2.quote a {
			color:#fff;
		}
		
		#buckets a:hover {
			text-decoration: none;
			}		
		
		.sidebar h2.quote a:hover {
			text-decoration: underline;
			}
		
		#buckets h3 span {
			font: bold 15px/22px 'Letter Gothic Std', monospace;
			text-decoration: underline;
			}
		
#hott {
	margin-top: 40px;
}

#hott h3 {
	margin-bottom: 40px;
}

#hott h3 span {
	color: #e5545d;
}

#hott .prod {
	display: block;
	width: 46%;
	border: 5px solid #F6F6F6;	
	box-sizing: border-box;	
	float: left;
	position: relative;
	text-align: center;
	-webkit-transition: .1s ease;
	-moz-transition: .1s ease;
	-ms-transition: .1s ease;
	transition: .1s ease;	
}

#hott .prod:hover {
}

#hott .prod:last-child {
	float: right;
}

#hott .prod p {
	position: absolute;
	top: 50%;
	left: 10%;
	right: 10%;
	margin: 0 auto;	
	margin-top: -26px;
	text-align: center;
	font-family: 'Letter Gothic Std', monospace;
	text-transform: uppercase;
	color: #111;
	font-weight: normal;
	text-align: center;
	font-size: 20px;
	line-height: 1.3em;
	letter-spacing: 3px;
	text-decoration: underline;
	width: 80%;
	text-shadow: 1px 1px 0px #eee;
	opacity: 0;
	-webkit-transition: .1s ease;
	-moz-transition: .1s ease;
	-ms-transition: .1s ease;
	transition: .1s ease;
}

#hott .prod:hover p {
	opacity: 1;
}
		
#hott img {
	display: block;
	width: 100%;
	height: auto;
}

.swap {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -22px;
	margin-left: -22px;
	height: 44px;
	width: 44px;
	background: url(images/cycle.png) no-repeat center center;
	text-indent: -9999px;
	display: block;
	-webkit-transition: .3s cubic-bezier(.5, 0,.25,1);
	-moz-transition: .3s ease;
	transition: .3s cubic-bezier(.5, 0,.25,1);
}

.swap:hover {
	-webkit-transform: rotate(180deg);
}
		
#bio {
	margin: 50px 0 25px 0;
	overflow: hidden;
	width: 100%;
	height: 275px;
	text-align: center;
	position: relative;
}
	
#bio img {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
	opacity: .75;
	-webkit-transform:translate3d(0px,0px,0px);
	transform:translate3d(0px,0px,0px);	
}

#bio h2 {
	color: #fff;
	font-size: 40px;
	line-height: 1.1em;
	text-align: center;
	display: block;
	position: relative;
	margin: 65px auto 20px auto;
	-webkit-font-smoothing: antialiased;
	z-index: 2;
}

#bio a {
	text-align: center;
	display: inline-block;
	width: 190px;
	margin: 0px auto 30px auto;
	padding: 15px 0;
	background: #D47973;
	color: #fff;
	position: relative;	
	z-index: 2;	
	text-decoration: none;
	-webkit-transition: .15s ease;
	-moz-transition: .15s ease;
	transition: .15s ease;
}
	
#bio a:hover {
	background: #B5675D;
}
	
.view-all {
	position: absolute;
	right: 0;
	top: 23px;
}

#recent-work {
	border-bottom: 8px solid #111;
	padding-top: 30px;
	padding-bottom: 80px;
	margin-bottom: 50px;
	overflow: hidden;
	}

#recent-work h3 {
	text-align: center;
	display: block;
	line-height: 1em;
	margin: 0px auto 35px auto;
}

#recent-work h3 span {
	display: block;
}

#recent-work ul {
	padding: 0;
	width: 100%;
	text-align: center;
	overflow: visible;
	display: block;
	}

#recent-work ul li {
	text-align: center;
	width: 172px;
	height: 172px;
	display: inline-block;
	margin: 0 10px;
	z-index: 3;
	position: relative;
	background: #a4b9b3;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-webkit-transition: .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-moz-transition: .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	}
	
#recent-work ul li a {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

/*
#recent-work ul li:hover {
	z-index: 1;
	}
*/

	.csstransforms3d #recent-work ul li {
		-webkit-transform:translate3d(0px,80px,0px);
		transform:translate3d(0px,80px,0px);
		opacity: 0;
	}

	.csstransforms3d #recent-work.show ul li {
		-webkit-transform:translate3d(0px,0px,0px);
		transform:translate3d(0px,0px,0px);
		opacity: 1;
	}

		#recent-work ul li { transition-delay: 0s;  -webkit-transition-delay: 0s; -moz-transition-delay: 0s; }
		#recent-work ul li:nth-child(2) { transition-delay: .1s;  -webkit-transition-delay: .1s; -moz-transition-delay: .1s; }
		#recent-work ul li:nth-child(3) { transition-delay: .2s;  -webkit-transition-delay: .2s; -moz-transition-delay: .2s; }
		#recent-work ul li:nth-child(4) { transition-delay: .3s;  -webkit-transition-delay: .3s; -moz-transition-delay: .3s; }
		#recent-work ul li:nth-child(5) { transition-delay: .4s;  -webkit-transition-delay: .4s; -moz-transition-delay: .4s; }
		#recent-work ul li:nth-child(6) { transition-delay: .5s;  -webkit-transition-delay: .5s; -moz-transition-delay: .5s; }
		#recent-work ul li:nth-child(7) { transition-delay: .6s;  -webkit-transition-delay: .6s; -moz-transition-delay: .6s; }
		#recent-work ul li:nth-child(8) { transition-delay: .7s;  -webkit-transition-delay: .7s; -moz-transition-delay: .7s; }
		#recent-work ul li:nth-child(9) { transition-delay: .8s;  -webkit-transition-delay: .8s; -moz-transition-delay: .8s; }
		

#recent-work img {
	width: 100%;
	height: auto;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	position: relative;
	z-index: 1;
	}
	
	#recent-work li:after {
		pointer-events: none;
		position: absolute;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		content: '';
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		top: -3px;
		left: -3px;
		padding: 3px;
		z-index: -1;
		background: #F6F6F6;
		-webkit-transition: -webkit-transform 0.2s cubic-bezier(0, .3, 0.65, 1.850), opacity 0.2s;
		-moz-transition: -moz-transform 0.2s cubic-bezier(0, .3, 0.65, 1.850), opacity 0.2s;
		transition: transform 0.2s cubic-bezier(0, .3, 0.65, 1.850), opacity 0.2s;
	}

	.no-touch #recent-work li:hover:after {
		-webkit-transform: scale(1.15);
		-moz-transform: scale(1.15);
		-ms-transform: scale(1.15);
		transform: scale(1.15);
	}
	
/*
#just-added .round:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	top: -3px;
	left: -3px;
	padding: 3px;
	z-index: -1;
	background: #F6F6F6;
	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.24, 0, 0.65, 1.650), opacity 0.2s;
	-moz-transition: -moz-transform 0.2s cubic-bezier(0.24, 0, 0.65, 1.650), opacity 0.2s;
	transition: transform 0.2s cubic-bezier(0.24, 0, 0.65, 1.650), opacity 0.2s;
	}

#just-added .round:hover:after {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
}
*/	
	
	
	#recent-work ul a {
		color:#fff;
	}
	
	#recent-work ul a:hover {
		text-decoration: none;
	}
	

#latest-news {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 80px;
	border-bottom: 8px solid #111;
	margin-bottom: 35px;
	position: relative;
	display: block;
	}

#news-pager {
left: 510px;
	position: absolute;
	top: 45px;
	}

#news-pager a {
	margin: 0 5px;
	padding: 2px;
	background:#333;
	border-radius:50px;
	text-indent: -9999px;
	display: block;
	width: 5px;
	height:5px;
	float:left;
	}

#latest-news div {
	margin: 0 auto;
	width: 100%;
	display: block;
	text-align: center;
	}

#latest-news article {
	text-align: center;	
	width: 100%;
	margin: 40px auto;	
	}

#latest-news article .inner {
	max-width: 720px;
	margin: 0 auto;
	}

#latest-news article h4 {
	font-size: 60px;
	line-height: 1em;
	letter-spacing: 2px;
	border-bottom: 2px solid #9f9f9f;
	color: #97D4C8;
	margin-bottom: .5em;
	display: inline-block;
	}

#just-added {
	width: 50%;
	display: block;
	text-align: center;
	float: left;
	border-right: 2px dotted #c5c5c5;
	padding-bottom: 40px;
	padding-right: 5%;
	box-sizing: border-box;
	}

#just-added h3 {
	text-align: left;
	margin-bottom: 35px;
	}

#just-added .round {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	height: 300px;
	width: 300px;
	margin: 0 auto;	
	}

#just-added figure {
	overflow: hidden;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	height: 300px;
	width: 300px;
	display: block;
	margin: 0 auto;
	position: relative;
	}

#just-added .round:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	top: -3px;
	left: -3px;
	padding: 3px;
	z-index: -1;
	background: #F6F6F6;
	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0, .3, 0.65, 1.850), opacity 0.2s;
	-moz-transition: -moz-transform 0.2s cubic-bezier(0, .3, 0.65, 1.850), opacity 0.2s;
	transition: transform 0.2s cubic-bezier(0, .3, 0.65, 1.850), opacity 0.2s;
	}

#just-added .round:hover:after {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
}

#just-added img {
	width: 100%;
	height: auto;
	display: block;
}

#just-added figure images {
	display: block;
	width: 300px;
	height: auto;
	}

#just-added h5 {
	font-family: 'Letter Gothic Std', monospace;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	text-decoration: underline;
	width: 350px;
	margin: 0 auto 15px auto;
	margin-top: -25px;
	text-shadow: 1px 1px 0px #eee;
	position: relative;
	z-index: 10;
	}

#clients {
	width: 45%;
	float: right;
	display: inline-block;
	text-align: center;
	}

#clients ul {
	border: 3px solid #c5c5c5;
	margin-right: 58px;
	width: 100%;
	display: block;
	height: auto;
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0,0,0);
	-webkit-transition: .15s ease;
	-moz-transition: .15s ease;
	-ms-transition: .15s ease;
	transition: .15s ease;
	box-sizing: border-box;
	}

#clients ul:hover {
	border-color: #DE6F69;
	}

#clients li {
	width: 100%;
	display: block;
	}

#clients li img {
	width: 100%;
	height: auto;
	}
	
	#clients h3 {
		text-align: left;
	}

	#clients li span {
		position: absolute;
		top: 0;
		left: 0;
		text-indent: -9999px;
		z-index: 0;
	}

	#clients .bar {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 35px;
		background: #fff;
		opacity: .6;
		z-index: 999;
	}

#footer {
	width: 100%;
	background: #000 url(images/footer.jpg) no-repeat left center;
	padding: 60px 0 30px 0;
	margin: 0 auto;
	color: #fff;
	position: relative;
	height: 130px;
	clear:both;
	}
/*
	
	#footer a.top span {			
		position: absolute;
		width: 80px;
		top: 70px;
		right:0;
		padding: 20px 0 0 0;
		-webkit-transform:rotate(-90deg);
		-o-transform:rotate(-90deg);
		-moz-transform:rotate(-90deg);
		-ms-transform:rotate(-90deg);
		color:#fff;
		}
*/
		
		#footer a.top span:hover {
			color:#e65359;}
	
	.top {
		position: absolute;
		right: -80px;
		top: 80px;
		width: 210px;
		padding: 20px 5px 10px 5px;
		height: 30px;
		text-align: center;
		background: #222!important;
			-webkit-transform:rotate(-90deg);
		-o-transform:rotate(-90deg);
		-moz-transform:rotate(-90deg);
		-ms-transform:rotate(-90deg);
}
	
	#footer p, #footer address {
		text-align: center;
		font-size: 32px;
		font-family: 'Tondu', sans-serif;
		letter-spacing: 3px;
		text-transform: uppercase;
		font-style: normal;
		line-height: 1.2em;
		margin: 0 auto;
		width: 540px;
		}
	
	#footer ul.helpful {
		position: absolute;
		left: 0;
		top: -10px;
		font-size: 12px;
		line-height: 1.5em;
		width: 172px;
		}

	#footer ul.social {
		right: 0;
		top: -10px;
		text-align: right;
		position: absolute;
		font-size: 12px;
		line-height: 1.5em;
		width: 172px;		
		}
	
	li.cust-serv {
		margin-bottom: 15px;
		}

	/* Services */
	
	#intro {
		float: left;
		width: 27%;
		margin-right: 3%;
	}
	
	#intro blockquote {
		margin: 0 0 .5em 0;
		padding-bottom: .25em;
	}
	
	#intro blockquote p {
		padding-bottom: 1.5em;
		font-size: 1em;
		line-height: 1.7em;
		border-bottom: 1px dashed #333;
	}
	
	#offerings {
		float: right;
		width: 25%;
		min-width: 300px;
		margin-top: -37px;
		margin-bottom: 4em;
	}

	#offerings h2 {
		font-size: 1.8em;
		background: #e7535c;
		padding: 25px;
		color: #f0f0f0;
	}

	#offerings ul {
		padding-top: 10px;
		padding-left: 25px;
	}

	#offerings li {
		text-transform: uppercase;
		text-decoration: underline;
		margin-bottom: 5px;
	}

	#offerings li a {
		color: #333;
	}

	#pricing {
		background: #eee;
	}

	#pricing section {
		border-top: 1px solid #171717;
	}

	#pricing header {
		text-align: center;
		padding-top: 30px;
		padding-bottom: 25px;
	}
	
	#pricing h4 {
		text-align: center;
		font-size: 3em;
		letter-spacing: 5px;
		color: #dd5058;
	}

	#pricing header p {
		margin: 0 auto;
	}
	
	#pricing table {
		width: 100%;
		margin: 15px auto;
	}

	#pricing td {
		border-bottom: 1px dotted #abd4cc;
		text-align: center;
		padding: 10px 10px;
		font-size: 13px;
	}

	#pricing thead td {
		color: #b6b6b6;
		border-top: 1px dotted #abd4cc;
	}
	
	#pricing td:nth-child(1) {
		text-align: left;
		font: bold 14px sans-serif;
	}

	#pricing td:nth-child(even) {
		background: #f6f6f6;
	}

	#pricing tbody tr:hover td {
		background: #f6f6f6;
	}

	#pricing tbody tr:hover td:nth-child(even) {
		background: #fff;
	}

	#pricing td:nth-child(10) {
		display: none;
	}

	/* Services Single */
	
	.single-services .page_header h1 {
		font-size: 1.4em;
		line-height: 1em;
		color: #97D4C8;
		margin-top: 6px;
	}

	.single-services .page_header a {
		color: #111;
	}

	.single-services h2 {
		font-size: 3em;
		line-height: 1.2em;
		clear: left;
		letter-spacing: 4px;
		color: #dd5058;
	}
	
	.single-services #offerings h2 {
		font-size: 1.6em;
		letter-spacing: 2px;
	}
	
	.post-content {
		float: left;
		width: 66%;
		margin-right: 3%;
		margin-bottom: 8em;
	}
		
	.post-content img {
		display: block;
		width: 100%;
		height: auto;
		margin-bottom: 2em;
	}

/* =============================================================================
   Page Templates
   ========================================================================== */
   
   .page_header {
	   	width: 72%;
	   	height: 100px;
	   	margin-bottom: 35px;
	  	margin-right: 20px;
	   	border-bottom: 1px solid #000;
   	}

   	.page_header h1 {float:left;}
   	
   	.page_header .subhead {
   		float:left;
   		margin: 44px 0 0 15px;
   		line-height: 1;
   		}
   		
   			.page_header .subhead a {
   				color:#000;
   				text-decoration: underline;
   				}
   				
   	.narrow {
   		width: 70%;
   		max-width: 764px;
   		float:left;
   		}
   		
   		.sidebar {
   			background: url(images/bg_sidebar.png) no-repeat 35px -40px;
   			width: 28%;
   			float:left;
   			}
   			
   			.sidebar #share {
   				height:100px;
   			}
   			
   			.sidebar h4 {
   				margin-bottom: 20px!important;
   				}
   			
   			
   			.sidebar .post {
   				margin-bottom: 35px;
   				padding-top: 35px;
   				border-top:1px dashed #e65359;
   				}
   				
   			.sidebar .post h3 a {
	   				font-size: 1.4em;
	   				color:#000;
	   				text-decoration: underline;
   				}
   				
   			.convinced a {
	   				width: 300px;
	   				height:190px;
	   				background: url(images/featured-convinced.jpg) no-repeat left top;
	   				display: block;
	   				text-indent: -9999px;
   				}
   				
   				.sidebar .quote {
					width: 244px;
					padding: 25px 20px;
					margin-bottom: 35px!important;
					border: 8px solid #000;	
				}
					
					.sidebar .quote {
						background: url(images/bg_quote.png) no-repeat left top;
						margin-top: 20px;
					}
					
					.sidebar .share-btn {
						background:#95d4c8;
						width: 58px;
						padding: 25px 8px;
						text-align: center;
						border-radius: 58px;
						text-indent: -9999px;
						display: block;
						float:left;
					}
					
					.sidebar ul {float:left;}
 
 
		.page-id-29 .page_header, .page-id-113 .page_header {
			width: 100%;
			margin-bottom: 0;
		}
 
		#instagram {
			text-align: center;
			padding-top: 35px;
			overflow: hidden;
			width: 100%;
		}
 
   		#instagram-image-1 a:first-child {
	   		display: none;
   		}
   			
/*
   		.instagram-image {
   			float:left;
   			display:block;
   			width: 40%;
   			height:40%;
   			margin: 0 0 4% 8%;
   			}
*/
   			
   			#instagram .instagram-image {
		   		/* width: 26.333%; */
		   		width: 33.333%;
		   		float:none;
		   		display: inline-block;
		   		margin: 0;
		   		text-align: center;
		   		background: none;
		   		padding: 0;
		   		/* padding: 3.5% 3.5% 3.5% 3.5%; */
   			}
   			
/*
   			.instagram-image:nth-child(even) {
   				margin:0 0 4% 0!important;
   				}
*/

   		.instagram-image a {
   			display: block;
   			background: #DC5058;
   			border:1px solid #f6f6f6!important;   			
   			}
   		
   		.instagram img {
   			display: block;
   			width: 100%;
   			height: auto;
   			position: relative;
   			/* border:8px solid #fff!important;   			 */
   			-webkit-transition: .2s ease;
   			-moz-transition: .2s ease;
   			-ms-transition: .2s ease;
   			transition: .2s ease;
   			}
 
   		.instagram img:hover {
	   		opacity: .2;
   			}

   		.instagram a:after {
	   		content: attr(title);
	   		display: block;
	   		position: absolute;
	   		top: 50%;
	   		margin-top: -50px;
	   		left: 10%;
	   		right: 10%;
	   		opacity: 0;
	   		font: bold 14px/1.4em 'Letter Gothic Std', monospace;
   			}

   		.instagram a:hover:after {
	   		opacity: 1;
   			}
   			
   			#instagram .widgettitle {
   				display: none;
   				}
   				
  /* Company */
  
  .content {
  		width: 100%;
  		}
  
  .page-id-37 img.alignleft {
	  width: 50%;
	  height: auto;
	  margin-right: 3.5%;
  }

  .page-id-37 .page_header, .page-id-42 .page_header {
	  width: 100%;
  }

  .page_header .subnav {
	  float: right;
	  text-align: right;
	  margin-top: 30px;
	  margin-bottom: 0;
  }

  .page_header .subnav a {
	  color: #777;
	  display: inline;
	  border-bottom: 1px solid #777;
  }

  .page_header .subnav a:hover {
	  color: #DD5058;
	  text-decoration: none;
	  border-bottom: 1px solid #DD5058;
  }
  		
  aside {
  	float:left;
  }
  		
  	 #contact-info {
  	 	display: block;
  	 	}
  	 	
  	 	#contact-info li {
  	 		width: 21%;
  	 		float:left;
  	 		}
  	 		
  	 		#contact-info li p {
  	
  	 		  	 		border-top: 1px dotted #000;
  	 					padding: 15px 0;
  	 					font: bold 14px/1.6em 'Letter Gothic Std', monospace;
  	 		}
  	 		
  	 		#contact-info .location p:last-child {
  	 			border-top:none;
  	 			padding: 0;
  	 			}
  	 		
  	 		#contact-info li:last-child{
  	 			margin: 0 0 0 3%!important;
  	 			}
  	 			
  	 		#contact-info .location {
  	 			background: url(images/marker.jpg) no-repeat left top;
  	 			padding: 20px 0;
  	 			}
  	 			
   	 	/*
	#contact-info .info {
  	 			background: url(images/info.jpg) no-repeat left top;
  	 			padding: 20px 0;
  	 			}
*/
  
  #shop-gallery, .place-one, #pricing {
  	width: 100%;
  	float:left;
  	clear: left;
  	margin: 35px 0;
  	padding-top: 35px;
  	z-index: 99;
  	}
  	
  	#pricing {
	  	border-top: 8px solid #000;
  	}
  	
  	 #shop-gallery {
  	 	margin-bottom: 0;
  	 	padding: 35px 0 90px 0;
  	 	background: #000 url(images/gallery_bg.png) repeat-y center center;
  	 }
  	
  	#shop-gallery h3 {
	  	color: #f6f6f6;
  	}
  	
  	 #shop-gallery .slider {
  	 	margin: 35px 0 0px 0;
  	 	}

  	 #shop-gallery .slider li {
	  	 float: left;
	  	 width: 100%;
	  	 padding: 0;
	  	 margin: 0;
  	 	}

  	 #shop-gallery .slider li img {
	  	 display: block;
	  	 float: left;
  	 	}

  	 #shop-gallery .slider li img:first-child {
	  	 margin-right: 1.6%;
  	 	}


  	 #shop-gallery .slider li img.tall {
	  	 width: 32.4%;
	  	 height: auto;
  	 	}

  	 #shop-gallery .slider li img.wide {
	  	 width: 66%;
	  	 height: auto;
  	 	}
  	 	
  	 #shop-gallery .cycle-next {
	  	 font-size: 64px;
	  	 position: absolute;
		 z-index: 100;
		 top: 55%;
		 right: -20px;
		 color:#fff;
  	 }
  	 
  	 #shop-gallery .cycle-prev {
	  	 font-size: 64px;
	  	 position: absolute;
		 z-index: 100;
		 top: 55%;
		 left: -20px;
		 color:#fff;	  	 
  	 }
  	 
  	 nav.woocommerce-breadcrumb a {
	  	 padding:0;
	  	 text-transform: none;
	  	 font: bold 15px/22px 'Letter Gothic Std', monospace;
	  	 letter-spacing: normal;
	  	 float: none;
	  	 display: inline;
  	 }
  	 
  	  nav.woocommerce-breadcrumb a:hover {
	  	  background: transparent;
	  	  color: #ef565f;
	  	  text-decoration: underline;
  	  }
  	  
  	  h1.product_title {
	  	  line-height: 1;
  	  }
  	  
 /* Woo Single Product */
  
 .single-product h1.product_title{
	 font-size: 3em;
 }
 
.single-product .woocommerce-breadcrumb {
	  margin-bottom: 25px!important;
  }
  
  .single-product .woocommerce-breadcrumb a {
	  text-decoration: underline;
	  }
	  
.single-product .price, .attribute_pa_color_picker_label {
	 color:#999!important;
 }
 
.single-product .quantity, button.single_add_to_cart_button, .single-product #tab-additional_information h2 {display:none!important;} 

.single-product h2 {
	margin-bottom: 25px;
}
 
.pricing_table {
	 width: 100%;
	 float:left;
	 margin: 60px 0;
	 text-align: left;
 }
 
.pricing_table table {
	 width:100%;
 }
 
.pricing_table table td {
	 padding: 1% 0 .5% 0;
	 text-align: left;
 }
 
 .pricing_table table tr:hover {
	 background: #fff;
 }
 
 .pricing_table table thead tr {
	 border-bottom: none;
	 
 }
 
 .pricing_table table tr, table.shop_attributes tr {
	 border-bottom: 1px solid #ccc;
 }
 
  .pricing_table th {
	 background:#97d4c8;
	 padding: 1% 0 .5% 0;
	 
 }
 
 table.shop_attributes {
	 text-align: left;
 }
 
 /* End */
  	 	
 #client-page p {
 font-size: 36px;
 line-height: 2;
	 
 }
 
  #client-page {
  	padding-top: 35px;
  	width:72%;
  	clear:left;

	  border-bottom: 8px solid #000;
	  padding-bottom: 60px;
	  margin: 35px auto;
  }
  	 
  	 .place-one {
  		text-align: center;
  		}
  		
  		.place-one h4 {
  			font-size: 2.5em;
  			color:#e65359;
  			}
  		
  		
  		.place-one p {
  			margin: 0 auto;
  			padding: 35px 0;
  			width:540px;
  			border-bottom:1px dashed #e65359;
  			}
  			
  		.place-one p:last-child {
  			border-bottom:none;
  		}  
  		
  		
  		aside li:hover > a:after {
  			content:" →";
  			}
  			
  			
  		.button {
  			background: #a0cec4 url(images/arrow-point.jpg) no-repeat right top;
  			padding: 12px 15px;
  			width:170px;
  			}
  			
  		.button a {
  			color: #fff;
  			letter-spacing: 1px;
  			}
  			
  		  .button span {
  			}
  			
  		
  
  .page-id-402 .page_header {
	  margin-bottom: 0;
	  width: 100%;
  }
  
  .page-id-402 h1 {
	  margin-bottom: -6px;
  }
  
  #products {
  	width: 100%;
  	display: block;
  	border-bottom: 8px solid #000;
  	margin: 0;
  	padding: 0;
  	}
   	
   	#products .prod {
   		width: 30.333%;
   		/* height: 400px; */
   		float:left;
   		overflow: hidden;
   		margin: 0;
   		text-align: center;
   		padding: 15px 1.5% 15px 1.5%;
   		border-bottom: 1px solid #000;
   		}
   	
   	#products .prod img {
	   	margin: 0 auto;
	   	width: 100%;
	   	height: auto;
	   	-webkit-transition: .25s ease;
	   	-moz-transition: .25s ease;
	   	-ms-transition: .25s ease;
	   	transition: .25s ease;
	   	border:none;
   	}

   	#products a {
   		display: block;
	   	margin: 0 auto;
	   	width: 100%;
	   	-webkit-transition: .25s ease;
	   	-moz-transition: .25s ease;
	   	-ms-transition: .25s ease;
	   	transition: .25s ease;
   	}

   	#products .prod a.prod-start {
	   	position: relative;
	   	z-index: 9;
	   	visibility: visible;
   	}

   	#products .prod a.prod-start:hover {
	   	text-decoration: none;
	    	transform: translate3d(0,-45px,0);
	    		-webkit-transform: translate3d(0,-45px,0);
	    		 	-moz-transform: translate3d(0,-45px,0);
   	}

   	#products .prod a.prod-start.hide {
	   	-webkit-transform: translate3d(0,-360px,0);
	   	transform: translate3d(0,-360px,0);
	   	-moz-transform: translate3d(0,-360px,0);
	   	opacity: 0;
	   	visibility: hidden;
   	}

   	#products .prod a.prod-start:hover img {
	   	-webkit-transform: translate3d(0,-25px,0);
	   	-moz-transform: translate3d(0,-25px,0);
	   transform: translate3d(0,-25px,0);
   	}
   	
   	#products .prod a span {
	   	opacity: 0;
	   	-webkit-transition: .2s ease;
	   	-moz-transition: .2s ease;
	   	-ms-transition: .2s ease;
	   	transition: .2s ease;	   	
   	}

   	#products .prod a.prod-start:hover span {
	   	opacity: 1;
   	}
   	
   	.product_meta span {
	   	display:block;
	   	margin: 5px 0;
	   	padding:10px 0 5px 0;
	   	border-top: 1px solid #ddd;
	   	font-size: 12px;
   	}
   	
   	.products li a.button {
	   	background: transparent;
	   	border:none;
	   	text-shadow: none;
	   	box-shadow: none;
	   	padding:10px 0;
   	}
   	
   	 	.products li a.button:hover {
	   	background: transparent;
	   	border:none;
	   	text-shadow: none;
	   	box-shadow: none;
	   	padding:10px 0;
	   	color: #ef565f;
   	 	}

   	.prod .crumbs {
	   	visibility: hidden;
	   	opacity: 0;
	   	position: absolute;
	   	top: -80px;
	   	left: 0;
	   	right: 0;
	   	color: #999;
	   	-webkit-transition: .25s ease;
	   	-moz-transition: .25s ease;
	   	-ms-transition: .25s ease;
	   	transition: .25s ease;
   	}

   	.prod .crumbs.show {
	   	visibility: visible;
	   	opacity: 1;
	   	top: 15px;
   	}
   	
   	.prod .step {
	   	visibility: hidden;
	   	opacity: 0;
	   	position: absolute;
	   	bottom: -100px;
	   	top: auto;
	   	left: 0;
	   	right: 0;
	   	-webkit-transition: .3s ease;
	   	-moz-transition: .3s ease;
	   	-ms-transition: .3s ease;
	   	transition: .3s ease;
	   	text-transform: uppercase;
   	}

   	#products .prod .step a {
   		display: block;
	   	padding: 10px;
	   	width: auto;
	   	border-bottom: 1px solid #ccc;
	   	text-align: center;
	   	-webkit-transition: .1s ease;
	   	-moz-transition: .1s ease;
	   	-ms-transition: .1s ease;
	   	transition: .1s ease;
   	}

   	#products .prod .step li:last-child a {
	   	border-bottom: none;
   	}

   	.prod .step a:hover {
	   	background: #DD5058;
	   	color: #F6F6F6;
	   	border-color: transparent;
	   	text-decoration: none;
	   	-webkit-transition: 0s ease;
	   	-moz-transition: 0s ease;
	   	-ms-transition: 0s ease;
	   	transition: 0s ease;
   	}
   	
   	#faqs {
   		clear: both;
   		width: 100%;
	   	margin: 50px 0;
	   	padding-bottom: 50px;
	   	border-bottom: 8px solid #000;
   	}

   	#faqs h2 {
   		display: block;
	   	margin-bottom: 30px;
	   	font-size: 20px;
   	}

   	#faqs div {
	   	text-transform: none;
   	}

   	#faqs ul {
		-webkit-column-count:2;
		-moz-column-count:2;
		column-count:2;
		-webkit-column-gap:100px;
		-moz-column-gap:100px;
		column-gap:100px;		
		-webkit-column-rule:1px dotted #000;
		-moz-column-rule:1px dotted #000;
		column-rule:1px dotted #000;		
   	}
   	
   	#faqs li {
		display: block;
	   	margin-bottom: 35px;
	   	font-family: sans-serif;
	   	font-weight: normal;
	   	font-size: .9em;
	   	color: #777;
	   	-webkit-font-smoothing: antialiased;
   		text-align: justify;	   	
   	}
   	
   	#faqs div li strong {
		font: bold 15px/22px 'Letter Gothic Std', monospace;
	   	text-transform: uppercase;
	   	border-bottom: 1px solid #000;
	   	font-weight: bold;
	   	display: inline-block;
	   	margin-bottom: 15px;
	   	color: #000;
   	}
   	
   	.what-are-you-waiting-for {
	   	text-align: center;
	   	margin-bottom: 100px;
   	}

   	.what-are-you-waiting-for h2 {
	   	font-size: 40px;
	   	color: #db4f57;
   	}

   	.what-are-you-waiting-for p {
	   	width: 60%;
	   	max-width: 540px;
	   	margin: 30px auto;
   	}
   	
   	/* Custom Quote */
   	
   	.custom-form h3 {
	   	float: left;
	   	width: 30%;
   	}

   	.custom-form .part, .part {
	   	clear: both;
	   	width: 100%;
	   	display: block;
   	}

   	.custom-form .pull-right {
	   	width: 60%;
   	}
   	
 .form .post-content {
	  width:100%;
	  padding-top: 30px;	
  	}
  	
  		.form form {width: 72%; margin:0 auto;}
  		.form input {
	  		width:93%;
	  		/*float:left;
	  		clear:left;*/
	  		margin: 5px 0 30px 0;
	  		padding:20px;
	  		border: 8px solid #ddd;
	  		font: bold 15px/22px 'Letter Gothic Std', monospace;
  		}
  		
  		.form select {
	  		background:#ddd;
	  		margin: 5px 0 30px 0;
	  		padding:20px;
	  		border: 8px solid #ddd;
	  		width:99%;
  		}
  		
  		.form input[type="submit"]{
	  		background:#ef565f;
	  		border: 8px solid #ef565f;
	  		width:99%;
	  		font-size: 24px;
	  			  		font-family: 'Letter Gothic Std', monospace;
  		}
  		
  		.form input[type="submit"]:hover {
	  		background:#97d4c8;
	  		border: 8px solid #97d4c8;
	  		color: #fff;

  		}
  		
  		.form form img.ajax-loader {width:24px; height:24px;}
  
  
   	
   	/* Staff */
   	
   	.staff {
	   	text-align: center;
   	}
   	
   	.staff img {
	   	display: block;
	   	margin: 0 auto;
	   	width: 50%;
	   	height: auto;
   	}

   	.staff article {
   		float: left;
	   	clear: both;
	   	width: 100%;
	   	margin-top: -20px;
   	}

   	.staff article div {
	   	text-align: left;
	   	margin-top: 150px;
	   	display: block;
   	}

   	.staff article h3 {
	   	font-size: 32px;
   	}

   	.staff article div p {
	   	color: #777;
   	}

   	.staff article:nth-child(3n + 1) img {
	   	-webkit-transform: rotate(2deg);
   	}

   	.staff article:nth-child(3n + 2) img {
	   	-webkit-transform: rotate(-3deg);
   	}
   	
   	.staff article:nth-child(3n + 3) img {
	   	-webkit-transform: rotate(5deg);
   	}

   	.staff article:nth-child(even) img {
	   	float: left;
   	}

   	.staff article:nth-child(odd) img {
	   	float: right;
   	}

   	.staff article:nth-child(even) div {
	   	padding-right: 10%;
   	}

   	.staff article:nth-child(odd) div {
	   	padding-left: 10%;
   	}
   					
/* =============================================================================
   Wordpress Defaults
   ========================================================================== */

.left, .pull-left {
	float:left;
}

.right, .pull-right {
	float:right;
}

.aligncenter { 
	display:block; 
	margin:0 auto;
}

.alignleft { 
	float:left;
	margin:0 35px 25px 0;
}

.alignright { 
	float:right;
	margin:0 0 25px 35px;
}

.wp-caption { 
	border:1px solid #666; 
	text-align:center; 
	background:#ccc; 
	padding:10px; 
	margin:10px; 
}

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

@media only screen and (min-width: 480px) {

/* ====================
    INTERMEDIATE: Menu
   ==================== */
	

	
/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

	nav ul li{
		display:inline;
	}	
	.oldie nav a{
		margin:0 0.7%;		
	}
}

@media only screen and (min-width: 768px) {

/* ====================
    WIDE: CSS3 Effects
   ==================== */


/* ============
    WIDE: Menu
   ============ */
	


/* ============
    WIDE: Main
   ============ */


	
}

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

/* ===============
    Maximal Width
   =============== */

	.inner, .wrapper {
		width: 95%;
		max-width:1100px;
		margin:0 auto;
	}

	#recent-work ul li {
		width: 140px;
		height: 140px;
		margin: 0 4px;
		}

}

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

/* ===============
    Maximal Width
   =============== */

	#header h1 a {
		position: relative;
		top: 10px;
		width: 320px;
		height: 112px;
		background-size: 100%;
	}

	.inner, .wrapper {
		width: 95%;
		max-width:1080px;
		margin:0 auto;
	}

	#recent-work ul li {
		width: 140px;
		height: 140px;
		margin: 0 4px;
		}

}

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

	#header h1 a {
		position: relative;
		top: 20px;
		width: 280px;
		height: 96px;
		background-size: 100%;
	}

	nav a {
		padding: 20px 20px;
	}

	nav li.menu-item-1 {
		margin-left: -20px;
	}

	nav li.menu-item-4 {
		margin-right: -20px;
	}

	#pricing td:nth-child(8), #pricing td:nth-child(9) {
		display: none;
	}

	 #pricing td:nth-child(10) {
		display: table-cell;
	}

	.post-content {
		width: 63%;
	}

	#footer p, #footer address {
		font-size: 22px;
		-webkit-font-smoothing: antialiased;
	}

	#recent-work ul li {
		width: 150px;
		height: 150px;
		margin: 0 4px;
	}

	#recent-work ul li:last-child {
		display: none;
	}

}


@media only screen and (max-width: 900px) {	
	
	#header h1 a {
		position: relative;
		top: 20px;
		width: 280px;
		height: 96px;
		background-size: 100%;
	}
	
	.menu-item-1 span {
		display: none;
	}
	
	#pricing td:nth-child(6), #pricing td:nth-child(7) {
		display: none;
	}
	
	.dropdown {
		min-width: 700px;
		margin-left: -100px;
	}
	
	.dropdown .arrow {
		left: 22.2%;
	}
	
	.rva span {
		display: none;
	}

	.rva:after {
		content: attr(title);
	}	

	#just-added figure {
		height: 260px;
		width: 260px;
	}

	#products .prod {
		width: 46.5%;
		padding: 15px 1.5% 15px 1.5%;
		border-bottom: 1px solid #000;
	}

}


@media only screen and (max-width: 840px) {	
	
	#header h1 a {
		position: relative;
		top: 30px;
		width: 225px;
		height: 86px;
		background-size: 100%;
	}
	
	nav a {
		font-size: 17px;
		padding: 20px 15px;
	}
	
	nav li.menu-item-1 {
		margin-left: -15px;
	}

	nav li.menu-item-4 {
		margin-right: -15px;
	}
	
	.page-id-37 img.alignleft {display: none;}
	
	#contact-info li {
	width: 47%;

	}
	
	#shop-gallery .slider {overflow: hidden;}
	
	#client-page p {
	font-size: 24px;
	line-height: 2;
	}
	
	#intro {
		width:40%;
	}
	
	#instagram-widget-2 li:nth-child(5), #instagram-widget-2 li:nth-child(6)  {display: none;}
	#recent-work ul li {margin: 0 10px;}
	
	#offerings li {
	text-transform: uppercase;
	text-decoration: underline;
	margin-bottom: 5px;
	display: inline-block;
	width: 30%;
	}
		
	.page-id-35 .page_header {
	width: 100%;
	}
	
	.page-id-35 img {
		width: 50%;
		height:auto;
		
	}
	
	#offerings {
	float: left;
	clear:left;
	width: 100%;
	min-width: 300px;
	margin-top: 37px;
	margin-bottom: 4em;
	}
		
	
	
}

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

}

/*Fonts*/
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.1.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-map-marker:before {
  content: "\f041";
  color:#dd5058;
     font-size: 22px;
}
.fa-comment:before {
  content: "\f075";
   color:#dd5058;
   font-size: 22px;
   
}

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after, .cf:before, .cf:after { content: ""; display: table; }
.clearfix:after, .cf:after { clear: both; }
.clearfix, .cf { *zoom: 1; }

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