#bar {
	height: 30px;
	padding-top: 15px;
	color: #C2C2C2;
	text-align: right;
	}

#bar li {
	margin-left: 20px;
	display: inline;
	}

#bar li a {
	display: inline-block;
	height: 35px;
	color: #9a9593;
	font-size: 25px;
	}
	
#bar li a:hover {
	color: #FFFFFF;
	background:url(/img/design/navigation.png) bottom center no-repeat;
	}

#bar .active a {
	color: #c8a2ed;
	background:url(/img/design/navigation.png) bottom center no-repeat;
	}

#header {
	float: left;
	height: 230px;
	width: 940px;
	margin-top: 30px;
	margin-bottom: 20px;
	}

#header .logo {
	float: left;
	width: 230px;
	height: 230px;
	text-indent: -9999px;
	background: url(/img/design/header.png) no-repeat;
	}
	
#header .surf {
	float: right;
	width: 230px;
	height: 230px;
	text-indent: -9999px;
	background: url(/img/design/surf.png) no-repeat center;
	}
	
#news {
	float: left;
	margin: 40px 0px 0px 20px;
	}

#news li {
	width: 450px;
	}
	
#news h1 {
	font-size: 16px;
	}
	
#news em {
	float: right;
	color: #999492;
	margin-top: -15px;
	}
	
#news .title {
	float: left;
	width: 450px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #9a9387;
	}
	
#news .open {
	margin-bottom: 10px;
	}
	
#news .closed {
	display: none;
	margin-bottom: 10px;
	}