body {
	font:13px/16px Tahoma, Verdana, sans-serif;
	color:#c6bab3;
	background:#100906 url(../images/bg.jpg) repeat-y 50% 0;
	margin:0;
	min-width:1000px;
}

.mini { font:12px/16px Tahoma, Verdana, sans-serif; }
a {
	text-decoration:underline;
	color:#c93;
}
a:hover {text-decoration:none}
a:focus {outline:none}
input, textarea, select {
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
img {border-style:none}
#main {
	background:url(../images/bg-main_summer.jpg) no-repeat 50% 0;
	width:100%;
	overflow:hidden;
}
h1.logo {
	float:left;
/*	background:url(../images/logo.png) no-repeat;*/
	width:208px;
	height:264px;
	overflow:hidden;
	text-indent:-9999px;
	margin:12px 0 0;
}
.logo a {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}
#header {
	width:717px;
	height:425px;
	padding:0 137px 0 146px;
	margin:0 auto;
	overflow:hidden;
}
.header {
	width:717px;
	height:288px;
	overflow:hidden;
}
.header .icons {
	float:left;
	width:57px;
	padding:0;
	margin:77px 0 0;
	list-style:none;
}
.header .icons li {
	width:57px;
	margin:6px 0 0;
	overflow:hidden;
}
.header .icons li img {display:block}
#menu {
	float:left;
	width:191px;
	padding:0;
	margin:75px 0 0;
	list-style:none;
}
#menu li {
	float:left;
	width:100%;
	margin:4px 0 0;
}
#menu li a {
	display:block;
	background:url(../images/bg-menu2.jpg) no-repeat;
	width:141px;
	height:25px;
	overflow:hidden;
	text-indent:-9999px;
}
#menu li a.btn-about {background-position:100% 0}
#menu li a.btn-about:hover {background-position:0 0}
#menu li.active a.btn-about {background-position:0 0}
#menu li a.btn-begin {background-position:100% -29px}
#menu li a.btn-begin:hover {background-position:0 -29px}
#menu li.active a.btn-begin {background-position:0 -29px}
#menu li a.btn-article {background-position:100% -58px}
#menu li a.btn-article:hover {background-position:0 -58px}
#menu li.active a.btn-article {background-position:0 -58px}
#menu li a.btn-blog {background-position:100% -87px}
#menu li a.btn-blog:hover {background-position:0 -87px}
#menu li.active a.btn-blog {background-position:0 -87px}
#menu li a.btn-forum {background-position:100% -116px}
#menu li a.btn-forum:hover {background-position:0 -116px}
#menu li.active a.btn-forum {background-position:0 -116px}
#menu li a.btn-userecho {background-position:100% -145px}
#menu li a.btn-userecho:hover {background-position:0 -145px}
#menu li.active a.btn-userecho {background-position:0 -145px}
.header .info {
	float:right;
	width:209px;
	margin:80px 0 0;
}
.header .server {
	background:url(../images/bg-server.jpg) no-repeat;
	width:205px;
	height:89px;
	padding:4px 0 0;
	margin:0 auto;
	overflow:hidden;
}
.header .server .btn {
	display:block;
	background:url(../images/btn-begin.gif) no-repeat;
	width:195px;
	height:57px;
	overflow:hidden;
	margin:0 auto;
	text-indent:-9999px;
}
.header .server .btn-not {
	display:none;
	background:url(../images/btn-not.jpg) no-repeat;
	width:195px;
	height:57px;
	overflow:hidden;
	margin:0 auto;
	text-indent:-9999px;
}
.header .server .btn:hover {background:url(../images/btn-begin.gif) no-repeat 0 -57px}
.header .server .item {
	width:195px;
	padding:0 0 0 10px;
	overflow:hidden;
}
.header .server .title {
	float:left;
	background:url(../images/text-server.png) no-repeat;
	width:59px;
	height:9px;
	margin:8px 0 0;
	text-indent:-9999px;
}
.header .server .part {
	float:left;
	width:126px;
}
.header .server .part span {
	float:left;
	font:bold 11px Tahoma, Verdana, sans-serif;
	color:#ccc;
	width:14px;
	text-align:right;
	margin-right:2px;
	margin-top:5px;
}
.header .server .part ul {
	float:left;
	padding:0 4px 0 0;
	margin:4px 0 0;
	list-style:none;
}
.header .server .part ul li {
	float:left;
	padding:0 0 0 1px;
}
.header .server .part ul li img {display:block}
.header .server .play {
	float:left;
	font-size:10px;
	line-height:18px;
	color:#ccc;
	width:78px;
	/*background:url(../images/btn-ok.gif) no-repeat 100% 0;*/
	text-decoration:none;
	margin:3px 0 0;
}
.header .all {
	background:url(../images/bg-players.jpg) no-repeat;
	width:209px;
	height:72px;
	overflow:hidden;
	margin:5px 0 0;
}
.header .all ul {
	width:184px;
	padding:0 13px 0 12px;
	margin:8px 0 0;
	overflow:hidden;
	list-style:none;
}
.header .all ul li {
	float:left;
	width:184px;
	margin:3px 0 0;
}
.header .all ul li strong {
	float:left;
	display:inline;
	font-size:8px;
	overflow:hidden;
	text-indent:-9999px;
}
.header .all ul li strong.text-all {
	background:url(../images/text-players.png) no-repeat;
	width:95px;
	height:10px;
	margin:3px 0 0;
}
.header .all ul li strong.text-online {
	background:url(../images/text-online.png) no-repeat;
	width:69px;
	margin:1px 0 0 26px;
	height:12px;
}
.header .all ul li strong.text-battle {
	background:url(../images/text-battle.png) no-repeat;
	width:59px;
	margin:4px 0 0 36px;
	height:8px;
}
.header .all ul li p {
	font-size:11px;
	line-height:14px;
	color:#ccc;
	margin:0;
	text-align:right;
}
#header .holder {
	width:590px;
	padding:0 0 0 59px;
	overflow:hidden;
}
#header .slogan {
	background:url(../images/slogan.png) no-repeat;
	width:504px;
	height:31px;
	display:block;
	margin:0 auto;
	text-indent:-9999px;
}
#header .box {
	width:590px;
	overflow:hidden;
	margin:7px 0 0;
}
#header .box .t {
	background:url(../images/bg-box-t.png) no-repeat;
	width:590px;
	height:15px;
	overflow:hidden;
}
#header .box .c {
	background:url(../images/bg-box-c.png) repeat;
	width:570px;
	padding:0 10px;
}
#header .box .c:after {
	clear:both;
	display:block;
	content:"";
}
#header .box .text {
	float:left;
	width:570px;
	margin:-7px 0 -2px;
	position:relative;
}
#header .box .text p {margin:0}
#header .box .b {
	background:url(../images/bg-box-b.png) no-repeat;
	width:590px;
	height:15px;
	overflow:hidden;
}
#content {
	width:948px;
	padding:0 26px;
	min-height:400px;
	margin:40px auto 0;
	overflow:hidden;
	z-index:2;
	position:relative;
}
* html #content {
	height:400px;
	overflow:visible;
}
.content {
	float:left;
	width:615px;
}
.inner .content {
	float:left;
	width:655px;
	padding:10px 30px 10px 20px;
}
.inner .textbox .content {
	width:908px;
	padding: 10px 20px 10px 20px;
}
.inner .content h2 {
	font:18px/20px Arial, Helvetica, sans-serif;
	color:#cac9c7;
	margin:0 0 12px 0;
}
.inner .review .content h2 {margin:0 0 6px}
.inner .content h2 a {
	color:#cac9c7;
	text-decoration:none;
}
.inner .content h2 a:hover {text-decoration:underline}
.inner .content p {margin:17px 0 0}
.inner .textbox .content p {margin:0 0 17px}
.inner .review .content p {margin:0 0 17px}
.content .new {
	width:100%;
	padding:0 0 15px;
	overflow:hidden;
}
.content .new .date {
	display:block;
	font:12px/16px Arial, Helvetica, sans-serif;
	color:#999;
	font-style:normal;
}
.inner .content .new p {margin:5px 0 0}
.inner .content table {
	* margin:0px 0 0;

}
.inner .content table td {
	
	* border-width:1px 1px 0 0;
	* padding:6px 10px;
}
.inner .content table .head td {
	text-align:center;
	font-weight:bold;
}
.inner .content table td.cel1 {width:304px}
.inner .content table td.cel2 {width:132px}
.inner .content table td.cel3 {width:132px}
.review .content .more {
	width:100%;
	padding:0 0 16px;
	overflow:hidden;
	margin:-17px 0 0;
}
.review .content .more a {
	float:right;
	color:#ff9d33;
}
.links-box {
	width:100%;
	overflow:hidden;
}
.links-box .item {
	float:left;
	width:250px;
}
.links-box .one {
	width:345px;
	padding:0 0 0 5px;
}
.links-box .item .photo {
	float:left;
	width:100px;
}
.links-box .one .photo {width:135px}
.links-box .item .photo img {display:block}
.links-box .item .text {
	float:left;
	width:150px;
}
.links-box .one .text {width:210px}
.links-box .item .text p {margin:0}
.screen-box {
	width:100%;
	overflow:hidden;
	margin:30px 0 0;
}
.screen-box h2 {
	background:url(../images/text-screen.png) no-repeat;
	width:130px;
	height:10px;
	margin:0 0 0 4px;
	overflow:hidden;
	text-indent:-9999px;
}
.screen-box ul {
	width:100%;
	padding:0;
	margin:5px 0 0;
	overflow:hidden;
	list-style:none;
}
.screen-box ul li {
	float:left;
	width:189px;
	height:134px;
	padding:4px;
	margin:0 4px 4px 0;
}
.screen-box ul li img {display:block}
.video-box {
	width:100%;
	overflow:hidden;
	margin:20px 0 0;
}
.video-box h2 {
	background:url(../images/text-video.png) no-repeat;
	width:87px;
	height:11px;
	margin:0 0 2px 4px;
	overflow:hidden;
	text-indent:-9999px;
}
.video-box p {margin:0 0 10px 4px}
.video-box .photo {
	background:url(../images/bg-video.jpg) no-repeat;
	width:586px;
	padding:5px 6px;
	height:367px;
	overflow:hidden;
}

.video-box .photo2 {
	background:url(../images/bg-video2.jpg) no-repeat;
	width:586px;
	padding:5px 6px;
	height:355px;
	overflow:hidden;
}

.video-box .photo img {display:block}
.boxes {
	width:100%;
	overflow:hidden;
	margin:30px 0 0;
}
.boxes .box {
	float:left;
	width:360px;
}
.boxes .klan {width:200px}
.boxes .box h2 {
	width:100%;
	height:10px;
	margin:0 0 2px;
	overflow:hidden;
	text-indent:-9999px;
}
.boxes .important h2 {
	background:url(../images/text-graphic.png) no-repeat;
	width:197px;
	height:11px;
	margin:0 0 0 3px;
	overflow:hidden;
	text-indent:-9999px;
}
.boxes .klan h2 {background:url(../images/text-klan.png) no-repeat; 	margin: 0 0 8px 0;}
.boxes .box p {margin:0 0 10px 4px}
.boxes .klan p {margin:0}
.boxes .important .photo {
	
	background:url(../images/bg-graph.png) no-repeat;
	width:296px;
	height:260px;
	padding:36px 0 0 39px;
	overflow:hidden;
	margin:8px 0 0 -10px;
}
.boxes .pic-list {
	width:100%;
	padding:0;
	margin:0;
	overflow:hidden;
	list-style:none;
}
.boxes .pic-list li {
	float:left;
	width:100%;
             line-height: 27px;
	margin:10px 0px 0px;
}
.boxes .pic-list .pic {
	float:left;
	width:31px;
	padding:4px;
	height:26px;
	background:url(../images/bg-klan.jpg) no-repeat;
	margin:0 8px 0 0;
}
* html .boxes .pic-list .pic {margin:0 5px 0 0}
.boxes .pic-list p {margin:2px 0 0}
.sidebar {
	float:left;
	width:333px;
}
.inner .sidebar {width:195px}
.inner .sidebar h3 {
	font:bold 12px/16px Tahoma, Verdana, sans-serif;
	color:#cdcfce;
	margin:0;
}
.inner .news .sidebar h3,
.inner .review .sidebar h3 {margin:0 0 4px}
.inner .sidebar ul {
	height:1%;
	overflow:hidden;
	padding:0 0 10px 8px;
	margin:0;
}
.inner .news .sidebar ul,
.inner .review .sidebar ul {padding:0 0 18px}
.inner .news .sidebar ul li,
.inner .review .sidebar ul li {margin:2px 0 0}
.inner .sidebar ul a {color:#ff9930}
.inner .news .sidebar ul a,
.inner .review .sidebar ul a {
	background:url(../images/separator1-over.gif) no-repeat 0 4px;
	color:#ff9535;
	padding:0 0 0 17px;
	text-decoration:underline;
}
.inner .news .sidebar ul a:hover,
.inner .review .sidebar ul a:hover {
	background:url(../images/separator1.gif) no-repeat 0 4px;
	color:#9c9696;
	text-decoration:none;
}
.inner .news .sidebar ul a.active,
.inner .review .sidebar ul a.active {
	background:url(../images/separator1.gif) no-repeat 0 4px;
	color:#9c9696;
	text-decoration:none;
}

.sidebar .ad {
	background:url(../images/bg-pb.jpg) no-repeat;
	width:307px;
	height:80px;
	padding:4px;
	margin:0 0 10px 2px;
	overflow:hidden;
}
.sidebar .ad img {display:block}
.sidebar .ico-list {
	width:100%;
	padding:12px 0 0;
	margin:0;
	list-style:none;
	overflow:hidden;
}
.sidebar .ico-list li {
	float:left;
	padding:0 2px 0 0;
}
.sidebar .ico-list li a {
	display:block;
	background:url(../images/icons2.png) no-repeat;
	width:35px;
	height:37px;
	text-indent:-9999px;
	overflow:hidden;
}
.sidebar .ico-list li a.ico1 {background-position:0 0}
.sidebar .ico-list li a.ico1:hover {background-position:0 100%}
.sidebar .ico-list li a.ico2 {background-position:-35px 0}
.sidebar .ico-list li a.ico2:hover {background-position:-35px 100%}
.sidebar .ico-list li a.ico3 {background-position:-70px 0}
.sidebar .ico-list li a.ico3:hover {background-position:-70px 100%}
.sidebar .ico-list li a.ico4 {background-position:-105px 0}
.sidebar .ico-list li a.ico4:hover {background-position:-105px 100%}
.sidebar .ico-list li a.ico5 {background-position:-140px 0}
.sidebar .ico-list li a.ico5:hover {background-position:-140px 100%}
.sidebar .ico-list li a.ico6 {background-position:-175px 0}
.sidebar .ico-list li a.ico6:hover {background-position:-175px 100%}
.sidebar .ico-list li a.ico7 {background-position:-210px 0}
.sidebar .ico-list li a.ico7:hover {background-position:-210px 100%}
.news-box {
	height:1%;
	padding:0 0 0 8px;
	overflow:hidden;
	margin:28px 0 0;
}
.news-box h2 {
	background:url(../images/text-news.png) no-repeat;
	width:61px;
	height:10px;
	margin:0;
	overflow:hidden;
	text-indent:-9999px;
}
.news-box .item {
	width:100%;
	overflow:hidden;
	margin:17px 0 0;
}
.news-box .item .date {
	display:block;
	font-style:normal;
	font-size:10px;
	color:#666;
}
.news-box .item p {margin:0}
.view-box {
	height:1%;
	padding:0 0 0 8px;
	overflow:hidden;
	margin:28px 0 0;
}
.view-box h2 {
	background:url(../images/text-view.png) no-repeat;
	width:55px;
	height:11px;
	margin:0;
	overflow:hidden;
	text-indent:-9999px;
}
.view-box .item {
	width:100%;
	overflow:hidden;
	margin:14px 0 0;
}
.view-box .item h3 {
	font-size:12px;
	font-weight:bold;
	margin:0;
}
.view-box .item h3 a {color:#f93}
.view-box .item p {margin:0}
.graphic-box {
	height:1%;
	overflow:hidden;
	margin:28px 0 0;
}
.graphic-box h2 {
	background:url(../images/text-graphic.png) no-repeat;
	width:197px;
	height:11px;
	margin:0 0 5px 8px;
	overflow:hidden;
	text-indent:-9999px;
}
.graphic-box p {margin:0 0 0 8px}
.graphic-box .photo {
	background:url(../images/bg-graph.png) no-repeat;
	width:296px;
	height:260px;
	padding:36px 0 0 39px;
	overflow:hidden;
	margin:8px 0 0;
}
.graphic-box .photo .holder {position:relative}

#footer {
	background:url(../images/bg-footer.gif) no-repeat 50% 0;
	width:100%;
	overflow:hidden;
	margin:-30px 0 0;
	position:relative;
	z-index:1;
}
.footer {
	background:url(../images/bg-footer.png) no-repeat;
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
.footer .holder {
	background:url(../images/bg-footer.jpg) no-repeat 0 24px;
	width:1000px;
	position:relative;
	height:150px;
	padding:70px 0 0;
	overflow:hidden;
}
.footer .copy {
	float:left;
	width:460px;
	padding:0 0 0 30px;
}
.footer p {
	color:#999;
	margin:13px 0 0;
}
.footer .copy ul {
	width:100%;
	padding:0;
	margin:17px 0 0;
	overflow:hidden;
	list-style:none;
}
.footer .copy ul li {
	display:inline;
	padding:0 0 0 35px;
}
.footer .copy ul li:first-child {padding:0}
.footer .item {
	float:left;
	width:410px;
}
.footer .logotype {
	display:block;
	background:url(../images/logo-alternative.png) no-repeat;
	width:263px;
	height:33px;
	text-indent:-9999px;
	overflow:hidden;
}

.sharebuttons {
	overflow:hidden;
	margin:15px 0 0;
	width:600px;
}


#currentServer {
	padding-bottom: 24px;	
}


#serversList {
	position:absolute;
/*	width: 132px;*/
	display:none;
/*	visibility:hidden;*/
	background:#100906 url(../images/bg.jpg) repeat-y 50% 0;
	z-index:10;
	border: 1px solid #393026;
}

#currentServer {
	cursor: pointer;
	display:block;
	background:url(../images/btn-ok.gif) no-repeat 105px 4px;
}

#currentServer:hover {
	background-image: url(../images/btn-ok_2.gif);
}
#serversList .players {
	float:left;
	font-size:10px;
	line-height:18px;
	width:78px;
	margin:3px 0 0;
	font-weight:normal;
	text-align:left;
	
}

#serversList .part {
	cursor: pointer;
	height: 24px;
	float:none;
	display:block;
	text-decoration:none;
	padding-left: 4px;
}
#serversList .disabled {
	cursor: default;
}

.server a.part:hover {
	background-color: #1b1613;
}

.server a.disabled:hover {
	background-color: transparent;
}
#serversList .disabled, #currentServer.disabled span,  #currentServer.disabled ul,  #currentServer.disabled a {
	opacity: 0.5;
	filter: progid:DXImageTransform.Microsoft.Alpha (opacity=50 );
}

