@charset "utf-8";
/* CSS Document */

body {
	background-color: #0d0d0d;
	background-image: url(images/metal.png);
	background-repeat: repeat-x;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #2c6aaa;
}
a:active {
	text-decoration: none;
	color: #000;
}
#container {
	width: 949px;
	margin: 0 auto;
	
}
#header-container {
	width: 949px;
	height: 191px;
	
}
#header-left {
	background-image:url(images/images_02.jpg);
	width: 471px;
	height: 191px;
	float: left;

	
}
#header-right {
	background-image:url(images/images_03.jpg);
	width: 478px;
	height: 191px;
	float: right;
	
}

/* BEGIN NAVIGATION */

#spacer {
	margin-top: 6px;	
}

#nav {
 margin:0;
 padding:0;
 
 }
 
#nav li {
    display:inline;
    padding:0;
    margin:0;
	
    }

 
#nav a:link,
#nav a:visited {
	color:#000;
	background-image:url(images/button_normal.jpg);
	width: 158px;
	height: 60px;
	float:left;
	text-transform: uppercase;
	font-size: 14px;
	
 }
 
 #sub-nav {
		background-image:url(images/images_05.jpg);
	width: 948px;
	height: 60px;

	 
	 
	 
 }


#nav {
    margin:0;
    padding:0;

	float:left;
  
  
    }
	
#nav a:hover {
    color:#fff;
	background-image:url(images/button_over.jpg);
	background-repeat: repeat;
	width: 158px;
	height: 60px;
		text-transform: uppercase;  
	font-size: 14px;
	 
	}


 #home #nav-home a,
 #contacts #nav-contacts a,
 #members #nav-members a,
 #forums #nav-forums a,
 #files #nav-files a,
 #history #nav-history a,

 {
	 background-image:url(images/button_over.jpg);
	 width: 158px;
	height: 60px;
	 
 }
 
 
/* NAVIGATION END */

/* BEGIN SLIDER */

#featured-container {
	background-image:url(images/slider-bg.jpg);
	background-repeat:repeat;
	width: 949px;
	height: 253px;
	
}

#featured-slider {
	width: 482px;
	height: 225px;
	
}

#slider-container {
	padding-top: 10px;
	margin-left: 45px;
	position:relative;

}

#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:401px;
		height:219px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:24px;
		height:74px;
	position:absolute;
		left:-24px;
		top:81px;
		}	
	#nextBtn{ 
		left:402px;

		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:24px;
		height:74px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}												



	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:401px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
/* END SLIDER */

/* BEGIN FEATURED TEXT */

#featured-text {
	width: 405px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-align: left;	
	float: right;
	margin-right: 45px;
	margin-top: 25px;
}

#read-more
{
  display: block;
  width: 102px;
  height: 31px;
  background: url(images/read-more.gif) no-repeat 0 0;
  float: right;

}

#read-more:hover
{ 
  background-position: 0 -31px;
}

#read-more span
{
  display: none;
}

/* END FEATURED TEXT */

#content-container {
	width: 949px;
	background-color: #0d181d;
	float: left;

}

#content-left-container {
	width: 280px;	

	
}

#content-right {
	
	background-image: url(images/images_08.jpg);
	background-repeat:no-repeat;
	width: 669px;
	height: 996px;
	float: right;
	

	
	
}

#content-right-content {
	width: 630px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	text-align: left;
	margin-top: 75px;
	margin-left: 25px;
}

#member-login {
	background-image:url(images/images_07.jpg);
	width: 280px;
	height: 193px;
	float: left;
	
}

#login {
	margin-top: 95px;
	margin-left: 55px;
}


#button-container {
	width: 97px;
	height: 23px;
	margin-left: 160px;
	margin-top: 10px;
}

#sign-up-button-container {
	width: 46px;
	height: 24px;
	float: left;
}

#sign-up-button
{
  display: block;
  width: 46px;
  height: 24px;
  background: url(images/sign-up-button.gif) no-repeat 0 0;
  float: right;

}

#sign-up-button:hover
{ 
  background-position: 0 -24px;
}

#sign-up-button span
{
  display: none;
}


#login-button-container {
	width: 46px;
	height: 24px;
	float: right;
}

#login-button
{
  display: block;
  width: 46px;
  height: 24px;
  background: url(images/login-button.gif) no-repeat 0 0;
  float: right;

}

#login-button:hover
{ 
  background-position: 0 -24px;
}

#login-button span
{
  display: none;
}

#upcoming-matches {
	background-image:url(images/images_10.gif);
	width: 280px;
	height: 218px;
	float: left;
	
	
}

#upcoming-matches-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	text-align: left;
	margin-top: 115px;
	margin-left: 50px;
}


#recent-forum-posts {
	background-image:url(images/images_11.gif);
	width: 280px;
	height: 378px;
	float: left;
	
	
}


#recent-forum-posts-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	text-align: left;
	margin-top: 200px;
	margin-left: 50px;
}


#team-speak-server {
	background-image:url(images/images_12.jpg);
	width: 280px;
	height: 400px;
	float: left;
	
	
}

#team-speak-server-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	text-align: left;
	margin-top: 115px;
	margin-left: 50px;
	vertical-align: top;
}

#footer {
	background-image:url(images/images_13.jpg);
	width: 949px;
	height: 100px;
	clear: both;
	margin: 0 auto;
	
	
}

#footer-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
	padding-top: 50px;
	margin-left: 390px;
		
}