body { 
    margin: 0px;
    background: #000000;
    cursor: crosshair;
}

#bgone {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 640px;
    height: 480px;
    background: url('bgclouds.png') no-repeat top center;
    padding-top: 4px;    
    display: block;  
    z-index: 1;    
}

#bgtwo {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 640px;
    height: 480px;
    background: url('bgtrees.png') no-repeat top center;
    display: block;  
    z-index: 3;
}

#game_area {
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;    
    width: 640px;
    height: 480px;
    z-index: 5;
}

#anim {
    position: absolute;
    left: 0px;
    top: 280px;
    width: 346px;
    height: 146px;
    background: url('anim.gif') no-repeat top center;
    display: block;  
    z-index: 4;
}

#bullets {
    position: absolute;
    left: 60px;
    top: 438px; 
    width: 100px;
    height: 30px;
    background-color: white;
    border: 2px gray outset;
    padding:2px;
   	font: bold 12px Segoe UI, Arial;
    display: block;
    z-index: 4;
    }

#bullets img {
   	vertical-align:middle;
    }

#indicator {
    position: absolute;
    left: 220px;
    top: 438px;
    width: 200px;
    height: 30px;
    background-color: white;
	padding: 4px;
    border: 2px gray outset; 
    display: block;  
    z-index: 4;
}

#indication {
    position: absolute;
    left: 240px;
    top: 440px;
    width: 160px;
    height: 16px;
    display: block;
    z-index: 5;
}

#indication img {
	vertical-align: middle
}

#scoreboard {
    position: absolute;
    left: 480px;
    top: 438px;
    width: 100px;
    height: 30px;
    background-color: white;
    border: 2px gray outset; 
    padding:4px;
	font: bold 12px Segoe UI, Arial;
   	vertical-align:middle;
    display: block;  
    z-index: 4;
}

#score {
    display: inline;
    width: 50%;
    text-align:right;
    z-index: 5;
    }

#dog {
    position: absolute;
    left: 276px;
    top: 280px;
    width: 86px;
    height: 160px;
    z-index: 2;
}

#duck {
    display: none;
    position: absolute;
    left: 0px;
    top: 210px;
    width: 80px;
    height: 80px;
    z-index: 2;
    }
    
#hotspot {
    display: none;
    position: absolute;
    left: 0px;
    top: 210px;
    width: 80px;
    height: 80px;
    z-index: 6;
}

#flyingaway {
    display: none;
    position: absolute;
    left: 245px;
    top: 160px;
	padding: 1em;
	border: 1px gray outset;
	background-color: white;
    width: 200px;
    height: 30px;
	font: bold 24px Segoe UI;
	color: red;
    text-align: center;
    z-index: 3;
    }
    
#rounddisplay {
    display: none;
    position: absolute;
    left: 245px;
    top: 160px;
	padding: 1em;
	border: 1px gray outset;
	background-color: white;
    width: 200px;
    height: 30px;
	font: bold 24px Segoe UI;
	color: red;
    text-align: center;
    z-index: 3;    
    }

#gameover {
    display: none;
    position: absolute;
    left: 119px;
    top: 73px;
    width: 81px;
    height: 33px;
    z-index: 3;
    background: url('gameover.gif') no-repeat top center;
    }    

#hit-count {
    position: absolute;
    top: 368px;
    left: 8px;
    color: #FFFFFF;
    font-face: Arial;
    }
    
#miss-count {
    position: absolute;
    top: 388px;
    left: 8px;
    color: #FFFFFF;
    font-face: Arial;
    }

a {
	color: #FFFFFF;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}