/* General */

* {
	border: none;
	margin: 0;
	outline: none;
	padding: 0;
}
#banner {
    display: block;
    overflow: hidden;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

/* Custom */
#banner {
    border: 1px solid #808080;
	width: 300px; height: 250px;
}
#banner div {
	position: absolute;
}
#banner .full {
	width: 300px; height: 250px;
}
	#txt01 {
		background-image: url(../images/txt01.png);
		opacity: 0;
		z-index: 2;
	}
	#txt02 {
		background-image: url(../images/txt02.png);
		opacity: 0;
		z-index: 2;
	}
	#txt03 {
		background-image: url(../images/txt03.png);
		opacity: 0;
		z-index: 2;
	}
	#egg01 { background-image: url(../images/egg01.png); z-index: 6; }
	#egg02 { background-image: url(../images/egg02.png); z-index: 5; }
	#egg03 { background-image: url(../images/egg03.png); z-index: 4; }
	#egg04 { background-image: url(../images/egg04.png); z-index: 3; }
	
	
	#crack {
		background-image: url(../images/crack.png);
		width: 0; height: 250px;
		z-index: 7;
	}
	#dirt {
		background-image: url(../images/dirt.png);
		width: 0; height: 250px;
		z-index: 7;
	}
	
	#cracked {
		width: 230px; height: 300px;
		left: -45px; top: -17px;
		opacity: 0;
		overflow: hidden;
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
		-ms-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
		z-index: 5;
	}
		#cracked_top {
			background-image: url(../images/cracked_top.png);
			width: 230px; height: 300px;
			left: 0;
			z-index: 3;
		}
		#bacteria {
			background-image: url(../images/bacteria.png);
			width: 100px; height: 103px;
			left: -20px; top: 300px;
			z-index: 2;
		}
		#cracked_bot {
			background-image: url(../images/cracked_bot.png);
			width: 230px; height: 300px;
			left: 0;
			z-index: 1;
		}
		
	#bin {
		background-image: url(../images/bin.png);
		top: 200px;
		z-index: 7;
	}
	#lid {
		background-image: url(../images/lid.png);
		left: 300px; top: 0;
		width: 142px; height: 40px;
		-webkit-transform: rotate(74.5deg);
		-moz-transform: rotate(74.5deg);
		-ms-transform: rotate(74.5deg);
		-o-transform: rotate(74.5deg);
		transform: rotate(74.5deg);
		z-index: 7;
	}
	
	#bg_cream {
		background-color: #faeba0;
		z-index: 1;
	}
	#bg_white {
		background-color: #fff;
		opacity: 0;
		z-index: 10;
	}
	#txt04 {
		background-image: url(../images/txt04.png);
		opacity: 0;
		z-index: 11;
	}
	#txt05 {
		background-image: url(../images/txt05.png);
		opacity: 0;
		z-index: 11;
	}
	#coa {
		background-image: url(../images/coa.png);
		opacity: 0;
		z-index: 12;
	}
	#auth {
		background-image: url(../images/auth.png);
		opacity: 0;
		z-index: 13;
	}