html, window, body { height: 100%; margin: 0; padding: 0; width:100%; font-family: 'Oswald', Helvetica, Arial; }
body {
	background-color: #000;
	font-size: 14px;
}
a { text-transform: uppercase; color: #6bd27c; text-decoration: none; }
a:hover { color: #ffcc00; text-decoration: none; }

.addr { color: #fff; padding-bottom: 7px; }

.opacity75 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	-khtml-opacity: .75;
	opacity: .75;
}
.opacity50 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.opacity25 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	filter: alpha(opacity=25);
	-moz-opacity: .25;
	-khtml-opacity: .25;
	opacity: .25;
}
/* #homespan { background-color: #000000; height: 30%; width:100%; position: absolute; left: 0; top: 35%; z-index: 80; } */
#homespan { background-color: #000000; height: 430px; width:100%; position: absolute; left: 0; top: 30%; z-index: 80; }
#homespan_logo { position: absolute; left: 50%; top: 50%; margin-left: -325px; margin-top: -100px; width: 650px; height: 256px; z-index: 91; }
#homespan_logo img { width: 100%; }
#homespan_logo_bg {
	position: absolute; left: 50%; top: 50%; margin-left: -325px; margin-top: -100px; width: 650px; height: 256px; z-index: 90;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	filter: alpha(opacity=25);
	-moz-opacity: .25;
	-khtml-opacity: .25;
	opacity: .25;
}
#homespan_logo_bg img { width: 100%; }
#homespan_links { position: absolute; padding-top: 15px; bottom: 25px; text-align: center; width: 100%; }
#homespan_links p { color: #fff; }
#homespan_links h1 { color: #fff; }
#homespan_links ul { margin: 0; padding: 0; list-style-type: none; }
#homespan_links ul li { border-left: 2px solid #666; display: inline; margin: 0; padding: 0; padding: 0 10px; }
#homespan_links ul li.first { border-left: none; }

#homespan_wrapper { text-align: center; margin: 0 auto; width: 1100px; }

#floatLeft { float: left; margin: 0 auto; margin-right: 12px; }
.clear { clear: both; margin: 0px; }

#contactForm { padding-top: 20px; }
#contactForm input { width: 150px; }
#contactForm select, #contactForm textarea { width: auto; }
#contactForm div { color: #fff; float: left; padding: 7px 25px; margin: 0 auto; text-align: left; }
#contactForm div.nofloat { float: none; /* display: inline-block; */ }
#contactForm label { color: #fff; float: left; padding: 7px 7px; margin: 0 auto; text-align: left; width: 105px; }
#contactForm hr {
	margin: 15px 0;
	border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}
#contactForm br { margin-bottom: 4px; display: block; line-height: 30px; }
#contactForm a { margin: 10px 0; display: inline-block; }
#contactForm .clear { clear: both; margin: 0; padding: 0; float: none; }
#contactForm .box_ml1 { width: 10px; }
#contactForm .box_ml2 { width: 30px; }
#contactForm .box_ml3 { width: 50px; }
#contactForm .box_ml4 { width: 70px; }
#contactForm .box_ml5 { width: 90px; }
#contactForm .box_mllong { width: 250px; }
#contactForm .col1 { width: 80px; font-weight: bold; }

/* =============== COLORS =============== */
.htoCobaltBlue { color: #1b48a5; }
.babyBlue { color: #bbeeff; }
.lightBlue { color: #8aa4d5; }

#leftbox { background: #000000; position: fixed; left: 0; top: 0; width: 0; height: 100%; z-index: 80; }
#audiobox { position: fixed; bottom: 0; right: 0; padding: 0 15px 15px 0;
			opacity: 0.3;
			filter: alpha(opacity=30); // /* For IE8 and earlier */
}