/* 
Aero Exp 2012
CSS Main
Engineer: Chris Dick */

* {
	margin: 0; padding: 0;
}

.clear {
	clear: both
}

body {
	font-family: Arial, Helvetica, sans-serif;
}

#head-logo-box {
/* start transparency stuff */	
	    /* Required for IE 5, 6, 7 or something to trigger hasLayout, like zoom: 1; */
        width: 100%; 
        /* Theoretically for IE 8 & 9 (more valid) but not required as filter works too  should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        /* This works in IE 8 & 9 too, but also 5, 6, 7 */
        filter: alpha(opacity=80);
        /* Older than Firefox 0.9 */
        -moz-opacity:0.8;
        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.8;
        /* Modern! Firefox 0.9+, Safari 2?, Chrome any? Opera 9+, IE 9+ */
        opacity: 0.8;
/* end transparency stuff */		
	width: 900px; height: 144px; background-color: #000; margin: 50px auto 0px auto
}

#sponors-nav {
	width: 900px; height: 100px; background-color: #000; margin: 15px auto
}
	#sponsors {
		float: left; background-color: #FFF; width: 320px; height: 100px
	}
		#sponsors img {
			float: left
		}
		
/* NAVIGATION BEGIN */
.nav {
	float: right;
	display: block;
	background-color: #000;
    height: 100px;
    width: 570px;
}
	.nav ul {
		list-style: none outside none;
		margin: 0;
		padding: 0;
		right: 0;
		top: 0;
	}	
		.nav li {
			float: left;
		}
		
		.nav li a {
			border-right: 1px solid #000;
			color: #FFF;
			display: block;
			font-weight: 700;
			letter-spacing: 1px;
			font-size: 90%;
			height: 16px;
			padding: 42px 10px;
			text-decoration: none;
			text-transform: uppercase;
		}
		
		.nav li a.active {
			background: none repeat scroll 0 0 #dfa812; color: #FFF
		}
		
		.nav li a:hover {
			background: none repeat scroll 0 0 #212121; color: #dfa812
		}
		
		.nav li a.active:hover {
			background: none repeat scroll 0 0 #bd8e0f; color: #FFF
		}
		
		.nav li a { -webkit-transition-property: background-color, color; -webkit-transition-duration: .2s; -webkit-transition-timing-function: ease-in }
		.nav li a:hover { -webkit-transition-timing-function: ease-out }
		.nav li a.active { -webkit-transition-property: background-color, color; -webkit-transition-duration: .2s; 
		-webkit-transition-timing-function: ease-in }
		.nav li a.active:hover { -webkit-transition-timing-function: ease-out }

#main-section {
	width: 900px; margin: 0 auto
}

	#main-copy {
		/* start transparency stuff */	
				/* Required for IE 5, 6, 7 or something to trigger hasLayout, like zoom: 1; */
				width: 100%; 
				/* Theoretically for IE 8 & 9 (more valid) but not required as filter works too  should come BEFORE filter */
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
				/* This works in IE 8 & 9 too, but also 5, 6, 7 */
				filter: alpha(opacity=80);
				/* Older than Firefox 0.9 */
				-moz-opacity:0.8;
				/* Safari 1.x (pre WebKit!) */
				-khtml-opacity: 0.8;
				/* Modern! Firefox 0.9+, Safari 2?, Chrome any? Opera 9+, IE 9+ */
				opacity: 0.8;
		/* end transparency stuff */				
		float: right; width: 570px; background-color: #000; padding-bottom: 20px
	}
		#main-copy h1 {
			color: #1f9aff; padding: 20px 20px 0 20px; font-size: 150%; line-height: 30px
		}
		#main-copy p {
			color: #FFF; padding: 20px 20px 0 20px; font-size: 110%; line-height: 20px
		}
		#main-copy ul {
			color: #FFF; list-style-type: disc; font-size: 110%; padding: 20px 20px 0 20px; margin-left: 20px 
		}
			#main-copy ul li {
				margin-bottom: 10px
			}
		#main-copy a {
			color: #dfa812; text-decoration: none; font-weight: bold
		}
			#main-copy a:hover {
				text-decoration: underline
			}

	#fullwidth-copy {
		/* start transparency stuff */	
				/* Required for IE 5, 6, 7 or something to trigger hasLayout, like zoom: 1; */
				width: 100%; 
				/* Theoretically for IE 8 & 9 (more valid) but not required as filter works too  should come BEFORE filter */
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
				/* This works in IE 8 & 9 too, but also 5, 6, 7 */
				filter: alpha(opacity=80);
				/* Older than Firefox 0.9 */
				-moz-opacity:0.8;
				/* Safari 1.x (pre WebKit!) */
				-khtml-opacity: 0.8;
				/* Modern! Firefox 0.9+, Safari 2?, Chrome any? Opera 9+, IE 9+ */
				opacity: 0.8;
		/* end transparency stuff */				
		width: 900px; background-color: #000; padding-bottom: 20px
	}
		#fullwidth-copy h1 {
			color: #1f9aff; padding: 20px 20px 0 20px; font-size: 150%; line-height: 30px; text-align: center
		}
		#fullwidth-copy h2 {
			color: #1f9aff; padding: 20px 20px 0 20px; font-size: 120%; line-height: 30px
		}
		#fullwidth-copy p {
			color: #FFF; padding: 20px 20px 0 20px; font-size: 110%; line-height: 20px
		}
		#fullwidth-copy ul {
			color: #FFF; list-style-type: disc; font-size: 110%; padding: 20px 20px 0 20px; margin-left: 20px 
		}
			#fullwidth-copy ul li {
				margin-bottom: 10px
			}
		#fullwidth-copy a {
			color: #dfa812; text-decoration: none; font-weight: bold
		}
			#fullwidth-copy a:hover {
				text-decoration: underline
			}
		#fullwidth-copy ol {
			color: #FFF; list-style-type: decimal; font-size: 110%; padding: 20px 20px 0 40px; margin-left: 20px 
		}
			#fullwidth-copy ol li {
				margin-bottom: 10px
			}
	
#footer {
		/* start transparency stuff */	
				/* Required for IE 5, 6, 7 or something to trigger hasLayout, like zoom: 1; */
				width: 100%; 
				/* Theoretically for IE 8 & 9 (more valid) but not required as filter works too  should come BEFORE filter */
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
				/* This works in IE 8 & 9 too, but also 5, 6, 7 */
				filter: alpha(opacity=80);
				/* Older than Firefox 0.9 */
				-moz-opacity:0.8;
				/* Safari 1.x (pre WebKit!) */
				-khtml-opacity: 0.8;
				/* Modern! Firefox 0.9+, Safari 2?, Chrome any? Opera 9+, IE 9+ */
				opacity: 0.8;
		/* end transparency stuff */
	width: 900px; background-color: #000; padding: 10px 0; margin: 20px auto
}
	#footer-copy {
		float: left; margin-left: 20px
	}
		#footer-copy p {
			color: #FFF; font-size: 80%
		}