html, body, form {
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 16px;
  color: #000;
}

body {
  background: #ccc;
}

h1, h2, h3, h4, h5, h6, h7, p {
  margin: 5px;
}

#mainwrapper {
  position: relative;
  margin: 50px auto;
  width: 800px;
}

#mainwebservices, #mainsolutions, #mainmedia {
  position: absolute;
  top: 0px;
  width: 250px;
  height: 550px;
  cursor: pointer;
}

#mainwebservices .mainlogo, #mainsolutions .mainlogo, #mainmedia .mainlogo {
  position: absolute;
  top: 400px;
  left: 0px;
  width: 250px;
  height: 50px;
}

#mainwebservices {
  left: 0px;
  background: #fff url(../img/sprite.jpg) no-repeat -1250px 0px;
}

#mainwebservices:hover {
  background: #fff url(../img/sprite.jpg) no-repeat -1000px 0px;
}

#mainwebservices .mainlogo {
  background: #fff url(../img/logos.png) no-repeat -500px 0px;
}

#mainsolutions {
  left: 275px;
  background: #fff url(../img/sprite.jpg) no-repeat -750px 0px;
}

#mainsolutions:hover {
  background: #fff url(../img/sprite.jpg) no-repeat -500px 0px;
}

#mainsolutions .mainlogo {
  background: #fff url(../img/logos.png) no-repeat -250px 0px;
}

#mainmedia {
  left: 550px;
  background: #fff url(../img/sprite.jpg) no-repeat -250px 0px;
}

#mainmedia:hover {
  background: #fff url(../img/sprite.jpg) no-repeat 0px 0px;
}

#mainmedia .mainlogo {
  background: #fff url(../img/logos.png) no-repeat 0px 0px;
}

#mainwebservices p, #mainsolutions p, #mainmedia p {
  display: none;
}

#footer {
  padding: 10px;
  position: relative;
  top: 250px;
  height: 30px;
  background: #ccc;
}

#footer p {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}