@charset "utf-8";
html, body {
	height:100%;
}
body {
	margin:0;
	paddin:0;
	background:#000;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:13px;
	color:#333;
}
a {
	color:#c00;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	color:#f20;
}
a {
	outline: none;
}
a:link img,
a:visited img,
a img {
	border-style:none;
}
.clear {
	clear:both;
}

h1, h2 {
	font-weight:normal;
}

.fleft {
	float:left;
	display:inline;
}

#container {
	margin:0 auto;
	padding:0;
	width:84%;
	max-width:980px;
	border-left:10px solid #333;
	border-right:10px solid #333;
}

/******************************* Head styles */
#head {
	position:relative;
	padding:0;
	margin:0;
	height:200px;
	overflow:hidden;
	background:#000 url(../res/head-bg.jpg) top repeat-x;
}
#head #logo {
	width:165px;
	height:92px;
	position:absolute;
	left:40px;
	top:60px;
	background:url(../res/head-logo.png) left top no-repeat;
}
#head #lang {
	width:24px;
	position:absolute;
	right:20px;
	top:10px;
}

#head h1 {
	height:20px;
	position:absolute;
	bottom:0px;
	left:0px;
	padding:0 20px;
	line-height:20px;
	font-size:0.9em;
	text-transform:uppercase;
	letter-spacing:8px;
	color:#c00;
}
#head #gfx {
	width:400px;
	height:200px;
	position:absolute;
	right:60px;
	top:0;
	background:url(../res/head-gfx.jpg) right top no-repeat;	
}
#head #menu {
	position:absolute;
	right:20px;
	bottom:0px;
	height:40px;
	background:#000;
	overflow:hidden;
	font-size:1.1em;
	letter-spacing:2px;
}
#head #menu ul {
	padding:0;
	margin:0;
	list-style:none;
	line-height:40px;
}
#head #menu ul li {
	margin:0;
	padding:0;
	float:left;
	display:inline;
	border-left:1px solid #333;
}
#head #menu ul li.current {
	background:#fff;
	padding:0 15px;
	color:000;
}
#head #menu ul li a {
	color:#ccc;
	margin:0;
	padding:0 15px;
	display:block;
}
#head #menu ul li a:hover {
	color:#fff;
	background:#f20;
}
#content {
	background:#fff url(../res/content-bg.jpg) repeat-x;
	margin:0;
	padding:0;
}
#leftpanel {
	margin:0;
	padding:20px 220px 20px 20px;
}
#leftpanel .theme {
	height:200px;
	background:url(../res/theme.png) center no-repeat;
}
#leftpanel h1 {
	font-size:3em;
}
#leftpanel p {
	text-align:justify;
}
#leftpanel ol {
	margin:0;
	padding:0 0 0 30px;
}
#leftpanel ol li {
	padding:0.5em 0;
}
#leftpanel ol li strong,
#leftpanel p strong {
	font-size:1.1em;
	font-weight:bold;
}

#rightpanel {
	float:right;
	width:200px;
	padding:20px 0 0 0;
	background:#eee url(../res/right-bg.jpg) top repeat-x;
}
#rightpanel h3 {
	text-align:center;
	margin:0;
	padding:5px 10px 5px 10px;
	background:#ccc url(../res/gray-bg.png) repeat-x;
	border-top:1px solid #999;
}
#rightpanel .menu {
	padding:0;
	margin:0;
}
#rightpanel .menu ul {
	padding:0;
	margin:0;
	list-style:none;
	border-top:1px solid #ccc;
}
#rightpanel .menu li {
	margin:0;
	padding:0;
	border-bottom:1px solid #ccc;
}
#rightpanel .menu li a {
	padding:10px 10px 10px 36px;
	display:block;
	color:#333;
	background:url(../res/menu.png) 10px 10px no-repeat;
}
#rightpanel .menu li a:hover {
	color:#000;
	background:#ddd url(../res/menu.png) 11px 10px no-repeat;
}
#rightpanel .news {
	padding:0;
	margin:0;
}
#rightpanel .news .onenews {
	padding:10px 10px 10px 36px;
	border-top:1px solid #ccc;
	background:url(../res/news.png) 10px 10px no-repeat;
}
#rightpanel .news .onenews p {
	margin:0;
	padding:0 0 0.5em 0;
}

#foot {
	background:#888;
	padding:5px 20px;
	text-align:center;
	color:#ccc;
	font-size:0.8em;
}