body {
margin-top:30px;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:10px;
letter-spacing:.02em;
background:url(bg.jpg) no-repeat scroll center top #0e0e0e;
color:#d8d8d8;
text-align:left;
background-color: black;
}

a {
color:#007aa4;
text-decoration:none;
}

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

a:focus {
outline:medium none;
}

img {
color:#dadada;
border:0 none;
}

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

#wrapper DIV.twitter {
width:41px;
height:41px;
margin:0;
padding:44px 10px 0 0;
}

#wrapper DIV.facebook {
width:41px;
height:41px;
margin:400;
padding:44px 0 0;
}
#navbar {
width:1100px;
height:70px;
float:left;
margin-left:-30px;
margin-top:70px;
}

#logo {
background:url(logo.png) no-repeat scroll 0 0 transparent;
width:350px;
height:125px;
float:left;
margin-left:-10px;
margin-top:5px;
}

#left {
width:250px;
float:left;
}

#left .serverstatus {
background:url(serverstatus.png) no-repeat scroll 0 0 transparent;
width:203px;
height:62px;
float:left;
padding-left:10px;
padding-top:25px;
}

#left .t {
background:url(small_t.png) no-repeat scroll 0 0 transparent;
width:201px;
height:26px;
float:left;
padding-left:15px;
padding-top:12px;
font-size:12px;
color:#fff;
margin-top:10px;
text-shadow:1px 1px 1px #000;
letter-spacing:0;
font-stretch:ultra-condensed;
}

#left .m {
background:url(small_m.png) repeat-y scroll 0 0 transparent;
width:198px;
float:left;
padding-left:15px;
padding-top:5px;
text-shadow:1px 1px 1px #000;
}

#left .b {
background:url(small_b.png) no-repeat scroll 0 0 transparent;
width:203px;
height:12px;
float:left;
padding-left:10px;
}

#left .vote {
background:url(vote.png) no-repeat scroll 0 0 transparent;
width:213px;
height:72px;
float:left;
margin-top:10px;
}

#left .inputbg {
background:url(input.png) no-repeat scroll 0 0 transparent;
width:181px;
height:27px;
padding-left:3px;
border:0 none;
outline:medium none;
color:#838383;
margin-top:5px;
font-size:10px;
float:left;
}

#left .submitbg {
background:url(submit.png) no-repeat scroll 0 0 transparent;
width:78px;
height:25px;
border:0 none;
outline:medium none;
margin-top:5px;
float:left;
}

#left .submitbg:hover {
background-image:url(submit_hover.png);
}

#left .register {
background:url(register.png) no-repeat scroll 0 0 transparent;
width:90px;
height:25px;
margin-left:16px;
margin-top:5px;
float:left;
}

#left .register:hover {
background-image:url(register_hover.png);
}

#left .clan {
background:url(clan.png) no-repeat scroll 0 0 transparent;
width:78px;
height:25px;
margin-left:16px;
margin-top:5px;
float:left;
}

#left .indi {
background:url(individual.png) no-repeat scroll 0 0 transparent;
width:90px;
height:25px;
margin-top:5px;
float:left;
}

#left .indi:hover {
background:url(individual_hover.png) no-repeat scroll 0 0 transparent;
}

#left .clan:hover {
background:url(clan_hover.png) no-repeat scroll 0 0 transparent;
}

#right {
width:657px;
float:left;
}

#right .anounce {
background:url(anouncement.png) no-repeat scroll 0 0 transparent;
width:522px;
height:39px;
float:left;
padding-left:135px;
padding-top:20px;
text-align:center;
}

#right .items {
background:url(items.png) no-repeat scroll 0 0 transparent;
width:642px;
height:159px;
float:left;
padding-left:15px;
padding-top:13px;
margin-top:10px;
font-size:12px;
color:#fff;
text-align:left;
text-shadow:1px 1px 1px #000;
letter-spacing:0;
font-stretch:ultra-expanded;
}

#right .t {
background:url(big_t.png) no-repeat scroll 0 0 transparent;
width:642px;
height:31px;
float:left;
padding-left:15px;
padding-top:13px;
font-size:12px;
color:#fff;
margin-top:10px;
text-shadow:1px 1px 1px #000;
letter-spacing:0;
}

#right .m {
background:url(big_m.png) repeat-y scroll 0 0 transparent;
width:657px;
float:left;
padding-left:15px;
padding-top:5px;
text-shadow:1px 1px 1px #000;
}

#right .b {
background:url(big_b.png) no-repeat scroll 0 0 transparent;
width:657px;
height:13px;
float:left;
padding-left:10px;
clear:both;
}

#right .newsbg {
background:url(panelbg.png) no-repeat scroll 0 0 transparent;
width:605px;
height:94px;
float:left;
padding-left:15px;
padding-top:12px;
}

#right .newsbg .left {
width:75px;
float:left;
}

#right .newsbg .icon {
background:url(iconbg.png) no-repeat scroll 0 0 transparent;
width:61px;
height:61px;
float:left;
margin-bottom:2px;
}

#right .newsbg .new {
background:url(new.png) no-repeat scroll 0 0 transparent;
width:63px;
height:17px;
float:left;
}

#right .newsbg .event {
background:url(event.png) no-repeat scroll 0 0 transparent;
width:63px;
height:17px;
float:left;
}

#right .newsbg .update {
background:url(update.png) no-repeat scroll 0 0 transparent;
width:63px;
height:17px;
float:left;
}

#right .newsbg .title {
width:400px;
float:left;
text-align:left;
font-size:11px;
color:#fff;
}

#right .newsbg .date {
width:100px;
float:left;
text-align:right;
font-size:10px;
}

#right .newsbg .news {
width:500px;
float:left;
text-align:left;
font-size:9px;
}

#footer {
background:url(footer.png) no-repeat scroll 0 0 transparent;
width:896px;
height:33px;
float:left;
padding-left:15px;
padding-top:15px;
margin-top:10px;
}

#footer .left {
float:left;
text-align:left;
}

#footer .right {
float:right;
text-align:right;
margin-right:15px;
}

#rankingtop {
background:url(top.png) no-repeat scroll 0 0 transparent;
width:520px;
height:29px;
float:left;
margin-left:60px;
}

#arenatop {
background:url(arenatop.png) no-repeat scroll 0 0 transparent;
width:520px;
height:29px;
float:left;
margin-left:60px;
}

#dontop {
background:url(dontop.png) no-repeat scroll 0 0 transparent;
width:520px;
height:29px;
float:left;
margin-left:60px;
}

#guildtop {
background:url(guildtop.png) no-repeat scroll 0 0 transparent;
width:520px;
height:29px;
float:left;
margin-left:60px;
}

#clantop {
background:url(clantop.png) no-repeat scroll 0 0 transparent;
width:520px;
height:29px;
float:left;
margin-left:60px;
}

#rankingbg {
background:url(bg_001.png) no-repeat scroll 0 0 transparent;
width:520px;
height:25px;
float:left;
margin-left:59px;
padding-left:3px;
}

#footer .center {
float:center;
text-align:center;
}

#bar {
position:absolute;
margin-left:-8px;
background:url(bar.png) no-repeat scroll 0 0 transparent;
width:641px;
height:26px;
font-size:11px;
color:#fff;
text-align:center;
padding-top:8px;
border:1px solid #262626;
}

#right .inputbg {
background:url(input.png) no-repeat scroll 0 0 transparent;
width:184px;
height:27px;
padding-left:3px;
border:0 none;
outline:medium none;
color:#838383;
margin-top:5px;
font-size:10px;
}

#resetbtn {
background:url(reset.png) no-repeat scroll 0 0 transparent;
width:78px;
height:25px;
float:left;
border:0 none;
outline:medium none;
margin-left:240px;
}

#resetbtn:hover {
background:url(reset_hover.png) no-repeat scroll 0 0 transparent;
}

#registerbtn {
background:url(register_001.png) no-repeat scroll 0 0 transparent;
width:90px;
height:25px;
float:left;
border:0 none;
outline:medium none;
margin-left:10px;
}

#registerbtn:hover {
background:url(register_hover_001.png) no-repeat scroll 0 0 transparent;
}

#requirments {
background:url(requirments.png) no-repeat scroll 0 0 transparent;
width:606px;
height:248px;
float:left;
margin-top:20px;
margin-left:7px;
margin-bottom:10px;
}

#sysrq {
text-align:center;
width:640px;
height:30px;
float:left;
margin-left:-8px;
padding-left:3px;
}

#sysrq th,#sysrq td {
border:1px solid #171717;
padding:10px;
}

#sysrq .sr-min {
background:url(ui_download.png) repeat-x scroll 0 -332px transparent;
color:#97754d;
}

#sysrq .sr-rec {
background:url(ui_download.png) repeat-x scroll 0 -369px transparent;
color:#6b974d;
}

#sysrq th {
background:url(ui_download.png) repeat-x scroll 0 -258px transparent;
color:#4d8197;
}

#sysrq td {
background:url(ui_download.png) repeat-x scroll 0 -295px transparent;
}

#sysrq .blank {
background:none repeat scroll 0 0 transparent;
border-color:#000 #171717 #171717 #000;
border-style:solid;
border-width:1px;
}

#navbar .left {
background:url(left.png) no-repeat scroll 0 0 transparent;
width:32px;
height:60px;
float:left;
}

#navbar .right {
background:url(right.png) no-repeat scroll 0 0 transparent;
width:32px;
height:60px;
float:left;
}

#navbar .home {
background:url(1.png) no-repeat scroll 0 0 transparent;
width:75px;
height:60px;
float:left;
}

#navbar .home:hover {
background:url(1_hover.png) no-repeat scroll 0 0 transparent;
width:75px;
height:60px;
float:left;
}

#navbar .register {
background:url(2.png) no-repeat scroll 0 0 transparent;
width:110px;
height:60px;
float:left;
}

#navbar .register:hover {
background:url(2_hover.png) no-repeat scroll 0 0 transparent;
width:110px;
height:60px;
float:left;
}

#navbar .download {
background:url(3.png) no-repeat scroll 0 0 transparent;
width:108px;
height:60px;
float:left;
}

#navbar .download:hover {
background:url(3_hover.png) no-repeat scroll 0 0 transparent;
width:108px;
height:60px;
float:left;
}

#navbar .comunnity {
background:url(4.png) no-repeat scroll 0 0 transparent;
width:130px;
height:60px;
float:left;
}

#navbar .comunnity:hover {
background:url(4_hover.png) no-repeat scroll 0 0 transparent;
width:130px;
height:60px;
float:left;
}

#navbar .ranking {
background:url(5.png) no-repeat scroll 0 0 transparent;
width:95px;
height:60px;
float:left;
}

#navbar .ranking:hover {
background:url(5_hover.png) no-repeat scroll 0 0 transparent;
width:95px;
height:60px;
float:left;
}

#navbar .itemshop {
background:url(6.png) no-repeat scroll 0 0 transparent;
width:119px;
height:60px;
float:left;
}

#navbar .itemshop:hover {
background:url(6_hover.png) no-repeat scroll 0 0 transparent;
width:119px;
height:60px;
float:left;
}

#navbar .account {
background:url(7.png) no-repeat scroll 0 0 transparent;
width:126px;
height:60px;
float:left;
}

#navbar .account:hover {
background:url(7_hover.png) no-repeat scroll 0 0 transparent;
width:126px;
height:60px;
float:left;
}

#navbar .about {
background:url(8.png) no-repeat scroll 0 0 transparent;
width:85px;
height:60px;
float:left;
}

#navbar .about:hover {
background:url(8_hover.png) no-repeat scroll 0 0 transparent;
width:85px;
height:60px;
float:left;
}

#navbar .vote {
background:url(41.png) no-repeat scroll 0 0 transparent;
width:130px;
height:60px;
float:left;
}

#navbar .vote:hover {
background:url(41_hover.png) no-repeat scroll 0 0 transparent;
width:130px;
height:60px;
float:left;
}

#navbar .donate {
background:url(81.png) no-repeat scroll 0 0 transparent;
width:130px;
height:60px;
float:left;
}

#navbar .donate:hover {
background:url(81_hover.png) no-repeat scroll 0 0 transparent;
width:130px;
height:60px;
float:left;
}

#navbar .chat {
background:url(chat.png) no-repeat scroll 0 0 transparent;
width:130px;
height:60px;
float:left;
}

#navbar .chat:hover {
background:url(chat_hover.png) no-repeat scroll 0 0 transparent;
width:130px;
height:60px;
float:left;
}

#download {
background:url(download_reg.png) no-repeat scroll 0 0 transparent;
width:209px;
height:193px;
float:left;
margin-left:10px;
}

#download:hover {
background:url(download_hover.png) no-repeat scroll 0 0 transparent;
}

#download:focus {
background:url(download_focus.png) no-repeat scroll 0 0 transparent;
}

#right .patchbtn {
background:url(patch_reg.png) no-repeat scroll 0 0 transparent;
width:209px;
height:193px;
float:left;
margin-left:20px;
}

#right .patchbtn:hover {
background:url(patch_hover.png) no-repeat scroll 0 0 transparent;
}

#right .patchbtn:focus {
background:url(patch_focus.png) no-repeat scroll 0 0 transparent;
}

#right .extrabtn {
background:url(extra_reg.png) no-repeat scroll 0 0 transparent;
width:144px;
height:193px;
float:left;
margin-left:20px;
}

#right .extrabtn:hover {
background:url(extra_hover.png) no-repeat scroll 0 0 transparent;
}

#right .extrabtn:focus {
background:url(extra_focus.png) no-repeat scroll 0 0 transparent;
}

#viewport {
width:525px;
overflow:hidden;
float:left;
padding-top:5px;
}

#viewport ul {
position:relative;
width:525px;
padding:0;
}

#viewport li {
width:94px;
height:94px;
float:left;
list-style:none outside none;
background-color:#000;
margin-left:29px;
border:1px solid #101010;
text-align:center;
padding:2px;
}

#simplePrevious {
cursor:pointer;
background:url(left_001.png) no-repeat scroll 0 0 transparent;
height:32px;
width:32px;
float:left;
margin-top:50px;
margin-left:10px;
}

#simpleNext {
cursor:pointer;
background:url(right_001.png) no-repeat scroll 0 0 transparent;
height:32px;
width:32px;
float:right;
margin-top:50px;
margin-right:25px;
}

#simplePrevious:hover {
background:url(left_hover.png) no-repeat scroll left top transparent;
}

#simpleNext:hover {
background:url(right_hover.png) no-repeat scroll left bottom transparent;
}

#moving_tab {
overflow:hidden;
width:184px;
}

#moving_tab .tabs {
position:relative;
}

#moving_tab .tabs .item {
float:left;
width:92px;
}

#moving_tab .content {
position:relative;
overflow:hidden;
}

#moving_tab .panel {
position:relative;
width:368px;
}

#moving_tab .panel ul {
float:left;
width:184px;
list-style:none outside none;
margin:0;
padding:0;
}

.icon_01 {
background:url(../images/btn.jpg) no-repeat 0 -133px;
width:45px;
height:45px;
margin:0 auto;
}

.icon_02 {
background:url(../images/btn.jpg) no-repeat -58px -133px;
width:45px;
height:45px;
margin:0 auto;
}

.icon_03 {
background:url(../images/btn.jpg) no-repeat -128px -134px;
width:45px;
height:45px;
margin:0 auto;
}

.icon_04 {
background:url(../images/btn.jpg) no-repeat -195px -134px;
width:45px;
height:45px;
margin:0 auto;
}

.icon_05 {
background:url(../images/btn.jpg) no-repeat -253px -134px;
width:45px;
height:45px;
margin:0 auto;
}

.icon_06 {
background:url(../images/btn.jpg) no-repeat 0 -210px;
width:45px;
height:45px;
margin:0 auto;
}

.icon_07 {
background:url(../images/btn.jpg) no-repeat -58px -210px;
width:45px;
height:45px;
margin:0 auto;
}

.icon_08 {
background:url(../images/btn.jpg) no-repeat 0 -285px;
width:45px;
height:45px;
margin:0 auto;
}

.icon_09 {
background:url(../images/btn.jpg) no-repeat -72px -285px;
width:45px;
height:45px;
margin:0 auto;
}

.icon_10 {
background:url(../images/btn.jpg) no-repeat -140px -285px;
width:45px;
height:45px;
margin:0 auto;
}

.icon_11 {
background:url(../images/btn.jpg) no-repeat -201px -285px;
width:45px;
height:45px;
margin:0 auto;
}

.icon_12 {
background:url(../images/btn.jpg) no-repeat 0 -358px;
width:45px;
height:45px;
margin:0 auto;
}

.icon_13 {
background:url(../images/btn.jpg) no-repeat -60px -358px;
width:45px;
height:45px;
margin:0 auto;
}

.icon_14 {
background:url(../images/btn.jpg) no-repeat -134px -358px;
width:45px;
height:45px;
margin:0 auto;
}

.icon_15 {
background:url(../images/btn.jpg) no-repeat -196px -358px;
width:45px;
height:45px;
margin:0 auto;
}

.icon_16 {
background:url(../images/btn.jpg) no-repeat -256px -358px;
width:45px;
height:45px;
margin:0 auto;
}

.icon_18 {
background:url(../images/btn.jpg) no-repeat -255px -358px;
width:45px;
height:45px;
margin:0 auto;
}

.icon_17 {
background:url(../images/btn.jpg) no-repeat -196px -210px;
width:45px;
height:45px;
margin:0 auto;
}

#backgroundPopup {
display:none;
position:fixed;
_position:absolute;
height:100%;
width:100%;
top:0;
left:0;
background:#000;
z-index:9900;
}

#popupContact {
display:none;
position:fixed;
_position:absolute;
height:auto width:auto;
background:#000;
border:1px solid #800;
z-index:9999;
opacity:0.8;
-moz-opacity:0.8;
khtmlopacity:0.8;
filter:alpha(opacity=80);
padding:12px;
}

#popupContact h1 {
text-align:left;
color:#FFF;
font-size:12px;
font-weight:700;
border-bottom:1px solid #4B3B1F;
padding-bottom:2px;
margin-bottom:20px;
z-index:9999;
}

#popupContactClose {
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#FFF;
font-weight:700;
display:block;
cursor:pointer;
z-index:9999;
}

#right .items .top,#right .items .slider {
width:640px;
height:20px;
float:left;
}

#download h2,#right .patchbtn h2,#right .extrabtn h2 {
font-size:12px;
color:#fff;
margin-left:50px;
margin-top:23px;
float:left;
}

#download h1,#right .patchbtn h1,#right .extrabtn h1 {
font-size:10px;
color:#727272;
margin-left:12px;
margin-top:30px;
}

.icon_01 a,.icon_02 a,.icon_03 a,.icon_04 a,.icon_05 a,.icon_06 a,.icon_07 a,.icon_08 a,.icon_09 a,.icon_10 a,.icon_11 a,.icon_12 a,.icon_13 a,.icon_14 a,.icon_15 a,.icon_16 a,.icon_18 a,.icon_17 a {
display:block;
width:45px;
height:45px;
text-indent:-999em;
overflow:hidden;
}

#share { float:right;  }
		#share a { float:left; width:41px; height:34px; background:url('fbtwrss.png') no-repeat 0 -34px; text-indent:-9999em; margin-right:5px; }
		#share a:hover { background-position:0 0; }
		#share a.twitter { background-position:-46px -34px; }
		#share a.twitter:hover { background-position:-46px 0; }
		#share a.gplus { background-position:-92px -34px; }
		#share a.gplus:hover { background-position:-92px 0; }
		#share a.rss { background-position:-138px -34px; }
		#share a.rss:hover { background-position:-138px 0; }
		
		#plusone { float:right; clear:right; width:106px; height:24px; margin:30px 0 0 300px; }
		
		p#copy { margin-top:20px; }
		p#copy, p#validate { color:#777; margin-right:520px; }
		p#validate a { color:#999; }
		p#validate a:hover { color:#fff; }
		
.AnimatedLogo {
    position: absolute;
    margin: auto;
    width: 414px;
    height: 215px;
    left: 50%;
    transform: translateX(-50%);
    top: 20px;
}