/* styles for the layout view */
#layout {
	position: relative;
	background-color: #FFFFDD;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	left: 0px;
	width:740px;
	height:400px;
	border: solid 2px green;
}
.area1 {
	position: absolute;
	background-color: #FFDDAA;
	left:50px;
	width:150px;
	height:300px;
	float: left;
	border: solid 2px black;
	margin-left: 50px;
	margin-top: 30px;
}
.area1view1 {
	position: absolute;
	background-color: #AADDAA;
	left:50px;
	width:150px;
	height:300px;
	float: left;
	border-top: solid 2px black;
	border-bottom: solid 2px black;
	border-left: solid 2px black;
	border-right: solid 0px black;
	margin-left: 50px;
	margin-top: 30px;
}
.area2 {
	position: absolute;
	background-color: #AADDAA;
	left:250px;
	width:400px;
	height:120px;
	float: left;
	border: solid 2px black;
	margin-top: 30px;
	z-index:0;
}
.area2view1 {
	position: absolute;
	background-color: #AADDAA;
	left:250px;
	width:400px;
	height:120px;
	float: left;
	border-top: solid 2px black;
	border-bottom: solid 2px black;
	border-left: solid 0px black;
	border-right: solid 2px black;
	margin-top: 30px;
	z-index:0;
}
.area3 {
	position: absolute;
	background-color: #AADDFF;
	top:160px;
	left:260px;
	width:400px;
	height:180px;
	float: left;
	border: solid 2px black;
}
.area3bg {
	position: absolute;
	background-color: #FFFFDD;
	top:150px;
	left:250px;
	width:400px;
	height:180px;
	float: left;
	border-top: solid 2px black;
	border-left: solid 3px black;
	border-right: solid 0px black;
	border-bottom: solid 0px black;
}
.door1 {
	position: absolute;
	left: 80px;
	top: 250px;
	z-index: 10;
}
.door2 {
	position: absolute;
	visibility:visible;
	left: 230px;
	top: 60px;
	z-index: 10;
}
.door2view1 {
	position: absolute;
	visibility: visible;
	left: 230px;
	top: 60px;
	z-index: 0;
}
.door3 {
	position: absolute;
	left: 225px;
	top: 260px;
	z-index: 10;
}
.door4 {
	position: absolute;
	left: 550px;
	top: 115px;
	z-index: 10;
}
.door5 {
	position: absolute;
	left: 620px;
	top: 60px;
	z-index: 10;
}
.door6 {
	position: absolute;
	left: 630px;
	top: 260px;
	z-index: 10;
}
.bottom {
	position: absolute;
	left:20px;
	bottom: 10px;
	vertical-align: bottom;
}
.bottom1 {
	position: absolute;
	left:0px;
	top:330px;
	width: 700px;
	height:80px;
	vertical-align: bottom;
	margin-bottom: 0px;
	text-align: center;
}