body {
	background: #cccccc;
	margin: 0;
	padding: 0;
}

div#container {
   position: relative;
	 margin: auto;
	 background-color: white;
	 height: 659.5px;
	 width: 1024px;
}
.shade_l {
   position: absolute;
	 top: -1px;
	 left: -25px;
	 z-index: 5;
}	
.shade_r {
   position: absolute;
	 top: -1px;
	 right: -25px;
	 z-index: 5;
}	  			 					

.logo {
  position: absolute;
	left: 22.5px;
	top: 32.5px;
	z-index: 4;
}	
.bgimage {
   position: absolute;
	 left: 683px;
	 top: 215.5px;
   z-index: 1;	 
}
.vpt {
        background-image: url('images/vptsystem.jpg');
	width: 165.5px;
	height: 317.5px; 
	position: absolute;
	left: 60.5px;
	top: 215.5px;
	background-repeat: no-repeat;
        z-index: 999;
}
.vpt:hover {
  background-image: url('images/vptsystemover.jpg');
	width: 165.5px;
	height: 314.5px; 
	position: absolute;
	left: 60.5px;
	top: 215.5px;
	background-repeat: no-repeat;
        z-index: 9;
}
.drums {
  background-image: url('images/kit.jpg');
	width: 165.5px;
	height: 314.5px; 
	position: absolute;
	left: 256px;
	top: 215.5px;
	background-repeat: no-repeat;
        z-index: 9;
}
.drums:hover {
  background-image: url('images/kitover.jpg');
	width: 165.5px;
	height: 314.5px; 
	position: absolute;
	left: 256px;
	top: 215.5px;
	background-repeat: no-repeat;
        z-index: 9;
}
.hardware {
  background-image: url('images/hardware.jpg');
	width: 165.5px;
	height: 314.5px; 
	position: absolute;
	left: 452px;
	top: 215.5px;
	background-repeat: no-repeat;
        z-index: 9;
}
.hardware:hover {
  background-image: url('images/hardwareover.jpg');
	width: 165.5px;
	height: 314.5px; 
	position: absolute;
	left: 452px;
	top: 215.5px;
	background-repeat: no-repeat;
        z-index: 9;
}
.software {
  background-image: url('images/software.jpg');
	width: 165.5px;
	height: 314.5px; 
	position: absolute;
	left: 648px;
	top: 215.5px;
	background-repeat: no-repeat;
	z-index: 9;
}
.software:hover {
  background-image: url('images/softwareover.jpg');
	width: 165.5px;
	height: 314.5px; 
	position: absolute;
	left: 648px;
	top: 215.5px;
	background-repeat: no-repeat;
        z-index: 9;
}	 	 
#nav {
  text-align: center;
	display: inline;
	padding: 0px;
	z-index: 5;
	position: absolute;
	left: 468px;
	top: 620px;
}
#nav ul {
	margin: -3px;
  padding: 0px;
	z-index: 5;
}
#nav li {
  display: inline;
  margin: -1px;
  padding: 0px;
	z-index: 5;
}
#nav a {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 9px;
	color:#000000;
  text-decoration: none;
	font-weight: normal;
	letter-spacing: 65%;
	z-index: 5;
}
#nav a:hover {
  color: #ad8d3d;
  font-size: 9px;
  text-decoration: none;
	font-weight: bold;
	letter-spacing: 65%;
	z-index: 5;
}
/*#nav a:visited {
  font-family: Verdana, Helvetica, sans-serif;
	color: #cccccc;
  font-size: 9px;
  text-decoration: none;
	z-index: 5;*/