body{
	margin:0;
	background-color:#e2e2e2;
	background-image: url('bannerback.jpg');
	background-size: 100vw 100vh;
	background-attachment: fixed;
	font-family: 'Open Sans', sans-serif;
	width:100%;
	overflow-x:hidden;
}

a {
  color: inherit;
  text-decoration: inherit;
}

a:visited {
  color: inherit;
  text-decoration: inherit;
}

hr {
	border: 0;
	margin: 0px;
	height: 0.1vh;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
}

hr.hrtwo {
	border: 0;
	margin: 0px;
	height: 0.2vh;
	background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.35), rgba(255,255,255,0));
	background-image: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.35), rgba(255,255,255,0));
	background-image: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.35), rgba(255,255,255,0));
	background-image: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.35), rgba(255,255,255,0));
}

/*@media screen and (min-aspect-ratio: 16/12) {*/
	#navbanner{
		background-color:rgba(255, 255, 255, 0.94);
		position:fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 8vh;
		box-shadow: 0px 0px 1vh rgba(0, 0, 0, 0.5);
		z-index:100;
	}
	
	#navcenter{
		width: 96vh;
		height: 8vh;
		
		margin-left: auto;
		margin-right: auto;
	}
	
	#logosmall{
		width: 18vh;
		height: 5.6vh;
		position: relative;
		background-image: url('logosmall.png');
		background-size: cover;
		float: left;
		
		left: 1vh;
		top: calc(4vh - 2.8vh)
	}
	
	#navmenu{
		height: 8vh;
		position: relative;
		float:right;
		
		/*right: 14px;*/
		
		font-size: 1.8vh;
	}
	
	.navbutton{
		color: #444;
		float:left;
		margin-top: calc(4vh - 1.4vh);
		padding-bottom: 0.6vh;
		margin-left: 1vh;
		margin-right: 1vh;
		border-bottom: none;
		cursor: pointer;
	}
	
	.navbutton:hover{
		color: #444;
		float:left;
		border-bottom: 0.2vh solid #0a44a4;
	}
	
	#mainbanner{
		width: 100%;
		height: 85vh;
		overflow: hidden;
	}
	
	#titlebanner{
		width: 100%;
		height: 26vh;
		overflow: hidden;
	}
	
	#navoffset{
		/*background-color:rgb(33, 80, 186);*/
		width: 100%;
		height: 8vh;
	}
	
	#centerbanner{
		margin-left: auto;
		margin-right: auto;
		margin-top: calc(42.5vh - 4vh - 20vh);
		width: 90vh;
		height: 40vh;
		/*background-color: #fd5900;*/
		overflow: hidden;
		border-radius: 5px;
	}
	
	
	.centersegment{
		margin-left: auto;
		margin-right: auto;
		width: 96vh;
		height: calc(40vh - 8vh);
		margin-top: calc(7vh);
		/*background-color: #ff0000;*/
	}
	
	.presbuttons{
		width: 24vh;
		float: left;
		text-align: center;
		font-size: 2.4vh;
		height: 26vh;
	}
	
	.presgroup{
		opacity: 0.8;
		cursor: pointer;
	}
	
	.prespic{
		/*margin-top: 50px;*/
		width: 20vh;
		height: 20vh;
		margin-left: auto;
		margin-right: auto;
		background-color: #406776;
		background-size: cover;
		background-image: url(teamplaceholder.jpg);
		background-position: center;
		border-radius: 1vh;
	}
	
	#prespic1 {
		background-image: url(amaleci.jpg);
	}
	
	#prespic2 {
		background-image: url(people3d.jpg);
	}
	
	#prespic3 {
		background-image: url(amalvisa.jpg);
	}
	
	#prespic4 {
		background-image: url(buildback.jpg);
	}

	
	.prestext{
		margin-top: 4vh;
		color: #444;
	}
	
	input, textarea {
		border:none;
		border-radius:0.4vh;
		float:left;
		width:44vh;
		padding:1vh;
		margin:1vh;
		font-size: 1.8vh;
		background-color: #e3e3e3;
		font-family: 'Open Sans', sans-serif;
		color:#464646;
	}
	
	.contactform input[type=submit] {
		color: #fff;
		width: 94vh;
		cursor: pointer;
		background-color: #999;
	}
	
	input[type=submit] {
		color: #fff;
		width: 46vh;
		cursor: pointer;
		background-color: #999;
	}
	
	input[type=submit]:hover {
		background-color: #0a44a4;
		color: #fff;
	}
	
	.contactform input[type=submit]:hover {
		background-color: #0a44a4;
		color: #fff;
	}
	
	.contactform textarea {
		width: 92vh;
	}
	
	.contactform #subject {
		width: 92vh;
	}
	
	.contact {
		font-size: 40px;
		text-align: center;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
		padding: 20px;
		color:#464646;
	}
	
	#moreways {
		margin-top: 40px;
		width: 400px;
		margin-right:auto;
		margin-left:auto;
		overflow: hidden;
		color:#464646;
		text-align: center;
		font-size: 26px;
		cursor: pointer;
	}
	
	#moreways:hover {
		color: #fd5900;
	}
	
	#theways {
		padding: 0px;
		margin-top: 40px;
		margin-right:auto;
		margin-left:auto;
		overflow: hidden;
		color:#464646;
		text-align: center;
		font-size: 20px;
		background-color:#ccc;
		height:0px;
	}
	
	#morearrow {
		transform: rotateZ(-180deg) scaleX(1.4);
		color: #848484;
	}
	
	.hi {
		opacity: 0.0;
	}
	
	.fheader {
		font-size: 150%;
	}
	
	.titlesmall,h2 {
		font-size: 160%;
		padding-top: 9vh;
		padding-bottom: 3vh;
		/*font-weight: 100;*/
		color: rgb(27,45,84);
		font-weight: 100;
	}

	h3 {
		padding-top: 5vh;
		padding-bottom: 1vh;
		font-weight: 100;
	}
	

	.picholder {
		margin-top:12vh;
		margin-bottom:12vh;
		float:left;
		width:100%;
		height: 60vh;
		overflow:hidden;
		/*margin-left:calc(48vh - 50vw);*/
	}
	
	.picone {
		position: absolute;
		overflow: hidden;
		background-image: url('stock-photo-group-of-architects-discussing-plans-in-modern-office-174875954.jpg');
		background-attachment: fixed;
		background-size:cover;
		background-position: center;
		width:100%;
		height: 60vh;
	}
	
	/*.pictext {
		background-image: url('teamplaceholder.jpg');
		line-height: 100%;
		background-attachment: fixed;
		background-size:cover;
		background-position: center;
		width:86vh;
		top: 50%;
		left: 50%;
		background-size:cover;
		position:relative;
		text-align: center;
		color: #444;
		font-size: 4.4vh;
		background-color:rgba(255,0,0,0.8);
		border-radius:2vh;
		padding:6vh;
	}*/
	
	.pictext {
		background-image: url('teamplaceholder.jpg');
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		background-attachment: fixed;
		background-size:cover;
		background-position: center;
		width:86vh;
		border-radius:2vh;
		padding:6vh;
		color: #444;
		font-size: 4.4vh;
		line-height: 150%;
	}
	
	.contenttext {
		line-height: 150%;
	}
	
	.outblock {
		height: 60vh;
		text-align: center;
	}
	
	.outblock:before {
		content: '';
		display: inline-block;
		height: 100%; 
		vertical-align: middle;
		margin-right: -0.25em; /* Adjusts for spacing */
	}
	
	.textholder {
		background-color:rgba(255,255,255,1.0);
		overflow: hidden;
		color:#464646;
		text-align:justify;
		font-size: 1.7vh;
		/*padding-bottom:20vh;*/
		line-height:150%;
	}

	.textholderhome {
		background-color:rgba(255,255,255,1.0);
		overflow: hidden;
		color:#464646;
		text-align:justify;
		font-size: 1.7vh;
		padding-bottom:14vh;
		line-height:150%;
	}
	
	#bottomtext {
		font-size:2.0vh;
		text-align:center;
		color:#959595;
		float:left;
		margin-top: calc(10vh);
		margin-left: 14vh;
		margin-right:14vh;
	}
	
	#showcaseholder {
		background-color:rgba(255,255,255,1.0);
		height: calc(75vh - 8vh);
		overflow: hidden;
	}
	
	#footer {
		background-color:#222222;
		height: 25vh;
		overflow: hidden;
		color: #fff;
	}

	#footercenter {
		margin-top: 4vh;
		width: 96vh;
		margin-left:auto;
		margin-right:auto;
		text-align:left;
		font-size: 1.4vh;
	}

	#footercenter #one {
		width: 32vh;
		float:left;
	}

	#footercenter #two {
		width: 48vh;
		float:left;
	}

	#footercenter #three {
		width: 16vh;
		float: left;
	}
	
	
	.closebutton {
		padding-right: 2vh;
		float:right;
		transform: scaleX(1.3);
		font-size: 1.8vh;
		cursor:pointer;
	}
	
	.closebutton:hover {
		color: #fd5900;
	}



	.staticcontact {
		width: 94vh;
		margin-top:6vh;
		margin-right:auto;
		margin-left:auto;
		overflow: hidden;
		font-size:120%;
		background-color: #d9dadb;
		border-radius: 1vh;
	}


	.pImage img {
		display:block;
		margin: 2vh auto;
	}

	.pImage {
		text-align: center;
	}
	
	
	
/*}*/