* {
	margin:				0;
	padding:			0;
}
body {
	font-family:			arial;
	font-size:			11px;
	background-color:		#000;
}
#bg {
	width:				6300px;
	height:				4736px;
/*	background:			url(bg3.jpg) 0 0 no-repeat;*/
	background-color:		#069;
}
.parts {
	width:				1260px;
	height:				1184px;
	float:				left;
}
.title {
	position:			absolute;
}
.wall img {
	display:			none;
}
.wall:hover img {
	display:			block;
}
.wall .icon {
	width:				20px;
	height:				20px;
	position:			absolute;
	background:			url(wall.gif) 0 0 no-repeat;
}
#bg2 {
	background:			#069 url(bg2.jpg) 0 0 no-repeat;
	padding-bottom:			50px;
}
#AL {
	width:				532px;
	height:				270px;
	background:			url(al-angel_lyceum.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				771px;
	top:				808px;
}
#ALwest {
	width:				396px;
	height:				249px;
	background:			url(al-west_playground.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				398px;
	top:				595px;
}
#ALeast {
	width:				396px;
	height:				249px;
	background:			url(al-east_playground.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				1299px;
	top:				1048px;
}
#ALpalace {
	width:				426px;
	height:				228px;
	background:			url(al-training_palace.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				1217px;
	top:				424px;
}
#ALchurch {
	width:				236px;
	height:				177px;
	background:			url(al-angel_church.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				1289px;
	top:				741px;
}
#AC {
	width:				692px;
	height:				422px;
	background:			url(ac-aurora_city.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				123px;
	top:				1980px;
}
#ACfarm {
	width:				596px;
	height:				374px;
	background:			url(ac-spike_farm.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				813px;
	top:				2275px;
}
#ACplain {
	width:				596px;
	height:				374px;
	background:			url(ac-sunflower_plain.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				1279px;
	top:				2612px;
}
#ACharbor {
	width:				596px;
	height:				398px;
	background:			url(ac-dawn_harbor.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				726px;
	top:				2624px;
}
#bg #ACharbor {
	background:			none;
}
#ACharbor-bg {
	width:				596px;
	height:				398px;
	background:			url(ac-dawn_harbor2.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				726px;
	top:				2624px;
}
#ACcoast {
	width:				597px;
	height:				370px;
	background:			url(ac-riprap_coast.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				695px;
	top:				2984px;
}
#bg #ACcoast {
	background:			none;
}
#ACcoast-bg {
	width:				597px;
	height:				370px;
	background:			url(ac-riprap_coast2.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				695px;
	top:				2984px;
}
#ACvillage {
	width:				496px;
	height:				302px;
	background:			url(ac-cherry_village.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				1177px;
	top:				3334px;
}
#AChillock {
	width:				596px;
	height:				377px;
	background:			url(ac-crashing_hillock.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				1726px;
	top:				2277px;
}
#ACruins {
	width:				636px;
	height:				398px;
	background:			url(ac-thunder_ruins.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				2303px;
	top:				1954px;
}
#ACwasteland {
	width:				596px;
	height:				369px;
	background:			url(ac-thorn_wasteland.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				2900px;
	top:				2286px;
}
#BW {
	width:				688px;
	height:				393px;
	background:			url(bw-breeze_woods.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				3914px;
	top:				3729px;
}
#BWdense {
	width:				496px;
	height:				298px;
	background:			url(bw-dense_forest.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				3465px;
	top:				4053px;
}
#BWmushroom {
	width:				498px;
	height:				498px;
	background:			url(bw-mushroom_forest.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				3031px;
	top:				3590px;
}
#BWswamp {
	width:				497px;
	height:				338px;
	background:			url(bw-cryptic_moon_swamp.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				3953px;
	top:				4245px;
}
#BWjade {
	width:				638px;
	height:				359px;
	background:			url(bw-jade_vale.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				2407px;
	top:				3183px;
}
#BWgarden {
	width:				607px;
	height:				418px;
	background:			url(bw-mysterious_garden.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				3418px;
	top:				3215px;
}
#BWquiet {
	width:				596px;
	height:				358px;
	background:			url(bw-quiet_vale.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				2873px;
	top:				2903px;
}
#bg #BWquiet {
	background:			none;
}
#BWquiet-bg {
	width:				596px;
	height:				358px;
	background:			url(bw-quiet_vale2.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				2873px;
	top:				2903px;
}
#BWsouth {
	width:				596px;
	height:				374px;
	background:			url(bw-south_lake.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				1852px;
	top:				2934px;
}
#BWnorth {
	width:				596px;
	height:				374px;
	background:			url(bw-north_lake.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				2398px;
	top:				2601px;
}
#IC {
	width:				700px;
	height:				368px;
	background:			url(ic-iron_castle.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				5456px;
	top:				1941px;
}
#ICtear {
	width:				545px;
	height:				358px;
	background:			url(ic-wishing_tear.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				5038px;
	top:				2253px;
}
#ICvillage {
	width:				596px;
	height:				377px;
	background:			url(ic-scrap_iron_village.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				4479px;
	top:				2545px;
}
#ICcactus {
	width:				597px;
	height:				374px;
	background:			url(ic-cactus_plain.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				5534px;
	top:				2469px;
}
#ICdesert {
	width:				596px;
	height:				358px;
	background:			url(ic-burning_desert.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				4509px;
	top:				1957px;
}
#ICvale {
	width:				498px;
	height:				558px;
	background:			url(ic-gebuer_vale.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				4959px;
	top:				1441px;
}
#ICmegalith {
	width:				596px;
	height:				374px;
	background:			url(ic-megalith_plain.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				3946px;
	top:				2864px;
}
#ICgraveyard {
	width:				596px;
	height:				374px;
	background:			url(ic-dragon_graveyard.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				3433px;
	top:				2594px;
}
#ICruins {
	width:				696px;
	height:				374px;
	background:			url(ic-deity_palace_ruins.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				3962px;
	top:				2263px;
}
#bg #ICruins {
	background:			none;
}
#ICruins-bg {
	width:				696px;
	height:				374px;
	background:			url(ic-deity_palace_ruins2.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				3962px;
	top:				2263px;
}
#DC {
	width:				712px;
	height:				398px;
	background:			url(dc-dark_city.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				3803px;
	top:				738px;
}
#DCpath {
	width:				636px;
	height:				418px;
	background:			url(dc-shadowy_path.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				3233px;
	top:				1076px;
}
#DCsouth {
	width:				557px;
	height:				338px;
	background:			url(dc-fungus_south.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				3814px;
	top:				1459px;
}
#DCpit {
	width:				676px;
	height:				398px;
	background:			url(dc-bottomless_pit.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				2596px;
	top:				758px;
}
#DCmaze {
	width:				608px;
	height:				381px;
	background:			url(dc-degula_maze.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				3126px;
	top:				394px;
}
#DCcave {
	width:				626px;
	height:				373px;
	background:			url(dc-memory_cave.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				3701px;
	top:				105px;
}
#DCnorth {
	width:				696px;
	height:				318px;
	background:			url(dc-fungus_north.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				4305px;
	top:				1185px;
}
#DCforest {
	width:				596px;
	height:				374px;
	background:			url(dc-foggy_forest.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				3254px;
	top:				1724px;
}
#DCwetland {
	width:				596px;
	height:				358px;
	background:			url(dc-mysterious_wetland.jpg) 0 0 no-repeat;
	position:			absolute;
	left:				2683px;
	top:				1429px;
}

#AL.alone,
#ALeast.alone,
#ALwest.alone,
#ALpalace.alone {
	position:			absolute;
	left:				300px;
	top:				30px;
}
#borders {
	width:				5063px;
	height:				4032px;
	background:			url(borders.gif) 0 0 no-repeat;
	position:			absolute;
	left:				744px;
	top:				488px;
}
#a1 {
	width:				418px;
	height:				77px;
	background:			url(a1.gif) 0 0 no-repeat;
	position:			absolute;
	left:				795px;
	top:				516px;
}
#a2 {
	width:				282px;
	height:				393px;
	background:			url(a2.gif) 0 0 no-repeat;
	position:			absolute;
	left:				1485px;
	top:				651px;
}
#a3 {
	width:				330px;
	height:				215px;
	background:			url(a3.gif) 0 0 no-repeat;
	position:			absolute;
	left:				2643px;
	top:				1785px;
}
#a4 {
	width:				311px;
	height:				312px;
	background:			url(a4.gif) 0 0 no-repeat;
	position:			absolute;
	left:				3245px;
	top:				2100px;
}
#a4 {
	width:				62px;
	height:				161px;
	background:			url(a5.gif) 0 0 no-repeat;
	position:			absolute;
	left:				3013px;
	top:				3435px;
}
table#info {
	border:				1px solid #000;
	position:			fixed;
	bottom:				30px;
	right:				30px;
}
table#info td {
	background-image:		url(bg.png);
	margin:				1px;
	padding:			0 10px 0 0;
	font-weight:			bold;
	color:				#fff;
	width:				70px;
	vertical-align:			top;
}
table#info img {
	vertical-align:			middle;
}
table#info2 {
	border:				1px solid #000;
	position:			fixed;
	bottom:				30px;
	left:				30px;
}
table#info2 td {
	background-image:		url(bg.png);
	margin:				1px;
	padding:			0;
	width:				98px;
	height:				40px;
}
div.info3 {
	position:			fixed;
	bottom:				33px;
	border:				none;
	overflow:			hidden;
	width:				110px;
}
div.type {
	left:				30px;
}
div.rank {
	left:				130px;
}
div.level {
	left:				230px;
}
div.info {
	left:				330px;
}
div.info3 div.main {
	font-weight:			bold;
	color:				#fff;
	width:				120px;
	padding:			4px;
	line-height:			11px;
}
div.info3 img {
	float:				left;
	margin:				0 5px 0 0;
}
div.info3 div.hide {
	display:			none;
	font-weight:			normal;
	color:				#fff;
	font-size:			9px;
	width:				100px;
	border:				1px solid #000;
	border-bottom:			none;
	overflow:			auto;
	padding:			1px 0 0 2px;
}
div.info3:hover div.hide {
	display:			block;
}
dl {
	margin:				0;
}
dt {
	display:			block;
	float:				left;
	width:				22px;
	text-align:			right;
	background-image:		url(bg.png);
	margin:				1px 0;
	padding:			1px;
}
dt:after {
	content: 				" - ";
}
dd {
	display:			block;
	float:				left;
	width:				72px;
	background-image:		url(bg.png);
	margin:				1px 0;
	padding:			1px;
}

img.i {
	margin:				1px 4px 1px 0;
	float:				left;
	background-color:		#000;
}
span {
	font-size:			9px;
	font-weight:			normal;
}
span b {
	float:				right;
}
hr {
	clear:				both;
	border:				none;
	border-top:			1px dotted #ccc;
	height:				0;
}
.marg {
	position:			absolute;
	bottom:				-90px;
	background-color:		#f00;
	width:				1px;
	height:				1px;
}
.poz {
	position:			absolute;
	background-color:		#f00;
	visibility:			hidden;
}
#bg .mon {
	position:			relative;
	left:				-50%;
}
#bg .title .mon {
	position:			static;
}
#bg2 .mon {
	position:			relative;
	left:				-10px;
}
.mon {
/*	background-color:		#0f0;*/
	visibility:			visible;
	display:			block;
	color:				#000;
	text-decoration:		none;
}
.mon img {
	border:				none;
}
#bg .mon:hover {
	top:				10px;
}
.mon table {
	display:			none;
	border:				1px solid #000;
	background-image:		url(bg.png);
	width:				254px;
	z-index:  			10000000;
}
.mon table th {
	background-color:		#000;
	margin:				1px;
	padding:			3px 5px;
	font-weight:			bold;
	vertical-align:			top;
	color:				#fff;
	width:				250px;
}
a.mon table th {
	background:			#000 url(more.gif) center right no-repeat;
}
.mon table td {
	background-color:		#fff;
	margin:				1px;
	padding:			3px 5px;
	font-weight:			bold;
	vertical-align:			top;
}
.mon table td.f {
	width:				65px;
}
.mon:hover table {
	display:			block;
	position:			fixed;
	top:				30px;
	left:				30px;
}
.npc {
	background-image:		url(npc.gif);
	width:				20px;
	height:				20px;
	top:				10px;
}
.npc:hover {
	background-image:		url(npc2.gif);
	width:				20px;
	height:				20px;
}

.cup {
	background-image:		url(cupid-s.gif);
	width:				20px;
	height:				20px;
}
#bg .cup:hover {
	background-image:		url(cupid.gif);
	width:				54px;
	height:				56px;
}
.ac, .bw, .dc, .ic {
	background-image:		url(totem.gif);
	width:				20px;
	height:				20px;
}
#bg .ac:hover {
	background-image:		url(totem-ac.gif);
	width:				180px;
	height:				220px;
	top:				40px;
}
#bg .bw:hover {
	background-image:		url(totem-bw.gif);
	width:				180px;
	height:				220px;
	top:				40px;
}
#bg .dc:hover {
	background-image:		url(totem-dc.gif);
	width:				180px;
	height:				220px;
	top:				40px;
}
#bg .ic:hover {
	background-image:		url(totem-ic.gif);
	width:				180px;
	height:				220px;
	top:				40px;
}
.slarm {
	background-image:		url(slarm-s.gif);
	width:				40px;
	height:				40px;
}
#bg .slarm:hover {
	background-image:		url(slarm.gif);
	width:				46px;
	height:				80px;
	top:				0;
}
.lily {
	background-image:		url(lily-s.gif);
	width:				40px;
	height:				40px;
}
#bg .lily:hover {
	background-image:		url(lily.gif);
	width:				120px;
	height:				120px;
	top:				0;
}
.windelf {
	background-image:		url(wind_elf-s.gif);
	width:				40px;
	height:				40px;
}
#bg .windelf:hover {
	background-image:		url(wind_elf.gif);
	width:				47px;
	height:				67px;
}
.windlord {
	background-image:		url(wind_lord-s.gif);
	width:				40px;
	height:				48px;
}
#bg .windlord:hover {
	background-image:		url(wind_lord.gif);
	width:				65px;
	height:				96px;
}
.waterelf {
	background-image:		url(water_elf-s.gif);
	width:				42px;
	height:				40px;
}
#bg .waterelf:hover {
	background-image:		url(water_elf.gif);
	width:				84px;
	height:				52px;
}
.waterlord {
	background-image:		url(water_lord-s.gif);
	width:				59px;
	height:				43px;
}
#bg .waterlord:hover {
	background-image:		url(water_lord.gif);
	width:				117px;
	height:				86px;
}
.fireelf {
	background-image:		url(fire_elf-s.gif);
	width:				40px;
	height:				40px;
}
#bg .fireelf:hover {
	background-image:		url(fire_elf.gif);
	width:				49px;
	height:				73px;
}
.firelord {
	background-image:		url(fire_lord-s.gif);
	width:				40px;
	height:				57px;
}
#bg .firelord:hover {
	background-image:		url(fire_lord.gif);
	width:				86px;
	height:				113px;
}
.earthelf {
	background-image:		url(earth_elf-s.gif);
	width:				40px;
	height:				40px;
}
#bg .earthelf:hover {
	background-image:		url(earth_elf.gif);
	width:				41px;
	height:				72px;
}
.earthlord {
	background-image:		url(earth_lord-s.gif);
	width:				40px;
	height:				55px;
}
#bg .earthlord:hover {
	background-image:		url(earth_lord.gif);
	width:				62px;
	height:				110px;
}

.litgebuer {
	background-image:		url(little_gebuer-s.gif);
	width:				40px;
	height:				40px;
}
#bg .litgebuer:hover {
	background-image:		url(little_gebuer.gif);
	width:				76px;
	height:				74px;
}
.wildwolf {
	background-image:		url(wildwolf-s.gif);
	width:				60px;
	height:				41px;
}
#bg .wildwolf:hover {
	background-image:		url(wildwolf.gif);
	width:				119px;
	height:				82px;
}
.treesp {
	background-image:		url(tree_spirit-s.gif);
	width:				64px;
	height:				70px;
}
#bg .treesp:hover {
	background-image:		url(tree_spirit.gif);
	width:				192px;
	height:				209px;
}
.headless {
	background-image:		url(headless_armor-s.gif);
	width:				54px;
	height:				58px;
}
#bg .headless:hover {
	background-image:		url(headless_armor.gif);
	width:				107px;
	height:				115px;
}
.brute {
	background-image:		url(brute_priest-s.gif);
	width:				40px;
	height:				49px;
}
#bg .brute:hover {
	background-image:		url(brute_priest.gif);
	width:				64px;
	height:				97px;
}
.goat {
	background-image:		url(goat_demon-s.gif);
	width:				51px;
	height:				70px;
}
#bg .goat:hover {
	background-image:		url(goat_demon.gif);
	width:				154px;
	height:				210px;
}
.qiuaner {
	background-image:		url(qiuaner-s.gif);
	width:				85px;
	height:				80px;
}
#bg .qiuaner:hover {
	background-image:		url(qiuaner.gif);
	width:				254px;
	height:				240px;
	top:				20px;
}

/* ----------------------------------------------------------------------- AURORA CITY --------------*/
.eggshell {
	background-image:		url(eggshell_chick-s.gif);
	width:				40px;
	height:				40px;
}
#bg .eggshell:hover {
	background-image:		url(eggshell_chick.gif);
	width:				40px;
	height:				45px;
}
.fieldmouse {
	background-image:		url(field-mouse-s.gif);
	width:				42px;
	height:				40px;
}
#bg .fieldmouse:hover {
	background-image:		url(field-mouse.gif);
	width:				83px;
	height:				66px;
}
.pumpkin {
	background-image:		url(pumpkin-s.gif);
	width:				40px;
	height:				40px;
}
#bg .pumpkin:hover {
	background-image:		url(pumpkin.gif);
	width:				47px;
	height:				56px;
}
.banni {
	background-image:		url(pumpkin-banni-s.gif);
	width:				47px;
	height:				56px;
}
#bg .banni:hover {
	background-image:		url(pumpkin-banni.gif);
	width:				94px;
	height:				112px;
}
.jackstraw {
	background-image:		url(jackstraw-s.gif);
	width:				40px;
	height:				55px;
}
#bg .jackstraw:hover {
	background-image:		url(jackstraw.gif);
	width:				58px;
	height:				110px;
}
.mige {
	background-image:		url(jackstraw-mige-s.gif);
	width:				40px;
	height:				66px;
}
#bg .mige:hover {
	background-image:		url(jackstraw-mige.gif);
	width:				69px;
	height:				131px;
}

/* ------------------------------------------------------------------------- MATERIALS --------------*/
/* plants */
.flower1 {
	width:				40px;
	height:				40px;
}
#bg .flower1:hover {
	width:				58px;
	height:				80px;
}
.flower1.aa {
	background-image:		url(mat-flower1a-s.gif);
}
#bg .flower1.aa:hover {
	background-image:		url(mat-flower1a.gif);
}
.plant3 {
	width:				61px;
	height:				44px;
}
#bg .plant3:hover {
	width:				122px;
	height:				88px;
}
.plant3.aa {
	background-image:		url(mat-plant3a-s.gif);
}
#bg .plant3.aa:hover {
	background-image:		url(mat-plant3a.gif);
}

/* trees */
.tree1 {
	width:				40px;
	height:				53px;
}
#bg .tree1:hover {
	width:				41px;
	height:				106px;
}
.tree2 {
	width:				56px;
	height:				40px;
}
#bg .tree2:hover {
	width:				111px;
	height:				65px;
}
.tree3 {
	width:				54px;
	height:				80px;
}
#bg .tree3:hover {
	width:				107px;
	height:				160px;
}
.tree2.aa {
	background-image:		url(mat-tree2a-s.gif);
}
#bg .tree2.aa:hover {
	background-image:		url(mat-tree2a.gif);
}
.tree1.aa {
	background-image:		url(mat-tree1a-s.gif);
}
#bg .tree1.aa:hover {
	background-image:		url(mat-tree1a.gif);
}
.tree2.bb {
	background-image:		url(mat-tree2b-s.gif);
}
#bg .tree2.bb:hover {
	background-image:		url(mat-tree2b.gif);
}
.tree3.bb {
	background-image:		url(mat-tree3b-s.gif);
}
#bg .tree3.bb:hover {
	background-image:		url(mat-tree3b.gif);
}

/* fish */
.fish1 {
	width:				40px;
	height:				40px;
}
#bg .fish1:hover {
	width:				44px;
	height:				40px;
	top:				0;
}
.fish1.aa {
	background-image:		url(mat-fish1a-s.gif);
}
#bg .fish1.aa:hover {
	background-image:		url(mat-fish1a.gif);
}
.fish1.bb {
	background-image:		url(mat-fish1b-s.gif);
}
#bg .fish1.bb:hover {
	background-image:		url(mat-fish1b.gif);
}
.alga3 {
	width:				48px;
	height:				40px;
}
#bg .alga3:hover {
	width:				95px;
	height:				40px;
	top:				0;
}
.alga2 {
	width:				40px;
	height:				40px;
}
#bg .alga2:hover {
	width:				65px;
	height:				40px;
	top:				0;
}
.alga1 {
	width:				40px;
	height:				40px;
}
#bg .alga1:hover {
	width:				41px;
	height:				40px;
	top:				0;
}
.alga3.aa {
	background-image:		url(mat-alga3a-s.gif);
}
#bg .alga3.aa:hover {
	background-image:		url(mat-alga3a.gif);
}
.alga2.aa {
	background-image:		url(mat-alga2a-s.gif);
}
#bg .alga2.aa:hover {
	background-image:		url(mat-alga2a.gif);
}
.alga1.aa {
	background-image:		url(mat-alga1a-s.gif);
}
#bg .alga1.aa:hover {
	background-image:		url(mat-alga1a.gif);
}

/* metal */
.metal3 {
	width:				63px;
	height:				50px;
}
#bg .metal3:hover {
	width:				125px;
	height:				99px;
}
.metal2 {
	width:				40px;
	height:				44px;
}
#bg .metal2:hover {
	width:				76px;
	height:				87px;
}
.metal3.aa {
	background-image:		url(mat-metal3a-s.gif);
}
#bg .metal3.aa:hover {
	background-image:		url(mat-metal3a.gif);
}
.metal2.aa {
	background-image:		url(mat-metal2a-s.gif);
}
#bg .metal2.aa:hover {
	background-image:		url(mat-metal2a.gif);
}
.metal3.bb {
	background-image:		url(mat-metal3b-s.gif);
}
#bg .metal3.bb:hover {
	background-image:		url(mat-metal3b.gif);
}

/* beast */
.beast1 {
	width:				53px;
	height:				49px;
}
#bg .beast1:hover {
	width:				106px;
	height:				97px;
}
.beast1.aa {
	background-image:		url(mat-beast1a-s.gif);
}
#bg .beast1.aa:hover {
	background-image:		url(mat-beast1a.gif);
}
.beast1.bb {
	background-image:		url(mat-beast1b-s.gif);
}
#bg .beast1.bb:hover {
	background-image:		url(mat-beast1b.gif);
}