/* CSS Document */
body *
{
	margin:0;
	padding:0;
}
body
{
	background:#eff4f5 url(../img/bg-stage.jpg) repeat-x 0 0;
	margin:0;
	padding:0;
}
#skin
{
	background:url(../img/bg-body.jpg) no-repeat top center;
	height:404px;
}
#stage
{
	width:960px;
	height:404px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
#bg
{
	width:960px;
	height:480px;
	position:absolute;
	z-index:0;
	padding-top:0;
}
#logo
{
	width:100%;
	height:192px;
	position:absolute;
	top:290px;
	z-index:5;
	background:url(../img/ruban.png) repeat-x 0 114px;
	overflow:hidden;
}
#logo a
{
	display:block;
	background:url(../img/logo.png) no-repeat center center;
	width:432px;
	height:192px;
	font-size:1px;
	color:#707377;
	text-indent:-6000px;
	margin:auto;
}
#rays
{
	position:absolute;
	right:0;
	margin:-140px -25px 0 0;
}
#jackpot
{
	padding-top:110px;
	position:absolute;
	width:480px;
	z-index:100;
}
.roll, .glass
{
	width:100px;
	height:190px;
	-webkit-border-radius:8px;
	border-radius:8px; 
}
.roll
{
	padding:0;
	position:absolute;
	background-image:url(../img/roll.png);
}
.glass
{
	background-image:url(../img/glass.png);
}
#roll0
{
	background-image:url(../img/roll0.png);
}
#roll1
{
	background-image:url(../img/roll1.png);
}
#roll2
{
	background-image:url(../img/roll2.png);
}
#roll3
{
	background-image:url(../img/roll3.png);
}
#action
{
	width:39px;
	height:190px;
	background:url(../img/rail.png) repeat-y top center;
	position: absolute;
    left:440px;
}
#handler
{
	top:0;
	width:39px;
	height:39px;
	background:url(../img/handler.png) no-repeat center center;
}
#message
{
	position:absolute;
	width:480px;
	height:480px;
	top:0;
	left:480px;
}
.slide
{
	position:relative;
	width:480px;
	height:480px;
	left:40px;
	top:0;
}
.slide-element
{
	position:absolute;
}
#a0cocarde
{
	left:20px;
}
#a3cocarde
{
	left:50px;
}
#a0ruban
{
	clip:rect(0 408px 285px 0);
}
#a1ruban, #a2ruban
{
	clip:rect(0 408px 408px 0);
}
#a3ruban
{
	clip:rect(0 408px 408px 0);
}