/* General Styles */
*{margin:0;	padding:0;}

body {
	color:#FFF;
	font:12px/20px Arial, Helvetica, sans-serif;
	background: #000 url('images/bg.jpg') repeat-y center top;
}

a {	text-decoration:none; }
a:hover {text-decoration:underline;}
h1{font-size:32px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{font-size:16px;}
h5, h6{font-size:14px;}
h1,h2,h3,h4,h5,h6{margin:10px 0 15px 0;font-family:Arial, Helvetica, sans-serif;}
img { border: 0; padding: 0; margin: 0;}
.clear{clear:both;}
.floatleft{float:left;}
.floatright{float:right;}
img.floatleft{float:left; margin: 10px;}
img.floatright{float:right; margin: 10px;}
img.noborder { margin: 0 10px 0 10px; padding: 0; border: 0; background: none;}
.center{text-align:center;}
.textleft{text-align:left;}
.textright{text-align:right;}
.normal, .normal a{font-weight:normal;}
.textbold{font-weight:bold;}
hr { height: 10px; width: 100%; color: #FFF; margin: 10px 0; border:0;}
.important { font-weight: bold; }
.small { font-size: 11px; margin:0;padding:0; }
a.read-more {
	width : 80px;
	background:#999;
	font-family : verdana;
	font-size : 10px;
	color : #ffffff;
	text-align : center;
	float : right;
	cursor : pointer;
	margin: 15px 5px 10px 10px;
}
a.read-more:hover {
	background:#333;
	cursor : pointer;
	cursor : pointer;
	text-decoration: none;
}

ul, ol { padding:0 0 20px 5px; }
li ul, li ol { padding-bottom:0; }
code {
	background-color:#CCC;
	display:block;
	color:#333;
	padding:10px;
	margin:10px;
}
blockquote {
	border-left:4px solid #CCC;
	border-bottom:4px solid #CCC;
	margin:0 0 10px 20px;
	padding-left:15px;
}
/* ///General Styles */


/* ///Layout Styles */

.wrapper { margin: 0 auto; width: 960px; position: relative; }

.content-box-top { float: left; width: 100%; height: 20px; background: url('images/content-top.jpg') no-repeat; }
.content-box-bottom { float: left; width: 100%; height: 20px; background: url('images/content-bottom.jpg') no-repeat; }
.content-box-middle { float: left; width: 100%; background: url('images/content-middle.jpg') repeat-y; }
.content-box a img { border: 1px solid #000; margin: 7px 18px 0px 0px; }
.content-box a img.last { margin: 7px 5px 0px 0px; }

#top {
	width: 100%;
	height: 38px;
	background: #000;
	float: left;
	text-align: center;
	background: #121212 url('images/bg_top_bar.jpg') center top repeat-x;
}

#header {
	position: relative;
	width: 100%;
	height: 442px;
	background: #121212 url('images/bg_header_2.jpg') center top repeat-x;
	float: left;
}

#header-wrapper {
	position: relative;
	width: 100%;
	height: 442px;
	background: url('images/bg_header.jpg') center top no-repeat;
	float: left;
}

#logo {
	float: left;
	margin: 0 auto;
	width: 960px; height: 324px;
	background: url('images/header.jpg') no-repeat;
	margin-top: 10px;
}
#logo h1 { padding: 0; margin: 0; }
#logo h1 a { width: 400px; height: 180px; float: left; }
#logo h1 a span { display: none; }

#content {
	position: relative;
	width: 100%;
	background: #000;
	float: left;
}

.thumbs {
	float: left;
	width: 100%;
	height: 226px;
	background: url('images/bg_thumbs.jpg') no-repeat center top;
	text-align: center;
	margin-bottom: 5px;
}

#footer {
	width: 100%; height: 325px;
	float: left;
}
#footer a span {display: none;}
#footer a { float: left; width: 355px; height: 270px; margin: 20px 10px 0 0px; }
#footer-image {
	width: 960px; height: 325px;
	margin: 0 auto;
	background: url('images/footer.jpg') no-repeat center bottom;
	position: relative;
	z-index: 99;
	bottom: 0px;
}

.content-box {
	width: 100%;
	float: left;
	margin: 5px 0;
}

.buttons {
	width: 100%;
	float: left;
	height: 95px;
	background: url('images/big-buttons.jpg') no-repeat;
	margin-top: 10px;
}
.buttons a {
	float: left;
	width: 480px;
	height: 95px;
}
.buttons a span {display: none;}

.big-button a {
	float: left;
	width: 990px;
	height: 63px;
	margin-top: 1px;
	background: url('images/btn_join.jpg') no-repeat;
}
.big-button a span {display: none;}

h3.title {
	color: #f1f1f1;
	padding: 0;
	margin: 0 0 3px 0;
	float: left;
	height: 67px; width: 100%;
	background: url('images/title.jpg') no-repeat;
	text-align: left;
}
h3.title span {
	float: left;
	font-size: 38px;
	margin: 15px 0 0 35px;
}

/* Cleanup */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* ///Cleanup */
