/* CSS Document */



<!--


div.background{
	
	
	background-repeat:no-repeat;
	width:750px;
	height: 800px;
	position: absolute;
	top: 1px;
	left: 60px;
	
}



div.beads{
position: absolute; 
top: 164px; 
left: 22px;
width: 150px;
height: 349px;
}


div.room{
position: absolute;
top: 125px;
left: 200px;
width: 630px;
height: 430px;
border: 4px solid #000000;
}
 
div.menu{
position: absolute; 
left: 30px;
width: 110px;

}

div.menu1{
position: absolute; 
top: 261px;
left: 30px;
width: 110px; 
height: 400px 
}
div.menu2{
position: absolute; 
top: 334px;
left: 30px;
width: 110px; 
height: 400px 
}
div.menu3{
position: absolute; 
top: 407px; 
left: 30px;
width: 110px; 
height: 400px 
}

div.menu4{
position: absolute; 
top: 480px; 
left: 30px;
width: 110px;
height: 480px;
}

a.menu1{
padding: 4px;
margin-bottom: 25px;

color: #660066;
text-decoration: none;
font-weight: bold;
text-align: left;
}

a.menu2{
padding: 4px;
margin-bottom: 25px;
display: block;
color: #660066;
text-decoration: none;
font-weight: bold;
text-align: left;
}

a.menu3{
padding: 4px;
margin-bottom: 25px;

color: #660066;
text-decoration: none;
font-weight: bold;
text-align: left;
}

a.menu4{
padding: 4px;
margin-bottom: 25px;

color: #660066;
text-decoration: none;
font-weight: bold;
text-align: left;
}

a:hover{text-decoration: underline;}

#banner{
position: absolute; 
top: 0px; 
left: 511px;
}
#banner2{
position: absolute; 
top: 10px; 
left: 11px;
}

#copyright{
position: absolute; 
top: 548px; 
left: 640px;
}
#cartoon{
position: absolute;
top: 190px;
left: 300px;
}

#ArrowUp{
position: absolute;
top: 230px;
left: 750px;
}

#SingleBead{
position: absolute;
top: 320px;
left: 750px;
}

#ArrowDown{
position: absolute;
top: 400px;
left: 750px;
}


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


-->