/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

body {
	margin:				0;
	padding:			0;
	font-family: 		'Nova Round', cursive;
	font-size:			62.5%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

section#top {
	position:			relative;
	width:				100%;
	background:			transparent url(bg.jpg) no-repeat top center;
	background-attachment:fixed;
	height:				550px;
	overflow:			hidden;
}

section#top #extraclouds {
	position:			absolute;
	top:				0;
	left:				0;
	width:				100%;
	background:			transparent url(extraclouds.png) no-repeat center center;	
	height:				600px;
}

section#top #boom {
	position:			absolute;
	top:				0;
	left:				0;
	width:				100%;
	background:			transparent url(boom.png) no-repeat center center;
	height:				600px;
}

section#top #bits1 {
	position:			absolute;
	top:				0;
	left:				0;
	width:				100%;
	background:			transparent url(bits1.png) no-repeat center center;
	height:				600px;
}

section#top #bits2 {
	position:			absolute;
	top:				0;
	left:				0;
	width:				100%;
	background:			transparent url(bits2.png) no-repeat center center;
	height:				600px;
}

section#top #bits3 {
	position:			absolute;
	top:				0;
	left:				0;
	width:				100%;
	background:			transparent url(bits3.png) no-repeat center center;
	height:				600px;
}


section#info {
	position:			relative;
	background:			#3a4c74;
	height:				600px;
	color:				#fff;
	padding-top:		80px;
}

section#info div {
	position:			relative;
	width:				960px;
	margin:				auto;
	font-size:			1.4em;
}

section#info h1 {
	font-size:			4em;
	text-transform:		uppercase;
	margin:				0;
	padding:			0;
	text-shadow:		2px 2px 4px #3864ab;
}

section#info h2 {
	font-size:			2.7em;
	margin:				0;
	padding:			0;
	text-shadow:		2px 2px 4px #3864ab;	
}

section#info p {
	width:				40em;
	text-align:			justify;
	line-height:		1.8em;

}

section#about {
	position:			relative;
	background:			#3a4c74;
	height:				600px;
}