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

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

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

hr {
	border: 0;
	margin: 0px;
	height: 1px;
	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: 2px;
	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));
}


#navbanner{
	background-color:rgba(255, 255, 255, 0.94);
	position:fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 80px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	z-index:100;
}

#navcenter{
	width: 960px;
	height: 80px;

	margin-left: auto;
	margin-right: auto;
}

#logosmall{
	width: 160px;
	height: 56px;
	position: relative;
	background-image: url('logosmall.png');
	background-size: cover;
	float: left;

	left: 10px;
	top: calc(40px - 28.0px)
}

#navmenu{
	height: 80px;
	position: relative;
	float:right;

	/*right: 14px;*/

	font-size: 18.0px;
}

.navbutton{
	color: #444;
	float:left;
	margin-top: calc(40px - 14.0px);
	padding-bottom: 6.0px;
	margin-left: 10px;
	margin-right: 10px;
	border-bottom: none;
	cursor: pointer;
}

.navbutton:hover{
	color: #444;
	float:left;
	border-bottom: 2.0px solid #fd5900;
}

#mainbanner{
	width: 100%;
	height: 600px;
	overflow: hidden;
}

#titlebanner{
	width: 100%;
	height: 260px;
	overflow: hidden;
}

#navoffset{
	/*background-color:rgb(33, 80, 186);*/
	width: 100%;
	height: 80px;
}

#centerbanner{
	margin-left: auto;
	margin-right: auto;
	margin-top: calc(300px - 40px - 180px);
	width: 960px;
	height: 360px;
	/*background-color: #fd5900;*/
	overflow: hidden;
	border-radius: 5px;
}


.centersegment{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: calc(400px - 80px);
	margin-top: calc(70px);
	/*background-color: #ff0000;*/
}

.presbuttons{
	width: 240px;
	float: left;
	text-align: center;
	font-size: 24px;
	height: 260px;
}

.presgroup{
	opacity: 0.9;
	cursor: pointer;
}

.prespic{
	/*margin-top: 50px;*/
	width: 200px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	background-color: #406776;
	background-size: cover;
	background-image: url(teamplaceholder.jpg);
	background-position: center;
	border-radius: 10px;
}

#prespic1 {
	background-image: url(stock-photo-group-of-architects-discussing-plans-in-modern-office-174875954.jpg);
}

#prespic2 {
	background-image: url(stock-photo-man-big-truck-driver-in-open-pit-156338405.jpg);
}

#prespic3 {
	background-image: url(amalvisa.jpg);
}

#prespic4 {
	background-image: url(amaleci.jpg);
}


.prestext{
	margin-top: 40px;
	color: #444;
}

input, textarea {
	border:none;
	border-radius:0.40px;
	float:left;
	width:440px;
	padding:10px;
	margin:10px;
	font-size: 1.80px;
	background-color: #f2f2f2;
	font-family: 'Open Sans', sans-serif;
	color:#464646;
}

.contactform input[type=submit] {
	color: #fff;
	width: 940px;
	cursor: pointer;
	background-color: #999;
}

.contactform input[type=submit]:hover {
	background-color: #fd5900;
	color: #fff;
}

.contactform textarea {
	width: 920px;
}

.contactform #subject {
	width: 920px;
}

.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 {
	font-size: 160%;
	padding-top: 90px;
	padding-bottom: 30px;
}

.picholder {
	margin-top:120px;
	margin-bottom:120px;
	float:left;
	width:100vw;
	height: 600px;
	overflow:hidden;
	margin-left:calc(470px - 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:100vw;
	height: 600px;
}

/*.pictext {
	background-image: url('teamplaceholder.jpg');
	line-height: 100%;
	background-attachment: fixed;
	background-size:cover;
	background-position: center;
	width:860px;
	top: 50%;
	left: 50%;
	background-size:cover;
	position:relative;
	text-align: center;
	color: #444;
	font-size: 4.40px;
	background-color:rgba(255,0,0,0.8);
	border-radius:20px;
	padding:60px;
}*/

.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:860px;
	border-radius:20px;
	padding:60px;
	color: #444;
	font-size: 44px;
	line-height: 150%;
}

.contenttext {
	line-height: 150%;
}

.outblock {
  height: 600px;
  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(233,233,233,0.6);
	overflow: hidden;
	color:#464646;
	text-align:justify;
	font-size: 170px;
	padding-bottom:200px;
	line-height:150%;
}


#bottomtext {
	font-size:20px;
	text-align:center;
	color:#959595;
	float:left;
	margin-top: calc(100px);
	margin-left: 140px;
	margin-right:140px;
}

#showcaseholder {
	background-color:rgba(229,229,229,0.8);
	height: calc(750px - 80px);
	overflow: hidden;
}

#footer {
	background-color:#222222;
	height: 250px;
	overflow: hidden;
	color: #fff;
}

#footercenter {
	margin-top: 40px;
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-size: 14px;
}

#footercenter #one {
	width: 320px;
	float:left;
}

#footercenter #two {
	width: 480px;
	float:left;
}

#footercenter #three {
	width: 160px;
	float: left;
}