body {
	background-color:#000000;
	margin:0px;
}

#rng_canvas {
	width:320px;
	height:320px;
	position:relative;
	overflow:hidden;
	background-position:-640px -200px;	
}


#rng_canvas, #rng_runner, #rng_cross, #rng_grass, #rng_intro, #rng_heart,#rng_special_bg, .rng_number, .rng_target {
	background-image:url(rng.gif);
}

#rng_intro {
	position:absolute;
	width:320px;
	height:320px;
	z-index:10;
}

#rng_intro.p0{
	background-position:-0px -200px;	
}

#rng_intro.p1{
	background-position:-320px -200px;	
}

#rng_runner {
	width:100px;
	height:160px;
	position:absolute;
	top:90px;
	left:100px;
}

#rng_runner.a0{
	background-position:-800px -0px;		
}

#rng_runner.a1{
	background-position:-0px -0px;		
}
#rng_runner.a2{
	background-position:-100px -0px;		
}
#rng_runner.a3{
	background-position:-200px -0px;		
}
#rng_runner.a4{
	background-position:-300px -0px;		
}
#rng_runner.a5{
	background-position:-400px -0px;		
}
#rng_runner.a6{
	background-position:-500px -0px;		
}
#rng_runner.a7{
	background-position:-600px -0px;		
}
#rng_runner.a8{
	background-position:-700px -0px;		
}

#rng_runner.s0{
	background-position:-900px -0px;		
}
#rng_runner.s1{
	background-position:-1000px -0px;		
}

#rng_grass {
	position:absolute;
	width:320px;
	height:40px;
	top:220px;
	background-color:#00FF00;
}
#rng_grass.g0{
	background-position:-380px -160px;	
}
#rng_grass.g1{
	background-position:-390px -160px;	
}



#rng_special_bg.line {
	position:absolute;
	background-position:-810px -160px;
	width:50px;
	height:30px;
	top:230px;
	left:160px;
}

#rng_special_bg.target {
	position:absolute;
	background-position:-860px -160px;
	width:70px;
	height:40px;
	top:170px;
}
#rng_special_bg.veg {
	position:absolute;
	background-position:-930px -160px;
	width:30px;
	height:30px;
	top:190px;
}

#rng_shot {
	position:absolute;
	left:0px;
	width:320px;
	height:80px;
	background-color:#000000;
}

#rng_shot .rng_target {
	width:50px;
	height:40px;
	margin-left:10px;
	margin-top:20px;
	display:inline-block;
}

#rng_shot .f{
	background-position:-220px -160px;
}	
#rng_shot .e{
	background-position:-270px -160px;
}
#rng_cross {
	position:absolute;
	width:30px;
	height:30px;
	background-position:-320px -160px;	
	top:0px;
	
}


.rng_gui {
	position:absolute;
	bottom:0px;
	background-color:#000000;
	width:320px;
	height:60px;
}

#rng_timer {
	position:absolute;
	top:10px;
	left:0px;
}
#rng_penalty {
	position:absolute;
	top:10px;
	left:200px;
	height:10px;
	background-color:#00FF00;
}

#rng_track {
	position:absolute;
	bottom:10px;
	right:10px;
	width:110px;
	height:10px;
	background-color:#FFFF00;
}
#rng_pos {
	position:absolute;
	width:10px;
	height:10px;
	background-color:#FF0000;
}

#rng_heart {
	position:absolute;
	top:10px;
	left:140px;
	width:50px;
	height:40px;
}
#rng_heart.h0 {
	background-position:-710px -160px;		
}
#rng_heart.h1 {
	background-position:-760px -160px;		
}

.rng_number {
	height:40px;
	width:20px;
	margin-left:10px;
	display:inline-block;
}

#rng_timer .n0 {
	background-position:-0px -160px;	
}
#rng_timer .n1 {
	background-position:-20px -160px;	
}
#rng_timer .n2 {
	background-position:-40px -160px;	
}
#rng_timer .n3 {
	background-position:-60px -160px;	
}
#rng_timer .n4 {
	background-position:-80px -160px;	
}
#rng_timer .n5 {
	background-position:-100px -160px;	
}
#rng_timer .n6 {
	background-position:-120px -160px;	
}
#rng_timer .n7 {
	background-position:-140px -160px;	
}
#rng_timer .n8 {
	background-position:-160px -160px;	
}
#rng_timer .n9 {
	background-position:-180px -160px;	
}
#rng_timer .d {
	width:10px;
	background-position:-200px -160px;	
}

