* 
{
	margin: 0;
	padding: 0;
}

html, body
{
	background: #040404 url('images/bg-repeat-x.png') repeat-x;
	height: 100%;
	font-size: 15px;
	font-family: helvetica, arial;
	color: #c0c0c0;
}

.wrapper
{
	width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -66px; /* the bottom margin is the negative value of the footer's height */
	background: url('images/bg-repeat-y.png') repeat-y;
}

.navigation
{
	background: url('images/navigation.png') no-repeat;
	width: 1000px;
	top: 0;
	height: 116px;
}

.home
{
	width: 60px;
	height: 73px;
	top: 42px;
	left: 50%;
	margin-left: -56px;
	position: absolute;
}

.home a
{
	background: url('images/home.png');
	display: block;
	width: 60px;
	height: 73px;
}

.home a:hover
{
	background-position: 0 -73px;
}

.mission
{
	width: 71px;
	height: 73px;
	top: 42px;
	left: 50%;
	margin-left: 39px;
	position: absolute;
}

.mission a
{
	display: block;
	background: url('images/mission.png');
	width: 71px;
	height: 73px;
}

.mission a:hover
{
	background-position: 0 -73px;
}

.brothers
{
	width: 76px;
	height: 73px;
	top: 42px;
	left: 50%;
	margin-left: 133px;
	position: absolute;
}

.brothers a
{
	display: block;
	background: url('images/brothers.png');
	width: 76px;
	height: 73px;
}

.brothers a:hover
{
	background-position: 0 -73px;
}

.media
{
	width: 66px;
	height: 73px;
	top: 42px;
	left: 50%;
	margin-left: 226px;
	position: absolute;
}

.media a
{
	display: block;
	background: url('images/media.png');
	width: 66px;
	height: 73px;
}

.media a:hover
{
	background-position: 0 -73px;
}

.rush
{
	width: 49px;
	height: 73px;
	top: 42px;
	left: 50%;
	margin-left: 322px;
	position: absolute;
}

.rush a
{
	display: block;
	background: url('images/rush.png');
	width: 49px;
	height: 73px;
}

.rush a:hover
{
	background-position: 0 -73px;
}

.chapters
{
	width: 81px;
	height: 73px;
	top: 42px;
	left: 50%;
	margin-left: 410px;
	position: absolute;
}

.chapters a
{
	display: block;
	background: url('images/chapters.png');
	width: 81px;
	height: 73px;
}

.chapters a:hover
{
	background-position: 0 -73px;
}

.header
{
	background: url('images/header.png') no-repeat;
	width: 1000px;
	top: 116px;
	height: 244px;
}

.body-wrapper
{
	background: url('images/body.png') no-repeat;
	width: 1000px;
	top: 360px;
}

.content
{
	float: left;
	width: 635px;
	top: 110px;
	left: 70px;
	text-align: justify;
	position: relative;
	padding-bottom: 10px;
	
	min-height: 273px;
}

.updates
{
	float: left;
	width: 200px;
	top: 65px;
	left: 142px;
	position: relative;
}


.footer
{
	width: 950px;
	background: #040404 url('images/footer.png') no-repeat;
	height: 36px;
	left: 50%;
	margin-left: -500px;
	font-size: 10px;
	padding-left: 50px;
	padding-top: 30px;
	position: absolute;
}

.push
{
	height: 172px;
}

.clear
{
	clear: both;
}

