#animation
{
	width:600px;
	height:393px;
	background:url('../images/li_river.jpg') top left no-repeat;
	position:relative;
	margin-bottom:20px;
}


#animation .layer
{
	width:120px;
	
	xwidth:110px;
	
	xheight:393px;

	padding-top:190px;
	height:203px;
	
	position:absolute;
	top:0;
	left:0;
	background:url('../images/char1.gif') 20px 20px no-repeat transparent;
	font-weight:bold;
	text-align:center;

	font-size:17px;
	color:#000000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#FFFFFF;
	xcolor:#993300;
	xcolor:#f4ffe4;
	color:#000000;
	
	display:none;
	font-size:18px;
}

#animation #layer1
{ 
	background-image:url('../images/char1.gif'); 
	xbackground-image:url('../images/layer.png'); 

	background-color:#99CC66;
	background-color:#D5EDB3;
}

#animation #layer2
{
	background-image:url('../images/char2.gif');
	left:120px;
	xbackground-color:#D5EDB3;
	
	xleft:110px;
	color:#FFFFFF;
}

#animation #layer3
{
	background-image:url('../images/char3.gif');
	left:240px;
	background-color:#99CC66;
	background-color:#D5EDB3;
	
	xleft:220px;
}

#animation #layer4
{
	background-image:url('../images/char4.gif');
	left:360px;
	
	xbackground-color:#5C743D;
	xbackground-color:#D5EDB3;
	
	xleft:330px;
	color:#FFFFFF;
}

#animation #layer5
{
	background-image:url('../images/char5.gif');
	background-color:#99CC66;
	left:480px;
	background-color:#D5EDB3;
	
	xleft:440px;
}