body{ 
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

#wrapper{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.door{
	position: absolute;
	width: 50%;
	height: 50%;
	-moz-transition-duration: .5s;
	border: 5px solid #FFF;
	z-index: 20;
}

.door h1{
	margin: 0;
	position: absolute;
	top: 35%;
	left: 35%;
	background: #FFF;
	border: 2px solid #000;
	border-radius: 80px;
	padding: 50px 20px;
}

#door1{
	background-image: -moz-repeating-linear-gradient(75% 53% 45deg,#FFCF0D, #FFCF0D, #FFCF0D 9%,#FFFFFF 10%,#FFFFFF 11%,#FFCF0D 0%,#FF8C19 0%,#FFCF0D 25%,#FFFFFF 15%,#FFFFFF 25%,#FF8C19 28%,#FFCF0D 43%);
	border-top: 0;
	border-left: 0;
	top: 0;
	left: 0;
}
#door2{
	background-image: -moz-repeating-linear-gradient(75% 53% 45deg,#74F22C, #74F22C, #14EFFF 9%,#FFFFFF 10%,#FFFFFF 11%,#74F22C 0%,#14EFFF 0%,#74F22C 25%,#FFFFFF 15%,#FFFFFF 25%,#74F22C 28%,#14EFFF 43%);
	left: 50%;
	border-top: 0;
	border-right: 0;
}
#door3{
	background-image: -moz-repeating-linear-gradient(75% 53% 45deg,#2283F2, #2283F2, #2283F2 9%,#FFFFFF 10%,#FFFFFF 11%,#74F22C 0%,#2283F2 0%,#74F22C 25%,#FFFFFF 15%,#FFFFFF 25%,#74F22C 28%,#2283F2 43%);
	top: 50%;
	border-bottom: 0;
	border-left: 0;
}
#door4{
	background-image: -moz-repeating-linear-gradient(75% 53% 45deg,#FF7D7D, #FF7D7D, #FF7D7D 9%,#FFFFFF 10%,#FFFFFF 11%,#F29E1F 0%,#FF7D7D 0%,#F29E1F 25%,#FFFFFF 15%,#FFFFFF 25%,#F29E1F 28%,#FF7D7D 43%);
	top: 50%;
	left: 50%;
	border-bottom: 0;
	border-right: 0;
}

#door1.spin, #door2.spin, #door3.spin, #door4.spin{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border: none;
}

#door1.spin h1, #door2.spin h1, #door3.spin h1, #door4.spin h1{
	top: 35%;
	left: 45%;
}

#door1.open, #door2.open, #door3.open, #door4.open{
	-moz-transition-delay: 1s;
	-mos-transition-duration: 1s;
	top: -100%;
}

.done{ opacity: .3; }

.prize{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	text-align: center;
	width: 100%;
}