html {height: 100%;}

body
{
	background-color: rgb(255, 255, 255);
	background-image: url(intro_background.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin: 0px;
	min-width: 760px;
	min-height: 540px;
}

#imain
{	
	width: 760px;
	height: 540px;
	position: absolute;
	left: 50%; margin-left: -380px;
	top: 50%; margin-top: -270px;
}

#idoor
{
	/*background-color: rgb(255, 0, 255);*/
	width: 160px;
	height: 320px;
	position: absolute;
	left: 300px;
	top: 20px;
}

a:link#isprite, a:visited#isprite
{
	cursor: url(intro_walk.gif), auto;
	width: 160px;
	height: 320px;
	display: block;
	background-image: url(intro_door.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

a:hover#isprite
{
	background-position: -160px 0px;
}

#il1
{
	/*background-color: rgb(255, 0, 0);*/
	width: 160px;
	height: 120px;
	position: absolute;
	left: 30px;
	top: 385px;
}

#il2
{
	/*background-color: rgb(0, 255, 0);*/
	width: 160px;
	height: 120px;
	position: absolute;
	left: 210px;
	top: 385px;
}

#il3
{
	/*background-color: rgb(0, 0, 255);*/
	width: 160px;
	height: 120px;
	position: absolute;
	left: 390px;
	top: 385px;
}

#il4
{
	/*background-color: rgb(255, 0, 255);*/
	width: 160px;
	height: 120px;
	position: absolute;
	left: 570px;
	top: 385px;
}

a img {border: none;}
.canimate img {position: relative; width: 160px; height: 120px;}
.chidden {visibility: hidden;}