@charset "UTF-8";

/* the main style sheet containing tag definitions and core styles
   
	COLOR PALETTE
	Darkerst Blue: #040e1a;
	Darker Blue: #0f3a68;
	light blue: #31557a;
	vibrant blue: #0072bc;
	brand pink: #FC2650
   
*/

/*********************************************************************************************************************/
/* COMPONENTS */
/*********************************************************************************************************************/

	body {
		margin: 0;
		padding: 0;
		line-height: 1.0;
		font-family: "proxima-nova","helvetica", "arial", sans-serif;
		font-style:normal;
		font-size: 87.5%;
		background: #000 url(../images/bg-site.gif);
		color:#fff;
	}

	input, 
	textarea {
		font-family: "proxima-nova","helvetica", "arial", sans-serif;
		line-height: 1.5;
		font-size: 1em;
		background: #444;
		bordeR:none;
		width:98%;
		padding: 1%;
		padding: 1% 0%;
		text-indent: 1%;
		-webkit-appearance: none;
	}
	form div:focus input {
		color:#f00;
		background: #000;
	}
	input {
		width: 100%;
		padding: 1% 0%;
		text-indent: 1%;
	}
	h1, h2, h3, h4, h5, h6 {
		padding: 0;
		margin: 0;
	}
	h1 {

	}
	h2 {
		color:#888;
		text-transform: uppercase;
		font-family: "proxima-nova","helvetica", "arial", sans-serif;
		font-style:normal;
		font-weight: 300;
		text-align: center;
		font-size: 1.785714285714286em;
		margin: 32px 0 40px; /* bottom changed from 55 for products we offer */
		border-top: 1px #444 solid;
		padding: 30px 0 0;
	}
	h3 { 
		color:#fff;
		font-size: 1.65em;
		font-family: "proxima-nova","helvetica", "arial", sans-serif;
		font-style:normal;
		font-weight: 200;
		line-height: 1.2;
		padding: 0px 0 80px;
	 }
	h4 {
		color:#fff;
		font-size: 1.6em;
		font-family: "proxima-nova","helvetica", "arial", sans-serif;
		font-style:normal;
		font-weight: 700;
		line-height: 1.2;
		width:100%;
		margin-bottom:0;
	}
	h4 + p {
		margin-top:0;
	}
	h5 {

	}
	h6 {}
	
	fieldset { 
		margin: 0;
		padding: 0;
		border: none;
	}
	p { line-height: 1.4; }
	ol li, ul li { line-height: 1.5; }
	a { color: #FC2650; }
	a:hover { text-decoration: none; }
	:focus { outline: none; }
	
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
	    display: block;
	}
	img {border:none;}
	
	/* HIDE AND LABELS OR TEXT BUT KEEP AROUND FOR SCREEN READERS */
	
	.wrap {
		margin: 0 auto;
		max-width: 990px;
		width:100%;
	}

	.screen-reader-text {
		text-indent: -999em;
		display: block;
		float: left;
		width: 0px;
		height: 0px;
	}

	/*********************/
	/* LAYOUT/BLOCKS */
	/*********************/
	.wrap,
	header.site > div {
		max-width: 1000px;
		width:96%;
		margin: 0 auto;
	}
	.wrap.block {
		/*padding: 40px 0 500px;*/
		padding: 40px 0 40px;
		overflow:hidden;
	}
	 


	/*********************/
	/* BUTTONS */
	/*********************/

	
	/*********************/
	/* HORIZONTAL LISTS */
	/*********************/
	nav#primary ul,
	nav#primary ul,
	nav#pagination ul,
	nav.social ul,
	nav#options ul,
	section#clients ul,
	footer.site ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	nav#primary ul li,
	nav#primary ul li,
	nav#pagination ul li,
	nav.social ul li,
	nav#options ul li,
	section#clients ul li,
	footer.site ul li {
		display: block;
		float: left;
	}
	
/*********************************************************************************************************************/
/* HEADER */
/*********************************************************************************************************************/
	header.site {
		background: #222;
		width: 100%;
		overflow:hidden;
		position: fixed;
		z-index:100;
	}
	/* LOGO */
	h1#logo {
		margin: 10px 0 15px 0;
		width: 194px;
		height: 48px;
		float: left;
		display:block;
	}
	h1#logo a {
		width: 194px;
		height: 48px;
		float: left;
		display:block;
		text-indent: -999em;
		background: url(../images/sprite.png) 0px 0px no-repeat
	}
	
	/* PRIMARY NAV */
	nav#primary ul { float: right; }
	nav#primary ul li {
		margin-left: 12px;
	}
	nav#primary ul li a {
		display: block;
		float: left;
		text-transform: uppercase;
		color:#ccc;
		text-decoration: none;
		padding: 13px 13px 0px;
		margin: 15px 0 0 0px;
		font-size: 0.9em;
		-moz-transition-property: border, color;
  		-moz-transition-duration: 0.5s;
 		-moz-transition-timing-function: ease;
 		-webkit-transition-property: border, color;
  		-webkit-transition-duration: 0.5s;
 		-webkit-transition-timing-function: ease;
 		transition-property: border, color;
  		transition-duration: 0.5s;
 		transition-timing-function: ease;
	}
	nav#primary ul li a:hover {
		color:#fff;
	}
	nav#primary ul li a + span,  #nav-button span {
		color:#fff;
		background: #222;
		height: 5px;
		display:block;
		float: left;
		width:100%;
		border-radius: 5px;
		-moz-transition-property: background, color;
  		-moz-transition-duration: 0.5s;
 		-moz-transition-timing-function: ease;
 		-webkit-transition-property: background, color;
  		-webkit-transition-duration: 0.5s;
 		-webkit-transition-timing-function: ease;
 		transition-property: background, color;
  		transition-duration: 0.5s;
 		transition-timing-function: ease;
	}
	nav#primary ul li a:hover + span, #nav-button:hover span{
		background: #FC2850;
		
	}	
	#toggle-nav {
		display:none;
		float:right;
		text-transform: uppercase;
		color:#ccc;
		text-decoration: none;
		padding: 13px 13px 0px;
		margin: 15px 0 0 0px;
		font-size: 0.9em;
	}
	#toggle-nav:hover {
		color:#fff;
	}
	

/*********************************************************************************************************************/
/* CONTENT */
/*********************************************************************************************************************/
	
	/*********************/
	/* ICONS */
	/*********************/
	a.icon-rss,
	a.icon-linkedin,
	a.icon-facebook,
	a.icon-twitter,
	span.icon-work,
	span.icon-handshake {
		float: left;
		display:block;
		text-indent: -999em;
 		background: url(../images/sprite.png) no-repeat;
	}
	/* SOCIAL */
	a.icon-rss {
		width: 20px;
		height: 20px;
		margin: 2px 0 0;
		background-position: 0px -50px;
	}
	a.icon-linkedin {
		width: 20px;
		height: 20px;
		margin: 4px 0 0;
		background-position: -66px -50px;
	}
	a.icon-facebook {
		width: 11px;
		height: 23px;
		background-position: -101px -50px;
	}
	a.icon-twitter {
		width: 27px;
		height: 18px;
		margin: 5px 0 0;
		background-position: -29px -50px;
	}
	a.icon-rss:hover {
		background-position: 0px -74px;
	}
	a.icon-linkedin:hover {
		background-position: -66px -74px;
	}
	a.icon-facebook:hover {
		background-position: -101px -74px;
	}
	a.icon-twitter:hover {
		background-position: -29px -74px;
	}
	/* MAST OPTIONS */
	span.icon-work {
		width: 30px;
		height: 25px;
		margin: 0 9px 0 0;
		background-position: -175px -50px;
	}
	span.icon-handshake {
		width: 41px;
		height: 19px;
		margin: 3px 9px 0 0;
		background-position: -133px -50px;
	}
	a:hover span.icon-work {
		background-position: -175px -76px;
	}
	a:hover span.icon-handshake {
		background-position: -133px -76px;
	}
	
	
	nav.social ul li {
		margin: 0 20px 0px 0 ;
	}
	nav.social ul li a {
		-webkit-transition-property: background;  
		-webkit-transition-duration: 0.2s, 0.2s;  
		-webkit-transition-timing-function: linear, ease-in;  
		
		-moz-transition-property: background;  
		-moz-transition-duration: 0.2s, 0.2s;  
		-moz-transition-timing-function: linear, ease-in;  
		
		-o-transition-property: background;  
		-o-transition-duration: 0.2s, 0.2s;  
		-o-transition-timing-function: linear, ease-in;  
		
		transition-property: background;  
		transition-duration: 0.2s, 0.2s;  
		transition-timing-function: linear, ease-in;
	}
	
	/*********************/
	/* MAST */
	/*********************/
	#mast {
		margin: 120px 0;
		overflow:hidden;
	}
	#line1 h2, #line2 h2 {
		color:#fc2650;
		font-size:.8em;
		text-transform :none;
		text-align:center;
		line-height:.7;
		font-family: "proxima-nova","helvetica", "arial", sans-serif;
		font-style:normal;
		font-weight:300;
		letter-spacing: -0.05em;
		margin: 30px 0 0;
		clear:both;
		float: left;
		padding: 0;
		border:none;
		display: inline-block;
		width:100%;
	}
	#line2 h2 {
		color:#fff;
		font-style: normal;
		font-size:1.9em;
		display: block;
		margin-top: 0px; 
		font-family: "proxima-nova","helvetica", "arial", sans-serif;
		font-style:normal;

		font-weight:700;
	}
	#mast .txt {
		width:100%;
		
	}
	#mast .txt > div {
		width:100%;
		text-align: center;
	}
	#mast .img {
		width: 35%;
		margin: 40px 0 0;
		float: left;
	}
	#mast .img img {
		max-width: 246px;
		width:100%;
		display:block;
	}
	nav#options {
		float: left;
		clear: both;
		margin-top: 50px;
	}
	nav#options ul li a {
		color:#fff;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 1.05em;
		margin: 0 30px 0 0;
	}
	nav#options ul li a:hover {
		color:#fc2650;
	}
	
	#whatwedo {
    	clear: left;
    	overflow: hidden;
    	margin: 280px 0 0 0;
	}
	
	#whatwedo p.heading {
		font-style: italic;
		text-align: center;
		font-size: 1.2em;
	}
	
	#whatwedo div {
		float: left;
		margin: 10px 5% 0 0;
		width: 30%;
	}
	
	#whatwedo div:last-child {
		float: right;
		margin:10px 0 0 0;
	}
	
	#whatwedo div img {
		display: block;
		margin: 0 auto 10px auto;
		width: auto;
		clear: both;
		overflow: hidden;
	}
	
	#whatwedo div h3 {
		font-weight: bold;
		margin: 0;
		padding:0;
	}
	
	section#clients {
		width: 100%;
		display:block;
		float: left;
		clear:both;
		padding: 10px 0;
		border-top: 1px #444 solid;
	}
	section#clients p {
		text-align:center;
		font-size: 1.2em;
		margin-bottom: 20px;
	}
	section#clients ul {
		text-align:center;
	}
	section#clients ul li {
		margin: 0 10px 10px;	
		display:inline-block;
		float:none;
	}
	section#clients ul li:first-child {
		margin-left:0;
	}
	section#clients ul li:last-child {
		margin-right:0;
	}
	
	/*********************/
	/* TEAM */
	/*********************/
	
	#who_we_are > img {
		display:block;
		width:100%;
		height:auto;
	}
	#who_we_are h3 {
		padding: 30px 0;
	}
	nav#team ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	nav#team ul li {
		margin: 32px 32px 0 0;
		float: left;
		display: block;
	}
	nav#team ul li a {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	nav#team ul li a,
	nav#team ul li a img {
		float: left;
		display: block;
		-moz-transition-property: opacity, color;
  		-moz-transition-duration: 0.5s;
 		-moz-transition-timing-function: ease;
 		-webkit-transition-property: opacity, color;
  		-webkit-transition-duration: 0.5s;
 		-webkit-transition-timing-function: ease;
 		transition-property: opacity, color;
  		transition-duration: 0.5s;
 		transition-timing-function: ease;
	}
	nav#team ul li:nth-child(6) {
/* 		margin-right: 0; */
	}
	nav#team ul li a:hover img { 
		opacity: 1;
	}
	nav#team ul li a img {
		max-width:138px;
		width:100%;
		opacity: 0.8;
	}
	nav#team ul li a span {
		display: none;
	}
	#team_content.current {
		background: rgba(0, 0, 0, 0.3);
		width:100%;
		display:block;
		overflow:hidden;
	}
	#team_content.current .img {
		float:left;
		margin-right:5%;
	}
	#team_content.current img {
		
		max-width: 138px;
		margin-right:2%;
	}
	#team_content.current h3 {
		margin: 0;
	}
	#team_content.current .txt {
		float:left;
		width:60%;
	}
	.fancybox-skin {
		background: rgba(0, 0, 0, 0.9);
	}
	
	/*********************/
	/* FANCYBOX */
	/*********************/	
	/* fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */
	
	.fancybox-tmp iframe, .fancybox-tmp object {
		vertical-align: top;
		padding: 0;
		margin: 0;
	}
	
	.fancybox-wrap {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 8020;
	}
	
	.fancybox-skin {
		position: relative;
		padding: 40px 80px;
		margin: 0;
		background: #fff;
		color: #111111;
		text-shadow: none;
	}
	
	.fancybox-opened {
		z-index: 8030;
	}
	
	.fancybox-opened .fancybox-skin {
		-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
		   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
		        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	}
	
	.fancybox-outer, .fancybox-inner {
		padding: 0;
		margin: 0;
		position: relative;
		outline: none;
	}
	
	.fancybox-inner {
		/*overflow: hidden;*/
	}
	
	.fancybox-type-iframe .fancybox-inner {
		-webkit-overflow-scrolling: touch;
	}
	
	.fancybox-error {
		color: #444;
		font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
		margin: 0;
		padding: 10px;
	}
	
	.fancybox-image, .fancybox-iframe {
		display: block;
		width: 100%;
		height: 100%;
		border: 0;
		padding: 0;
		margin: 0;
		vertical-align: top;
	}
	
	.fancybox-image {
		max-width: 100%;
		max-height: 100%;
	}
	
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../images/sprite.png');
	}
	
	#fancybox-loading {
		position: fixed;
		top: 50%;
		left: 50%;
		margin-top: -22px;
		margin-left: -22px;
		background-position: -221px -51px;
		opacity: 0.8;
		cursor: pointer;
		z-index: 8020;
	}
	
	#fancybox-loading div {
		width: 44px;
		height: 44px;
		background: url('fancybox_loading.gif') center center no-repeat;
	}
	
	.fancybox-close {
		position: absolute;
		top: 10px;
		right: 10px;
		width: 13px;
		height: 13px;
		background-position: -208px -51px;
		cursor: pointer;
		z-index: 8040;
	}
	
	.fancybox-nav {
		position: absolute;
		top: 0;
		width: 40%;
		height: 100%;
		cursor: pointer;
		background: transparent url('http://headspacedesign.ca/assets/css/blank.gif'); /* helps IE */
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		z-index: 8040;
	}
	.fancybox-prev {
		left: 0;
	}
	
	.fancybox-next {
		right: 0;
	}
	
	.fancybox-nav span {
		position: absolute;
		top: 50%;
		width: 36px;
		height: 34px;
		margin-top: -18px;
		cursor: pointer;
		z-index: 8040;
		visibility: hidden;
	}
	
	.fancybox-prev span {
		left: 20px;
		background-position: 0 -36px;
	}
	
	.fancybox-next span {
		right: 20px;
		background-position: 0 -72px;
	}
	.fancybox-nav:hover span {
		visibility: visible;
	}
	.fancybox-tmp {
		position: absolute;
		top: -9999px;
		left: -9999px;
		padding: 0;
		overflow: visible;
		visibility: hidden;
	}
	
	/* Overlay helper */
	
	#fancybox-overlay {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		display: none;
		z-index: 8010;
		background:#111;
	}
	
	#fancybox-overlay.overlay-fixed {
		position: fixed;
		bottom: 0;
		right: 0;
	}
	
	/* Title helper */
	
	.fancybox-title {
		visibility: hidden;
		font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
		position: relative;
		text-shadow: none;
		z-index: 8050;
	}
	
	.fancybox-opened .fancybox-title {
		visibility: visible;
	}
	
	.fancybox-title-float-wrap {
		position: absolute;
		bottom: 0;
		right: 50%;
		margin-bottom: -35px;
		z-index: 8030;
		text-align: center;
	}
	
	.fancybox-title-float-wrap .child {
		display: inline-block;
		margin-right: -100%;
		padding: 2px 20px;
		background: transparent; /* Fallback for web browsers that doesn't support RGBa */
		background: rgba(0, 0, 0, 0.8);
		-webkit-border-radius: 15px;
		   -moz-border-radius: 15px;
		        border-radius: 15px;
		text-shadow: 0 1px 2px #222;
		color: #FFF;
		font-family: "proxima-nova","helvetica", "arial", sans-serif;
		font-style:normal;

		font-weight: bold;
		line-height: 24px;
		white-space: nowrap;
	}
	
	.fancybox-title-outside-wrap {
		position: relative;
		margin-top: 10px;
		color: #fff;
	}
	
	.fancybox-title-inside-wrap {
		margin-top: 10px;
	}
	
	.fancybox-title-over-wrap {
		position: absolute;
		bottom: 0;
		left: 0;
		color: #fff;
		padding: 10px;
		background: #000;
		background: rgba(0, 0, 0, .8);
	}
	
	/* MODAL WINDOW */
	
	.modal  {
		overflow: hidden;
	}
	.modal > img {
		float:left;
		max-width:138px;
		height:auto;
		width:25%;
	}
	.modal .txt {
		display:block;
		margin-left:28%;
	}
	.modal h3 {
		color:#111111;
		margin: 0;
		width:auto;
		font-size:1.1em;
		padding:0;
		font-family: "proxima-nova","helvetica", "arial", sans-serif;
		font-style:normal;

		font-weight: 700;
	}
	.modal h3 span {
		font-family: "proxima-nova","helvetica", "arial", sans-serif;
		font-style:normal;

		font-weight: 400;
	}
	
	/*********************/
	/* PRODUCTS */
	/*********************/
	
	#products {
		overflow: hidden;
		
	}
	#products > section {
		float: left;
		display: block;
		width: 45%;
	}
	
	#products section:last-child {
		float: right;
	}

	#products section img {
    	margin-bottom: 20px;
	}

	#products section:last-child img {
    	margin-top: 28px;
	}
	
	#products section h3 {
		margin: 0;
		padding: 0;
		font-weight: bold;
	}
	
	/*********************/
	/* WHAT WE DO */
	/*********************/
	#what_we_do > section {
		float: left;
		display: block;
		width: 27%;
		margin-left: 9.5%;
	}
	#what_we_do h2 {
		margin-bottom: 40px;
	}
	#what_we_do h3 + section {
		margin-left: 0;
	}
	#what_we_do h4 {
		text-align:center;
		text-transform: uppercase;
		font-size: 1.3em;
		padding: 0 0 5px 0;
		margin: 0 0 20px;
		font-family: "proxima-nova","helvetica", "arial", sans-serif;
		font-style:normal;

		font-weight: 600;
		border-bottom:1px #555 solid;
	}
	#what_we_do ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#what_we_do ul li {
		margin: 8px 0;
		padding: 0;
		font-size: 1.1em;
		font-family: "proxima-nova","helvetica", "arial", sans-serif;
		font-style:normal;

		font-weight: 300;
		background: url(../images/list-arw.png) no-repeat 0px 5px;
		padding: 0 0 0 20px;
	}
	span.amp {
	  font-family: "baskerville", "Book Antiqua", serif;
	  font-style: italic;
	  font-weight:300 !important;
 	}
 	
 	/*********************/
	/* TOOLS WE USE */
	/*********************/

	#tools_we_use {
		padding-bottom:0;
	}
	#tools_we_use section > article {
		width: 30%;
		float: left;
		margin: 0 5% 0 0;
	}
	.tool-ci {
		clear:both;
	}
	#tools_we_use section > article+article+article {
		width: 30%;
		margin: 0 0 0 0;
	}	
	#tools_we_use section h3 {
		text-align:center;
		border-bottom: 1px #555 solid;
		padding: 30px 0 5px;
		margin: 0 0 30px;
		font-family: "proxima-nova","helvetica", "arial", sans-serif;
		font-style:normal;

		font-weight: 600;
		text-transform: uppercase;
		clear:both;
	}
	#tools_we_use > h3 {
		padding-bottom:10px;
	}
	#tools_we_use .img {
		height:150px;
		margin-bottom:40px;
		width:100%;
		position: relative;
	}	
	#tools_we_use .img span {
	    position: absolute;
    	bottom: 0px;
    	width:100%;
    	text-align: left;
	}
	section#dev p {
		font-size: 1.1em;
	}
	section#dev > div > p {
		margin-top: 0;
		width: 36.3939393939394%;
		margin-right: 3%;
		float: left;
	}	
	section#dev > div > p img  {
		text-align:center;
		display:block;
		width:109px;
		margin: 0 auto 20px;
	}
	section#dev > div > div {
		float: right;
		width: 60.6060606060606%;
	}
	section#dev > div > div > img {
		float: right;
		margin-left: 0.5%;
		width: 49.5%;
	}
	section#tools_we_use img {
		max-width:100%;
		height:auto;
	}
	section#dev > div img:last-child {
		margin: 0;
	}
	#strategy-marketing article img {
		width:100%;
		height:auto;
		max-width:290px;
	}
	#strategy-marketing .tool-campaignmonitor img {
		max-width:100%;
	}
	article.tool-ci img
	article.tool-ci img {
		width:61px;
		margin: 0 auto;
		display:block;
	}
	article.tool-penpaper img {
		padding-left:35px;
	}
	article.tool-adobe img span {
		text-align:center;
	}
	article.tool-analytics > img {
		margin-bottom:20px;
	}
	article.tool-optimizer > img {
		margin-bottom:20px;
	}
	article.tool-seomoz > img {
		margin-bottom:20px;
	}
	#strategy-marketing article.tool-campaignmonitor {
		width:100%;	
		margin-top:40px;
	}
	#strategy-marketing article.tool-campaignmonitor img {
		width:100%;
		height:auto;
		float:right;
		width:66%;
		margin-top:-40px;
	}	
	#strategy-marketing article.tool-campaignmonitor p {
		display:block;
		width:28%;
		float:left;	
		margin-bottom:80px;
	}
	
	/* CHECK GLOBAL FONT SIZES */
	
	#tools_we_use article p {
		font-size:1.1em;
		line-height:1.5;
		/* margin-bottom:30px; */
	}
	
	/*********************/
	/* HOW WE DO IT */
	/*********************/
	
	#tabs ol {
		display:block;
		float:left;
		overflow: hidden;
		padding-left:0;
		width:100%;
	}
	#how_we_do_it .slider h3 {	
		margin-top:0;
		padding-top:0;
	}
	#how_we_do_it p {	
		font-size:1.5em;
		line-height:1.35;
		margin-left:211px;
	}
	#how_we_do_it > p {
		margin-bottom:50px;
	}
	#tabs ol li {
		float:left;
		display:inline-block;
	}
	#tabs ol li a {	
		padding:20px 40px 10px 0px;
		text-decoration:none;
		text-transform:uppercase;	
		color:#666666;
		font-size:1.25em;
		font-family: "proxima-nova","helvetica", "arial", sans-serif;
		font-style:normal;

		font-weight:700;
		-moz-transition-property: opacity, color;
  		-moz-transition-duration: 0.5s;
 		-moz-transition-timing-function: ease;
 		-webkit-transition-property: opacity, color;
  		-webkit-transition-duration: 0.5s;
 		-webkit-transition-timing-function: ease;
 		transition-property: opacity, color;
  		transition-duration: 0.5s;
 		transition-timing-function: ease;
	}
	#tabs ol li a:hover, #tabs ol li.flex-active a {
		color:#FC2650;
	}	

	.slider {
		margin: 0; 
		padding: 35px 45px 5px; 
		float:left; 
		max-width:990px; 
		width:100%;
		background:#fff;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	.slides li h3 {
		color:#000000;
		font-family: "proxima-nova","helvetica", "arial", sans-serif;
		font-style:normal;

		font-weight:700;
		font-size:1.7em;
		padding: 5px 0 0 0;
	}
	.slides li p {
		color:#000000;	
		margin:10px 0 30px 0;
	}	
	.slides li img {
		float:left;
		margin:0 60px 30px 0;
	}
	

	/*********************/
	/* PRODUCTS WE OFFER */
	/*********************/
	
	
	#products_we_offer h3 {
		padding-bottom:20px;
	}
	#products_we_offer > article {
		width: 24%;
		float: left;
		margin: 0 14% 0 0;
	}
	#products_we_offer > article+article+article {
		width: 24%;
		margin: 0 0 0 0;
	}
	#products_we_offer .img {
		height:150px;
		margin-bottom:40px;
		width:100%;
		position: relative;
	}	
	#products_we_offer .img span {
	    position: absolute;
    	bottom: 0px;
    	width:100%;
    	text-align: center;
	}
	#products_we_offer a {
		text-transform:uppercase;
		color:#fff;
		text-decoration:none;
	}
	#products_we_offer a:hover {
		color:#FC2650;
		text-decoration:underline;
	}
	
	/* CHECK GLOBAL FONT SIZES */
	
	#products_we_offer p {
		font-size:1.1em;
		line-height:1.5;
		margin-bottom:30px;
	}
	
	
		
	/*********************/
	/* WHAT WE'VE DONE */
	/*********************/
	
	.responsive-image {
		display:none;
	}
	.responsive-image img {
		width:100%;
		heighT:auto;
		margin-bottom:-5px;
	}

	#what_weve_done article {
		background:#fff;
		-webkit-border-radius:15px;
		border-radius:15px;
		min-height: 390px;
		display:block;
		overflow:hidden;
		padding:0;
		margin:0 0 80px 0;
	}
	#what_weve_done article + article {

	}
	#what_weve_done article > div {
		display:block;
		padding:40px;
		float:left;
		width:30%;
		
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
	}
	#what_weve_done aside {
		float:right;
		max-width:740px;
		height:390px;
		width:70%;
		background: url(../images/ajax-loader_white.gif) center center no-repeat;
		
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;		
	}	
	#what_weve_done h3 {
		font-size: 1.6em;
		font-family: "proxima-nova","helvetica", "arial", sans-serif;
		font-style:normal;

		font-weight: 700;
		line-height: 1.2;
		padding:0;
	}	
	#what_weve_done h3, #what_weve_done p {
		color:#000;	
	}
	.fadeslidercontrols ol {
		padding:0;
	}
	.fadeslidercontrols ol li a {	
		float:left;
		display:block;
		width:15px;
		height:15px;
		border:1px solid #FC2650;
		border-radius:10px;
		-webkit-border-radius:10px;
		overflow:hidden;
		text-indent:-999px;
		margin: 0 10px 10px 0;
		-moz-transition-property: background, color;
  		-moz-transition-duration: 0.5s;
 		-moz-transition-timing-function: ease;
 		-webkit-transition-property: background, color;
  		-webkit-transition-duration: 0.5s;
 		-webkit-transition-timing-function: ease;
 		transition-property: background, color;
  		transition-duration: 0.5s;
 		transition-timing-function: ease;
	}
	.fadeslidercontrols ol li a.flex-active {
		background:#FC2650;	
	}	
	#what_weve_done a.visit-site {
		display:block;
		clear:both;
		text-transform:uppercase;
		text-decoration:none;
		padding-top:10px;
	}	
	a.visit-site span {
		display:block;
		overflow:hidden;
		text-indent:-999px;
		float:left;
		margin-right:10px;
		line-height:.4;
		width:19px;
		height:15px;
		background:url(../images/sprite.png) -114px -50px no-repeat;
	}
	#what_weve_done aside ul {	
		margin:0;
	}
	#what_weve_done	.slides li img {
		float:none;
		margin-right:0px;
	}


	
	/*********************/
	/* CONTACT */
	/*********************/
	form {
		position: relative;
		width:40%;
		float: left;
	}
	form input[type="text"],
	form input[type="email"],
	form input[type="tel"],
	form textarea {
		margin-bottom:30px;
		resize:none;
		padding:8px;
		border: 2px #444 solid;
		-webkit-box-sizing:border-box;
		-o-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		width:100%;
		color:#cccccc;
		
		-moz-transition-property: background, border, color;
  		-moz-transition-duration: 0.5s;
 		-moz-transition-timing-function: ease;
 		-webkit-transition-property: background, border, color;
  		-webkit-transition-duration: 0.5s;
 		-webkit-transition-timing-function: ease;
 		transition-property: background, border, color;
  		transition-duration: 0.5s;
 		transition-timing-function: ease;
	}
	form input[type="text"]:focus,
	form input[type="email"]:focus,
	form input[type="tel"]:focus,
	form textarea:focus {
		border-color:#FC2650;
	}
	form textarea {
		min-height:130px;
	}
	form input[type="submit"] {
		display:block;
		float:right;
		padding:12px 25px;
		color:#fff;
		background:#FC2650;
		border-radius:5px;
		-webkit-border-radius:5px;
		width:auto;
		text-transform:uppercase;
		cursor: pointer;
		-moz-transition-property: background, margin;
  		-moz-transition-duration: 0.2s;
 		-moz-transition-timing-function: ease;
 		-webkit-transition-property: background, margin;
  		-webkit-transition-duration: 0.2s;
 		-webkit-transition-timing-function: ease;
 		transition-property: background, margin;
  		transition-duration: 0.2s;
 		transition-timing-function: ease;

	}
	form input[type="submit"]:hover {
		background:#dc1f44;
	}
	label {
		display:block;
		text-transform:uppercase;
		font-size: 1em;
		margin-bottom:5px;
	}
	label.error {
		margin: -25px 0 30px;
		text-transform: none;
		font-size: 0.9em;
		color:#FC2650;
	}
	#processing.active {
		position: absolute;
		top: 0;
		bottom: 0;
		height:100%;
		width: 100%;
		display: block;
		text-align: center;
		vertical-align: middle;
	}
	#processing.active {
		vertical-align: middle;
	}
	#lets_talk {
		margin-top:0;
		position:relative;
	}
	#lets_talk h2 {
		margin:0 0 70px 0;
	}
	#lets_talk h2 + p {
		position:absolute;
		top:65px;
		right:0;
		color:#888888;	
	}	
	#lets_talk fieldset {
		display:block;
		width:100%;
		float:left;
	}
	#contact-info {
		float:right;
		width:55%;
		margin-left:5%;
	}
	#contact-info > div {
		float:left;
		width:260px;
	}	
	#contact-info h3 {
		padding:0 0 10px 0;
		font-family: "proxima-nova","helvetica", "arial", sans-serif;
		font-style:normal;

		font-weight:700;
	}
	#contact-info h3 span {
		font-family: "proxima-nova","helvetica", "arial", sans-serif;
		font-style:normal;

		font-weight: 400;
		font-size: .7em;
	}	
	#contact-info > p {
		display:block;
		float:left;
		margin:4px 0 0 0;
	}	
	#lets_talk iframe {
		float:left;
		margin-top:20px;
		border:none;
		background:url(../images/map_back.jpg);
		height: 327px;
	}
	#msg.active {
		background: #FC2650;
		padding: 50px 20px 100px;
		border-radius: 0px 10px 0px 10px;
	}
	#msg  h2 {
		border:none;
		text-align:left;
		color:#fff;
		padding: 0;
		margin: 0;
	}
	#lets_talk #msg  h2 + p {
		color:#fff;
		position:relative;
		right: auto;
		top: auto;
	}	
	
	
	
	/*********************/
	/* BLOG */
	/*********************/
	
	#blog-index {
		background:#fff;
		color:#333333;
		text-align:left;
		padding-top:50px;
		overflow:hidden;
	}
	#blog-index article {
		display:block;
		border-bottom: 1px solid #CCCCCC;
		padding:20px 0;
		overflow:hidden;
	}
	#blog-index > div > div  {
		float:left;
		margin-right:250px;
	}
	#blog-index aside {
		float:right;
		width:200px;
		margin-left:-250px;
	}
	#blog-index aside .social {
		padding:30px 0;
	}

	#blog-index h2 > a {
		color:#333333;
		text-decoration:none;
	}	
	#blog-index h2 {
		color:#333;
		font-family: "proxima-nova","helvetica", "arial", sans-serif;
		font-style:normal;

		font-weight:400;
		font-size: 3em;
		text-align:left;
		padding:0;
		margin:0;	
		border:none;
		text-transform:none;
		letter-spacing: -1px;
	}
	#blog-index h3 {
		color:#333333;
		padding:10px 0 0 0;
	}
	#blog-index h4 {
		color:#333333;
		padding:20px 0 0 0;
		font-size: .9em;
	}
	#blog-index h2 > a:hover {
		color:#FC2650;
	}	
	#blog-index .meta {
		display:block;
		font-size:.8em;
		padding-bottom:10px;
	}
	#blog-index .meta strong {
		margin-left:10px;
	}	
	#blog-index .meta strong:first-child {
		margin-left:0px;
	}	
	#blog-index iframe {
		width:100% !important;
		max-width:420px;
	}
	#blog-index img {
/* 		width:100% !important; */
		height:auto !important;
		max-width:566px;
	}
	
	#blog-index article p, #blog-index article li {
		width:100%;
		font-size: 1.1em;
		line-height: 1.6em;
		margin: 0 0 15px 0;
	}
	
	#blog-index article ul, #blog-index article ol {
		overflow: hidden;
	}
	
	#blog-index article li {
		margin: 0;
		padding: 0;
	}
	
	#blog-index article h3 {
		margin: 20px 0 0 0;
		font-family: "proxima-nova","helvetica", "arial", sans-serif;
		font-style:normal;

		font-weight: 700;
		font-size: 1.5em;
	}
	
	#blog-index article h4 {
		font-size: 1em;
		text-transform: uppercase;
		letter-spacing: 2px;
	}
	
	#blog-index article img {
		max-width: 500px;
		margin: 0;
		padding: 0;
		margin-left: 20px;
	}
	
	#nav_categories {
		padding: 0 0 0 15px;
	}
	
	#nav_categories li {
		margin-bottom: 5px;
		list-style-type: square;
	}


/*********************************************************************************************************************/
/* 																						  		FLEXSLIDER		     */
/*********************************************************************************************************************/	
	
	/*
 * jQuery slider v2.0
 * http://www.woothemes.com/slider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.slider a:active,
.flex-container a:focus,
.slider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* slider Necessary Styles
*********************************/ 

.slider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider .slides img {display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}




	
	

/***************************************************/
/*									 COMMENTS 	   */
/***************************************************/

	
	#comment-form {
		margin-top:60px;
	}
	#comment-form fieldset {
		width: 60%;
		float: left;
	}
	#comment-form fieldset + fieldset {
		width: 40%;
	}
	#comment-form fieldset label,
	#comment-form fieldset input[type="text"],
	#comment-form fieldset textarea {
		display: block;
		clear:both;
		width: 90%;
	}
	#comment-form fieldset input[type="text"],
	#comment-form fieldset textarea {
	    -moz-transition-duration: 0.2s, 0.2s;
	    -moz-transition-property: border, background;
	    -moz-transition-timing-function: linear, ease-in;
	    background-color: #EBF0F3;
	    border: 2px solid #999999;
	    border-radius: 5px 5px 5px 5px;
	    box-shadow: 0 0 5px #AAAAAA inset;
	    font-size: 15px;
	    height: 30px;
	    padding: 2px 10px;
	}
	#comment-form fieldset input[type="text"]:focus,
	#comment-form fieldset textarea:focus {
		border: 2px solid #FC2650;
	}
	#comment-form fieldset label { 
		font-size: 16px; 
		margin: 20px 0 3px;
	}
	#comment-form fieldset .cb label + label {
		margin-top: 0;
	}
	#comment-form fieldset textarea {
		height: 150px;
	}
	#comment-form fieldset input[type="submit"] {
		bordeR: none;

		background: #ccc;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff'); /* for IE */
		color: #666;
		padding: 15px 30px;
		
		background-image: -webkit-gradient(
		    linear,
		    left bottom,
		    left top,
		    color-stop(0, rgb(204,204,204)),
		    color-stop(1, rgb(255,255,255))
		);
		background-image: -moz-linear-gradient(
		    center bottom,
		    rgb(204,204,204) 0%,
		    rgb(255,255,255) 100%
		);		
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
		border-radius: 2em;
		font-size: 20px;
		text-transform: uppercase;
		text-align: center;
		text-decoration: none;
		margin: 20px auto 30px;
		display:inline-block;
		
		-webkit-transition-property: color, background;  
		-webkit-transition-duration: 0.2s, 0.2s;  
		-webkit-transition-timing-function: linear, ease-in;  
		
		-moz-transition-property: color, background;  
		-moz-transition-duration: 0.2s, 0.2s;  
		-moz-transition-timing-function: linear, ease-in;  
		
		-o-transition-property: color, background;  
		-o-transition-duration: 0.2s, 0.2s;  
		-o-transition-timing-function: linear, ease-in;  
		
		transition-property: color, background;  
		transition-duration: 0.2s, 0.2s;  
		transition-timing-function: linear, ease-in;
	}
	#comment-form fieldset input[type="submit"]:focus,
	#comment-form fieldset input[type="submit"]:hover {
		background-color: #fff;
		color: #fff;

		background: #ccc;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc'); /* for IE */
		background-image: -webkit-gradient(
		    linear,
		    left bottom,
		    left top,
		    color-stop(0, rgb(255,59,114)),
		    color-stop(1, rgb(214,6,64))
		);
		background-image: -moz-linear-gradient(
		    center bottom,
		    rgb(255,59,114) 0%,
		    rgb(214,6,64) 100%
		);		
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
		border-radius: 2em;
		font-size: 20px;
		text-transform: uppercase;
		text-align: center;
		text-decoration: none;
		margin: 20px auto 30px;
		display:inline-block;
	}

	.addthis_toolbox { margin: -10px 0 20px; }
	#comment-form fieldset input[type="text"] { padding: 7px 5px; }
	
	#comment-list ul,
	#comment-list ul li {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	#comment-list ul li { margin-bottom: 10px; }
	#comment-list ul li > p:first-child {
		background: #999;
		color:#fff;
		padding: 5px;
		margin: 0;
		-webkit-transition-property: color, background;  
		-webkit-transition-duration: 0.2s, 0.2s;  
		-webkit-transition-timing-function: linear, ease-in;  
		
		-moz-transition-property: color, background;  
		-moz-transition-duration: 0.2s, 0.2s;  
		-moz-transition-timing-function: linear, ease-in;  
		
		-o-transition-property: color, background;  
		-o-transition-duration: 0.2s, 0.2s;  
		-o-transition-timing-function: linear, ease-in;  
		
		transition-property: color, background;  
		transition-duration: 0.2s, 0.2s;  
		transition-timing-function: linear, ease-in;
	}
	#comment-list ul li:hover > p:first-child {
		background: #D60640;
	}
	#comment-list ul li > div {
		font-size: 1em;
		background-color:#efefef;
		padding:15px;
	}
	
	#comment-list p {
		font-family: "lato", arial;
		font-size: 13px;
	}








/*********************************************************************************************************************/
/* 																						  		RESPONSIVE		     */
/*********************************************************************************************************************/

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

/* HEADER / NAV */

	header.site {
		width:200px;
		height:100%;
		left:0;
		-webkit-overflow-scrolling: touch;
	}

	/* LOGO */
	h1#logo {
		margin: 20px 0 15px 20px;
		width: 155px;
		height: 39px;
	}
	h1#logo a {
		width: 155px;
		height: 39px;
		background: url(../images/sprite.png) -195px 0 no-repeat;
	}
	
/* PRIMARY NAV */
	nav#primary ul { float: left; }
	nav#primary ul li {
		margin-left: 8px;
		clear:both;
	}
	nav#primary ul li a {
		display: block;
		float: left;
		padding: 13px 13px 0px;
		margin: 0 0 0 0;
	}
	nav#primary ul li a:hover + span, #nav-button:hover span{
		background: #FC2850;
	}
	#mast .social {
		position:fixed;
		top:400px;
		left:30px;
		z-index:500;
	}	
	#mast .social ul li {	
		margin-right:10px;
	}

	
/* LAYOUT */

	.wrap {
	    margin:0 30px 0 230px;
	    width: auto;
	}
	
	.wrap.block {
		padding:0;
	}
	
/* MAST */	
	
	#mast {
		margin:40px 0 0 0;
	}
	#mast .txt {
		width:100%;
	}
	#mast .img {
		width: 25%;
		margin: 40px 0 0;
		padding:0 5%;
	}
	#mast .social ul {
		width:118px;
	}	
	
/* CLIENTS */
	
	section#clients ul li {
		margin:0 10px;
		min-height:80px;
		max-width:90px;
	}
	#clients img {
		display:block;
		width:100%;
		height:auto;
	}
	
/* TOOLS WE USE */

	#strategy-marketing article.tool-campaignmonitor img {
		width:45%;
		margin-top:0px;
	}	
	#strategy-marketing article.tool-campaignmonitor p {
		width:45%;
		margin-bottom:20px;
	}
	section#dev > div > div {
		margin-top:105px;
	}
	section#dev > div >p img {
		margin:0 0 20px;
	}
	
/* BLOG */

	#blog-index {
		padding-top:15px;
	}
	#blog-index > div > div  {
		margin-right:0px;
	}
	#blog-index aside {
		display:none;
	}

		
}

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

	
	header.site {
		width:100%;
		height:110px;
	}
	.wrap.block {
		margin:0 30px;
	}
	section h3 {
		font-size:1.25em;
	}
	h1#logo {
		margin-bottom:0;
	}
	
	/* PRIMARY NAV */
	nav#primary {
		clear:both;
		width:100%;
		padding-top:10px;
	}	
	nav#primary ul {
		width:100%;		
	}
	nav#primary ul li {
		margin-left:0;
		clear:none;
		width:12%;
		padding:0 1.1%;
	}
	nav#primary ul li a {
		float:none;
		padding:0;
		text-align:center;
	}

	/* TINY LOGO */


	h1#logo {
		margin: 15px 0 15px 20px;
		width: 115px;
		height: 28px;
	}
	h1#logo a {
		width: 115px;
		height: 28px;
		background: url(../images/sprite.png) -351px 0 no-repeat;
	}
		

	/* MAST */
	#mast {
		margin:170px 0 40px;
	}
	#mast .img {
		float:none;
		padding:0;
		width:240px;
		margin:0 auto;
	}
	#mast .txt {
		width:100%;
	}
	#mast .txt h2 {
		text-align: center;
	}
	nav#options {
		width:100%;
		margin-top:30px;
	}
	nav#options ul {
		text-align: center;
	}	
	nav#options ul li {	
		display:inline-block;
		float:none;
	}
	#mast .social {
		position:fixed;
		top:20px;
		right:45px;
		z-index:500;
		left:auto;
	}	
	
	/* CLIENTS */
	
	section#clients ul li {
		margin:0 10px;
		min-height:80px;
		max-width:130px;
	}
	#clients img {
		display:block;
		width:100%;
		height:auto;
	}
	
	/* WORK WEVE DONE */
	#what_weve_done article + article {
		margin-bottom:40px;
	}
	#what_weve_done article > div {
		display:block;
		padding:40px;
		float:left;
		width:100%;
	}
	#what_weve_done aside {
		float:left;
		width:100%;
	}

	
	/* PRODUCTS WE USE */
	
	#strategy-marketing article.tool-campaignmonitor p, #strategy-marketing article.tool-campaignmonitor img {
		width:100%;
		margin-bottom:0;
	}
	#strategy-marketing article.tool-campaignmonitor p {
		margin-bottom:20px;
	}


	
	/* WHAT WE DO */
	
	#what_we_do > section {
		float: left;
		display: block;
		width: 45%;
		margin: 0 0 30px 0;
	}
	#what_we_do > section:last-child {
		clear:both;

	}
	#what_we_do h3 + section {
		margin-right: 10%;
	}
	
	
	/* WHO WE ARE */
	
	#who_we_are h2 {
		margin-top:0;
	}
	nav#team ul li {
		width:21%;
		padding:2%;
		margin:0;
	}	
	
	/* CONTACT US */
	
	#lets_talk h2 {
		margin:0 0 70px 0;
	}
	#lets_talk fieldset {
		display:block;
		overflow:hidden;
		width:100%;
		padding-bottom:40px;
	}
	#contact-info {
		width:100%;
		margin-left:0;
	}
	#contact-info .social {
		display:block;
		margin-bottom:20px;
	}
	
	/* HOW WE DO IT */
	
	#tabs ol li a {
		font-size: 1em;
		padding: 20px 15px 10px 0;
	}
	/* CONTACT */	
	
	#lets_talk h2 {
		margin-bottom:0;	
	}	
	#contact-info {
		margin-bottom:40px;
	}
	#lets_talk h2 + p {
		position:static;
		text-align:center;
		margin-bottom:30px;
	}
	
/* BLOG */

	#blog-index {
		padding-top:140px;
	}		
	

/* CONTACT FORM */

	#contact_form {
		widtH:100%;
		max-width:480px;
		margin:0 auto;
		float: none;
	}
	
/* WHAT WE'VE DONE */	
	
	#what_weve_done .slides li img {
		widtH:100%;
		height:auto;
		margin: 0 0 -6px;
	}
	#what_weve_done aside {
		height:auto;
	}
	
}

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

	/* HEADER / NAV */


	header.site {
		width:100%;
		height:65px;
		overflow:visible;
		z-index:999px;
		box-shadow:2px 2px #000;
	}
	header.site > div {
		width:100%;
	}
	
	#whatwedo div {
		float: none;
		width: 100%;
	}


/* PRIMARY NAV */
	
	#toggle-nav {
		display:block;
	}
	
	nav#primary {
		display:none;
		position:absolute;
		padding-top:65px;
		top:65px;
		left:0px;
		width:100%;	
		padding-top:0;
		box-shadow: 0px 15px 9px -6px rgba(0,0,0,.45);
	}
	nav#primary ul { 
		float: left; 
		position:relative;
		background:#1e1e1e;
		width:100%;
/* 		border-bottom:15px solid #222222; */
		padding:10px 0;

	}
	nav#primary ul:after {
		position: absolute;
		display:block;
		top:0;
		width:100%;
		height:10px;
		box-shadow: inset 0px 8px 9px -6px #111; 
		content:'';
	} 	
		
	nav#primary ul li {
		float:none;
		margin:0;
/* 		border-bottom:3px solid #444444; */
		width:100%;
	}
	nav#primary ul li:hover a {
		background:#343434;
	}
	nav#primary ul li a:hover {
		text-shadow: 0px 0px 2px #000000;
	}	
	nav#primary ul li a {
		padding: 8px 13px 8px;
		margin: 0 0 0 0;
		width:100%;
		text-align:left;
		font-size:1.3em;
		font-family: "proxima-nova","helvetica", "arial", sans-serif;
		font-style:normal;

		font-weight:200;
	}
	nav#primary ul li a + span {
		display:none;
	}
	
	
/* LAYOUT */

	.wrap {
	    margin:0 20px;
	    width: auto;
	}
	.wrap.block {
		padding-top:50px;
		margin-top:-50px;
	}
	#home {
		padding-top:0;
		margin-top:0;	
	}
	h3 {
		padding-bottom:40px;	
	}
	
/* MAST */
	#mast .social {	
		width:100%;
		margin-top:20px;
		position:static;
	}
	#mast .social ul {
		margin:0 auto;	
	}	
	#mast .social ul li {	
		margin-right:10px;
	}
	#mast {
		margin-top:105px;
	}
	
/* PRODUCTS */

	#products > section {
		float: none;
		width: 100%;
	}
	
/* WHAT WE DO */

	#what_we_do > section {
		width:100%;
		margin:0 0 40px 0;
	}
	
/* HOW WE DO IT */

	.slides li img {
		margin: 0 0 20px;
	}
	#how_we_do_it li h3 {
		float:left;
		font-size:1.5em;
		width:100%;	
	}
	#how_we_do_it li p {
		float:left;
		font-size:1.1em;
		margin-left:0px;
	}
	#how_we_do_it img {
		margin-bottom:40px;
	}

	
/* TOOLS */
	section#dev > div > p img {
		margin: 0 auto 20px;
	}
	#tools_we_use .img {
		height:auto;
		margin-bottom:20px;
	}
	#tools_we_use section > article {
		width:100%;
	}
	#tools_we_use section > article + article + article {
		width:100%;
	}
	#tools_we_use .img {
		text-align:center;
		margin-top:30px;
	}
	#tools_we_use .img span {
		position:static;
	}
	section#dev > div > div {
		display: none;
	}	
	section#dev > div > p {
		margin-right: 0;
		width: 100%;
	}
	#strategy-marketing article.tool-campaignmonitor {
		margin-top:0;
	}	
	
/* BLOG */

	#blog-index {
		padding-top:80px;
	}
	#blog-index article > p > img {
		max-width:100%;
		height:auto !important;
		width:100%;
	}


}	

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

	/* WORK */
	
	.fadeslidercontrols,
	.fadeslider {
		display:none;
	}
	.responsive-image {
		display:block;
	}
	#what_weve_done article > div {
		padding:30px 30px 20px 30px;
	}
	#what_weve_done article {
		min-height:100px;
	}
	


	/* MAST */

	#mast .img img {
		width:180px;
		margin:0 auto;
		
	}
	
	nav#options ul li {
		margin-bottom:10px;
	}
	section#clients ul li:first-child {
		width:60px;
	}
	section#clients ul li:last-child {
		width:55px;
	}

	section#clients ul li {
		width:40px;
	}
	#how_we_do_it img {
		display:none;
	}
	#how_we_do_it .slide p {
		font-size:.9em;
	}
	#lets_talk iframe {
		height:250px;
	}
	/* MODAL WINDOW */
	
	.modal > img {
		display:none;
	}
	.modal .txt {
		margin-left:0;
		width:100%;
	}
	.modal h3 {
		margin-left:0;
		width:100%;
	}
	
	#blog-index article img {
		width: 98%;
		float: none;
		margin: 0;
		padding: 0;
	}

/* CONTACT */

	#msg.active {
    	padding: 40px 20px 40px;
    	margin-bottom:40px;
	}

}

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

}