html, body {
    margin:0px;
    padding:0px;
    background-color: #f8fffc;
    background-image: url('../images/pattern.png');
    background-repeat: repeat;
    background-size: auto;
}

#container{
    width:720px;
    height:480px;
    border: 3px solid #6eb7ab;
    position: absolute;
    top:50%;
    left:50%;
    right:50%;
    bottom:50%;

    margin: -280px -360px;
}

#canvas {
    position: absolute;
    width:720px;
    height:480px;
    background-color: #6eb7ab;
}

#bg {
    position: absolute;
    width:720px;
    height:480px;

}
#preloader {
    width :720px;
    height:480px;
    position: absolute;
}
#preloaderImage {
    top:200px;
    left:305px;
    position: absolute;
}

#preloaderBar {
    width :1px;
    height:2px;
    top:250px;
    left:305px;
    background-color: #be2290;
    position: absolute;
    color:#FFFFFF;
}

#preloaderBarBg {
    position: absolute;
    width :106px;
    height:2px;
    background-color: #bea9ac;
    top:250px;
    left:305px;
}


#canvasDebug {
    display:none;
    position: absolute;
    width:720px;
    height:480px;
 /*   background-color: #bea9ac;
    bottom: -245px;*/
}

#showHideDebugButton {
    display:none;
    position: absolute;
    bottom:-50px;
}