body{background:#6194ce url('../img/bg.jpg') top no-repeat; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-background-size:2000px 1200px;}
/* CONTENT WRAPPER */
#contentwrapper{width:888px; height:568px; position:absolute; left:50%; margin:24px 0px 0px -440px;}
/* OVERLAY */
#overlay{position:absolute; background:url('../img/fr_overlay.png') no-repeat; width:888px; height:568px;}
#overlay #fr_t, #overlay #fr_r, #overlay #fr_b, #overlay #fr_l{position:absolute;}
#overlay #fr_t{margin-left:19px;}
#overlay #fr_r{margin-left:870px;}
#overlay #fr_b{margin-top:547px; margin-left:120px;}
/* GAME CONTENTS */
#gamecontents{position:absolute; width:888px; height:568px;}
/* INIT */
/* body */
html, body{margin:0;padding:0;}
body{background-color:#fff;color:#000;font-family: Arial,Helvetica,sans-serif;font-size: 12px;}
/* general button */
.buttonwrapper{text-align:center; display:block; color:#ffffff; background:#dd0028 url('../img/button_left.jpg') no-repeat left; font-family:CoopBlackRegular, Helvetica, Arial; font-size:20px; height:27px; text-decoration:none; cursor:pointer;}
.buttonwrapper img{float:right; border:0; *margin-top:-25px;}
/* focus & links */
:focus{outline: none;}
a:hover, a:focus{text-decoration: none;}
a:img{border:0;}
/* tables */
table{border-collapse: collapse;padding:0;}
*{margin:0px; padding:0px;}
/* utils */
.clearer{clear:both;}

@media all and (max-width: 1044px) {
    body{background:#a1bbe3 url('../img/bg_mobile.jpg') top no-repeat; -webkit-background-size:1044px 768px;}
	#contentwrapper{width:888px; height:568px; position:absolute; left:50%; margin:24px 0px 0px -444px;}
}