body {
  background: url(../images/background.png) no-repeat #b9b9b9;
  padding: 0;
}

#wrapper {
  position: relative;
  top: 20px;
  width: 750px;
  margin: 0 auto;
}

h1 {
  position: absolute;
  top: 140px;
  left: 270px;
  margin: 0;
  padding: 0;
  width: 332px;
  height: 49px;
  text-indent: -999999px;
  background: url(../images/card.png) no-repeat left 0;
  overflow: hidden;
  z-index: 1;
}

ul {
  position: absolute;
  top: 189px;
  left: 270px;
  width: 343px;
  height: 353px;
  margin: 0;
  padding: 0;
  list-style: none;
  background: url(../images/card.png) no-repeat 0 -49px;
  z-index: 1;
}

li a span {
  position: absolute;
  left: -60px;
  display: block;
  text-indent: -999999px;
  width: 343px;
  height: 56px;
  margin: 0;
  padding: 0;
  overflow: hidden;  
  background: url(../images/networks.png) no-repeat;
  z-index: 2;
}

li#gameground a span {
  background-position: 0 0px;
  top: 0;
}

li#gameground a:hover span {
  background-position: -342px 0px;
  top: 0;
}

li#twitter a span {
  background-position: 0 -56px;
  top: 47px;
}

li#twitter a:hover span {
  background-position: -342px -56px;
  top: 47px;
}

li#linkedin a span {
  background-position: 0 -112px;
  top: 94px;
}

li#linkedin a:hover span {
  background-position: -342px -112px;
  top: 94px;
}

li#facebook a span {
  background-position: 0 -168px;
  top: 141px;
}

li#facebook a:hover span {
  background-position: -342px -168px;
  top: 141px;
}

li#skype a span {
  background-position: 0 -224px;
  top: 188px;
}

li#skype a:hover span {
  background-position: -342px -224px;
  top: 188px;
}

li#msn a span {
  background-position: 0 -280px;
  top: 235px;
}

li#msn a:hover span {
  background-position: -342px -280px;
  top: 235px;
}

li#email a span {
  background-position: 0 -336px;
  top: 282px;
}

li#email a:hover span {
  background-position: -342px -336px;
  top: 282px;
}

#guy {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
}