* {
	margin:0;
	padding:0
}

html, body {
	position:relative;
	width:100%;
	height:100%
}

body {
	width:auto;
	font-family:Verdana,Arial,sans-serif;
	font-size:12px;
	text-align:left
}

#wrapper {
	position:relative;
	width:600px;
	margin:0 auto;
	text-align:center;
	padding-top:80px
}

#box01, #box02 {
	position:relative;
	display:none;
	color:#fff;
	padding:8px;
	width:160px;
	margin:24px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with opacity */
	background: rgba(0, 0, 0, 0.8);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

#box02 {
	display:block
}