#mockup {
background: #8bd6ee;
width: 640px;
height: 320px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -320px;
margin-top: -160px; 
border: 4px solid black;
}

#title {
background: #d46d00 url('title.gif');
width: 640px;
height: 320px;
position: absolute;
z-index: 999;
cursor:default;
}

#title:focus,#title:active {
display: none;
}

#bitch span { display: none; }
#bitch a:hover span { 
background: url('boom.gif');
position: relative;
top: -50px;
left: -50px;
height: 88px;
width: 88px;
display: block; 
z-index: 300;
}

#bitch {
position: absolute;
width: 124px;
height: 64px;
z-index: 300;
}

#bitch a {
background: url('stance.gif') no-repeat bottom left;
display: block;
width: 124px;
height: 64px;
position: absolute;
top: 192px;
left: 16px;
z-index: 300;
}

#bitch a:hover {
background: url('die.gif') no-repeat bottom left;
display: block;
width: 124px;
height: 64px;
}


#life {
background: url('life-base.gif');
width: 110px;
height: 50px;
position: absolute;
right: 10px;
top: 10px;
z-index: 400;
}

#life #beat {
background: url('heart.gif');
width: 22px;
height: 20px;
position: absolute;
left: 9px;
top: 9px;
}

#life #rate {
background: url('heart-monitor.gif');
width: 32px;
height: 20px;
position: absolute;
left: 30px;
top: 14px;
}

#life #lives {
background: url('life.gif');
width: 36px;
height: 36px;
position: absolute;
right: 8px;
top: 7px;
}


#life #points {
font-family: "small fonts";
font-size: 12px;
position: absolute;
left: 8px;
bottom: 7px;
}


#tree1 {
background: url('tree-1.gif');
width: 66px;
height: 106px;
position: absolute;
top: 150px;
z-index: 200;
left: 64px;
}

#tree2 {
background: url('tree-2.gif');
width: 52px;
height: 98px;
position: absolute;
top: 158px;
right: 128px;
z-index: 200;
}

#hang {
background: url('hanging-dood.gif');
width: 44px;
height: 94px;
position: absolute;
top: 162px;
right: 290px;
z-index: 200;
display: block;
}
#hang:hover {
background: url('hanging-dood-on.gif');
width: 44px;
height: 94px;
}


#rock1 {
background: url('rock-1.gif');
width: 14px;
height: 14px;
position: absolute;
top: 242px;
z-index: 200;
}

.rock1a { left: 128px; }
.rock1b { left: 28px; }

#rock2 {
background: url('rock-2.gif');
width: 18px;
height: 18px;
position: absolute;
top: 238px;
left: 400px;
z-index: 200;
}

#stump {
background: url('stump.gif');
width: 18px;
height: 18px;
position: absolute;
top: 238px;
right: 10px;
z-index: 200;
}

#log {
background: url('log.gif');
width: 38px;
height: 20px;
position: absolute;
top: 236px;
right: 360px;
z-index: 200;
}

#cloud1 {
background: url('cloud-1.gif');
width: 166px;
height: 34px;
left: 64px;
top: 70px;
position: absolute;
z-index: 200;
}

#cloud2 {
background: url('cloud-2.gif');
width: 102px;
height: 24px;
position: absolute;
z-index: 200;
}

.cloud2a { right: 220px; top: 114px; }
.cloud2b { right: 64px; top: 84px; }

#ground {
background: url('ground.gif');
height: 64px;
position: absolute;
width: 100%;
margin: 0px;
bottom: 0px;
z-index: 100;
}

#ground #lefthole {
position: absolute;
background: #7cbfd4 url('ground-hole-left.gif');
height: 64px;
width: 64px;
left: 128px;
z-index: 200;
}

#ground #righthole {
position: absolute;
background: #7cbfd4 url('ground-hole-right.gif');
height: 64px;
width: 64px;
left: 192px;
z-index: 200;
}

#backdrop {
background: url('mountain-backdrop.gif');
height: 42px;
position: absolute;
width: 100%;
margin: 0px;
bottom: 64px;
z-index: 100;
}