* {
        margin: 0;
        padding: 0;
}
html,body {
        height: 100%
}
body {
        text-align: center;
        background: url(../images/bg_body.jpg);
        height: 100%;

}
.clear {
        clear: both;
}
a img {
        border: none; 
	cursor: hand;
}

a { 
	cursor: hand;
}

/* START PAGE */

body#start_page {
        background: url(../images/bg_start.jpg) repeat-x #104547;
        margin-top: 30px;
}
#start_page #wrapper {
        width: 750px;
        margin: auto;
}
#extreme_game {
        background: url(../images/start_game.png) no-repeat;
        width: 225px;
        height: 32px;
        margin: auto;
        margin-top: 35px;
}

h1 {text-align:center; font-size:1.0em; padding-bottom: 0.5em; color: #e9db8d; font-family: Verdana, Arial;}

#start_page #treasure_island {
        background: url(../images/start_ostrov.png) no-repeat;
        width: 424px;
        height: 53px;
        margin: auto;
        margin-top: 5px;
}
#ostrov {
        background: url(../images/ostrov.png) no-repeat;
        width: 142px;
        height: 67px;
        margin: auto;
        margin-bottom: 9px;
        margin-top: 7px;
}
#start_page p {
        color: #e9db8d;
        font-size: 10px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        line-height: 12px;
        margin: 1px 0;
}


/* PAGE 1 */

#wrapper {
        overflow: auto;
        position: relative;
}
#inner_wrapper {
        overflow: hidden;
}
#page_1 #wrapper {
        background: url(../images/menu_bg_1.png) repeat-y right;
        min-width: 980px;
}
#page_1 #navigation {
        width: 173px;
        min-height: 270px;
        float: right;
        background:url(../images/menu_right_1.png) no-repeat;
        position: relative;
        padding-bottom: 130px;
        padding-top: 100px;
        font-family: Arial, Helvetica, sans-serif;
        text-align: left;
}
#page_1 #navigation_left {
        position: absolute;
        background: url(../images/menu_right_1_left.png) no-repeat;
        height: 503px;
        width: 62px;
        left: -62px;
        top: 0;
}
#dates_title {
        background: url(../images/dates_title.png) no-repeat;
        width: 157px;
        height: 32px;
}
#news_title {
        background: url(../images/news_title.png) no-repeat;
        width: 80px;
        height: 19px;
        margin-left: 44px;
}
p.dates {
        color: #000000;
        font-weight: bold;
        font-size: 23px;
        padding-top: 5px;
        padding-bottom: 20px;
        margin-left: 20px;
}

                /*              MAP ISLAND WITH LINKS           */

#map_island_box {
        margin: auto;
        margin-top: 15px;
        min-width: 785px;
        width: 80%;
        text-align: center;
        float: right;
}
#map_island {
        position: relative;
        width: 785px;
        margin: auto;
        text-align: left;
}
#map_island div {
        background: url(../images/map_island.png) no-repeat;
        height: 452px;
        width: 721px;
        position: relative;
}
#map_island a {
        display: block;
        position: absolute;
}
#map_island a span,
#lizards_field a span,
#footer a span {
        display: none;
}
a#diamond_field {
        width: 120px;
        height: 75px;
        top: 111px;
        left: 180px;
}
a#shadowy_wood {
        width: 174px;
        height: 130px;
        top: 120px;
        left: 315px;
}
a#mount_lookout {
        width: 135px;
        height: 70px;
        right: 65px;
        top: 70px;
}
a#garden_pleasures {
        width: 155px;
        height: 84px;
        left: 0;
        top: 179px;
}
a#fort {
        width: 88px;
        height: 70px;
        left: 300px;
        top: 272px;
}
a#shore_skeleton {
        width: 120px;
        height: 110px;
        left: 117px;
        top: 280px;
}
a#links_map {
        width: 133px;
        height: 108px;
        left: 504px;
        top: 296px;
}



/* PAGE 2 */

#page_2 #wrapper {
        background: url(../images/menu_bg_2.png) repeat-y right;
        min-width: 980px;
}
#page_2 #navigation {
        width: 310px;
        min-height: 275px;
        float: right;
        background:url(../images/menu_right_2.png) no-repeat;
        position: relative;
        padding: 125px 44px 130px 0;
        font-family: Arial, Helvetica, sans-serif;
        text-align: left;
        font-size: 12px;
}
#page_2 #navigation_left {
        position: absolute;
        background: url(../images/menu_right_2_left.png) no-repeat;
        height: 180px;
        width: 43px;
        left: -43px;
        top: 106px;
}
#title_diamond_plateau {
        background: url(../images/title_diamond_plateau.png) no-repeat;
        width: 236px;
        height: 45px;
        margin-left: 5px;
        margin-bottom: 25px;
}
#title_bank_skeleton {
        background: url(../images/title_bank_skeleton.png) no-repeat;
        width: 294px;
        height: 56px;
        position: relative;
        margin-left: -13px;
        margin-top: -10px;
}
#page_2 #navigation p {
        margin-left: 40px;
        text-align: center;
        margin-bottom: 15px;
}
#lizards_field {
        margin-top: 56px;
        margin: auto;
        margin-top: 55px;
        min-width: 592px;
        width: 60%;
        text-align: center;
        float: right;
}
#lizards_field_inner {
        position: relative;
        width: 592px;
        margin: auto;
        text-align: left;
}
.lizard_box,
.map_box {
        position: relative;
        float: left;
        text-align: center;
        margin-right: 45px;
        margin-bottom: 30px;
        width: 144px;
}
.lizard {
        background: url(../../../images/lizard.png) no-repeat;
        width: 144px;
        height: 118px;
        padding-top: 45px;
        text-align: center;
        z-index: 1;
}
.lizard img {
        margin-left: 2px;
}
.lizard_box .lizard a {
        position: relative;
        height: auto;
}
#orientation {

        width: 140px;
        height: 19px;
        margin: auto;
}
#climbing {
        background: url(../images/climbing.png) no-repeat;
        width: 119px;
        height: 19px;
        margin: auto;
}
#speleology {
        background: url(../images/speleology.png) no-repeat;
        width: 107px;
        height: 19px;
        margin: auto;
}
#firing {
        background: url(../images/firing.png) no-repeat;
        width: 73px;
        height: 19px;
        margin: auto;
}
#playing_task {
        background: url(../images/playing_task.png) no-repeat;
        width: 71px;
        height: 46px;
        margin: auto;
}
#jasper_beach {
        background: url(../images/jasper_beach.png) no-repeat;
        width: 137px;
        height: 26px;
        margin: auto;
}
#treasure {
        background: url(../images/treasure.png) no-repeat;
        width: 147px;
        height: 29px;
        margin: auto;
}
.lizard_box a,
.map_box a {
        position: absolute;
        display: block;
        width: 145px;
        height: 183px;
        top: 0;
        left: 0;
        z-index: 10;
}
.lizard_box a.lizard_link_big {
        height: 210px;
}
.lizard_box a.lizard_link_middle {
        height: 190px;
}
.map_box {
        width: 168px;
        padding-top: 23px;
        margin-right: 0;
}
#back_map {
        background: url(../images/mini_map.png) no-repeat 15px 0;
        width: 168px;
        height: 97px;
        padding-top: 45px;
        text-align: left;
        z-index: 1;
}
.back_map {
        background: url(../images/back_map.png) no-repeat;
        width: 172px;
        height: 29px;
        margin-left: -10px;
        position: relative;
}
.map_box a {
        width: 172px;
        height: 170px;
        top: 23px;
        left: -10px;
        z-index: 10;
}


/* PAGE 3 */


#page_3 #wrapper,
#page_4 #wrapper,
#page_5 #wrapper {
        min-width: 980px;
}
#head {
        background: url(../images/bg_top.jpg) repeat-x;
        height: 40px;
}
#page_3 #navigation,
#page_4 #navigation,
#page_5 #navigation {
        width: 300px;
        position: absolute;
        top: 0;
        right: -325px;
        text-align: left;
        padding-top: 15px;
}
#page_3 #navigation a {
        display: block;
        width: 62px;
        height: 77px;
        margin-bottom: 5px;
}
#page_3 #navigation1 {
        width: 300px;
        position: absolute;
        top: 0;
        right: -325px;
        text-align: left;
        padding-top: 15px;
}

#firing_link {
        background: url(../images/firing_link.jpg) no-repeat;
}
#climbing_link {
        background: url(../images/climbing_link.jpg) no-repeat;
}
#playing_link {
        background: url(../images/playing_link.jpg) no-repeat;
}
#speleology_link {
        background: url(../images/speleology_link.jpg) no-repeat;
}
#text_box {
        margin-left: 35px;
        background: url(/images/textbox_right_bg.jpg) repeat-y right;
        padding-right: 43px;
        margin-right: 330px;
        position: relative;
        text-align: center;
/*      height: 100%;*/
}
#inner_text_box {
        background: url(/images/textbox_left_bg.jpg) repeat-y left;
        padding-left: 45px;
/*      height:100%;*/
}
#text {
        background: url(/images/bg_textbox.jpg);
        text-align: left;
}

/* PAGE 4 */

#page_4 #text form {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 20px;
        color: #000000;
        padding-top: 75px;
}
.form_text {
        float: left;
        width: 65px;
        text-align: right;
        font-family: "Times New Roman", Times, serif;
        padding-top: 14px;
        margin-right: 10px;
}
.form_textbox {
        margin-bottom: 4px;
        margin-left: 75px;
        height: 49px;
        width: 295px;
        background: url(../images/text_box_bg.gif) no-repeat;
        padding-left: 50px;
}
.form_textbox input {
        font-size: 11px;
        width: 280px;
        height: 14px;
        margin-top: 17px;
        border: solid 1px #FFFFFF;
}
#order_butt {
        margin-left: 84px;
        margin-top: 26px;
}
.chechbox {
        padding-top: 6px;
        margin-top: 10px;
}
.chechbox input {
        height: 31px;
        width: 31px;
        margin-left: 93px;
        margin-right: 20px;
        background: url(../images/checkbox.png) no-repeat;
}
.first_chechbox {
        margin-top: 20px;
}

/* PAGE 5 */


#page_5 #text {
        min-height: 420px;
}
#page_5 #text_box {
        margin-left: 283px;
}
#page_5 #navigation {
        padding-top: 31px;
}
#lodin_box {
        background: url(../images/login_bg.gif) no-repeat;
        width: 229px;
        height: 117px;
        padding-top: 33px;
        font-size: 13px;
        color: #FFFFFF;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        margin-bottom: 29px;
}
#lodin_box p {
        padding-bottom: 5px;
}
#lodin_box input {
        margin-bottom: 10px;
        border: solid 1px #FFFFFF;
}
#registration {
        background: url(../images/registration_bg.gif) no-repeat;
        width: 226px;
        height: 43px;
        padding-top: 10px;
}
#registration a {
        display: block;
        width: 170px;
        height: 28px;
        margin-left: 30px;
}
.chain {
        background: url(../images/chain.png) no-repeat;
        width: 22px;
        height: 60px;
        position: absolute;
        top: 0;
        left: 13px;
}
.chain_right {
        left: 198px;
}
                /*              FOOTER WITH COMPASS MENU                */

#footer {
        background: url(../images/bg_footer.jpg) repeat-x;
        height: 65px;
        position: relative;
        padding-top: 32px;
        text-align: left;
}
#page_1 #footer {
        min-width: 980px;
}
#page_2 #footer {
        min-width: 980px;
}
#page_3 #footer,
#page_4 #footer,
#page_5 #footer {
        min-width: 980px;
}

#title_island {
        background: url(../images/title_island.png) no-repeat;
        width: 425px;
        height: 57px;
        margin-left: 21px;
}
#title_island a {
        display: block;
        width: 425px;
        height: 57px;
        z-index: 10;
        position: absolute;
        top: 32px;
        left: 21px;
}
#compass {
        position: absolute;
        z-index: 1;
        background: url(../images/compass.png) no-repeat;
        width: 269px;
        height: 225px;
        bottom: 2px;
        right: 6px;
}
a#tavern {
        z-index: 10;
        position: absolute;
        background: url(../images/tavern.png) no-repeat;
        width: 51px;
        height: 17px;
        bottom: 148px;
        right: 170px;
}
a#want_play {
        z-index: 10;
        position: absolute;
        background: url(../images/want_play.png) no-repeat;
        width: 46px;
        height: 32px;
        bottom: 92px;
        right: 198px;
}
a#about_game {
        z-index: 10;
        position: absolute;
        background: url(../images/about_game.png) no-repeat;
        width: 51px;
        height: 18px;
        bottom: 159px;
        right: 79px;
}
a#headquarters {
        z-index: 10;
        position: absolute;
        background: url(../images/headquarters.png) no-repeat;
        width: 37px;
        height: 17px;
        bottom: 114px;
        right: 104px;
}

#footer_map {
        position: absolute;
        left: 540px;
        top: 22px;
}
#footer_map a {
        display: block;
        position: absolute;
        width: 62px;
        height: 61px;
}
#footer_map div {
        position: absolute;
        background: url(../images/footer_map.png) no-repeat;
        width: 62px;
        height: 61px;
}
#left_menu {
        position: absolute;
        background:url(../images/left_menu_bg.png) no-repeat;
        width: 288px;
        height: 421px;
        left: 0;
        top: -421px;
}
#comment_lmenu {
        position: absolute;
        display: block;
        height: 12px;
        width: 70px;
        top: -320px;
        left: 124px;
}
#photo_video_lmenu {
        position: absolute;
        display: block;
        width: 47px;
        height: 31px;
        left: 97px;
        top: -253px;
}
#hearsay_lmenu {
        position: absolute;
        display: block;
        width: 58px;
        height: 34px;
        top: -200px;
        left: 163px;
}
#bulletin_board_lmenu {
        position: absolute;
        display: block;
        width: 82px;
        height: 32px;
        top: -140px;
        left: 92px;
}