* {margin:0; padding: 0;}
body    {
  background-color: transparent;
  }
span    {
  padding:0;
}

#images {
  float: left;
  width: 48%;
  border: 0px red solid; /* 555 */
  overflow: hidden;
  padding: 0px; margin: 12px 0 0 0;
}
#images img    {
  border: 2px #ada791 solid;
}




.links {
  padding:10px;
  margin-top:20px
  }

.links a    {
  color:#0080FF;
  text-decoration:none}

.links a:hover{font-weight:bold}



/* Кнопки */
.buttons {
  padding:0 20px;
  margin: 0 8px 80px 0;
  font-family: verdana, arial;
  }
.buttons span {
  margin: 2px 0 2px 8px;
  cursor:pointer;
  display: block;
  float: left;
  height: 20px; width:20px;
  font-size:1px;
  border: 1px #504d45 solid;
  background:url(../img/img_bg1.gif) no-repeat center;
  }
.buttons span:hover   {
  background-color: #fbf8e4;
  }
.buttons span.active   {
  border-color: #fbf8e4;
  }
  p.buttons strong em   {
  display: block;
  float: left;
  }

/* INFO */
.buttons span.nobg {
  display: block;
  width:40px; height:20px;
  float:left;
  background-image:url(../img/info.gif);
  background-repeat:no-repeat;
  background-position: center;
  }
.buttons span.nobg:hover {
  background-repeat: no-repeat;
  }
.buttons span.nobg.active {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border-color:#fbf8e4;
  }
/* STYLE */
#box1, #box2, #box3, #box4{
	position:absolute;
}

/* Sample 5*/
#box5 div{                          /* Выплывающий блок */
	position:absolute;
	margin: 0; padding: 5% 0 5% 0;
    text-align: center;
    width: 98%; 
    /*background-image: url(../img/bg2.jpg);*/

}
#box5 div p     {
    text-align: left;
    padding: 0 30px 0 30px;
}

#box5 div h3     {
    text-align: left;
    margin: 24px 0 24px 0;
    padding: 0 30px 0 30px;
    color: #737f35;
}


#box5 h3{
	padding:0 0 10px 0;
    font-size: 100%;
}

#box5 {
}

.mask{
	position:relative;
	height: 325px;
	overflow:hidden;
    text-align: left;
    padding-top: 12px;
}