body {
	color: #000000;
	margin: 0 0 15px 0;

	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-color: #FFF;
	background-image: url(sky.jpg);
	background-position: center top;

}


a.button:hover {
  background-position: 100%;
}
a.button:hover span {
  background-position: 0px 100px ;
  color: #c988f2;
}


a.button {
  width:100px;
  height:100px;
  display: block;
  font: bold 22px arial, sans-serif;
  color: #aec1ff;
  text-decoration: none;
  text-align: center;

  background: url(button.png)  no-repeat;
  
  outline: none; /* убираем точечную обводку в FireFox, которая появляется при клике */
}
a.button span {

  display: block;
  line-height: 100px;
  background: url(button.png) no-repeat;
  text-align: center;
}

.pr_logo
{
	position:absolute;
	top:23%;
	left:50%;
	margin-left:-128px;

}

.pr_flash
{
	position:absolute;
	top:50%;
	left:40%;
	margin-left:-50px;
}

.pr_html
{
	position:absolute;
	top:50%;
	left:60%;
	margin-left:-50px;
}
.pr_html:hover
{
	position:absolute;
	top:50%;
	left:60%;
	margin-left:-50px;
}
#b_flash div{ width:100px; height:100px; background:url('http://oxyfit.ru/b_flash.png');}
#b_flash:hover div{ width:100px; height:100px; background:url('http://oxyfit.ru/b_flash_.png');} 

#b_html div{ width:100px; height:100px; background:url('http://oxyfit.ru/b_html.png');}
#b_html:hover div{ width:100px; height:100px; background:url('http://oxyfit.ru/b_html_.png');}