<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://www.lenagold.ru/fon/rast/gol/rast56.jpg); 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://www.lenagold.ru/fon/rast/gol/rast56.jpg);  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://www.lenagold.ru/fon/rast/gol/rast56.jpg);"></div>
<div style="width: 400px; height: 5px; background-color: #abc7bd;"></div>
<div style="width: 400px;  background-color: #e3dfc1; text-align: center;  font-family: 'economica'; font-size: 15px; color: #606e69; line-height: 100%; padding: 25px 0px 23px 0px; text-transform: uppercase; letter-spacing: 3px;">Ada Perry, air, 24</div>
<div style="width: 400px; height: 5px; background-color: #abc7bd;"></div>
<div class="pink"><div class="flowers"><div class="red"><div style="width: 400px; height: 200px; background-image: url(http://i41.tinypic.com/9fpj7p.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>

AMANDA SEYFRIED

</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: 120px; padding: 5px; background-color: #FFF; overflow: auto; text-align: justify; font-family: tahoma; font-size: 10px; line-height: 100%; color: #000;">

<b>Аэрокинез</b> - правление воздухом, создание ветров, создание смерчей, бурь, управление ими.
<b>Биолокация</b> - способность определять в окружающем пространстве положение каких-либо объектов, получать информацию о них, либо информацию о собственной ориентации в окружающем пространстве.
<b>Аудиокинез</b> - генерация и контроль звуковых волн.

</div></td>
</table>
</div>
</div>
</div></div>
<div style="width: 400px; height: 10px; background-color: #abc7bd;"></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;">

Эйда опьяняет. Она чарует и завораживает. От нее невозможно отвести глаз. Эйда сводит с ума любого. Она ветряная. Эта девушка окутает вас целиком и полностью. Она, словно ветер, растормошит вас, а после легкомысленно улыбнется и помчится дальше. Не смотря на всю свою легкомысленность она невероятно верная. Спокойная большую часть времени, но это лишь часть. Иногда Эйда, как ветер, порывиста. Она страстная и увлекающаяся натура. </br>
Влюбляется и остывает очень быстро. Она страстная и нежная одновременно. То ласкает теплом, то бьют порывами. Она ветер в душе и ничего не хочет менять. Эта девушка не пойдет на жертвы, несмотря на свою доброту. По ней так пропади все пропадом, но то что ей дорого она не отдаст. Она великолепный собеседник и запросто можешь разболтать и уболтать любого. </br>
Обожает все быстрое. Она запросто запрыгнет на железного коня и помчится по дороге вслед за солнцем. Эйда неравнодушна к выпивке и никогда не откажется от кальяна и хороших сигарет. Она обожает нарушать правила. Эйда одна из тех кто совершенно не боится Оливера и более того ты всегда угрожаешь ему, что в случае чего запросто оборвешь связь с ковеном и уйдешь.

</div>
<div style="width: 400px; height: 5px; background-color: #abc7bd;"></div>
<div style="width: 400px; height: 30px; background-image: url(http://www.lenagold.ru/fon/rast/gol/rast56.jpg);"></div>
</center>