body {
  background: white url(/img/page_bg.png) repeat-x left top;
  text-align: center;
  margin: 0; padding: 0;
  font-family: Calibri;
  font-size: 1.2em;
}

#page {
  margin: 100px auto;
  width: 970px;
  text-align: left;
}

ul.buttons {
  text-align: center;
}

ul.buttons li {
  display: inline-block;
  width: 190px;
  height: 198px;
  margin: 0 40px;
  position:relative;
}

ul.buttons li a {
  display: block;
  text-decoration: none;
  color: black;
  width: 190px;
  height: 198px;
  background: url(/img/box.png) no-repeat left top;
} 

ul.buttons li a img {
  margin-top: 30px;
  border: none;
}

ul.buttons li a:hover img {
  
  position: relative;top:-5px;
}

ul.buttons li a p {
  margin: 0;
  margin-top: 40px;
}

ul.buttons li a:hover p {
  text-decoration: underline;
}

#vk {
  width:190px;
  height: 100px;
  position: absolute;
  background: url(/img/vk.png) no-repeat left top;
  top: 15px; left: 190px;
}

#vk:hover {
  background-position: left -100px;
}

.added {
  text-align: center;
  }
.added a {
  text-align: center;
  text-decoration: none;
  background: url(/img/button-mask.png) repeat-x scroll 0 top;
  border-radius: 4px 4px 4px 4px;
  border-style: solid;
  border-width: 1px;
  color: #FFFFFF;
  padding: 4px 30px;
  position: relative;
  top: 0; left: 0;
  background-color: #4A6810;
  text-shadow: 0 -1px 2px #4A6810;
  border-color: #4A6810 #34401F #202F02 #34401F;
}