* {margin: 0; padding: 0}

html, body {font-family: "Times New Roman", Tahoma, serif; font-size: 13px;}

a {color: #555}
a:hover {color: #3aa1bf}

.clear {clear: both; height: 0; overflow: hidden}

body {background: url("../images/gray_bg.jpg") 0 0 repeat}
.wrap {background: url("../images/rules/top_bg.jpg") 0 0 repeat-x; min-width: 1213px}

.top_img {width: 1213px; margin: 0 auto}

.top_img .top {background: url("../images/rules/top.jpg") 0 0 no-repeat; height: 444px;}
.top_img .bottom {background: url("../images/rules/bottom.jpg") 0 0 no-repeat; height: 309px;}

.left_col, .right_col {margin-top: 190px; width: 240px;}

.left_col .menu, .right_col .menu {margin-bottom: 160px}

.left_col {float: left;}
.right_col {float: right;}

.menu .bl_left {background: url("../images/menu_l_wa_bg.png") 0 0 no-repeat; padding-left: 32px}
.menu .bl_right {background: url("../images/menu_r_wa_bg.png") 100% 0 no-repeat; padding-right: 32px}
.menu .bl_center {background: url("../images/menu_c_wa_bg.png") 0 0 repeat-x; padding: 7px 5px 7px}

.menu .bg {background: url("../images/rules/txt.png") no-repeat; float: left; height: 17px}
.menu .forum_link {background-position: 0 -81px; width: 57px}
.menu .forum_link:hover {background-position: 0 -102px;}

.menu .about_link {background-position: 0 -123px; width: 67px; margin-right: 40px}
.menu .about_link:hover {background-position: 0 -143px;}

.menu .rules_link {background-position: 0 1px; width: 74px; margin-right: 20px}
.menu .rules_link:hover {background-position: 0 -19px;}

.menu .rating_link {background-position: 0 -40px; width: 69px;}
.menu .rating_link:hover {background-position: 0 -62px;}

#logo {width: 163px; height: 174px; background: url("../images/logo.png") 0 0 no-repeat; display: block; margin: 0 auto; position: relative; top: 87px;}
#logo:hover {background-position: 0 -174px; }

.style_hr {background: url("../images/hr_bg.png") 0 0 repeat-x; height: 27px;}

.top_img_wrap {background: url("../images/hr_bg.png") 0 382px repeat-x}

.content {width: 1180px; margin: 0 auto; font-family: Tahoma, serif}

.title {font-weight: bold; margin: 15px 0}
.title .bl_left {background: url("../images/title_l.png") 0 0 no-repeat; padding-left: 142px}
.title .bl_right {background: url("../images/title_r.png") 100% 0 no-repeat; padding-right: 142px}
.title .bl_center {background: url("../images/title_c.png") 0 0 repeat-x; padding: 28px 0 40px}

.col_3 {float: left; width: 33%}
.wrap_block {margin: 0 20px}
.ico {height: 103px; background: url("../images/ico.png") 45% 0 no-repeat; margin: 25px 0}
.style_hr_c_1 {margin: -64px auto 0; background: url("../images/hr_c_1.jpg") 0 0 no-repeat; width: 262px; height: 87px;}
.style_hr_c_2 {margin: -58px auto 0; background: url("../images/hr_c_2.jpg") 0 0 no-repeat; width: 262px; height: 75px;}

.footer {padding-bottom: 20px; position: relative}
.footer .description {float: right; width: 786px}
.footer .description .design {float: right; background: url("../images/sword_in_stone.jpg") 0 0 no-repeat; padding: 221px 25px 45px 100px; margin-top: 80px;}
.footer .description .design a {background: url("../images/3a.png") 0 0 no-repeat; display: block; width: 99px; height: 23px;}
.footer .description .design a:hover {background: url("../images/3a.png") 0 100% no-repeat; display: block; width: 99px; height: 23px;}

.copyright {font-weight: bold; background: url("../images/rules/copyright_bg.jpg") 35px 0 no-repeat; padding: 335px 0 0; color: #555; margin-left: -35px}

.title.rules {width: 392px; margin: 0 auto; margin-top: -393px; position: relative}
.title.rules .bl_center span {background: url("../images/rules/title_rules_text.png") 0 0 no-repeat; display: block; width: 108px; height: 18px;}

.title.about {width: 381px; margin: 0 auto; margin-top: -393px; position: relative}
.title.about .bl_center span {background: url("../images/rules/title_about_text.png") 0 0 no-repeat; display: block; width: 97px; height: 18px;}

.title.quests {width: 383px; margin: 0 auto; margin-top: -393px; position: relative}
.title.quests .bl_center span {background: url("../images/rules/title_quests_text.png") 0 0 no-repeat; display: block; width: 99px; height: 18px;}

.title.rating {width: 394px; margin: 0 auto; margin-top: -393px; position: relative}
.title.rating .bl_center {padding-top: 26px}
.title.rating .bl_center span {background: url("../images/rules/title_rating_text.png") 0 0 no-repeat; display: block; width: 109px; height: 21px;}

.counters {text-align: center; width: 100px; margin: 0 auto; position: absolute; bottom: 20px; left: 50%}
.counters_inner {position: relative; left: -50px;}

.btn_4 .b4_left,
.btn_4 .b4_right,
.btn_4 .b4_center {background: url("../images/btn_4.png") 0 0 no-repeat;}

.btn_4 .b4_left { padding-left: 27px;}
.btn_4 .b4_right {background-position: 100% -120px; padding-right: 24px}
.btn_4 .b4_center {background-position: 0 -60px; background-repeat: repeat-x;  height: 27px;}
.btn_4:hover .b4_left {background-position:  0 -30px;}
.btn_4:hover .b4_right {background-position:  100% -150px;}
.btn_4:hover .b4_center {background-position:  0 -90px;}
.btn_4 a {
    color: #000;
    text-shadow: 1px 1px 2px #fff;
    font-weight: bold;
    text-decoration: none;
    line-height: 22px;
    margin: 0 -6px 0 -13px;
    text-align: center;
    display: block;
}

.display_block {display: block}

.btn_4.active a, .btn_4.active {
    color: #034a63;
}

.info_ico {
    vertical-align: middle;
    display: inline-block;
    height: 12px;
    width: 15px;
    text-indent: -2000px;
    background: url("../images/info.gif") 50% 50% no-repeat;
    overflow: hidden;
}