<!--HTML-->

<style type="text/css">
div.bg{
    background:
        url("http://funkyimg.com/i/29yzy.png") 0 0 no-repeat,
        url("http://funkyimg.com/i/29yzx.png") 0 100% no-repeat, 
        url("http://funkyimg.com/i/29yzw.png") 0 0 repeat-y;
    background-size: 599px;
margin-left: 80px;
}

div.tname{
    padding: 20px 0 0 0;
    color: #f3f3f3;
    font-size: 30px;
    font-family: 'NautilusPompilius';
    font-style: normal;
    font-weight: normal;
    position: relative;
    z-index: 1;
    text-shadow:
        #91b0cd 1px 1px 0,
        #91b0cd -0px -0px 0,
        #91b0cd -0px 1px 0,
        #91b0cd 1px -0px 0;
}

div.qt{
    padding: 0 0 0 0;
    color: #ffffff;
    font-size: 12px;
    letter-spacing: 2px;
    bottom: 9px;
    position: relative;
    z-index: 2;
    font-style: normal;
    font-weight: 900;
    font-family: 'Calibri';
}

.box {width: 80px; height: 80px; border-radius: 100%; opacity: 0;  transition-duration: 2s; -moz-transition-duration: 2s; -webkit-transition-duration: 2s;}
.box-in {padding: 5px; height: 80x; text-align: center;letter-spacing: 1px; font-family: Franklin Gothic Medium; color: #121212;font-size:10px;}

.needbox1 {width: 80px; height: 80px; border-radius: 100%; background: #f2f2f2 url(http://placehold.it/80x80); align: right;}
.needbox1:hover .box {border-radius: 20%; width: 80px; height: 80px;background-color: #fff; opacity: 0.75;}

.needbox2 {width: 80px; height: 80px; border-radius: 100%; background: #f2f2f2 url(http://placehold.it/80x80); align: right;}
.needbox2:hover .box {border-radius: 20%; width: 80px; height: 80px;background-color: #fff; opacity: 0.75;}

.needbox3 {width: 80px; height: 80px; border-radius: 100%; background: #f2f2f2 url(http://placehold.it/80x80); align: right;}
.needbox3:hover .box {border-radius: 20%; width: 80px; height: 80px;background-color: #fff; opacity: 0.75;}

.needbox4 {width: 80px; height: 80px; border-radius: 100%; background: #f2f2f2 url(http://placehold.it/80x80); align: right;}
.needbox4:hover .box {border-radius: 20%; width: 80px; height: 80px;background-color: #fff; opacity: 0.75;}

.needbox5 {width: 80px; height: 80px; border-radius: 100%; background: #f2f2f2 url(http://placehold.it/80x80); align: right;}
.needbox5:hover .box {border-radius: 20%; width: 80px; height: 80px;background-color: #fff; opacity: 0.75;}

</style>
<center><div class='bg'><div class='tname'>Самые необходимые внешности</div>

<div class='qt'>Мне лень писать полную заявку, поэтому все только так.</div>

<div style="padding: 10px 0 50px 0; width: 530px; text-align: justify; margin-left: -40px;">В Сан-Франциско так много красивых лиц, но тебе не хватает именно того, от чьего вида сердце замирает, и слова вылетают из головы. Ты прекрасное знаешь, что у нас тут все желания сбываются? Поэтому, скорее объявляй в розыск свою любимую внешность и жди, пока ее займут, после чего новый игрок сам наведет на тебя те мысли и желания, что бессовестно вылетают из головы в самый нужный момент.<table><tr>

<td><div class="needbox1">
<div class="box"><div class="box-in">
свободно
</div>
</td>



<td><div class="needbox2">
<div class="box"><div class="box-in">
свободно
</div>
</td>



<td><div class="needbox3">
<div class="box"><div class="box-in">
свободно
</div>
</td>


<td><div class="needbox4">
<div class="box"><div class="box-in">
свободно
</div>
</td>


<td><div class="needbox5">
<div class="box"><div class="box-in">
свободно
</div>
</td>

</tr></table></div></div></div>
</div>
</center>