html {font-size: 18px; font-family: Lucida Sans, sans-serif;}

body {
/*	width: 100%;
	height: 100%; */
	margin: 7% 5% 5% 5%;
	background-color: black;
	color: white;
	border: 1px dotted gray;
	min-width: 350px;
	max-width: 950px;
	max-height: 500px;
	font-family: Didot;
	font-size: .7em;
}

#outer {
	position: absolute;
	left: 20px;
	right: 20px;
	top: 30px;
	bottom: 20px;
/*	height: 50%; */
	min-height: 250px;
	max-height: 450px;
/*	width: auto; */
	max-width: 700px;
	min-width: 100px;
	border: 1px solid #dcdcdc;
	margin: /* 5% */ auto;
/*	padding-bottom: 20px; */
	text-align: center;
	vertical-align: middle;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#container {
	position: absolute;
	top: 30px;
	left: 100px;
	width: 410px;
	height: 300px;
	background-color: #fffff0;
	color: black;
	padding: 0px;
	opacity: 0.85;
	z-index: 1;
}

#block_01 {
	position: absolute;
	bottom: 45px;
	left: 6%;
	width: 400px;
	height: 175px;
	background-color: green;
	color: white;
	opacity: 0.65;
	z-index: 4;
}

#block_02 {
	position: absolute;
	top: 210px;
	right: 20%;
	width: 30%;
	height: 85px;
	background-color: gray;
	color: white;
	text-align: center;
	opacity: 0.45;
	z-index: 5;
}

#obj_img_01	{
	position: fixed;
	top: 0px;
	left: 0px;
	opacity: 0.30;
}

#obj_img_02	{
	position: absolute;
	bottom: 0px;
	right: 0px;
	opacity: 0.70;
/*	z-index: 9; */
}

#obj_img_03 {
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0.30;
}

p {
	padding: 3px;
}