/* Makeshift CSS Reset */
* {
	margin: 0;
	padding: 0;
}

/* Tell the browser to render HTML 5 elements as block */
header, footer, section, aside, nav, article, body {
	display: block;
	padding: 0 0 0 22px;
}


body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #42413C;
	margin: 0;
	padding: 0;
	color: #000;
}


p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
}


@font-face {font-family: Headline One; src: url('HEADOH__.ttf');} 

@font-face {font-family: Bebas; src: url('BEBAS___.TTF');} 

@font-face {font-family: Headline Two; src: url('HEADTH__.TTF');} 

h1 {
	font-family:Bebas;
	font-size: 58px;
	line-height: 55px;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	text-align:right;
	
}

h2 {
	font-family: Headline Two;
	font-size: 40px;
	line-height: 40px;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	padding-top:5px;
	
}

h3 {
	font-family: Headline Two;
	font-size: 34px;
	line-height: 40px;
	margin-top: 0;
	padding-left: 15px;
	padding-right: 15px;
	padding-top:5px;
	padding-bottom:10px;
	
}

/* whole page is in this div */
.container {
	width: 960px;
	background: #FFF;
	margin: 0 auto;
}

/* top section*/
.header {
	background: #CCC;
	height: 245px;
}

.title {
	width:400px;
	height:150px;
	background-color:transparent;
	float:right;
	text-align:right;
	padding-top: 50px;
	padding-right:15px;
	
}

.logo {
	width:520px;
	height:220px;
	background-color:transparent;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 15px;
	float:left;
	
}

.banner {
	width: 960px;
	height: 450px;
	padding-bottom: 20px;
}

/*NAVIGATION*/

.nav {
	margin: 0 auto;
	background: #666;
	position: absolute;
	top: 205px;
}

	.nav ul {
		margin: 0 auto;
		width: 960px;
		list-style: none;
	}

		.nav ul li {
	float: left;
		}
		
			.nav ul li a {
				display: block;
				width: 240px;
				font-family:Bebas;
				font-size: 18px;
				line-height: 44px;
				text-align: center;
				text-decoration: none;
				color: #000;
			}
			
				.nav ul li a:hover {
					color: #CCC;
				}
			
			.nav ul li.selected a {
	color: #CCC;
	background-color:#006;
			}
	



/* content is the middle section*/
.content {
	padding-bottom: 10px;
}

/* bottom section */
.footer {
	padding: 10px 0;
	background: #CCC;
	height: 80px;
	position:relative;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* the floated object should go BEFORE another object to be placed next to it */
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}

.center {
	position:absolute;
	bottom: 0;
	font-size:10px;
	left:38%
	
}

.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.bottom {
	width:600px;
	height:60px;
	background-color:transparent;
	float:right;
	text-align:right;
	padding-top: 30px;
	padding-right:15px;	
}

ing {
	font-size:14px;
	padding-bottom: 22px;
	padding-left: 60px;
	padding-right: 13px;
}

ind {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 30px;
	padding-right: 30px;
}