div#box1a {
  position: absolute;
  top: 5px;
  left: 0px;
  width: 140px;
  height: 140px;
  background: #ffffff url('square-blue.jpg') no-repeat center center;
  text-align: center;
  font-family: arial;
  font-size: 24px;
  font-variant: small-caps;
}
div#box1b {
  position: absolute;
  top: 5px;
  left: 150px;
  width: 140px;
  height: 140px;
  background: #ffffff url('square-cyan.jpg') no-repeat center center;
  vertical-align: middle;
  text-align: center;
}
div#box1c {
  position: absolute;
  top: 5px;
  left: 295px;
  width: 140px;
  height: 140px;
  background: #ffffff url('square-green.jpg') no-repeat center center;
  vertical-align: middle;
  text-align: center;
}
div#box1d {
  position: absolute;
  top: 5px;
  left: 440px;
  width: 140px;
  height: 140px;
  background: #ffffff url('square-orange.jpg') no-repeat center center;
  vertical-align: middle;
  text-align: center;
}

div#box2a {
  position: absolute;
  top: 150px;
  left: 5px;
  width: 140px;
  height: 140px;
  background: #ffffff url('square-purple.jpg') no-repeat center center;
  vertical-align: middle;
  text-align: center;
}
div#box2b {
  position: absolute;
  top: 150px;
  left: 150px;
  width: 140px;
  height: 140px;
  vertical-align: middle;
  text-align: center;
}
div#box2c {
  position: absolute;
  top: 150px;
  left: 295px;
  width: 140px;
  height: 140px;
  background: #ffffff url('square-red.jpg') no-repeat center center;
  vertical-align: middle;
  text-align: center;
}
div#box2d {
  position: absolute;
  top: 150px;
  left: 440px;
  width: 140px;
  height: 140px;
  background: #ffffff url('square-blue.jpg') no-repeat center center;
  vertical-align: middle;
  text-align: center;
}

div#box3a {
  position: absolute;
  top: 295px;
  left: 5px;
  width: 140px;
  height: 140px;
  background: #ffffff url('square-green.jpg') no-repeat center center;
  vertical-align: middle;
  text-align: center;
}
div#box3b {
  position: absolute;
  top: 295px;
  left: 150px;
  width: 140px;
  height: 140px;
  background: #ffffff url('square-cyan.jpg') no-repeat center center;
  vertical-align: middle;
  text-align: center;
  font-family: arial;
  font-size: 14px;
}
div#box3c {
  position: absolute;
  top: 295px;
  left: 295px;
  width: 140px;
  height: 140px;
  background: #ffffff url('square-purple.jpg') no-repeat center center;
  vertical-align: middle;
  text-align: center;
}
div#box3d {
  position: absolute;
  top: 295px;
  left: 440px;
  width: 140px;
  height: 140px;
  background: #ffffff url('square-red.jpg') no-repeat center center;
  vertical-align: middle;
  text-align: center;
  font-family: arial;
  font-size: 14px;
}

div#box4a {
  position: absolute;
  top: 440px;
  left: 5px;
  width: 140px;
  height: 140px;
  background: #ffffff url('square-orange.jpg') no-repeat center center;
  vertical-align: middle;
  text-align: center;
  font-family: arial;
  font-size: 14px;
}

A:link {text-decoration: none; color:black; }
A:visited {text-decoration: none; color:black; }
A:active {text-decoration: none; color:black; }
A:hover {text-decoration: underline; color:black; }

div#box4b {
  position: absolute;
  top: 440px;
  left: 150px;
  width: 140px;
  height: 140px;
  background: #ffffff url('square-blue.jpg') no-repeat center center;
  vertical-align: middle;
  text-align: center;
}
div#box4c {
  position: absolute;
  top: 440px;
  left: 295px;
  width: 140px;
  height: 140px;
  background: #ffffff url('square-green.jpg') no-repeat center center;
  vertical-align: middle;
  text-align: center;
}
div#box4d {
  position: absolute;
  top: 440px;
  left: 440px;
  width: 140px;
  height: 140px;
  background: #ffffff url('square-cyan.jpg') no-repeat center center;
  vertical-align: middle;
  text-align: center;
  font-family: arial;
  font-size: 14px;
}