/* CSS Document */

html, body {
	padding:0;
	margin:0;
	width:100%;
	display:block;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#wrapper {
	width:100%;
	display:block;
	text-align:center;
	padding:0;
	margin:0;
}

#header, #content, #footer {
	display:block;
	padding:0;
	margin:0;
	width:100%;
}

.container {
	width:100%;
	max-width:1200px;
	position:relative;
}

.mobileonly {
	display:none  !important;
}

.right {float:right;}
.left {float:left;}

@media screen and (max-width: 750px) {
	.container {
		border-left:none;
		border-right:none;
	}
	.mobileonly {
		display:block  !important;
	}
	.nomobile {
		display:none !important;
	}
}


/* RESPONSIVE GRID =================================== */

section, .section {
	width:100%;
	display:block;
	float:left;
	padding:0;
	margin:0;
}

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
	margin:.5% 1%;
	padding:.5% 1%;
	float:left;
	display:inline-block;
}
.span1 {width:4.33%;}
.span2 {width:12.66%;}
.span3 {width:21%;}
.span4 {width:29.33%;}
.span5 {width:37.66%;}
.span6 {width:46%;}
.span7 {width:54.33%;}
.span8 {width:62.66%;}
.span9 {width:71%;}
.span10 {width:79.33%;}
.span11 {width:87.66%;}
.span12 {width:96%;}

@media screen and (max-width: 750px) {
	.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
		width:96%;	
	}
}


/* HEADER ============================================ */

#header {
	border-top:10px solid #0d6ea3;
}

#logo {
	position:absolute;
	left:50px;
	top:0;
	z-index:10;
}

/* NAV ============================================ */

#header a {
	float:right;
	display:inline-block;
	padding:20px 10px;
	color:#333333;
	text-decoration:none;
	font-weight:bold;
	font-size:16px;
}
#header a:hover {
	background:#0d6ea3;
	color:#ffffff;
}

@media screen and (max-width: 750px) {
	#header {
		border-top:none;
	}
	#header a {
		float:none;
		width:96%;
		padding:2%;
		background:#E9EBF2;
	}
	#header a:hover {
		background:#0d6ea3;
		color:#ffffff;
	}
	#mobile-menu {
		background:#0d6ea3 !important;
	}	
}

/* CONTENT ============================================ */


/* FOOTER ============================================ */

#footer {
	background: #d5ddf1;
  	border-top: 10px solid #0d6ea3;
	float:left;
  display: block;
}
.footerText {
  font-size: 12px;
  line-height: 18px;
  color: #0d6ea3;
}

/* TYPOGRAPHY ======================================== */
h1 {
	color: #333333;
  font-size: 22px;
  line-height: 32px;
  padding: 20px;
  padding-left: 0px;
}
h2 {
  color: #0d6ea3;
  border-top: #0d6ea3 solid 1px;
  background: url(../images/lineend.jpg) right top no-repeat;
  display: block;
  padding-top: 14px;
  padding-bottom: 10px;
  font-size: 18px;
  text-transform: uppercase;
}
h3 {
  font-size: 20px;
  color: #333;
  padding: 2px;
  margin:15px 15px 0px 0px;
}
h4 {
  font-size: 14px;
  color: #5b9cd2;
  padding: 2px;
  font-style: italic;
  margin:2px 15px 0px 0px;
}
h5 {
  font-size: 36px;
  color: #5b9cd2;
  padding: 2px;
  margin-left: 15px;
}
p {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 13px;
  line-height: 22px;
  color: #000;
}

ul {
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 0px;
  font-size: 13px;
  line-height: 22px;
  color: #000;
}
li {
  margin: 0px;
  font-size: 13px;
  line-height: 22px;
  color: #000;
}

#nav-above {display:none;}