body {
	padding:0px;
	margin:0px;
	background-color:#c1ae8b;
	font-family:arial;
}



#herc_playfield {
	width:320px;
	height:320px;
	position:relative;
	background-color:#735A52;
	overflow:hidden;
	display:inline-block;
}

.herc_bg {
	background-image:url(herc.gif);
	background-position:-800px 0px;
}

.herc_title {
	background-image:url(herc.gif);
	background-position:-1120px 0px;
}

.herc_instruction {
	background-image:url(herc.gif);
	background-position:-1440px 0px;
}
/* ############################################################################
 BARS
############################################################################### */

#herc_herc_live {
	position:absolute;
	top:10px;
	left:10px;
	width:10px;
	background-color:#EF846B;
}

#herc_lion_live {
	position:absolute;
	top:10px;
	right:10px;
	width:10px;
	background-color:#EF846B;
}

#herc_herc_stamina {
	position:absolute;
	top:10px;
	left:20px;
	width:10px;
	background-color:#FFFF00;
}

#herc_lion_stamina {
	position:absolute;
	top:10px;
	right:20px;
	width:10px;
	background-color:#FFFF00;
}

/* ############################################################################
 HERC STYLES
############################################################################### */

#herc_herc {
	position:absolute;
	width:100px;
	height:110px;
	background-image:url(herc.gif);
	z-index:200;
}

.herc_w {
	top:200px;
	left:100px;
	background-position:0px 0px;

}

.herc_l {
	top:200px;
	left:70px;
	background-position:-100px 0px;

}

.herc_r {
	top:200px;
	left:130px;
	background-position:-200px 0px;

}
.herc_d {
	top:210px;
	left:100px;
	background-position:-300px 0px;

}
.herc_a {
	top:180px;
	left:100px;
	background-position:-400px 0px;

}

.herc_dead0 {
	top:200px;
	left:100px;
	background-position:-600px 0px;

}
.herc_dead1 {
	top:200px;
	left:100px;
	background-position:-700px 0px;
}

.herc_hit0 {
	top:200px;
	left:100px;
	background-position:-450px -110px;
}

.herc_hit1 {
	top:200px;
	left:100px;
	background-position:-550px -110px;

}

.herc_c {
	top:140px;
	left:100px;
	background-position:-500px 0px;
}

.herc_c0 {
	top:130px;
	left:100px;
	background-position:-650px -220px;
}

.herc_j0 {
	top:160px;
	left:110px;
	background-position:-450px -220px;
}
.herc_j1 {
	top:160px;
	left:110px;
	background-position:-550px -220px;
}

/* ############################################################################
 LION STYLES
############################################################################### */

#herc_lion {
	position:absolute;
	left:110px;


}

#herc_lion_body {
	position:absolute;
	left:0px;
	top:10px;
	width:90px;
	height:170px;
	background-image:url(herc.gif);	
	background-position:-180px -110px;	
}

#herc_lion_head {
	position:absolute;
	left:-20px;
	width:130px;
	height:110px;
	background-image:url(herc.gif);	
	z-index:50;
	
}

#herc_lion_head[class=herc_head0] {
	background-position:-50px -110px;
}

#herc_lion_head[class=herc_head1] {
	background-position:-50px -220px;
}

#herc_lion_head[class=herc_head2] {
	background-position:-650px -110px;
}


.herc_tail0 {
	position:absolute;
	width:40px;
	height:20px;
	top:-10px;
	left:50px;
	background-image:url(herc.gif);
	background-position:-10px -110px;	
}

.herc_tail1 {
	display:none;
}

.herc_tail2 {
	position:absolute;
	width:40px;
	height:20px;
	top:-10px;
	left:0px;
	background-image:url(herc.gif);
	background-position:0px -110px;	
}

#herc_lion_leg0 {
	position:absolute;
}
#herc_lion_leg1 {
	position:absolute;
}

#herc_lion_leg0[class=herc_leg0] {
	top:140px;
	left:0px;
	width:30px;
	height:70px;
	background-image:url(herc.gif);	
	background-position:-270px -110px;	
}

#herc_lion_leg0[class=herc_leg1] {
	top:120px;
	left:-40px;
	width:40px;
	height:30px;
	background-image:url(herc.gif);	
	background-position:-300px -110px;	
}

#herc_lion_leg0[class=herc_leg2] {
	top:130px;
	left:-40px;
	width:110px;
	height:70px;
	background-image:url(herc.gif);	
	background-position:-340px -110px;
	z-index:100;
}


#herc_lion_leg1[class=herc_leg0] {
	top:140px;
	left:60px;
	width:30px;
	height:70px;
	background-image:url(herc.gif);	
	background-position:-270px -180px;	
}
#herc_lion_leg1[class=herc_leg1] {
	top:120px;
	left:90px;
	width:40px;
	height:30px;
	background-image:url(herc.gif);	
	background-position:-300px -180px;	
}

#herc_lion_leg1[class=herc_leg2] {
	top:130px;
	left:20px;
	width:110px;
	height:70px;
	background-image:url(herc.gif);	
	background-position:-340px -180px;
	z-index:100;
}

#herc_lion_hit {
	position:absolute;
	top:40px;
	left:70px;
	width:30px;
	height:30px;
	background-image:url(herc.gif);	
	background-position:0px -140px;
	z-index:500;
}