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

html {
	height:100%;
}

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	height:100%;
	margin: 0;
	padding: 0;
	background-color: #f2f2f2;
}

a:link, a:visited, a:active, a:focus {
	color: #414141;
	text-decoration: none;
}

a:hover {
	color: #7c7c7c;
	text-decoration: none;
}

a img {
	border: none;
}

h1 {
	font-size:20px;
	font-weight:normal;
	color: #414141;
	margin:0;
	padding:0;
	padding-bottom:8px;
}

p {
	font-size:16px;
	font-weight:normal;
	color: #414141;
}

.content {
	width: 75%;
	height:100%;
	min-width:320px;
	max-width:1536px;
	background-color: #FFFFFF;
	margin: 0 auto;
}

.header {
	width: 75%;
	height:95px;
	min-width:320px;
	max-width:1536px;
	position:fixed;
	background-color: #FFFFFF;
	z-index:10;
}

.header .logo {
	position: relative;
	top: 35px;
	padding-left:45px;
	float:left;
}

.header .nav {
	position: relative;
	top: 35px;
	float:right;
}

.header .nav a{
	padding-right:45px;
}

.projects {
	padding-top:95px;
}

.projects .largewrap {
  width: 50%;
  display: inline-block;
  position: relative;
}
	
.privacy {
	padding-top:110px;
	padding-left:45px;
	padding-right:45px;
	background-color:#f2f2f2;
}

.projects .largewrap:after {
  padding-top: 75%;
  display: block;
  content: '';
}

.projects .largewrap .large {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #e6e6e6;
  color: #e6e6e6;
}

.large:hover {
	opacity:0.8;
}

.footer {
	width: 100%;
	height:300px;
	padding-top:55px;
	background-color: #FFFFFF;
}

.footer .aboutwrap{
	width: 50%;
	float:right;
}

.footer .contactwrap{
	width: 50%;
	float:right;
}

.footer .about{
	padding-top:0px;
	padding-left:45px;
	padding-right:40px;
}

.footer .contact{
	padding-right:20px;
}

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

.content {
	width: 100%;
}

.header {
	width: 100%;
}
	
.header {
	height:65px;
}

.header .logo {
	top: 21px;
	padding-left:30px;
}

.header .nav {
	top: 21px;
}

.header .nav a{
	padding-right:30px;
}
	
.projects {
	padding-top:60px;
}

.projects .largewrap {
  width: 100%;
  display: inline-block;
  position: relative;
}

.projects #comingsoon{
	display:none;
}
	
.privacy {
	padding-top:75px;
	padding-left:30px;
	padding-right:30px;
}
	
.footer {
	padding-top:40px;
	height:350px;
}

.footer .aboutwrap{
	width: 100%;
	float:right;
}

.footer .contactwrap{
	width: 100%;
	float:left;
}

.footer .about{
	padding-top:15px;
	padding-right:45px;
	padding-left:30px;
}

.footer .contact{
	padding-left:30px;
	padding-right:45px;
}
}

@media only screen and (min-width: 1150px) {
	
.footer {
	padding-top:55px;
	height:300px;
}

.footer .aboutwrap{
	width: 25%;
	float:right;
}

.footer .contactwrap{
	width: 25%;
	float:right;
}

.footer .about{
	padding-top:0px;
	padding-left:0px;
	padding-right:40px;
}

.footer .contact{
	padding-right:40px;
	padding-left:0px;
}
}