p {
	padding: 10px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 100%;
	color: #000000;
	}

#main {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #333333;
	padding: 0px;
	z-index: 1;
	}

#main img {
	width: 100%;
	height: 100%;
	}

#help {
	position: absolute;
	top: 100px;
	left: 150px;
	width: 600px;
	background-color: #FFFFFF;
	padding: 0px;
	z-index: 2;
	}

#speech {
	position: absolute;
	top: 50px;
	left: 50px;
	width: 250px;
	background-color: #FFFFFF;
	padding: 0px;
	z-index: 2;
	}

#menu {
	position: absolute;
	top: 85%;
	left: 5%;
	width: 90%;
	height: 15%;
	padding: 0px;
	z-index: 2;
	}

#menu img {
	width: 100%;
	height: 100%;
	}

#left {
	position: absolute;
	top: 91%;
	left: 10%;
	width: 3%;
	height: 3%;
	padding: 0px;
	z-index: 3;
	}

#left img {
	width: 100%;
	height: 100%;
	}

#right {
	position: absolute;
	top: 91%;
	left: 18%;
	width: 3%;
	height: 3%;
	padding: 0px;
	z-index: 3;
	}

#right img {
	width: 100%;
	height: 100%;
	}

#forward {
	position: absolute;
	top: 87%;
	left: 14%;
	width: 3%;
	height: 3%;
	padding: 0px;
	z-index: 3;
	}

#forward img {
	width: 100%;
	height: 100%;
	}

#back {
	position: absolute;
	top: 95%;
	left: 14%;
	width: 3%;
	height: 3%;
	padding: 0px;
	z-index: 3;
	}

#back img {
	width: 100%;
	height: 100%;
	}

#fullturn  {
	position: absolute;
	top: 91%;
	left: 14%;
	width: 3%;
	height: 3%;
	padding: 0px;
	z-index: 3;
	}

#fullturn img {
	width: 100%;
	height: 100%;
	}

#item {
	position: absolute;
	top: 87%;
	left: 30%;
	width: 10%;
	height: 11%;
	padding: 0px;
	z-index: 3;
	}

#item img {
	width: 100%;
	height: 100%;
	}

#portrait {
	position: absolute;
	top: 87%;
	left: 50%;
	width: 10%;
	height: 11%;
	background-color: #000000;
	padding: 0px;
	z-index: 3;
	}

#portrait img {
	width: 100%;
	height: 100%;
	}

#health {
	position: absolute;
	top: 93%;
	left: 68%;
	width: 20%;
	height: 5%;
	padding: 0px;
	z-index: 3;
	}

#health img {
	width: 100%;
	height: 100%;
	}