html, body{
	margin:0;
	height:100%;
	font-family:Helvetica, sans-serif;
	color:#33333F;
	background-color:#F4F5F4;
	}
	
a{
	text-decoration:none;
	color:#02242E;
	}

.link{
	color: #0A7887;
}
	
.header{
	height:200px;
	width:100%;
	border-bottom:solid 1px #0A7887;
	background-color:#FFFFFF;
	position:fixed;
	top:0;
	z-index:99;
	}

.menubar{
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	height: 100px;
	margin-top: 50px;
}

.logo{
	height: 100px;
	float:left;
}

.logoimage{
	height: 80px;
	margin-left: 10px;
	margin-right: 20px;
	margin-top: 10px;
	float: left;
}
	
.logo h1{
	font-size:45px;
	height: 100px;
	line-height: 100px;
	margin-top: 0;
	font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
	float: left;
	}

.menu{
	margin-top: 25px;
	float:right;
	font-weight: 600;
}
	
.menu li{
	display:inline-block;
	}

.menu li a{
	color: #0A7887;
}
	
.menu li a:hover{
	color:#02242E;
	}
	
.menu li a{
	display:inline-block;
	padding-left: 20px;
	padding-right: 20px;
	height:50px;
	line-height: 50px;
	font-size: 18px;
	}
	
.contentcontainer{
	width:100%;
	height:100%;
	}
	
.spacer{
	width:100%;
	height:200px;
	}
	
.content{
	width:calc(100% - 50px);
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	padding-left:25px;
	padding-right:25px;
	}
	
.block{
	height:40%;
	min-height:450px;
	width:100%;
	background-color:#FFFFFF;
	}
	
.bottomblock{
	padding-bottom:100px;
	}
	
.mainbanner{
	background:linear-gradient(rgba(10, 120, 135, 0.90), rgba(41, 123, 179, 0.90)), url(../images/banner_1.jpg);
	background:linear-gradient(rgba(10, 120, 135, 0.90), rgba(30, 120, 165, 0.90)), url(../images/banner_1.jpg);
	background-size:cover;
	background-position:center;
	color:#FFFFFF;
	}
	
.pagebanner{
	height:25%;
	min-height:250px;
	}
	
.overviewblock{
	height:450px;
	padding-top:100px;
	}
	
.secondbanner{
	background:linear-gradient(rgba(183, 170, 154, 0.90), rgba(183, 170, 154, 0.90)), url(../images/banner_2.jpg);
	background-size:cover;
	background-position:center;
	color:#FFFFFF;
	margin-top: -50px;
	}
	
.mapblock{
	height:30%;
	background-color: grey;
	}
	
.contactblock{
	height:200px;
	padding-top:50px;
	padding-bottom: 0;
	}
	
.splitcontainer{
	padding-top:50px;
	height:250px;
	padding-bottom: 50px;
	}
	
.largesplitcontainer{
	padding-top:50px;
	height:550px;
	}
	
.banner{
	font-size:45px;
	margin-bottom:40px;
	font-weight:100;
	opacity:0.9;
	}
	
.topbannercontainer{
	height:100%;
	}
	
.topbanner{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:50px;
	}
	
.bottombannercontainer{
	height:100%;
	position:relative;
	}
	
.bottombanner{
	position:absolute;
	bottom:40px;
	}

.subbanner{
	font-weight:100;
	line-height:20px;
	opacity:0.70;
	}
	
.subbanner span{
	display:inline-block;
	padding-top:15px;
	border-top:solid 1px #FFFFFF;
	}
	
.combobox{
	padding-bottom:100px;
	padding-top: 50px;
	}
	
.comboboxleft{
	height:calc(100% - 200px);
	display:inline-block;
	width:350px;
	margin-left:50px;
	float:left;
	}
	
.comboboxright{
	height:calc(100% - 200px);
	display:inline-block;
	width:400px;
	margin-right:50px;
	float:right;
	}
	
.widecombobox{
	width:42.5%;
	}

.single{
	width: 70% !important;
}

.large{
	padding-top: 20px;
	height: 700px;
	padding: 0;
}
	
.textcombobox{
	width:500px;
	}
	
.imagecontainer{
     width:100%;
	 padding-top:60%;
     display:block; 
     position:relative;
     overflow:hidden;
	 margin-left:auto;
	 margin-right:auto;
	 border-top-left-radius:20px;
	 border-top-right-radius:20px;
	 border-bottom-left-radius:20px;
	 border-bottom-right-radius:20px;
     }
	 
.imagecontainer img {
     position:absolute;
     top:0;
     left:0; 
     width:100%;
     }

.imageblock{
	margin-top:25px;
	background-color:#066;
	}
	
.rightimage{
	margin-right:0;
	}
	
.leftimage{
	margin-left:0;
	}
	 
.contenttable{
	border-collapse:collapse;
	width:70%;
	margin-left:auto;
	margin-right:auto;
	}
	
.contenttable tr td{
	vertical-align:top;
	border-left:solid 1px #CCCCCC;
	width:50%;
	padding-left:100px;
	padding-right:100px;
	}
	
.contenttable tr td:first-child{
	border-left:none;
	}
	
.title{
	font-weight:100;
	font-size:28px;
	margin-top:15px;
	margin-bottom:15px;
	text-align:center;
	}
	
.text{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	}
	
.justify{
	text-align:justify;
	line-height: 22px;
	}
	
.section{
	font-weight:100;
	text-align:left;
	font-size:24px;
	margin-top:15px;
	margin-bottom:15px;
	color: #02242E;
	color: #0A7887;
	font-weight: 400;
	}
	
.list{
	padding:0;
	list-style:none;
	}
	
.list li{
	display:list-item;
	line-height:20px;
	}
	
.darklink{
	color:#33333F;
	}

.bluelink{
	color:#0A7887;
	}
	
#map{
	width:100%;
	height:100%;
	}
	
.footer{
	height:50px;
	width:100%;
	}
	
.footer table{
	border-collapse:collapse;
	height:50px;
	}
	
.footer table tr td:last-child{
	text-align:right;
	}
	
.footer table tr td a{
	font-weight:600;
	}

.footer table tr td a:hover{
	color: #0A7887;
	}
	
.mobile{
		display:none;
		}
	
@media screen and (max-width: 900px) {
	body{
		min-width:320px;
		}

	.menubar{
		margin-top: 10px;
	}

	.logoimage{
		height: 60px;
		margin-top: 20px;
		margin-left: 15px;
	}

	.logo h1{
		font-size:30px;
		}
		
	.menubutton{
		position:absolute;
		top:10px;
		height:100px;
		line-height:100px;
		right:20px;
		font-size:20px;
		}
		
	.menu{
		height:0px;
		width: 100%;
		overflow:hidden;
		margin-top: 0;
		}
		
	.menu, .header, .spacer{
		-webkit-transition: height 0.5s;
    	transition: height 0.5s;
		}
		
	.expand{
		height:200px;
		}
		
	.menu li{
		display:block;
		height: 40px;
		padding-left: 15px;
		}
		
	.menu li a{
		padding:10px 0;
		}
		
	.header{
		height:120px;
		}
		
	.spacer{
		height:100px;
		}
		
	.expandheader{
		height:320px;
		}
		
	.pagebanner{
		min-height:275px;
		}

	.block{
		height:40%;
		min-height:275px;
		}
		
	.banner{
		font-size:30px;
		margin-bottom:20px;
		width: calc(100% - 20px);
		}
	
	.subbanner{
		font-size:18px;
		width: calc(100% - 30px);
		}
		
	.topbanner{
		padding:25px;
		}
	
	.overviewblock, .contactblock, .splitcontainer, .largesplitcontainer{
		height:auto;
		padding-top:50px;
		padding-bottom:50px;
		}

	.combobox{
		padding-bottom: 0;
		padding-top: 50px;
	}
	
	.comboboxleft{
		display:block;
		width:100%;
		float:none;
		margin-left:0;
		margin-bottom:50px;
		}
	
	.comboboxright{
		display:block;
		width:100%;
		float:none;
		margin-right:0;
		}
		
	.widecombobox{
		width:100%;
		}

	.single{
		width: 100% !important;
		}

	.large{
		height:1000px;
		}
		
	.nonmobile{
		display:none;
		}
		
	.mobile{
		display:inline-block;
		}
		
	.bottomblock{
		padding-bottom:0;
		}
		
	.contenttable{
		width:100%;
		}
	
	.contenttable tr td{
		border-left:none;
		width:100%;
		display:table-row;
		}
		
	.splitcontainer{
		padding-top: 0px;
		margin-bottom:-150px;
		}
		
	.bottomsplitcontainer{
		margin-bottom:0;
		}

	.footer table tr td{
		font-size: 15px;
		}
	
	}