html, body {
  height:100%;
  overflow:hidden;
  width:100%;
  position:relative;
}

#container {
  background:url(../images/background.png) center center no-repeat;
  height:550px;
  left:50%;
  margin:-275px 0 0 -300px;
  position:absolute;
  top:50%;
  width:600px;
}

#container a {
  background:rgba(0,0,0,0.25);
  height:100%;
  text-indent:-1980em;
  width:48%;
}

#container #shop-link {
  background:url(../images/shop-symbol.png) left center no-repeat;
  float:right;
}

#container #fb-link {
  background:url(../images/fb-symbol.png) right center no-repeat;
  float:left;
}

#container #shop-link:hover {
  background:url(../images/shop-symbol-mouseover.png) left center no-repeat;
}

#container #fb-link:hover {
  background:url(../images/fb-symbol-mouseover.png) right center no-repeat;
}