/* CSS Document */

body, html { 
	overflow-x: hidden;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
}

body {
    font-size: 1em;
    line-height: 1.4;
    font-family: 'Raleway', sans-serif;
    font-style: normal; 
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 300%;
	background-image: url(../images/SiteBG.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	background-color: #000;
}

.main-wrapper {
	
}
.hdrWrap{
	position: fixed;
	width: 100%;
	overflow: hidden;
	text-align: center;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 12px;
	display: block;
	height: 300px;
/*...shade it's back*/
	background: ; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,1)); /*Safari 5.1-6*/
	background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,1)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,1)); /*Fx 3.6-15*/
	background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1)); /*Standard*/
	
}
@media screen and (max-device-width: 480px) {
	.hdrWrap{height: 350px;}
	.hdrContent img {width: 770px;}
	.menu {top: 330px; margin-top: 135px;}
	.bdyWrapper {margin-top:320px;}
}
		.hdrContent{
			text-align: center;
						
		}
.hdrContent a > img {text-decoration:none; border: none;}

		.menu {
			position: fixed; 
			text-align: center;
			width: 100%;
			top: 200px;
			background-color: #3A53A4;
			/*Menu Items Specifically*/
			font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; 	
			font-size: 16px;
			text-decoration: none; 
			display: block;
			color: #fff;
			z-index: 10;
				}

			.menu a {
				text-decoration: none;
				font-weight: bold;
				color: white;
					}
			.menu a:hover {
				text-decoration: underline;
					}

.bdyWrapper {
	position: absolute;
	bottom: 0px;
	top:205px;
	padding-bottom: 32px; padding-left: 22px; padding-right: 22px;
	margin-right: 0px; margin-left: 8px; width: 100%;
	align-content: center;
	display: block;
	/*background-color: #3A53A4;*/
	
}
.bdyCont{
	margin-top: 22px;
	color: white;
	padding-bottom: 32px;
	padding-right: 32px;
	overflow-y: scroll;

}
.bdyCont a {
	text-decoration: underline;
	font-weight: bold;
	color: white;
}

.footer {
    overflow: hidden; 
    position: fixed;
	display: block;
	bottom: 0px;
	padding-bottom: 6px;
	background-color: #000;
	width: 100%;
	padding-left: 12px;
}
.footer-text {
	color: white;
	font-size: 12px;
}
.footer-text a {
				text-decoration: none;
				font-weight: bold;
				color: white;
					}
.footer-text a:hover {
	text-decoration: underline;
		}