@charset "utf-8";

body{
	background-image:url(../images/background.png);
}
header{
	width: 100%;
	height: 150px;
	background-color: #FFFFFF;
	display: block;
	position: relative;
	margin: auto;
}
main{
	width: 100%;
	min-height: 500px;
	background-color: #FFF;
	display: table;
	position: relative;
	margin: auto;
	z-index: 0;
}
footer{
	width: 100%;
	min-height: 40px;
	display: table;
	position: relative;
	margin: auto;
	background-color: #00557f;
	vertical-align: bottom;
}
.footer_menu {
	list-style-type:none;
	display: block;
	margin: 0;
	padding:0;
	position: relative;
	float: left;
	margin-left: 25px;
	z-index: 1000;
}
.footer_menu li {
	display:inline-block;
	margin-right: 10px;
	z-index: 1000;
}
.footer_menu li a {
	display: block;
	min-width: 65px;
	height: 40px;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
	font-family: 'Roboto', sans-serif;
	color: #fff;
	text-decoration: none;
	z-index: 1000;
}
.menu {
	list-style-type:none;
	display: block;
	margin: 0;
	padding:0;
	position: relative;
	text-align: center;
	z-index: 1000;
}
/*Create a horizontal list with spacing*/
.menu li {
	display:inline-block;
	margin-right: 10px;
	z-index: 1000;
}

/*Style for menu links*/
.menu li a {
	display: block;
	min-width:140px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-family: 'Roboto', sans-serif;
	background-color: #00557f;
	color: #fff;
	text-decoration: none;
	z-index: 1000;
}

.menu ul li:hover,
body.index li.index a,
body.about li.about a,
body.services li.services a,
body.careers li.careers a,
body.contact li.contact a { 
	background-color: #00a5dc;
	font-weight: bold;
	box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.3), -2px 0px 5px 0px rgba(0, 0, 0, 0.3);
	color: #fff;
	z-index: 1000;
}
/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	color: white;
	background-color: #00557f;
	text-align: center;
	padding: 16px 0;
	display: none;
	z-index: 100;
	cursor: pointer;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ .menu{
    display: block;
}

@media only screen and (max-width: 850px){
	.menu {
		position: static;
		display: none;
		z-index: 1000;
	}
	/*Create vertical spacing*/
	.menu li {
		
	}
	/*Make all menu links full width*/
	.menu li{
		width: 100%;
		background-color: #00557f;
		border-top: thin solid white;
		z-index: 1000;
	}
	.menu li a{
		width: 100%;
		background-color: #00557f;
		z-index: 1000;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
		z-index: 1000;
	}
	.footer_menu{
		display: none;
	}
}