<link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
<style type="text/css">


.pink { width: 400px; height: 200px;  -webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; }

.flowers { width: 400px; height: 200px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all1s ease-in-out; transition: all 1s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;}

.pink:hover .flowers {-webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -o-transform: rotateX(-180deg);}

.red {overflow: hidden; position: absolute; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden;}

.roses { width: 400px; height: 200px; background-image: url(http://img0.liveinternet.ru/images/attach/b/3/29/440/29440317_23169619_f298d881eb2b.gif); position: absolute;  opacity: 0;  overflow: hidden; -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden;}

.pink:hover .roses { background-image: url(http://img0.liveinternet.ru/images/attach/b/3/29/440/29440317_23169619_f298d881eb2b.gif);  opacity: 1; -webkit-transition: all 2s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

</style>

<center>
<div style="width: 400px; height: 30px; background-image: url(http://img0.liveinternet.ru/images/attach/c/10/110/510/110510178_70654db1619d.jpg);"></div>
<div style="width: 400px; height: 5px; background-color: #50443e;"></div>
<div style="width: 400px;  background-color: #e3dfc1; text-align: center;  font-family: 'economica'; font-size: 15px; color: #50443e0; line-height: 100%; padding: 25px 0px 23px 0px; text-transform: uppercase; letter-spacing: 3px;">Eric Raven, 29</div>
<div style="width: 400px; height: 5px; background-color: #50443e;"></div>
<div class="pink"><div class="flowers"><div class="red"><div style="width: 400px; height: 200px; background-image: url(http://data3.whicdn.com/images/28768974/large.gif);"></div></div>
<div class="roses">
<div style="position: relative; top: 10px;">

<table cellspacing="2" cellpadding="0">
<td> <div style="width: 123px; background-color: #E6D6B8; padding: 12px 0px 12px 0px; text-align: center; color: #000; font-family: 'economica', sans-serif; font-size: 14px; line-height: 100%;"> ВНЕШНОСТЬ</div>
<div style="width: 113px; height: 115px; padding: 10px 5px 5px 5px; background-color: #FFF; overflow: auto; text-align: center; font-family: 'economica', sans-serif; font-size: 15px; line-height: 100%; color: #000; text-transform: uppercase;">
<div style="height: 30px;"></div>

Joseph Morgan.

</div></td>
<td> <div style="width: 123px; background-color: #E6D6B8; padding: 12px 0px 12px 0px; text-align: center; color: #000; font-family: 'economica', sans-serif; font-size: 14px; line-height: 100%;"> ИМЯ</div>
<div style="width: 113px; height: 115px; padding: 10px 5px 5px 5px; background-color: #FFF; overflow: auto; text-align: center; font-family: 'economica', sans-serif; font-size: 15px; line-height: 100%; color: #000; text-transform: uppercase;">
<div style="height: 30px;"></div>

Эрик Рэйвен

</div></td>
<td> <div style="width: 123px; background-color: #E6D6B8; padding: 12px 0px 12px 0px; text-align: center; color: #000; font-family: 'economica', sans-serif; font-size: 14px; line-height: 100%;"> СТОРОНА</div>
<div style="width: 113px; height: 115px; padding: 10px 5px 5px 5px; background-color: #FFF; overflow: auto; text-align: center; font-family: 'economica', sans-serif; font-size: 15px; line-height: 100%; color: #000; text-transform: uppercase;">
<div style="height: 30px;"></div>

Своя-α

</div></td>
</table>
</div>
</div>
</div></div>





<div style="width: 400px; height: 10px; background-color: #50443e;"></div>
<div style="width: 350px; background-color: #FFF; padding: 10px 25px 10px 25px; text-align: justify; font-family: tahoma; font-size: 10px; line-height: 100%; color: #000;">


|большая часть стаи была потеряна в Атланте не без причастности к этому охотников Калаверас;
|приехал в Бейкон-Хиллз, несмотря на то, что чертовски не переваривает маленькие города;
|имеет большие планы на город, желая обзавестись новой территорией;
|обладает редкой способностью трансформации в настоящего волка.

</div>
<div style="width: 400px; height: 5px; background-color: #50443e;"></div>
<div style="width: 400px; height: 30px; background-image: url(http://img0.liveinternet.ru/images/attach/c/10/110/510/110510178_70654db1619d.jpg);"></div>
</center>

<link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
<style type="text/css">


.pink { width: 400px; height: 200px;  -webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; }

.flowers { width: 400px; height: 200px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all1s ease-in-out; transition: all 1s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;}

.pink:hover .flowers {-webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -o-transform: rotateX(-180deg);}

.red {overflow: hidden; position: absolute; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden;}

.roses { width: 400px; height: 200px; background-image: url(http://img0.liveinternet.ru/images/attach/b/3/29/440/29440317_23169619_f298d881eb2b.gif); position: absolute;  opacity: 0;  overflow: hidden; -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden;}

.pink:hover .roses { background-image: url(http://img0.liveinternet.ru/images/attach/b/3/29/440/29440317_23169619_f298d881eb2b.gif);  opacity: 1; -webkit-transition: all 2s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

</style>

<center>
<div style="width: 400px; height: 30px; background-image: url(http://img0.liveinternet.ru/images/attach/c/10/110/510/110510178_70654db1619d.jpg);"></div>
<div style="width: 400px; height: 5px; background-color: #50443e;"></div>
<div style="width: 400px;  background-color: #e3dfc1; text-align: center;  font-family: 'economica'; font-size: 15px; color: #50443e0; line-height: 100%; padding: 25px 0px 23px 0px; text-transform: uppercase; letter-spacing: 3px;">Christian Backer, 24</div>
<div style="width: 400px; height: 5px; background-color: #50443e;"></div>
<div class="pink"><div class="flowers"><div class="red"><div style="width: 400px; height: 200px; background-image: url(http://37.media.tumblr.com/d9710fe25b41c0ab839f80651a1f5369/tumblr_n400p2i0rZ1rdutw3o2_400.gif);"></div></div>
<div class="roses">
<div style="position: relative; top: 10px;">

<table cellspacing="2" cellpadding="0">
<td> <div style="width: 123px; background-color: #E6D6B8; padding: 12px 0px 12px 0px; text-align: center; color: #000; font-family: 'economica', sans-serif; font-size: 14px; line-height: 100%;"> ВНЕШНОСТЬ</div>
<div style="width: 113px; height: 115px; padding: 10px 5px 5px 5px; background-color: #FFF; overflow: auto; text-align: center; font-family: 'economica', sans-serif; font-size: 15px; line-height: 100%; color: #000; text-transform: uppercase;">
<div style="height: 30px;"></div>

Zac Efron.(возможна замена)

</div></td>
<td> <div style="width: 123px; background-color: #E6D6B8; padding: 12px 0px 12px 0px; text-align: center; color: #000; font-family: 'economica', sans-serif; font-size: 14px; line-height: 100%;"> ИМЯ</div>
<div style="width: 113px; height: 115px; padding: 10px 5px 5px 5px; background-color: #FFF; overflow: auto; text-align: center; font-family: 'economica', sans-serif; font-size: 15px; line-height: 100%; color: #000; text-transform: uppercase;">
<div style="height: 30px;"></div>

Кристиан Баккер

</div></td>
<td> <div style="width: 123px; background-color: #E6D6B8; padding: 12px 0px 12px 0px; text-align: center; color: #000; font-family: 'economica', sans-serif; font-size: 14px; line-height: 100%;"> СТОРОНА</div>
<div style="width: 113px; height: 115px; padding: 10px 5px 5px 5px; background-color: #FFF; overflow: auto; text-align: center; font-family: 'economica', sans-serif; font-size: 15px; line-height: 100%; color: #000; text-transform: uppercase;">
<div style="height: 30px;"></div>

Стая Эрика

</div></td>
</table>
</div>
</div>
</div></div>
<div style="width: 400px; height: 10px; background-color: #50443e;"></div>
<div style="width: 350px; background-color: #FFF; padding: 10px 25px 10px 25px; text-align: justify; font-family: tahoma; font-size: 10px; line-height: 100%; color: #000;">


|веселый оптимист, всегда найдет себе компанию, при том не суть важно из кого эта компания состоит и чем всё дело закончится;
|устроился на работу в качестве бармена, хотя предполагает, что с его отношением к работе, довольно быстро может оттуда вылететь;
|ходячая головная боль Эрика, настоящий человек-приключение.

</div>
<div style="width: 400px; height: 5px; background-color: #50443e;"></div>
<div style="width: 400px; height: 30px; background-image: url(http://img0.liveinternet.ru/images/attach/c/10/110/510/110510178_70654db1619d.jpg);"></div>
</center>

<link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
<style type="text/css">


.pink { width: 400px; height: 200px;  -webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; }

.flowers { width: 400px; height: 200px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all1s ease-in-out; transition: all 1s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;}

.pink:hover .flowers {-webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -o-transform: rotateX(-180deg);}

.red {overflow: hidden; position: absolute; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden;}

.roses { width: 400px; height: 200px; background-image: url(http://img0.liveinternet.ru/images/attach/b/3/29/440/29440317_23169619_f298d881eb2b.gif); position: absolute;  opacity: 0;  overflow: hidden; -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden;}

.pink:hover .roses { background-image: url(http://img0.liveinternet.ru/images/attach/b/3/29/440/29440317_23169619_f298d881eb2b.gif);  opacity: 1; -webkit-transition: all 2s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

</style>

<center>
<div style="width: 400px; height: 30px; background-image: url(http://img0.liveinternet.ru/images/attach/c/10/110/510/110510178_70654db1619d.jpg);"></div>
<div style="width: 400px; height: 5px; background-color: #50443e;"></div>
<div style="width: 400px;  background-color: #e3dfc1; text-align: center;  font-family: 'economica'; font-size: 15px; color: #50443e0; line-height: 100%; padding: 25px 0px 23px 0px; text-transform: uppercase; letter-spacing: 3px;">Megan Haig, 20</div>
<div style="width: 400px; height: 5px; background-color: #50443e;"></div>
<div class="pink"><div class="flowers"><div class="red"><div style="width: 400px; height: 200px; background-image: url(http://3.bp.blogspot.com/-7MTDfsU3nb0/UtQmsjitTLI/AAAAAAAAC8o/eE4TNVkYW1A/s400/ayo878.gif);"></div></div>
<div class="roses">
<div style="position: relative; top: 10px;">

<table cellspacing="2" cellpadding="0">
<td> <div style="width: 123px; background-color: #E6D6B8; padding: 12px 0px 12px 0px; text-align: center; color: #000; font-family: 'economica', sans-serif; font-size: 14px; line-height: 100%;"> ВНЕШНОСТЬ</div>
<div style="width: 113px; height: 115px; padding: 10px 5px 5px 5px; background-color: #FFF; overflow: auto; text-align: center; font-family: 'economica', sans-serif; font-size: 15px; line-height: 100%; color: #000; text-transform: uppercase;">
<div style="height: 30px;"></div>

Selena Gomez.

</div></td>
<td> <div style="width: 123px; background-color: #E6D6B8; padding: 12px 0px 12px 0px; text-align: center; color: #000; font-family: 'economica', sans-serif; font-size: 14px; line-height: 100%;"> ИМЯ</div>
<div style="width: 113px; height: 115px; padding: 10px 5px 5px 5px; background-color: #FFF; overflow: auto; text-align: center; font-family: 'economica', sans-serif; font-size: 15px; line-height: 100%; color: #000; text-transform: uppercase;">
<div style="height: 30px;"></div>

Меган Хейг

</div></td>
<td> <div style="width: 123px; background-color: #E6D6B8; padding: 12px 0px 12px 0px; text-align: center; color: #000; font-family: 'economica', sans-serif; font-size: 14px; line-height: 100%;"> СТОРОНА</div>
<div style="width: 113px; height: 115px; padding: 10px 5px 5px 5px; background-color: #FFF; overflow: auto; text-align: center; font-family: 'economica', sans-serif; font-size: 15px; line-height: 100%; color: #000; text-transform: uppercase;">
<div style="height: 30px;"></div>

Стая Питера

</div></td>
</table>
</div>
</div>
</div></div>



<div style="width: 400px; height: 10px; background-color: #50443e;"></div>
<div style="width: 350px; background-color: #FFF; padding: 10px 25px 10px 25px; text-align: justify; font-family: tahoma; font-size: 10px; line-height: 100%; color: #000;">


|первое время после обращения пряталась в лесах Бейкон-Хиллз до тех пор, пока ее не нашел Питер;
|интересуется легендами, не плохо разбирается во всем мистическом и кажется, что она всегда знает ответы на все вопросы;
|избегает убийств, больше всего боится, что однажды станет причиной чьей-то гибели;
|по той же причине избегает сближения с кем-либо, хоть и желает найти друзей, которые смогут ее понять и принять.

</div>
<div style="width: 400px; height: 5px; background-color: #50443e;"></div>
<div style="width: 400px; height: 30px; background-image: url(http://img0.liveinternet.ru/images/attach/c/10/110/510/110510178_70654db1619d.jpg);"></div>
</center>

<link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
<style type="text/css">


.pink { width: 400px; height: 200px;  -webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; }

.flowers { width: 400px; height: 200px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all1s ease-in-out; transition: all 1s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;}

.pink:hover .flowers {-webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -o-transform: rotateX(-180deg);}

.red {overflow: hidden; position: absolute; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden;}

.roses { width: 400px; height: 200px; background-image: url(http://img0.liveinternet.ru/images/attach/b/3/29/440/29440317_23169619_f298d881eb2b.gif); position: absolute;  opacity: 0;  overflow: hidden; -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden;}

.pink:hover .roses { background-image: url(http://img0.liveinternet.ru/images/attach/b/3/29/440/29440317_23169619_f298d881eb2b.gif);  opacity: 1; -webkit-transition: all 2s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

</style>

<center>
<div style="width: 400px; height: 30px; background-image: url(http://img0.liveinternet.ru/images/attach/c/10/110/510/110510178_70654db1619d.jpg);"></div>
<div style="width: 400px; height: 5px; background-color: #50443e;"></div>
<div style="width: 400px;  background-color: #e3dfc1; text-align: center;  font-family: 'economica'; font-size: 15px; color: #50443e0; line-height: 100%; padding: 25px 0px 23px 0px; text-transform: uppercase; letter-spacing: 3px;">Andrea Foster, 24</div>
<div style="width: 400px; height: 5px; background-color: #50443e;"></div>
<div class="pink"><div class="flowers"><div class="red"><div style="width: 400px; height: 200px; background-image: url(http://31.media.tumblr.com/f6550c23fede574fc06aabdc5961bed0/tumblr_mw81xxLjKY1qbh2jco2_r2_500.gif);"></div></div>
<div class="roses">
<div style="position: relative; top: 10px;">

<table cellspacing="2" cellpadding="0">
<td> <div style="width: 123px; background-color: #E6D6B8; padding: 12px 0px 12px 0px; text-align: center; color: #000; font-family: 'economica', sans-serif; font-size: 14px; line-height: 100%;"> ВНЕШНОСТЬ</div>
<div style="width: 113px; height: 115px; padding: 10px 5px 5px 5px; background-color: #FFF; overflow: auto; text-align: center; font-family: 'economica', sans-serif; font-size: 15px; line-height: 100%; color: #000; text-transform: uppercase;">
<div style="height: 30px;"></div>

Olivia Wilde.

</div></td>
<td> <div style="width: 123px; background-color: #E6D6B8; padding: 12px 0px 12px 0px; text-align: center; color: #000; font-family: 'economica', sans-serif; font-size: 14px; line-height: 100%;"> ИМЯ</div>
<div style="width: 113px; height: 115px; padding: 10px 5px 5px 5px; background-color: #FFF; overflow: auto; text-align: center; font-family: 'economica', sans-serif; font-size: 15px; line-height: 100%; color: #000; text-transform: uppercase;">
<div style="height: 30px;"></div>

Андреа Фостер

</div></td>
<td> <div style="width: 123px; background-color: #E6D6B8; padding: 12px 0px 12px 0px; text-align: center; color: #000; font-family: 'economica', sans-serif; font-size: 14px; line-height: 100%;"> СТОРОНА</div>
<div style="width: 113px; height: 115px; padding: 10px 5px 5px 5px; background-color: #FFF; overflow: auto; text-align: center; font-family: 'economica', sans-serif; font-size: 15px; line-height: 100%; color: #000; text-transform: uppercase;">
<div style="height: 30px;"></div>

Стая Питера

</div></td>
</table>
</div>
</div>
</div></div>





<div style="width: 400px; height: 10px; background-color: #50443e;"></div>
<div style="width: 350px; background-color: #FFF; padding: 10px 25px 10px 25px; text-align: justify; font-family: tahoma; font-size: 10px; line-height: 100%; color: #000;">


|бывшая альфа стаи, которую уничтожили Ардженты пару лет назад; всё последующее время она была омегой;
|приехала в Бейкон-Хиллс в поисках чего-то нового, в первый же вечер наткнулась на охотников, от которых ее спас Питер;
|мечтает отомстить оставшимся Арджентам а свое разрушенное прошлое, тем не менее настоящее ее тоже вполне устраивает;
|совершенно не доверяет Кейт Арджент, а потому постоянно накручивает Хейла, дабы он от нее избавился.

</div>
<div style="width: 400px; height: 5px; background-color: #50443e;"></div>
<div style="width: 400px; height: 30px; background-image: url(http://img0.liveinternet.ru/images/attach/c/10/110/510/110510178_70654db1619d.jpg);"></div>
</center>

<link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
<style type="text/css">


.pink { width: 400px; height: 200px;  -webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; }

.flowers { width: 400px; height: 200px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all1s ease-in-out; transition: all 1s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;}

.pink:hover .flowers {-webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -o-transform: rotateX(-180deg);}

.red {overflow: hidden; position: absolute; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden;}

.roses { width: 400px; height: 200px; background-image: url(http://img0.liveinternet.ru/images/attach/b/3/29/440/29440317_23169619_f298d881eb2b.gif); position: absolute;  opacity: 0;  overflow: hidden; -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); -webkit-transition: all 2s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden;}

.pink:hover .roses { background-image: url(http://img0.liveinternet.ru/images/attach/b/3/29/440/29440317_23169619_f298d881eb2b.gif);  opacity: 1; -webkit-transition: all 2s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

</style>

<center>
<div style="width: 400px; height: 30px; background-image: url(http://img0.liveinternet.ru/images/attach/c/10/110/510/110510178_70654db1619d.jpg);"></div>
<div style="width: 400px; height: 5px; background-color: #50443e;"></div>
<div style="width: 400px;  background-color: #e3dfc1; text-align: center;  font-family: 'economica'; font-size: 15px; color: #50443e0; line-height: 100%; padding: 25px 0px 23px 0px; text-transform: uppercase; letter-spacing: 3px;">Leah Oldridge, 22</div>
<div style="width: 400px; height: 5px; background-color: #50443e;"></div>
<div class="pink"><div class="flowers"><div class="red"><div style="width: 400px; height: 200px; background-image: url(http://i.perezhilton.com/wp-content/uploads/2014/09/jessica-alba-reveals-her-insecurity.gif);"></div></div>
<div class="roses">
<div style="position: relative; top: 10px;">

<table cellspacing="2" cellpadding="0">
<td> <div style="width: 123px; background-color: #E6D6B8; padding: 12px 0px 12px 0px; text-align: center; color: #000; font-family: 'economica', sans-serif; font-size: 14px; line-height: 100%;"> ВНЕШНОСТЬ</div>
<div style="width: 113px; height: 115px; padding: 10px 5px 5px 5px; background-color: #FFF; overflow: auto; text-align: center; font-family: 'economica', sans-serif; font-size: 15px; line-height: 100%; color: #000; text-transform: uppercase;">
<div style="height: 30px;"></div>

Jessica Alba.

</div></td>
<td> <div style="width: 123px; background-color: #E6D6B8; padding: 12px 0px 12px 0px; text-align: center; color: #000; font-family: 'economica', sans-serif; font-size: 14px; line-height: 100%;"> ИМЯ</div>
<div style="width: 113px; height: 115px; padding: 10px 5px 5px 5px; background-color: #FFF; overflow: auto; text-align: center; font-family: 'economica', sans-serif; font-size: 15px; line-height: 100%; color: #000; text-transform: uppercase;">
<div style="height: 30px;"></div>

Леа Олдрайдж

</div></td>
<td> <div style="width: 123px; background-color: #E6D6B8; padding: 12px 0px 12px 0px; text-align: center; color: #000; font-family: 'economica', sans-serif; font-size: 14px; line-height: 100%;"> СТОРОНА</div>
<div style="width: 113px; height: 115px; padding: 10px 5px 5px 5px; background-color: #FFF; overflow: auto; text-align: center; font-family: 'economica', sans-serif; font-size: 15px; line-height: 100%; color: #000; text-transform: uppercase;">
<div style="height: 30px;"></div>

Своя-?

</div></td>
</table>
</div>
</div>
</div></div>
<div style="width: 400px; height: 10px; background-color: #50443e;"></div>
<div style="width: 350px; background-color: #FFF; padding: 10px 25px 10px 25px; text-align: justify; font-family: tahoma; font-size: 10px; line-height: 100%; color: #000;">


|целеустремленная и опасная, о чем никогда не скажешь с первого взгляда; легко вливается в любую компанию, никогда не остается без внимания;
|грезит о власти, мечтает накопить силы, дабы стать альфой и собрать собственную стаю;
|ради собственных целей перешагнет через чьи угодно головы и прольет сколько угодно крови; еще одна цель приехавших в город охотников Калаверас.

</div>
<div style="width: 400px; height: 5px; background-color: #50443e;"></div>
<div style="width: 400px; height: 30px; background-image: url(http://img0.liveinternet.ru/images/attach/c/10/110/510/110510178_70654db1619d.jpg);"></div>
</center>