/* Coded by Vizon Media http://VizonMedia.com */

/* MAIN ELEMENTS */
body {
	background: #000;
	font: normal 11px arial;
	color: #fff;
}


#container {
	width: 1000px;
	height: auto;
	margin: 0 auto;
}


* {
	margin: 0; padding: 0;
}
.clear {
	clear: both; 
}

a {
	outline: none;
}


/* END MAIN ELEMENTS */

/* HEADER ELEMENTS */

	#banner {
		width: 944px;
		height: 146px;
		background: url("images/banner.gif") no-repeat;
		float: left;
	}
	
		#banner a {
			width: 337px;
			height: 131px;
			display: block;
			text-indent: -10000px;
		}
		
	#support {
		width: 55px;
		height: 49px;
		background: url("images/support.gif") no-repeat;
		display: block;
		text-indent: -10000px;
		float: left;
	}
	
	#offer {
		width: 55px;
		height: 45px;
		background: url("images/offer.gif") no-repeat;
		display: block;
		text-indent: -10000px;
		float: left;
	}
	
	#cart {
		width: 55px;
		height: 51px;
		background: url("images/cart.gif") no-repeat;
		display: block;
		text-indent: -10000px;
		float: left;
	}
	
	#banner-bottom {
		width: 748px;
		height: 30px;
		background: url("images/banner-bottom.gif") no-repeat;
		float: left;
		padding-top: 30px;
	}
	
		#banner-bottom ul {
			width: 728px;
			height: 43px;
			background: url("images/nav.gif") no-repeat;
			list-style: none;
			font-weight: bold;
			padding-left: 20px;
		}
			#banner-bottom ul li {
				float: left;
			}
			
				#banner-bottom ul li a {
					height: 40px;
					text-decoration: none;
					color: #fff;
					background: url("images/over.gif") no-repeat;
					line-height: 40px;
					padding-left: 10px;
					display: block;
					float: left;
				}
				
					#banner-bottom ul li a span {
						height: 40px;
						display: block;
						background: url("images/over.gif") no-repeat 100% 0;
						padding-right: 10px;
						float: left;
					}
					
					#banner-bottom ul li a:hover {
						background-position: 0 100%;
					}
					
						#banner-bottom ul li a:hover span {
							background-position: 100% 100%;
						}
		
	#lock {
		width: 193px;
		height: 65px;
		background: url("images/lock.gif") no-repeat;
		float: left;
		padding: 10px 0 0 58px;
	}
	
		.input {
			width: 160px;
			height: 22px;
			background: url("images/input.gif") no-repeat;
			border: none;
			color: #fff;
			padding: 7px 5px 0 5px;
			margin-bottom: 5px;
		}
		
		#sub {
			width: 20px;
			height: 64px;
			background: url("images/login.gif") no-repeat;
			float: right;
			border: none;
		}

		#lock div {
			width: 160px;
			float: left;
		}
		
/* END HEADER ELEMENTS */

	#content {
		padding: 0 7px;
		background: url("images/cont.gif") repeat-y;
	}

/* LEFT SIDE ELEMENTS */

	#left {
		height: auto;
		float: left;
		margin-top: 20px;
	}

		#slider {
			width: 638px;
			height: 362px;
			text-align: center;
		}
		
		#posts {
			background: url("images/bord.gif") repeat-y;
		}
		
		#closer {
			width: 638px;
			height: 16px;
			background: url("images/closer.gif") no-repeat;
		}
		
		#stats {
			width: 638px;
			height: 64px;
			background: url("images/stats.gif") no-repeat;
			margin-top: 2px;
		}
		
		#news {
			width: 638px;
			height: 58px;
			background: url("images/news.gif") no-repeat;
			text-indent: -10000px;
		}
		
		.post {
			width: 638px;
			height: auto;
			background: url("images/post.gif") no-repeat;
			margin-top: 15px;
		}
		
			.post a, .post-e a, #footl a {
				color: #fff;
				text-decoration: none;
			}
			
			.post h3 {
				line-height: 30px;
				padding-left: 60px;
				font-size: 14px;
				float: left;
			}
			
			.post div {
				line-height: 30px;
				padding-right: 20px;
				float: right;
			}
			
			.post p  {
				padding: 15px 15px 0;
				font-size: 12px;
			}
		
		.post-e {
			width: 618px;
			height: 22px;
			background: url("images/post.gif") no-repeat 100% 100%;
			text-align: right;
			padding: 30px 20px 0 0;
		}
		

/* END LEFT SIDE ELEMENTS */

/* RIGHT SIDE ELEMENTS */

	#right {
		width: 338px;
		height: auto;
		float: right;
		margin-top: 20px;
	}
	
		#gs {
			width: 308px;
			height: 116px;
			background: url("images/gs.gif") no-repeat;
			padding-right: 28px;
			float: right;
		}
		
			#gs h2, #vs h2, #ds h2 {
				display: none;
			}
			
			.order {
				width: 93px;
				height: 38px;
				display: block;
				margin-top: 76px;
				float: right;
				text-indent: -10000px;
			}
			
			.order2 {
				width: 93px;
				height: 38px;
				display: block;
				margin-top: 88px;
				float: right;
				text-indent: -10000px;
			}
			
			.info {
				width: 102px;
				height: 38px;
				display: block;
				margin-top: 76px;
				float: right;
				text-indent: -10000px;
			}
			
			.info2 {
				width: 102px;
				height: 38px;
				display: block;
				margin-top: 88px;
				float: right;
				text-indent: -10000px;
			}
		
		#vs {
			width: 308px;
			height: 129px;
			background: url("images/vs.gif") no-repeat;
			padding-right: 28px;
			float: right;
		}
		
		#ds {
			width: 308px;
			height: 115px;
			background: url("images/ds.gif") no-repeat;
			padding-right: 28px;
			float: right;
		}
		
		#top {
			width: 338px;
			height: 65px;
			background: url("images/top5.gif") no-repeat;
			text-indent: -10000px;
		}
		
		#cod2 {
			width: 338px;
			height: 100px;
			background: url("images/cod2.gif") no-repeat;
			text-indent: -10000px;
			display: block;
		}
		
		#cod4 {
			width: 338px;
			height: 104px;
			background: url("images/cod4.gif") no-repeat;
			text-indent: -10000px;
			display: block;
		}
		
		#css {
			width: 338px;
			height: 105px;
			background: url("images/css.gif") no-repeat;
			text-indent: -10000px;
			display: block;
		}
		
		#dods {
			width: 338px;
			height: 108px;
			background: url("images/dods.gif") no-repeat;
			text-indent: -10000px;
			display: block;
		}
		
		#bf2 {
			width: 338px;
			height: 110px;
			background: url("images/bf2.gif") no-repeat;
			text-indent: -10000px;
			display: block;
		}

/* END RIGHT SIDE ELEMENTS */

/* FOOTER ELEMENTS */

	#footl {
		width: 282px;
		height: 36px;
		background: url("images/footl.gif") no-repeat;
		padding: 140px 0 0 60px;
		float: left;
	}
	
	#footlnks {
		width: 657px;
		height: 36px;
		background: url("images/footlnks.gif") no-repeat;
		float: left;
		padding-top: 32px;
	}
	
		#footlnks li {
			float: left;
			list-style: none;
		}
		
			#footlnks li a {
				width: auto;
				height: 32px;
				background: url("images/fover.gif") no-repeat;
				color: #fff;
				text-decoration: none;
				float: left;
				padding-left: 10px;
				font-size: 12px;
			}
			
				#footlnks li a span {
					line-height: 32px;
					float: left;
					background: url("images/fover.gif") no-repeat 100% 0;
					padding-right: 10px;
				}
				
				#footlnks li a:hover {
					background-position: 0 100%;
				}
				
				
					#footlnks li a:hover span {
						background-position: 100% 100%;
					}
	
	#slider2 {
		width: 657px;
		height: 108px;
		background: url("images/slider2.gif") no-repeat;
		float: left;
	}

/* END FOOTER ELEMENTS */