@charset "UTF-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	border: 0;
}
/* As converted by http://www.font2web.com/ */
@font-face {
	font-family: 'Gotham-Medium';
	src: url('fonts/Gotham-Medium.eot');
	src: local(Gotham Medium), url('fonts/Gotham-Medium.woff') format('woff'), url('fonts/Gotham-Medium.ttf') format('truetype'), url('fonts/Gotham-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham-Book';
	src: url('fonts/Gotham-Book.eot');
	src: local(Gotham Book), url('fonts/Gotham-Book.woff') format('woff'), url('fonts/Gotham-Book.ttf') format('truetype'), url('fonts/Gotham-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
	-webkit-font-smoothing: antialiased;
}
body {
	font-family: 'Gotham-Medium', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing:1px;
	z-index:10;
}
div#preload { display: none; }
a {
	text-decoration:none;
	border-style:none;
	border:0;
	color:inherit;
}
h1 {
	font-size:2em;
}
h3 {
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
	margin:0.5em 0;
}
h4 {
	font-size:1.3em;
	font-weight:bold;
}
h5 {
	font-size:1.15em;
	font-weight:bold;
}
a:hover {
	color:#7ac143;
}
.hide {
	visibility:hidden;
}
.left-norm {
	left:0;
}
.left-offset {
	left:110%;
}
#warning {
	font-size:110%;
	text-align:center;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:#FFFFFF;
	z-index:100;
}
#green-tab {
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	height:auto;
	border: 0;
	width:1%;
	min-width:15px;
	background-color:#7AC142;
}
.greenlink {
	position:absolute;
	z-index:1;
}
#main-tab {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	height:auto;
	border: 0;
	width:100%;
	min-width:15px;
	background-color:#7AC142;
}
#main-tab-hold {
	position:fixed;
	width:1%;
	top:0;
	bottom:0;
	z-index:30;
	cursor:pointer;
}
.arrow {
	position:absolute;
	top:50%;
	right:2em;
	margin-top:-36px;
	padding-right:4px;
}
.arrows {
	width:37px;
}
.left-arrow {
	position:absolute;
	top:50%;
	left:-45px;
	margin-top:-36px;
	padding-left:4px;
}
#righthov {
	position:absolute;
	right:0;
	top:0;
	height:100%;
	bottom:0;
	width:25%;
	z-index:3;
	cursor:pointer;
	display:block;
	background-color:rgba(249,249,249,0.0);
}
#bg-hov {
	position:absolute;
	right:0;
	top:0;
	height:100%;
	bottom:0;
	width:100%;
	z-index:2;
	cursor:pointer;
	display:block;
	background-color:rgba(249,249,249,0.0);
}
#white-bg {
	position:fixed;
	right:0;
	top:0;
	bottom:0;
	z-index:5;
	background-color:#FFFFFF;
}
#body-hold {
	position:relative;
	right:0;
	top:0;
	bottom:0;
	z-index:7;
	float:left;
	width:100%;
	padding-top:2%;
}
#body-block {
	position:relative;
	margin: 0 auto 0 auto;
}
#body-block .float {
	float:left;
}
.width {
	width: 1110px;
}
.centre {
	margin: 0 auto 0 auto;
}
#footer {
	background-color:#BBDC9B;
	width:100%;
	height:5.6em;
	position:relative;
	z-index:20;
	float:left;
	font-size:0.8em;
	margin-top:2em;
	padding-top:0.5em;
	padding-bottom:1em;
	font-family: 'Gotham-Medium', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#000000;
}
#credits {
	font-size:0.8em;
	float:left;
	position:relative;
	bottom:0.5em;
}
#footer .holder {
	margin: 1em auto;
	text-align:left;
}
#footer span {
	margin-right:35px;
}
.social {
	height:1.7em;
	max-height:22px;
	width:auto;
	display:inline;
	margin:-1.5em 0.4em 0 0.4em;
}
#soc-links {
	float:right;
	text-align:right;
	position:relative;
	bottom:0.8em;
}
#logo {
	height:auto;
	width:30%;
	position:relative;
	z-index:5;
}
#menu {
	list-style-type:none;
	display:block;
	position:absolute;
	top:0;
	right:0;
	margin-top:-0.9em;
	width:100%;
	text-align:right;
	padding-top:144px;
}
#menu li {
	margin-right:4%;
	list-style:none;
	display: inline;
	font-size:1.03em;
	color:#676767;
}
#menu .last {
	margin-right:0 !important;
}
.currMenu {
	color:#7ac143 !important;
}
.clearfix:after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}
/* Homepage */
#quote {
	float:right;
	width:43%;
	color:#848484;
	font-size:1.09em;
	line-height:1.5em;
	margin-top:3em;
	margin-bottom:2.8em;
	clear:both;
}
#main-scroller {
	margin:0 2.8% 2.8% 0;
	display:block;
	float:left;
	font-size:0;
	width:65.7%;
}
							
							/*Main Scrolling Image Req'd CSS */
							.bx-wrapper {
								position: relative;
								margin: 0 auto 0;
								padding: 0;
								*zoom: 1;
							}
							.bx-pager {
								display:none;
							}
							.bx-controls-direction {
								display:none;
							}
							.bx-wrapper img {
								width: 100%;
								height: auto;
								display: block;
							}
							.bx-viewport {
								height:auto !important;
								-webkit-transform: translatez(0);
								-moz-transform: translatez(0);
								-ms-transform: translatez(0);
								-o-transform: translatez(0);
								transform: translatez(0);
							}
							.bxslider a:hover {
								color:inherit;
							}

.mover {
	position:fixed;
	top:0;
	left:0;
	height:1%;
	width:1%;
	opacity:0;
}
.feature {
	margin-bottom:2.8%;
	position:relative;
	float:left;
	display:inline;
	font-size:0;
	width:31.46%;
	height:auto;
	background-repeat:no-repeat;
	background-size:contain;
}
.feature div {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	padding-top:50%;
	margin-top:-10px;
	display:block;
	letter-spacing:0;
	color:#FFFFFF;
	z-index:1;
	text-align:center;
	background-repeat:no-repeat;
	background-position:center 51.5%;
	background-size:contain;
}
.feats div:nth-child(1n+3) {
	margin-right:2.8%;
}
.feats div:nth-last-of-type(1) {
	margin-right:0;
}
.feature img {
	width:100%;
	height:auto;
	opacity:1;
	z-index:2;
	position:relative;
}
.txt-olay {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	text-align:center;
	font-size:0.8rem;
	line-height:1.5em;
	letter-spacing:0;
	font-family:'Gotham-Book', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.txt-olay img {
	width:100%;
	max-width:537px;
	height:auto;
	margin:36% auto 0 auto;
	display:block;
}
.quote-olay  {
	position:relative !important;
	right:1px !important;
	bottom:15px;
}
.lightbox {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:100%;
	width:100%;
	background:rgba(0,0,0,0.7);
	display:none;
	opacity:0;
	z-index:1000;
	overflow:scroll;
}
.lightbox #closer {
	position:absolute;
	width:100%;
	height:100%;
}
.lightbox .pop-pos {
	padding:2em;
	display:table;
}
/* About */
.abt-image-hold {
	position:absolute; 
	height:100%;
	width:100%; 
	top:0;
	z-index:6;
	overflow:hidden;
}
.abt-image {
	height:97%;
	width:100%;
	margin-top:3%;
	padding-top:144px;
	overflow:hidden;
}
.abt-bg {
	background-image:url(images/aboutimg.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size:cover;
	height:100%;
}
#abt-body {
	display:block; 
	position:absolute; 
	top:100%; 
	z-index:8; 
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#414042;
}
.abt-quote {
	font-size:1.6em; 
	font-weight:bold; 
	margin:2em 0; 
	width:80%; 
	line-height:1.6em; 
	letter-spacing:0.05em;
}
.two-col {
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari and Chrome */
	column-count:2;
	-moz-column-gap:4em; /* Firefox */
	-webkit-column-gap:4em; /* Safari and Chrome */
	column-gap:4em;
	line-height:1.6em;
	font-size:1.15em;
	letter-spacing:0.05em;
}
#abt-body .line {
	background-color:#f1f1f1;
	height:1px;
	width:100%;
	font-size:0;
	line-height:0;
	margin:4rem 0 1.5rem 0;
}
.abt-scroll-click {
	text-align:center; 
	position:absolute; 
	bottom:0; 
	z-index:7; 
	width:100%;
	font-size:0.8em; 
	background-color:#8fce5f; 
	color:#FFFFFF;
	padding:1em 0;
}
.services {
	font-size:0.95em;
	width:100%;
/*	-moz-column-count:2; 
	-webkit-column-count:2; 
	column-count:2;
	-moz-column-gap:2em; 
	-webkit-column-gap:2em; */
	column-gap:2em;
}
.friends {
	font-size:0.95em;
	width:100%;
}
#friend {
	float:right; 
	width:25%;
	line-height:1.5em;
}
#service {
	float:left; 
	width:75%;
	margin-bottom:5em;
	line-height:1.5em;
}
/* Contact */
.con-main {
	position:absolute; 
	z-index:6; 
	width:100%;
	height:auto; 
	top:0; 
	bottom:0;
}
.con-image-hold {
	width:100%; 
	height:auto;
	min-height:21em;
	position:absolute; 
	top:144px; left:0; right:0; bottom:0;
	padding-top:3%;
}
.con-image {
	height:100%;
	width:100%;
	overflow:hidden;
	background-image:url(images/contactimg.jpg); 
	background-size:cover; 
	background-repeat:no-repeat; 
	background-position:bottom center; 
}
.con-box {
	position:relative;
	z-index:20;
	color:#FFFFFF;
	display:table;
	vertical-align:middle;
	height:100%;
}
.con-cell {
	display: table-cell; 
	vertical-align: middle;
	padding-bottom:7.5em;
	padding-top:1em;
}
.con-text {
	position:relative;
	line-height:1.8em;
	border:#FFFFFF 3px solid;
	padding:1.5em;
	width:12em;
	height:10em;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
}
.con-pop {
	position:relative;
	z-index:30;
	line-height:1.3em;
	/* border:#4C4C4C 3px solid; */
	padding:1.5em;
	width:27em;
	height:41em;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#4C4C4C;
	background-color:rgba(255,255,255,0.85);
}
.con-pop span {
	font-size:0.9em;
}
.con-pop h4, h5 {
	margin:1.5rem 0 1em 0;
}

::-webkit-input-placeholder { color:#4C4C4C; opacity:0.8; }
::-moz-placeholder { color:#4C4C4C; opacity:0.8; } /* firefox 19+ */
:-ms-input-placeholder { color:#4C4C4C; opacity:0.8; } /* ie */
input:-moz-placeholder { color:#4C4C4C; opacity:0.8; }

.con-pop .line {
	background-color:#4C4C4C;
	height:1px;
	width:20%;
	font-size:0;
	line-height:0;
	margin:1.5rem 40% 0 40%;
}
.form-l {
	float:left;
	width:50%;
}
.form-r {
	float:right;
	width:50%;
}
.con-pop input[type=text] {
	width:88%;
	padding:0.5em;
	margin:0.5em 0;
	border:1px solid #4C4C4C;
	background:none;
	color:#4C4C4C;
}
.con-pop textarea {
	width:90%;
	padding:1em;
	border:1px solid #4C4C4C;
	background:none;
	color:#4C4C4C;
	line-height:1em;
	height:5em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	overflow:scroll;
	resize: none;
	margin-top:0.5em;
}
.con-pop #send {
	background-color:#404041;
	width:16%;
	margin:1em 42%;
	padding:0.3em;
	color:#FFFFFF;
	font-size:0.8em;
}
.con-pop #send:hover {
	background-color:#7ac143;
	cursor:pointer;
}
.con-text:hover {
	background-color:rgba(0,0,0,0.4);
}
.con-text a {
	color:#7ac143;
	font-style:italic;
}
.con-text a:hover {
	color:#BBDC9B;
}
.con-return {
	position:absolute; 
	top:0.3em; 
	left:0.5em; 
	font-size:0.75em;
	font-weight:bold;
	padding-left:1em;
	background-image:url(images/lf-sml-arr.png);
	background-repeat:no-repeat;
	background-position:left center;
}
.con-return:hover {
	background-image:url(images/lf-sml-arr-ov.png);
	border-bottom:1px #7ac143 solid;
}
/* Work */
.work-holder {
	margin:3.5em 0;
}
.work {
	list-style:none;
	font-size:0;
}
.work li {
	display:inline-block;
	float:left;
	width:33.3%;
	font-size:0;
}
.work li div {
	display:inline-block;
	width:94%;
	margin-bottom:9%;
	background-repeat:no-repeat;
	background-size:contain;
}
.work img {
	width:100%;
}
.work .one, .work .four, .work .seven, .work .ten {
	text-align:left;
}
.work .two, .work .five, .work .eight, .work .eleven {
	text-align:center;
}
.work .three, .work .six, .work .nine, .work .twelve {
	text-align:right;
}
/* Work Pages */
.work-cont h1 {
	font-family: Arial, Helvetica, sans-serif;
	display:inline-block;
	width:35%;
	height:100%;
	float:left;
	font-size:1.3em;
	font-weight:bold;
	line-height:1.3em;
	color:#676767;
}
.work-cont {
	font-family:Arial, Helvetica, sans-serif;
	margin-top:4em;
	float:left;
	color:#6B6B6B;
	line-height:1.4em;
}
.work-cont .para a {
	font-weight:bold;
}
.work-cont .para {
	width:54%;
	display:inline-block;
	float:right;
	position:relative;
	margin:0 0 3em 0;
}
.work-cont img {
	width:100%;
	height:auto;
	display:block;
	margin:1.2em 0;
	position:relative;
}
.work-cont .back {
	float:right;
	clear:both;
	text-align:right;
	font-weight:bold;
	font-size:0.8em;
	position:relative;
	bottom:0.7em;
	color:#676767;
}
.work-cont .return {
	float:right;
	text-align:left;
	font-weight:bold;
	width:30%;
}
.work-cont .top {
	font-size:0.9em;
	float:none;
	position:relative;
	bottom:1em;
	clear:both;
}
.work-cont .first-img {
	margin-top:3em;
}
.work-disp {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:100%;
	width:100%;
	background:rgba(0,0,0,0.8);
	display:none;
	opacity:0;
	z-index:1000;
}
/* --------- Targets for different screen sizes ---------- */

/* Large Displays - larger than 1024 */
@media screen and (min-width:1701px){
	.arrows {
		width:37px !important;
	}
}

/* Regular Displays i.e. 1024 */
@media screen and (max-width:1700px) {
		.width {
		width: 960px;
	}
		.quote-olay {
			bottom:8% !important;
	}
		#quote {
			width:50%;
	}
}

/* Smaller Displays i.e. iPads */
@media screen and (max-width:990px) {
		.width {
		width: 600px;
	}
		.feature {
			width:48.6%
	}
		#main-scroller {
			width:100%;
	}
		.feats div {
			margin-right:0 !important;
	}
		.feats div:nth-child(2n) {
			margin-left:2.8%;
	}
		.feature div {
			background-size:130% !important;
	}
		#footer {
			font-size:0.7em;
			height:5em;
			letter-spacing:normal !important;
	}	
	/* About Page */
		.friends {
			font-size:0.74em;
	}
		#friend {
			width:30%;
	}
		.services {
			font-size:0.74em;
	}
		.abt-image {
			margin-top:4%;
	}
	/* Contact */
		.con-image-hold {
			min-height:19em;
	}
	/* Work */
	.work li {
	width:49.5%;
	}
	.work li div {
	width:95.49%;
	}
	.work .one, .work .three, .work .five, .work .seven, .work .nine, .work .eleven {
		text-align:left;
	}
	.work .two, .work .four, .work .six, .work .eight, .work .ten, .work .twelve {
		text-align:right;
	}
}

/* Smaller Landscape Displays i.e. iPhones */
@media screen and (max-width:630px) {
		.width {
		width: 460px;
	}
		#footer span {
		margin-top:0.3em;
		margin-right:7px;
	}
		#footer span .contact {
		margin-right:0px;
	}
		#body-block {
		margin-top:1%;
	}
		#body-hold  {
		padding-top:1%;
	}
		#menu li {
		margin-right:2%;
	}
		#menu {
		margin-top:-1em;
	}
		#quote {
		font-size:0.7em;
	}
		.feature div {
		background-size:165% !important;
		}
		.quote-olay {
			bottom:12% !important;
	}
	/* About Page */
		.services {
			font-size:0.8em;
			-moz-column-count:1; /* Firefox */
			-webkit-column-count:1; /* Safari and Chrome */
			column-count:1;
	}
		.friends {
			font-size:0.8em;
	}
		#friend {
			float:left; 
			width:100%;
			margin-bottom:3em;
	}
		#service {
			width:100%;
			margin-bottom:1em;
	}
		.two-col {
			-moz-column-count:1; /* Firefox */
			-webkit-column-count:1; /* Safari and Chrome */
			column-count:1;
			font-size:1em;
	}
		.abt-quote {
			font-size:1em; 
			width:100%; 
	}
		#abt-body .line {
		margin:0 0 1rem 0;
	} 
		.abt-image-hold {
			min-height:28em;
	}
		#abt-body {
		 	top:28em;
	} 
	/* Work Pages */
		.work-cont .para {
		width:100%;
		float:left;
		margin:1em 0;
		}
		.work-cont h1 {
			width:100%;
		}
		.work-cont .return {
			width:100%;
			float:left;
		}
		.work-cont .top {
			margin-top:1em;
		}
		.work-cont .back {
			float:left;
			text-align:left;
			margin-bottom:0.5em;
		}
}
/* Portrait Displays i.e. iPhone and iPad Portrait   */
@media screen and (max-width:500px) {
		.width {
		width: 280px;
	}
		#footer {
			height:6em;
	}
		#footer .holder {
		margin:0 auto;
	}
		#logo img {
		max-height:126px;
	}
		.social {
		margin-top:0.5em;
		margin-bottom:0.5em;
	}
		#soc-links {
		float:left;
		bottom:0;
	}
		#menu li {
		display: block;
		margin-right:0;
		margin-top:0.2em;
		font-size:1.3em;
	}
		#menu {
		top:inherit;
		margin-top:0;
		padding-top:0;
		bottom:0;
	}
		#quote {
		width:100%;
	}
		.feature div {
		background-size:cover 100%;
	}
		.txt-olay  {
		font-size:0.7rem;
	}
		#credits {
		width:70%;
	}
	/* About */ 
		.abt-image-hold {
			min-height:0;
	}
		#abt-body {
		 	top:100%;
	} 
	/* Work */
	.work li {
		width:100%;
	}
	.work li div {
		width:100%;
	}
	.work .one, .work .three, .work .five, .work .seven, .work .nine, .work .two, .work .four, .work .six, .work .eight, .work .ten, .work .eleven, .work .twelve {
		text-align:left;
	}
}