@import "reset.css";

body{
	background:#2d2d2d;
	position:relative;
}

a{
	color:#fffc01;
}

a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

#header{
	width:100%;
	height:20px;
	background:#161616;
	border-bottom:#444444 solid 1px;
}

	#header h1{
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		font-weight:normal;
		color:#FFFFFF;
		float:right;
		margin-right:5%;
	}

	#header h1 span{
		color:#fffc01;
	}

#wrapper{
	width:958px;
	margin:0 auto;
}

* html #wrapper{
	width:979px;
}

#logo{
	margin-top:22px;
	margin-left:50px;
	width:300px;
	float:left;
}

* html #logo{
	margin-left:25px;
}

#menu{
	margin-top:82px;
	margin-left:60px;
	float:left;
}
	#menu li{
		list-style:none;
		float:left;
		margin:0 3px;	
	}

	#menu li a{
		display:block;
		background:url(../images/menu.gif) no-repeat left top;
		height:29px;
		padding-left:5px;
		color:#fff;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:bold;
		text-decoration:none;
	}

	#menu li a span {
		display:block;
		background:url(../images/menu.gif) no-repeat right top;
		height:29px;
		line-height:29px;
		margin-right:-3px;
		padding-right:6px;
		cursor:pointer;
	}

	#menu li a:hover, #menu .selected {background-position:left bottom}
	#menu li a:hover span, #menu .selected span {background-position:right bottom}

	* html #menu li {display:inline}
	* html #menu li a,
	* html #menu li a span {
		width:1%;
		white-space:nowrap;
		cursor:pointer;
		}
	* html #menu li a span {
		position: relative;
		z-index: 2;
	}

#center{
	width:100%;
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:justify;
}

	#sidebar{
		width:300px;
		float:left;		
	}

		#sidebar .box{
			width:293px;
		}
	
			#sidebar .box a{
				color:#FFFFFF;
			}

			#sidebar .box a:hover{
				color:#fffc01;
				text-decoration:none;
			}
	
			#sidebar .box .top{
				width:293px;
				height:30px;
				background:url(../images/sidebox_top.jpg) top left no-repeat;
			}
		
			#sidebar .box .center{
				width:293px;
				background:url(../images/sidebox_center.jpg) top left repeat-y;	
			}
		
				#sidebar .box .center span{
					border:#676767 solid 1px;		
					float:right;
					margin-right:12px;
					margin-left:3px;
					margin-bottom:40px;
					width:140px;
					height:138px;	
				}
		
				#sidebar .box .center span img{
					border:#676767 solid 1px;
				}

				#sidebar .box .center p{
					padding-right:34px;
					line-height:16px;
					padding-left:14px;
				}

			#sidebar .box .bottom{
				width:293px;
				height:16px;
				background:url(../images/sidebox_bottom.jpg) top left no-repeat;
			}

		#sidebar .box2{
			width:278px;
			background:#252323;
			border-top:#000000 solid 1px;
			margin-top:7px;
			margin-left:8px;
			padding-top:10px;
		}
		
			#sidebar .box2 ul li{
				list-style-image:url(../images/li.jpg);
				margin-left:32px;
				padding-bottom:10px;
			}
			
				#sidebar .box2 ul li strong{
					bottom:5px;
					position:relative;
					font-weight:normal;
				}
		
		#sidebar .news{
			margin-top:20px;
		}
		
			#sidebar .news a{
				color:#FFFFFF;
			}

			#sidebar .news a:hover{
				color:#FFFFFF;
				text-decoration:underline;
			}
		
			#sidebar .news p{
				line-height:21px;
				font-size:12px;
				margin-left:18px;
			}
			
			#sidebar .news a{
				color:#FFFFFF;
			}

	#content{
		width:658px;
		float:left;
	}

		#content h1{
			font-size:18px;
			padding:5px 0 10px 5px;
		}

		#content h2{
			font-size:13px;
			padding:5px 0 10px 5px;
		}

		#content .box{
			width:660px;
			margin-bottom:10px;
		}
		
			#content span{
				color:#fffc01;
			}
		
			#content .box .top{
				width:660px;
				height:15px;
				background:url(../images/centerbox_top.jpg) top left no-repeat;
			}

			#content .box .center{
				width:660px;
				background:url(../images/centerbox_center.jpg) top left repeat-y;
				padding-left:16px;
			}
			
				#content .box .center .top2{
					margin-top:-11px;
					margin-left:-3px;
				}
				
				#content .box .center p{
					line-height:15px;
				}

			#content .box .bottom{
				width:660px;
				height:14px;
				background:url(../images/centerbox_bottom.jpg) top left no-repeat;
			}
			
				#content .box .items{
					width:628px;
					height:37px;
					position:relative;
					background:url(../images/items.gif) top left no-repeat;
				}
				
					#content .box .items img{
						margin:12px 0 0 10px;
					}
				
				.text{
					width:330px;
					float:left;
					margin-right:7px;
					font-size:11px;
				}
				
					.text ul{
						margin-left:3px;
						font-size:11px;
						font-weight:bold;
						line-height:15px;
					}
					
				.image_box{
					width:284px;
					float:left;
					margin-bottom:10px;
				}
				
					.image_box_top{
						width:284px;
						height:11px;
						background:url(../images/imagebox_top.jpg) top left no-repeat;
					}
					
					.image_box .image_box_center{
						width:284px;
						background:url(../images/imagebox_center.jpg) top left repeat-y;
					}
					
						.image_box .image_box_content{
							width:260px;
							margin:0 auto;
						}
					
					.image_box .image_box_bottom{
						width:284px;
						height:11px;
						background:url(../images/imagebox_bottom.jpg) bottom left no-repeat;
					}

#footer{
	width:100%;
	text-align:center;
	background:#161616;
	border-top:#444444 solid 1px;
	margin-top:15px;
	padding-top:5px;
	padding-bottom:10px;
}

	#footer a{
		font-size:13px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	#footer p{
		font-size:13px;
		font-family:Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		margin-top:10px;
	}