﻿/*-------------ELEMENTS----------------------*/
* {
	margin: 0px;
	padding: 0px;
}
body {
	font-size: 100%; /* 16px */
	line-height: 150%; /* 24px */
	font-family: 'arial';
	background-color: #09364D;
}
h1 {
	font-size: 2em; /* 32px / 16px */
	font-family: "Century Gothic";
	margin-bottom: 20px;
	color: #09364D;
	font-weight: normal;
}

h2 {
	font-size: 1.5em; /* 24px / 16px */
	font-family: "Century Gothic";
	margin-bottom: 20px;
	color: #09364D;
	font-weight: normal;
	font-weight: normal;

}
h3 {
	font-size: 1.125em; /* 18px / 16px */
	font-family: "Century Gothic";
	margin-bottom: 20px;
	color: #09364D;
	font-weight: normal;

}
img, embed, object, video, iframe {
	max-width: 100%;
}
p {

	margin-bottom: 10px;
}
a {
	text-decoration: none;
	color: #0F597D;
	font-family: "Century Gothic";
}
a:hover {
	color: #000033;
}
label, input, textarea {
	display: block;
	font-size: 1.125em;
	font-family: "Century Gothic";
	font-weight: normal;
	color: #09364D;
	margin-bottom: 10px;
}
button {
	border: none;
	font-size: 1.5em;
	font-family: "Century Gothic";
	font-weight: normal;
	color: #09364D;
	background-color: #fff;
	padding: 5px;
	text-align: left;
	width: 140px;
	height: auto;
}
button:hover {
	cursor: pointer;
	color: #fff;
	background-color: #0F597D;
}
input, textarea {
	width: 380px;
	background-color: #0F597D;
	border: none;
	color: #fff;
	text-indent: 10px;
	padding: 5px 0px 5px 0px;
}
input {
	height: 30px;
}
textarea {
	height: 100px;
}

/*-------------HEADER----------------------*/
.header-wrapper {
background-color: #fff;
width: 100%;
border-bottom: 5px solid #09364D;
padding-top: 10px;
}
.header {
	overflow: hidden;
	margin-bottom: 10px;
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;

}
.box220 {
	width: 220px;
	float: left;
	margin-right: 20px; 
	padding-top: 10px;
}
nav {
	width: 700px;
	float: left;
	overflow: hidden;
	
}
nav ul {
	list-style-type: none;
	
}
nav li {
	float: left;
		
}
nav li a {
	display: block;
	text-decoration: none;
	color: #09364D;
	font-size: 2em;
	text-align: center;
	font-family: 'Century Gothic';
	padding: 10px;
	margin-right: 20px;
}
nav li a:hover, a.current, .side-nav a:hover {
	color: #fff;
	background-color: #09364D;
}
nav li li {
	display: none;
}
.mobile-nav-icon {
	overflow: hidden;
	Width: auto;
	display: none;
}
.mobile-nav-icon img {
	width: 60px;
	float: right;
	
}
.mobile-nav-icon img:hover {
	cursor: pointer;
}
/*-------------CONTENT----------------------*/
.content-wrapper {
	background-color: #0F597D;
	padding-bottom: 20px;
	padding-top: 20px;
	width: 100%;
}
.content {
	overflow: hidden;
	background-color: #fff;
	padding: 10px;
	max-width: 960px;
	margin-right: auto;
	min-height: 350px;
	margin-left: auto;
	overflow: hidden;

}
.banner {
	margin-bottom: 10px;
	text-align: center;
}
.box4601 {
	width: 460px;
	margin-right: 20px;
	float: left;
}
.box4602 {
	width: 460px;
	float: left;
}
 .side-nav {
	width: 220px;
	float: left;
	margin-right: 20px;
	min-height: 50px;
}
.side-nav ul {
	list-style-type: none;
}
.side-nav li {
	font-size: 1.5em;
	margin-bottom: 10px;
}
.box700 {
	width: 700px;
	float: left;
}
.box700 article {
	overflow: hidden;
}
.box700 article p {
	float: left;
	width: 540px;
	margin-right: 20px;
}
.box700 article img {
	float: left;
	width: 140px;
}
/*-------------FOOTER----------------------*/
.footer-wrapper {
	background-color: #09364D;
	border-top: 5px solid #000033;
	width: 100%;
}
.footer {
	padding: 10px;
	overflow: hidden;
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;

}
/*-------------CLASSES----------------------*/
.copyright {
	color: #fff;
	width: 380px;
	float: left;
}
.copyright a {
	color: #fff;
	text-decoration: none;
}
.copyright a:hover {
	color: #0F597D;
}
.designer {
	font-size: 0.75em;/*12px */
}
.float-right {
	float: right;
}
.float-left {
	float: left;
	margin-right: 20px;
}
.no-border {
	border: none;
}
.linkedin {
	float: right;
	border: none;
}
.visible {
	display: block;
}
/*-------------PRINT----------------------*/
@media print {
article.header ul, section.footer-wrapper, div.banner {
	display: none;
}
div.box4601, div.box4602 {
	float: none;
	width: 100%;
}
.side-nav {
	display: none;
}
input, textarea {
	color: #000;
}
}
/*-------------RESPONSIVE----------------------*/
@media screen and (max-width: 1024px) {
nav {
	width: auto;
	display: inline;
}
nav li a {
	font-size: 1.5em;
}
.box4601, .box4602 {
	width: 47.916666666666666666666666666667%;
}
.side-nav {
	width: 22.916666666666666666666666666667%;
}
.box700 {
	width: 72.916666666666666666666666666667%;
}
.box700 article {
	margin-bottom: 20px;
}
.box700 article p {
	width: 77.142857142857142857142857142857%;
	margin-right: 02.0833333333333333333333333333333%;
}
}
@media screen and (max-width: 800px) {


}
@media screen and (max-width: 600px) {
img.float-left {
	float: none;
	margin-bottom: 20px;
}
}
@media screen and (max-width: 480px) {
.box4601, .box4602 {
	width: 100%;
}
.side-nav, .box700 {
	width: 100%;
}
.box700 article p {
	width: 65.714285714285714285714285714286%;
	margin-right: 02.0833333333333333333333333333333%;
}

.side-nav {
	display: none;
}
.mobile-nav-icon {
	display: block;
}
nav {
	width: 100%;
}
nav li {
	float: none;
	display: none;

}
nav li a {
	text-align: left;
	width: 100%;
}
nav li li {
	display: block;
	text-indent: 20px;
}
.footer img {
	display: none;
}
input, textarea {
	width: 100%;
}
iframe {
	width: 100%;
}
}
@media screen and (max-width: 320px) {
.box700 article p {
	width: 100%;
	margin-right: 0px;
}


}