#title, #game, #hud, .layer, .bg, .fg, .paused{
	width: 64px;
	height: 64px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.layer{
    position: absolute;
    top: 0;
    left:0;
}
.bg, .fg{
    position: absolute;
    top: 0;
}
#hero{
    position: absolute;
    left: 2px;
    width: 16px;
    height: 18px;
    top: 44;
}
#hero, .shot, .missile, .enemy, .boss{
    position: absolute;
    transition: all 0.1s;
}

#special{
    z-index: 1000;
}
#hud{
    z-index: 1001;
}

.paused{
    background: rgba(255,255,255,0.25);
    z-index: 1000;
}

.gameOver{
    background: rgba(255,255,255,0.4);
    z-index: 1000;
}

#bg1,#fg1{
    left:0;
}
#bg2,#fg2{
    left:64;
}
#bg3,#fg3{
    left:128;
}
#bg4,#fg4{
    left:192;
}
#bg5,#fg5{
    left:256;
}
#bg6,#fg6{
    left:320;
}
#bg7,#fg7{
    left:384;
}
#bg8,#fg8{
    left:448;
}

.typeA1{
    background: transparent url(../img/bga1.gif);
}
.typeA2{
    background: transparent url(../img/bga2.gif);
}
.typeA3{
    background: transparent url(../img/bga3.gif);
}
.shot{
	width: 8px;
	height: 8px;
	background: transparent url(../img/shot.gif);
}
.heroA #hero{
	background: transparent url(../img/1.gif);
}
.heroB #hero{
	background: transparent url(../img/2.gif);
}
.heroC #hero{
	background: transparent url(../img/3.gif);
}
.heroD #hero{
	background: transparent url(../img/4.gif);
}
.heroE #hero{
	background: transparent url(../img/5.gif);
}
.heart{
    float: right;
    margin-top: 1px;
    margin-right: 1px;
    width: 3px;
    height: 3px;
}
.h2{
	background: transparent url(../img/heart2.gif);
}
.enemy.type1{
	background: transparent url(../img/bat.gif);
}
.enemy.type2{
	background: transparent url(../img/bat2.gif);
}
.enemy.type3{
	background: transparent url(../img/bat3.gif);
}
.h1{
	background: transparent url(../img/heart1.gif);
}
.h0{
	background: transparent url(../img/heart0.gif);
}
.numbA, .numbB{
    float: left;
    margin-right: 1px;
    width: 3px;
    height: 4px;
}
.numbA{
    margin-top: 1px;
}
.numbB{
    margin-bottom: 1px;
}
.n0
{
	background: transparent url(../img/n0.gif);
}
.n1
{
	background: transparent url(../img/n1.gif);
}
.n2
{
	background: transparent url(../img/n2.gif);
}
.n3
{
	background: transparent url(../img/n3.gif);
}
.n4
{
	background: transparent url(../img/n4.gif);
}
.n5
{
	background: transparent url(../img/n5.gif);
}
.n6
{
	background: transparent url(../img/n6.gif);
}
.n7
{
	background: transparent url(../img/n7.gif);
}
.n8
{
	background: transparent url(../img/n8.gif);
}
.n9
{
	background: transparent url(../img/n9.gif);
}

#title{
	background: transparent url(../img/title.gif);
    margin: 0;
    padding: 0;
    text-decoration: none;
    display: block;
}
#characters{
    padding-top: 43;
}
#characters a{
    margin: 0;
    width: 12px;
    height: 18px;
    text-decoration: none;
    display: block;
    float: left;
    padding: 0;
    z-index: 10;
    position:relative;
}
#characters a:hover{
    z-index: 1000 !important;
}