/* 
@michael [aka studioc]
*/
 * {
  padding: 0; margin:0;
  } 

a {text-decoration:none;}   
  
body { 
color: #333; 
margin: 0px;
border: 0px;
padding: 0px;
font-family: "trebuchet ms", sans-serif;
font-size: 16px;
line-height: 22px;
text-align:center;
}

#container {
margin: 30px auto 100px auto;
width:650px;
}
img{
border:0;
}
ul {
list-style-type:none;
clear:both;
  }


div #containerdvk ul li {

}


ul li {
width:110px;
float:left;
height:77px;
padding:2px;
border: 1px solid #ccc;
margin: 5px;
}

li#r1one a {
display:block;
background: url(images/1b.jpg) no-repeat center;
width:110px;
height:77px;
}
li#r1one a:hover {
display:block;
background: url(images/1.jpg) no-repeat center;
width:110px;
height:77px;
}
li#r1two a {
display:block;
background: url(images/2b.jpg) no-repeat center;
width:110px;
height:77px;
}
li#r1two a:hover {
display:block;
background: url(images/2.jpg) no-repeat center;
width:110px;
height:77px;
}
li#r1three a {
display:block;
background: url(images/3b.jpg) no-repeat center;
width:110px;
height:77px;
}
li#r1three a:hover {
display:block;
background: url(images/3.jpg) no-repeat center;
width:110px;
height:77px;
}
li#r1four a {
display:block;
background: url(images/4b.jpg) no-repeat center;
width:110px;
height:77px;
}
li#r1four a:hover {
display:block;
background: url(images/4.jpg) no-repeat center;
width:110px;
height:77px;
}
li#r1five a {
display:block;
background: url(images/5b.jpg) no-repeat center;
width:110px;
height:77px;
}
li#r1five a:hover {
display:block;
background: url(images/5.jpg) no-repeat center;
width:110px;
height:77px;
}

/* ### */


li#r2one a {
display:block;
background: url(images/6b.jpg) no-repeat center;
width:110px;
height:77px;
}
li#r2one a:hover {
display:block;
background: url(images/6.jpg) no-repeat center;
width:110px;
height:77px;
}
li#r2two a {
display:block;
background: url(images/7b.jpg) no-repeat center;
width:110px;
height:77px;
}
li#r2two a:hover {
display:block;
background: url(images/7.jpg) no-repeat center;
width:110px;
height:77px;
}
li#r2three a {
display:block;
background: url(images/8b.jpg) no-repeat center;
width:110px;
height:77px;
}
li#r2three a:hover {
display:block;
background: url(images/8.jpg) no-repeat center;
width:110px;
height:77px;
}
li#r2four a {
display:block;
background: url(images/9b.jpg) no-repeat center;
width:110px;
height:77px;
}
li#r2four a:hover {
display:block;
background: url(images/9.jpg) no-repeat center;
width:110px;
height:77px;
}
li#r2five a {
display:block;
background: url(images/10b.jpg) no-repeat center;
width:110px;
height:77px;
}
li#r2five a:hover {
display:block;
background: url(images/10.jpg) no-repeat center;
width:110px;
height:77px;
}

/* ### */


li#r3one a {
display:block;
background: url(images/11b.jpg) no-repeat center;
width:110px;
height:77px;
}
li#r3one a:hover {
display:block;
background: url(images/11.jpg) no-repeat center;
width:110px;
height:77px;
}
li#r3two a {
display:block;
background: url(images/12b.jpg) no-repeat center;
width:110px;
height:77px;
}
li#r3two a:hover {
display:block;
background: url(images/12.jpg) no-repeat center;
width:110px;
height:77px;
}
li#r3three a {
display:block;
background: url(images/13b.jpg) no-repeat center;
width:110px;
height:77px;
}
li#r3three a:hover {
display:block;
background: url(images/13.jpg) no-repeat center;
width:110px;
height:77px;
}
li#r3four a {
display:block;
background: url(images/14b.jpg) no-repeat center;
width:110px;
height:77px;
}
li#r3four a:hover {
display:block;
background: url(images/14.jpg) no-repeat center;
width:110px;
height:77px;
}
li#r3five a {
display:block;
background: url(images/15b.jpg) no-repeat center;
width:110px;
height:77px;
}
li#r3five a:hover {
display:block;
background: url(images/15.jpg) no-repeat center;
width:110px;
height:77px;
}