/**
 *    SMJWT Intro
 *    Used on: -> intro
 *
 *    @version 1.0
 **/

/* =Common
----------------------------------------------- */
html, body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

body {
    line-height: 14px;
    font-size: 12px;
    font-family: 'Trebuchet MS', 'Trebuchet', helvetica, sans-serif;
    background: #92B6C7 url(../img/gui/bg_intro.jpg) no-repeat center;
    color: #334455;
    display: table;
}

/* =Content
----------------------------------------------- */
#content {
    width: 790px;
    height: 570px;
    margin: -311px 0 0 -395px;
    position: absolute;
    top: 50%;
    left: 50%;
}

    #content h1 {
        width: 94px;
        height: 40px;
        position: absolute;
        top: 255px;
        left: 249px;
        background: url(../img/gui/sprite_intro.png) no-repeat 0 0;
        text-indent: -99999px;
    }

    #content ul {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

        #content ul li {
            position: absolute;
        }

        #content ul li.ljubljana {
            width: 59px;
            height: 56px;
            top: 324px;
            left: 524px;
        }

        #content ul li.zagreb {
            width: 83px;
            height: 33px;
            top: 84px;
            left: 189px;
        }

        #content ul li.sarajevo {
            width: 55px;
            height: 56px;
            top: 322px;
            left: 649px;
        }

        #content ul li.beograd {
            width: 55px;
            height: 56px;
            top: 308px;
            left: 23px;
        }

        #content ul li.skopje {
            width: 44px;
            height: 55px;
            top: 160px;
            left: 564px;
        }

        #content ul li.podgorica {
            width: 101px;
            height: 33px;
            top: 478px;
            left: 263px;
        }

        #content ul li.pristina {
            width: 48px;
            height: 51px;
            top: 38px;
            left: 654px;
        }

        #content ul li.tirana {
            width: 41px;
            height: 52px;
            top: 152px;
            left: 702px;
        }

            #content ul li a {
                width: 100%;
                height: 100%;
                display: block;
                text-indent: -99999px;
                background: url(../img/gui/sprite_intro.png) no-repeat 0 0;
            }

            #content ul li.ljubljana a { background-position:   0  -95px; }
            #content ul li.zagreb a    { background-position: 5px -195px; }
            #content ul li.sarajevo a  { background-position:   0 -295px; }
            #content ul li.beograd a   { background-position:   0 -394px; }
            #content ul li.skopje a    { background-position:   0 -495px; }
            #content ul li.podgorica a { background-position: 5px -595px; }
            #content ul li.pristina a  { background-position:   0 -695px; }
            #content ul li.tirana a    { background-position:   0 -795px; }
            #content ul li.ljubljana a:hover { background-position: -150px  -95px; }
            #content ul li.zagreb a:hover    { background-position: -145px -195px; }
            #content ul li.sarajevo a:hover  { background-position: -150px -295px; }
            #content ul li.beograd a:hover   { background-position: -150px -394px; }
            #content ul li.skopje a:hover    { background-position: -150px -495px; }
            #content ul li.podgorica a:hover { background-position: -145px -595px; }
            #content ul li.pristina a:hover  { background-position: -150px -695px; }
            #content ul li.tirana a:hover    { background-position: -150px -795px; }