/* 
    Document   : style
    Created on : 01/01/2012, 5:08:22 PM
    Author     : Nick
    Description:
        Purpose of the stylesheet follows.
*/

html, body, .scroll {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    z-index: 1;

}

.scroll {
    
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
}

.content {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    z-index: 1;
    left: 0;
    right: 0;
    position:absolute;
}

.content div {
    position:absolute;
}

.home {
    top: -300px;
    left: -400px;
    width: 800px;
    height: 600px;
    background: url(images/main.png);
    background-repeat: no-repeat;
}

.logo-billboard {
    top: -50px;
    left: 0;
    width: 240px;
    height: 80px;
    background: url(images/logo_billboard.png);
    background-repeat: no-repeat;
}


.line-x {
    background: url(images/0.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.line-y {
    background: url(images/90.png);
    background-repeat: no-repeat;
    background-position: top right;
}

.line-xy {
    background: url(images/45.png);
    background-repeat: repeat-y;
    background-position: 0 0;
    width:7px ;
}

.line-yx {
    background: url(images/135.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    height:7px;
}






#guide {
    top: -150px;
    left: -120px;
    width: 134px;
    height: 138px;
    background: url(images/guide.png);
    background-repeat: no-repeat;
    z-index:100;
}

#guide .message {
    position: absolute;
    top: -100px;
    background: url(images/guide-box.png);    
    width: 440px;
    height: 122px;
    left: 20px;
}