@charset "utf-8";
/* CSS Document */

html, body{
	margin:0;
	padding:0;
	background-color:#2C2C2C;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	-webkit-font-smoothing: antialiased;
	height:100%;
}

a{
	color:inherit;
}

a:hover{
	text-decoration:underline !important;
}

h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	-webkit-font-smoothing: antialiased;
	font-weight:900;
	font-size:93px;
	margin-bottom:0px;
}

h2{
	font-family: "alternate-gothic-no-3-d", sans-serif;
	-webkit-font-smoothing: antialiased;
	text-transform:uppercase;
	font-weight:500;
	letter-spacing:.1em;
	font-size:35px;
}

h3{
	font-family: "alternate-gothic-no-3-d", sans-serif;
	-webkit-font-smoothing: antialiased;
	text-transform:uppercase;
	font-weight:500;
	letter-spacing:.1em;
	font-size:20px;
}

h3 a{
	text-decoration:none;
}

h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	-webkit-font-smoothing: antialiased;
	font-weight:500;
	font-size:25px;
}

h5{
	font-family:Georgia, "Times New Roman", Times, serif;
	-webkit-font-smoothing: antialiased;
	font-weight:500;
	font-size:20px;
}

p{
	font-family:Georgia, "Times New Roman", Times, serif;
	-webkit-font-smoothing: antialiased;
	font-size:14px;
}

li{
	margin-bottom:15px;
	list-style:inherit;
}

.capwidth{
	margin:auto;
	width:1260px;
}

.roundedcorners{
	border-radius:10px;
	overflow:hidden;
}

.boxcontent{
	margin:20px;
	color:#939393;
}

.boxcontent h3{
	color:#2C2C2C;
}

.last{
	margin-right:0% !important;
}

.fillimg{
	width:100%;
}

.menulink{
	display:inline-block;
	font-weight:bold;
	margin-left:50px;
	margin-top:3px;
	padding-top:15px;
}

.nobg{
	background:none;
}
.nobg h3, .nobg h4{
	color:#FFF;
}
.nobg p{
	color:#939393;
}

.nodots{
	margin-top:5px;
}
.nodots li{
	list-style:none;
	margin-bottom:5px;
}

.casestudycategory{
	float:right;
	max-width:100%;
}

.teampic{
	 background-position:center top;
	 background-repeat:no-repeat !important;
	 background-attachment:fixed;
	 -webkit-background-size: cover !important;
	 -moz-background-size: cover !important;
	 -o-background-size: cover !important;
	 background-size:cover !important;
}

.subtitle{
	color:#2C2C2C;
}

.projectinfo{
	font-size:14px;
	line-height:1.5em;
}

.projectinfo li{
	margin-bottom:0px;
}









.fullwrapper{
	width:99%;
	margin-bottom:20px;	
	background-color:#FFF;
	color:#939393;
	position:relative;
}

.halfwrapper{
	display:inline-block;
	vertical-align:top;
	width:49%;
	margin-right:1%;
	margin-bottom:20px;
	background-color:#FFF;
	color:#939393;
	position:relative;
	min-height:400px;
}

.quarterwrapper{
	display:inline-block;
	vertical-align:top;
	width:24%;
	height:160px;
	max-height:160px;
	min-height:130px;
	padding-top:5%;
	padding-bottom:5%;
	margin-right:1%;
	margin-bottom:30px;
	background-color:#313133;
	text-align:center;
}

.half{
	display:inline-block;
	vertical-align:top;
	width:50%;
}

.imghalf{
	display:inline-block;
	vertical-align:top;
	width:50%;
	position:absolute;
	top:0;
	bottom:0;
}

.imghalf img{
	height:100%;
}

.leftquarter{
	display:inline-block;
	vertical-align:top;
	width:25%;
}

.rightquarter{
	display:inline-block;
	vertical-align:top;
	width:25%;
	padding-left:75%;
}

.left3quarters{
	display:inline-block;
	vertical-align:top;
	width:75%;
	position:absolute;
	top:0;
	bottom:0;
}

.left3quarters img{
	height:100%;
}

.right3quarters{
	display:inline-block;
	vertical-align:top;
	width:75%;
	position:absolute;
	top:0;
	bottom:0;
}

.right3quarters img{
	height:100%;
}

.borderlessleft{
	width:90%;
	margin-right:10%;
	padding-top:40px;
}

.borderlessright{
	width:90%;
	margin-left:10%;
	padding-top:20px;
}

.checklist{
	list-style-image:url(images/tick.png);
}

.checklist li{
	margin-top:20px;
	margin-bottom:30px;
}

.blackticks li{
	list-style-image:url(images/blacktick.png);
}

.casestudy1stpic{
	 position:absolute;
	 top:0;
	 bottom:0;
	 background-position:center center;
	 background-repeat:no-repeat !important;
	 background-attachment:fixed;
	 -webkit-background-size: cover !important;
	 -moz-background-size: cover !important;
	 -o-background-size: cover !important;
	 background-size:cover !important;
}

.bioleft{
	display:inline-block;
	vertical-align:top;
	width:40%;
}

.bioright{
	display:inline-block;
	vertical-align:top;
	width:60%;
	text-align:left;
}

.extramiddlespace{
	width:45%;
	margin-right:5%;
}

.flexheight{
	flex: 1;
}

.flexwrap{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}







#headerbg{
	background-image:url('images/shadebg.png');
	width:100%;
	position:fixed;
	z-index:99;
}

#menu{
	float:right;
}

#currentpage{
	border:0;
	border-top-width:3px;
	border-top-style:solid;
	padding-top:15px;
}

#heroimg{
	width:100%;
	height:60vw;
	background-image:url('images/heroimgbg.jpg');
	background-size:100% 100% !important;
}

#since2005{
	position:absolute;
	right:10px;
	top:85px;
}

#herotext{
	display:inline-block;
	text-align:center;
	width:100%;
	margin-top:27vw;
}

#herotext h1{
	margin-top:0;
}

#headerspace{
	height:120px;
}

#homeblurb{
	margin:auto;
	width:730px;
	font-size:20px;
	text-align:center;
	line-height:1.8em;
	padding-top:45px;
	padding-bottom:45px;
}

#pagecontentbg{
	background-color:#2B2B2B;
	width:100%;
	margin:auto;
	width:1400px;
	padding-bottom:85px;
}

#footerbg{
	background-color:#161616;
	width:100%;
}

#footer{
	padding-top:50px;
	padding-bottom:50px;
}

#footer p{
	font-family:Verdana, Geneva, sans-serif;
	color:#545454;
	font-size:12px;
	text-transform:uppercase;
}

#footerleft{
	display:inline-block;
	vertical-align:top;
	text-align:left;
	width:20%;
	min-width:50px;
}

#footermiddle{
	display:inline-block;
	vertical-align:top;
	text-align:center;
	width:56%;
}

#footerright{
	display:inline-block;
	vertical-align:top;
	text-align:right;
	width:24%;
	min-width:165px;
}

#popupbg{
	width:100%;
	height:100%;
	left:0;
	top:0;
	position:absolute;
	background-image:url('images/shadebg.png');
	z-index:99999;
	display:none;
	text-align:center;
	overflow:auto;
}

#popup{
	margin:auto;
	width:820px;
	margin-top:100px;
	z-index:9999999;
	display:none;
}

#biotext{
	margin:10px;
	margin-left:20px;
}

#projecttext{
	text-align:left;
}








	.menulink{
		margin-left:5px;
		margin-right:20px;
	}
	.half{
		width:100%;
	}
	.borderlessleft{
		width:100%;
		margin-right:0%;
	}
	.borderlessright{
		width:100%;
		margin-left:0%;
	}
	.imghalf{
		width:100%;
		position:relative;
		top:auto;
		bottom:auto;
		margin-bottom:0px;
	}
	.imghalf img{
		width:100%;
	}
	.halfwrapper{
		width:100%;
		margin-right:0%;
		min-height:0;
	}
	.casestudy1stpic{
		 position:relative;
		 min-height:400px;
	}
	.extramiddlespace{
		width:100%;
		margin-right:0%;
	}
	#headerbg{
		position:inherit;
	}
	#header{
		max-width:170px;
		margin-left:5%;
	}
	#menu{
		float:none;
	}
	#herotext{
		margin-top:6vw;
	}
	#headerspace{
		height:50px;
	}
	#since2005{
		display:none;
	}
	.quarterwrapper{
		width:99%;
		height:52vw;
		margin-right:1%;
	}
	.leftquarter{
		width:100%;
	}
	.rightquarter{
		width:100%;
		padding-left:0%;
	}
	.left3quarters{
		width:100%;
		position:relative;
		top:auto;
		bottom:auto;
		overflow:auto;
	}
	.right3quarters{
		width:100%;
		position:relative;
		top:auto;
		bottom:auto;
		overflow:auto;

	}
	.left3quarters img, .right3quarters img{
		position:inherit;
		top:auto;
		bottom:auto;
		width:100%;
		min-width:100%;
	}
	.casestudycategory{
		float:left;
	}
	.bioleft{
		width:100%;
	}
	.bioright{
		width:100%;
	}
	#popup{
		margin-top:60px;
	}
	.flexwrap{
		display:inherit;
		width:100%;
	}
	.flexheight{
		flex: auto;
	}
	h1{
		font-size:50px;
	}
	#footerleft{
		display:block;
		text-align:center;
		width:100%;
	}
	#footermiddle{
		display:block;
		width:100%;
	}
	#footerright{
		display:block;
		text-align:center;
		width:100%;
	}
	#header{
		max-width:260px;
		margin-left:5%;
	}
	#herotext{
		margin-top:9vw;
	}
	h1{
		font-size:65px;
	}
	#header{
		max-width:360px;
		margin-left:5%;
	}
	#herotext{
		margin-top:13vw;
	}
	#popup{
		margin-top:100px;
	}
	h1{
		font-size:70px;
	}
	.quarterwrapper{
		width:48%;
		height:26vw;
		margin-right:1%;
	}
	#herotext{
		margin-top:16vw;
	}
	.bioleft{
		width:40%;
	}
	.bioright{
		width:60%;
	}
	#popup{
		margin-top:150px;
	}
	h1{
		font-size:80px;
	}
	#footerleft{
		text-align:left;
		margin-bottom:-80px;
	}
	#footerright{
		text-align:right;
	}
	.quarterwrapper{
		width:24%;
		height:13vw;
		margin-right:1%;
	}
	.halfwrapper{
		width:49%;
		margin-right:1%;
	}
	.casestudy1stpic{
		 position:absolute;
		 min-height:0px;
	}
	.extramiddlespace{
		width:45%;
		margin-right:5%;
	}
	#headerbg{
		position:fixed;
	}
	#header{
		max-width:1260px;
		margin:auto;
	}
	#menu{
		float:right;
	}
	#herotext{
		margin-top:21vw;
	}
	#headerspace{
		height:175px;
	}
	.imghalf{
		margin-bottom:-80px;
	}
	#since2005{
		display:block;
		top:145px;
	}
	.casestudycategory{
		float:right;
	}
	.flexwrap{
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width:99%;
	}
	.flexheight{
		flex: 1;
	}
	h1{
		font-size:93px;
	}
	#footerleft{
		display:inline-block;
		width:12%;
	}
	#footermiddle{
		display:inline-block;
		width:60%;
	}
	#footerright{
		display:inline-block;
		width:28%;
	}
	.menulink{
		margin-left:30px;
		margin-right:0px;
	}
	#herotext{
		margin-top:22vw;
	}
	#herotext{
		margin-top:25vw;
	}
	#headerspace{
		height:120px;
	}
	#since2005{
		top:85px;
	}
	#footerleft{
		width:20%;
	}
	#footermiddle{
		width:56%;
	}
	#footerright{
		width:24%;
	}
	.menulink{
		margin-left:50px;
	}
	#herotext{
		margin-top:27vw;
	}
	.leftquarter{
		width:25%;
	}
	.rightquarter{
		width:25%;
		padding-left:75%;
	}
	.left3quarters{
		width:75%;
		position:absolute;
		top:0;
		bottom:0;
		overflow:hidden;
	}
	.right3quarters{
		width:75%;
		position:absolute;
		top:0;
		bottom:0;
		overflow:hidden;
	}
	.left3quarters img, .right3quarters img{
		position:absolute;
		top:0;
		bottom:0;
		width:auto;

	}

	.half{
		width:50%;
	}
	.halfwrapper{
		min-height:400px;
	}
	.borderlessleft{
		width:90%;
		margin-right:10%;
	}
	.borderlessright{
		width:90%;
		margin-left:10%;
	}
	.imghalf{
		position:absolute;
		top:0;
		bottom:0;
		margin-bottom:0px;
	}
	.imghalf img{
		width:auto;
	}