body {
    background: #57882a url(/images/petimg/back.jpg) no-repeat center 620px;
    min-width: 1010px;
    height: 100%;
}

.game {
    display: inline-block;
    width: 323px;
    height: 133px;
    background: url(/images/landing/to_game.png) no-repeat 0 -137px;
    position: relative;
}

    .game:hover {
        background-position: 0 0;
    }

    .game:active {
        background-position: 0 -274px;
    }

.logo {
    width: 360px;
    height: 230px;
    background: url(/images/petimg/logo.png) no-repeat 0 0;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -368px;
    display: inline-block;
}

.block1 {
    height: 628px;
    border-bottom: 6px solid #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.8);
    width: 100%;
    background: #121e1b url(/images/petimg/block1-img.jpg) no-repeat center top;
    position: relative;
    text-align: center;
    display: block;
    cursor: pointer;
}

    .block1 img {
        position: absolute;
        bottom: -35px;
        left: 50%;
        margin-left: -640px;
    }

    .block1 .game,
    .block4 .game {
        position: absolute;
        bottom: -66px;
        left: 50%;
        margin-left: -161px;
    }

.block2 {
    width: 1003px;
    height: 453px;
    margin: 97px auto 0 auto;
    background: url(/images/petimg/block2.png) no-repeat 0 0;
    padding-top: 70px;
    text-align: center;
}

.block3 {
    width: 1007px;
    height: 546px;
    margin: 0 auto 0 auto;
    background: url(/images/petimg/block3.png) no-repeat 0 0;
    text-align: center;
    padding-top: 80px;
}

.block4 {
    width: 1003px;
    height: 519px;
    margin: 20px auto 0 auto;
    background: url(/images/petimg/block4.png) no-repeat 0 0;
    position: relative;
}
/*.block4 .game {
	background: url(/images/petimg/game2.png) no-repeat center center;
}*/

.block5 {
    width: 1003px;
    height: 519px;
    margin: 120px auto 0 auto;
    background: url(/images/petimg/block5.jpg) no-repeat 0 0;
    position: relative;
    display: block;
}

#slider {
    height: 270px;
    overflow: visible;
    padding: 0 0 10px;
    top: 94px;
    position: relative;
    z-index: 99;
    width: 100%;
}

    #slider .viewport {
        float: left;
        width: 834px;
        height: 280px;
        overflow: hidden;
        position: relative;
        margin-left: 86px;
    }

    #slider .buttons {
        display: block;
        float: left;
        width: 84px;
        height: 85px;
        position: absolute;
        background-image: url(/images/petimg/button.png?01);
        background-repeat: no-repeat;
        top: 120px;
    }

    #slider .prev {
        background-position: 0 0;
        left: -11px;
    }

    #slider .next {
        background-position: -85px 0;
        right: -11px;
    }

    #slider .prev:hover {
        background-position: 0 -88px;
        left: -11px;
    }

    #slider .next:hover {
        background-position: -85px -88px;
        right: -11px;
    }

    #slider .disable {
        visibility: hidden;
    }

    #slider .overview {
        list-style: none;
        position: absolute;
        padding: 0;
        margin: 0;
        width: 717px;
        left: 0;
        top: 0;
    }

        #slider .overview li {
            float: left;
            margin: 0 20px 0 0;
            height: 280px;
            width: 260px;
            text-align: center;
            position: relative;
        }

            #slider .overview li img {
                position: absolute;
            }

.pet1 {
    bottom: 11px;
    left: 19px;
}

.pet2 {
    bottom: 2px;
    left: 17px;
}

.pet3 {
    bottom: 13px;
    left: -11px;
}

.pet4 {
    bottom: 7px;
    left: 5px;
}

.pet5 {
    bottom: 3px;
    left: -13px;
}

.pet6 {
    bottom: 5px;
    left: -10px;
}

.lnk-game {
}

.login-popup {
    background-color: rgba(29, 70, 112, 1);
    border: 4px solid #0785a9;
    border-radius: 20px;
    box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.9);
    display: none;
    left: 50%;
    margin-left: -198px;
    margin-top: -30px;
    padding: 30px 45px;
    position: absolute;
    top: 540px;
    z-index: 10;
}

.new-button {
    background: url("/images/login-button-landing.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 72px;
    margin-bottom: 12px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    width: 300px;
}

    .new-button:hover {
        background: url("/images/login-button-landing.png") no-repeat scroll center -72px rgba(0, 0, 0, 0);
    }

    .new-button:active {
        background: url("/images/login-button-landing.png") no-repeat scroll center -144px rgba(0, 0, 0, 0);
    }

.user-button {
    background: url("/images/login-button-landing.png") no-repeat scroll center -216px rgba(0, 0, 0, 0);
    display: block;
    height: 72px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    width: 300px;
}

    .user-button:hover {
        background: url("/images/login-button-landing.png") no-repeat scroll center -288px rgba(0, 0, 0, 0);
    }

    .user-button:active {
        background: url("/images/login-button-landing.png") no-repeat scroll center -360px rgba(0, 0, 0, 0);
    }