#character-list {
	margin: 0;
	padding: 0;
	float: left;
	width: 558px;
	border: 1px solid #000;
	background: #ccc;
	padding-bottom: 23px;
}
#character-list li {
	float: left;
	text-indent: -9999em;
	width: 84px;
	height: 96px;
	padding-left: 23px;
	margin-top: 23px;
	list-style: none;
}
#character-list li a {
	display: block;
	float: left;
	width: 84px;
	height: 96px;
	background-repeat: no-repeat;
	background-position: top;
	text-decoration: none;
}
#character-list li a:hover { background-position: bottom; }
#cloud { background-image: url(../head/cloud.jpg); }
#barett { background-image: url(../head/barett.jpg); }
#tifa { background-image: url(../head/tifa.jpg); }
#aerith { background-image: url(../head/aerith.jpg); }
#red13 { background-image: url(../head/red13.jpg); }
#yuffie { background-image: url(../head/yuffie.jpg); }
#cait { background-image: url(../head/cait.jpg); }
#vincent { background-image: url(../head/vincent.jpg); }
#cid { background-image: url(../head/cid.jpg); }
#sephiroth { background-image: url(../head/sephiroth.jpg); }