body {
	width: 100%;
	height: 100%;
	background-color: #252525;
	color: #FFFFFF;
	margin: 0px;
}

.container {
	width: 410px;
	height: 100%;
	position: absolute;
	margin-left: -205px;
	left: 50%;
	overflow: hidden;
}

.logo {
	width: 199px;
	height: 312px;
	background-image: url(/images/misc/logo.png);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -450px;
	margin-top: -156px;
}

.background_body {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	background-image: url(/images/body/background.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

.background {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	background-image: url(/images/container/background.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	z-index: 0;
}

.shade {
	width: 100%;
	height: 77px;
	position: absolute;
	left: 0px;
	z-index: 10;
}

.shade.top {
	top: 0px;
	background-image: url(/images/container/shade_top.png);
}

.shade.bottom {
	bottom: 0px;
	background-image: url(/images/container/shade_bottom.png);
}

.frame, .wheel {
	position: absolute;
}

.frame {
	width: 410px;
	height: 100%;
	z-index: 0px;
	background-image: url(/images/wheel/background.png);
}

.container .shade {
	width: 12px;
	height: 100%;
	top: 0px;
}

.container .shade.left {
	left: 48px;
	background-image: url(/images/wheel/shade_left.png);
}

.container .shade.right {
	left: 318px;
	background-image: url(/images/wheel/shade_right.png);
}

.wheel {
	width: 281px;
	border-left: 1px solid #333333;
	margin-left: 47px;
}

#flipper {
	width: 100px;
	height: 75px;
	background-image: url(/images/wheel/flipper.png);
	background-position: 0px 75px;
	position: absolute;
	left: 50%;
	margin-left: -225px;
	z-index: 10;
}

#flipper.three {
	background-position: 0px 0px;
}

#flipper.two {
	background-position: 0px 75px;
}

#flipper.one {
	background-position: 0px 150px;
}

#spin {
	position: absolute;
	top: 50%;
	left: 50%;
	background-color:white;
	font-size:40px;
	width:160px;
	margin-left:-100px;
	border: 4px solid #333333;
	cursor:pointer;
	color:black;
	font-family: "Arial Black";
	text-align:center;
}

.wheel .item {
	width: 281px;
	height: 77px;
	text-align: center;
	font-size: 60px;
	font-family: "Arial Black";
	color: #000000;
}

.wheel .item label {
	float: left;
	width: 245px;
	height: 70px;
	line-height: 70px;
	padding-top: 7px;
	margin-left: 30px;
	text-align: center;
}

.wheel .item.green {
	background-image: url(/images/wheel/colors/green.png);
}

.wheel .item.blue {
	background-image: url(/images/wheel/colors/blue.png);
}

.wheel .item.orange {
	background-image: url(/images/wheel/colors/orange.png);
}

.wheel .item.purple {
	background-image: url(/images/wheel/colors/purple.png);
}

.wheel .item.yellow {
	background-image: url(/images/wheel/colors/yellow.png);
}

.wheel .item .overlay {
	width: 281px;
	height: 77px;
	position: absolute;
	background-image: url(/images/wheel/item_overlay.png);
}

.names {
	position: absolute;
	height: 100%;
	top: 30%;
}

.names .text {
	font-size:25px;
	font-family:  "Arial";
	width:90%;
	z-index:10;
}