* {
	margin:0;
	padding:0
}
body {
	font: normal 11px/18px Verdana,Tahoma,Sans-serif;
	background-color: #003d90;
	}
.mainhtml {
    padding: 50px;
}
.soccer {
  width: 300px;
  height: 300px;
  margin: 2px;
  float: left;
  background:url(soccerfutbol.png) no-repeat;  
}
.soccer:hover {
      width: 300px;
  height: 300px;
  margin: 2px;
  float: left;
  background:url(soccerfutbolhd.png) no-repeat;  
}
.soccer2 {
  width: 300px;
  height: 300px;
  margin: 2px;
  float: left;
  background:url(soccerfutbol2.png) no-repeat;  
}
.soccer2:hover {
      width: 300px;
  height: 300px;
  margin: 2px;
  float: left;
  background:url(soccerfutbol2hd.png) no-repeat;  
}
.warehouse {
  width: 300px;
  height: 300px;
  margin: 2px;
  float: left;
  background-image:url(warehouse.png); 
  background-repeat: no-repeat; 
}
.warehouse:hover {
      width: 300px;
  height: 300px;
  margin: 2px;
  float: left;
  background-image:url(warehousehd.png); 
  background-repeat: no-repeat;  
}
#products {
  width: 300px;
  height: 300px;
  margin: 2px;
  float: left;
  background:url(products.png) no-repeat;  
  display: block;
}
#products:hover{
      width: 300px;
  height: 300px;
  margin: 2px;
  float: left;
  background:url(productshd.png) no-repeat;  
}