html, body{
    width:100%;
    height:100%;
    padding:0px;
    margin:0px;
    font-family:Arial;
    font-size:13px;
	line-height:13px;
    color:#FFF;
    background:#000;
    cursor:default;
	overflow:hidden;
}

#main{
	display:none;
	vertical-align:middle;
	text-align:center;
	background: -moz-linear-gradient(top,  #6fa6af 0%, #58838a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6fa6af), color-stop(100%,#58838a));
	background: -webkit-linear-gradient(top,  #6fa6af 0%,#58838a 100%);
	background: -o-linear-gradient(top,  #6fa6af 0%,#58838a 100%);
	background: -ms-linear-gradient(top,  #6fa6af 0%,#58838a 100%);
	background: linear-gradient(to bottom,  #6fa6af 0%,#58838a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fa6af', endColorstr='#58838a',GradientType=0);
}

#game{
	display:none;
	vertical-align:middle;
	text-align:center;
	background:#009999;
	line-height:4px;
}

#result{
	display:none;
	vertical-align:middle;
	text-align:center;
	background:#222;
	font-size:60px;
	line-height:60px;
	text-shadow: 2px 2px 3px #000;
	color:#E5FD8C;
}

#title{
	width:545px;
	height:87px;
	margin:auto;
}

#intro{
	line-height:4px;
	margin:auto;
}

.cube{
	background:#FFF;
	border-radius:10px;
	display:inline-block;
	margin:0px 2px 0px 2px;
}

.shadow{
	box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.5), 10px 20px 10px rgba(0, 0, 0, 0.1);
	-o-box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.5), 10px 20px 10px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.5), 10px 20px 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.5), 10px 20px 10px rgba(0, 0, 0, 0.1);
}

.shadow_disabled{
	box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.5);
	-o-box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.5);
}

#btn_start{
	margin:auto;
	width:196px;
	height:40px;
	cursor:pointer;
	border-radius: 8px;
	background-image:url(graphics/btn_start.png);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}

#btn_start:hover, #btn_start:active{
	background-position:bottom;
}

#info{
	width:500px;
	height:50px;
	background-image:url(graphics/txt_info.png);
	position:absolute;
	display:none;
}

#txt_score{
	font-size:30px;
	font-weight:bold;
	color:#FEFE98;
	text-shadow: 1px 1px 2px #000;
	margin-bottom:40px;
}

.score{
	width:80px;
	height:50px;
	background-image:url(graphics/txt_score.png);
	position:absolute;
}

#btn_sound{
	width:64px;
	height:64px;
	background-image:url(graphics/btn_sound.png);
	position:absolute;
	display:none;
	top:5px;
	left:5px;
	opacity:0.8;
	-moz-transition-property: opacity;  /* FF4+ */
	-moz-transition-duration: 0.2s;
	-webkit-transition-property: opacity;  /* Saf3.2+, Chrome */
	-webkit-transition-duration: 0.2s;
	-o-transition-property: opacity;  /* Opera 10.5+ */
	-o-transition-duration: 0.2s;
	-ms-transition-property: opacity;  /* IE10? */
	-ms-transition-duration: 0.2s;
	transition-property: opacity;  /* Standard */
	transition-duration: 0.2s;
	cursor:pointer;
}

#btn_sound:hover, #btn_sound:active{
	opacity:1;
}