<!--HTML-->
<style type="text/css">
#huff {background-image: url(http://forumupload.ru/uploads/001a/ce/39/4/t68120.gif); width: 200px; height: 300px;}
#huff .hover {width: 180px; font-family: Roboto, sans-serif; height: 280px; background-color: #fff; opacity: 0; transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; font-size: 9px; padding: 10px; text-align: justify; line-height: 100%; max-width: 100%; overflow-x: hidden;}
#huff:hover .hover {opacity: 1;}
.huffname {width: 190px; font-family: Playfair Display, sans-serif; height: 20px; background-color: #323333; color: #ffffff; padding: 5px; text-transform: uppercase; text-align: center; font-size: 15px;}

#sly {width: 200px; height: 300px; background-image: url(http://forumupload.ru/uploads/001a/ce/39/4/t68120.gif);}
#sly .hover {width: 180px;  font-family: Roboto, sans-serif; height: 280px; background-color: #fff; opacity: 0; transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; font-size: 9px; padding: 10px; text-align: justify; line-height: 100%; max-width: 100%; overflow-x: hidden;}
#sly:hover .hover {opacity: 1;}
.slyname {width: 190px; font-family: Playfair Display, sans-serif; height: 20px; background-color: #323333; color: #ffffff; padding: 5px; text-transform: uppercase; text-align: center; font-size: 15px;}

#rav {width: 200px; height: 300px; background-image: url(http://forumupload.ru/uploads/001a/ce/39/4/t68120.gif);}
#rav .hover {width: 180px; font-family: Roboto, sans-serif; height: 280px; background-color: #fff; opacity: 0; transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; font-size: 9px; padding: 10px; text-align: justify; line-height: 100%; max-width: 100%; overflow-x: hidden;}
#rav:hover .hover {opacity: 1;}
.ravname {width: 190px; height:height: 20px; font-family: Playfair Display, sans-serif; 20px; background-color: #323333; color: #ffffff; padding: 5px; text-transform: uppercase; text-align: center; font-size: 15px;}

#gry {width: 200px; height: 300px; background-image: url(http://forumupload.ru/uploads/001a/ce/39/4/t68120.gif);}
#gry .hover {width: 180px; font-family: Roboto, sans-serif; height: 280px; background-color: #fff; opacity: 0; transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; font-size: 9px; padding: 10px; text-align: justify; line-height: 100%; max-width: 100%; overflow-x: hidden;}
#gry:hover .hover {opacity: 1;}
.gryname {width: 190px; font-family: Playfair Display, sans-serif; height: 20px; background-color: #323333; color: #ffffff; padding: 5px; text-transform: uppercase; text-align: center; font-size: 15px;}

#staff {width: 200px; height: 300px; background-image: url(http://forumupload.ru/uploads/001a/ce/39/4/t68120.gif);}
#staff .hover {width: 180px;  font-family: Roboto, sans-serif; height: 280px; background-color: #fff; opacity: 0; transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; font-size: 9px; padding: 10px; text-align: justify; line-height: 100%; max-width: 100%; overflow-x: hidden;}
#staff:hover .hover {opacity: 1;}
.staffname {width: 190px; font-family: Playfair Display, sans-serif; height: 20px; background-color: #323333; color: #ffffff; padding: 5px; text-transform: uppercase; text-align: center; font-size: 15px;}

#adult {width: 200px; height: 300px; background-image: url(http://forumupload.ru/uploads/001a/ce/39/4/t68120.gif);}
#adult .hover {width: 180px;  font-family: Roboto, sans-serif; height: 280px; background-color: #fff; opacity: 0; transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; font-size: 9px; padding: 10px; text-align: justify; line-height: 100%; max-width: 100%; overflow-x: hidden;}
#adult:hover .hover {opacity: 1;}
.adultname {width: 190px; font-family: Playfair Display, sans-serif; height: 20px; background-color: #323333; color: #ffffff; padding: 5px; text-transform: uppercase; text-align: center; font-size: 15px;}

.credit {width: 500; text-align: center; font-size: 8px;}
</style>

<table><tr><td><div id="huff"><div class="hover">Кто-то должен навести прядок, установить правила. На них лежит большая ответственность. В комитет можно попасть, если вас выберут на тайном голосовании. Отказ грозит проблемами. Выборы раз в месяц.<br><br>
<b>Глава</b> - имя<br><br>
<b>Правая рука</b> - имя<br><br>
<b>3</b> - имя<br><br>
<b>4</b> - имя<br><br>
<b>5</b> - имя<br><br>

<br>
</div></div>
<div class="huffname"> Комитет</div></td><td>

<div id="sly"><div class="hover">Эти люди готовы помогать, оберегать. Они могут предложить не только физическую помощь, но и моральную. Они поддерживают здоровую атмосферу среди населения.<br><br>
<b>Глава</b> - 
<b>Правая рука</b> - имя<br><br>
<b>3</b> - <a href="http://trialtrip.rusff.me/profile.php?id=51">Kimberly Lightwood</a><br><br>
<b>4</b> - <a href="http://trialtrip.rusff.me/profile.php?id=21">Daisy North</a><br><br>
<b>5</b> - <a href="http://trialtrip.rusff.me/profile.php?id=60">Tyler Knight</a><br><br>
<br><br>
<br><br>

</div></div>
<div class="slyname">Стража</div></td><td>

<div id="rav"><div class="hover">Если ты не нашел себя в этом городе, если доверяешь только себе, то тебе лучше держаться в стороне от группировок. У тебя еще будет время определиться.<br><br>
<b>1</b> - <a href="http://trialtrip.rusff.me/profile.php?id=19">Michael Norton</a><br><br>
<b>2</b> -  <a href="http://trialtrip.rusff.me/profile.php?id=9">Amber Pines</a><br><br>
<b>3</b> - <a href="http://trialtrip.rusff.me/profile.php?id=30">Cirice Brink</a><br><br>
<b>4</b> - <a href="http://trialtrip.rusff.me/profile.php?id=29">Jaycee Asher</a><br><br>
<b>5</b> - <a href="http://trialtrip.rusff.me/profile.php?id=5">Sonia Holzmann</a><br><br>
<b>6</b> - <a href="http://trialtrip.rusff.me/profile.php?id=36">Tony Foster</a><br><br>
<b>7</b> - <a href="http://trialtrip.rusff.me/profile.php?id=7">Oliver Hart</a><br><br>
<b>8</b> - <a href="http://trialtrip.rusff.me/profile.php?id=37">Charlotte King</a><br><br>
<b>9</b> - <a href="http://trialtrip.rusff.me/profile.php?id=59">Raymond Cypher</a><br><br>
<b>10</b> - <a href="http://trialtrip.rusff.me/profile.php?id=62">Kate D.Everhart</a><br><br>
<b>11</b> - <a href="https://trialtrip.rusff.me/profile.php?id=63">Seth Gallacher</a><br><br>
<b>12</b> - <a href="http://trialtrip.rusff.me/profile.php?id=64">Henry Compton</a><br><br>
<b>13</b> - <a href="http://trialtrip.rusff.me/profile.php?id=66">Eric Sanders</a>
<br><br>
<br><br>



</div></div>
<div class="ravname">Нейтралитет</div></td></tr><tr><td>

<div id="gry"><div class="hover">Мама анархия, папа стакан портвейна. Мы знаем как будет лучше. Слушайте нас. Никаких правил. Иначе в чем смысл? Мы знаем тысячу и один способ вправить мозги.<br><br>
<b>1</b> - <a href="http://trialtrip.rusff.me/profile.php?id=3">Theodore Scott</a><br><br>
<b>2</b> - имя<br><br>
<b>3</b> - имя<br><br>
<b>4</b> - имя<br><br>




</div></div>
<div class="gryname">Delray brothers</div></td><td>

<div id="staff"><div class="hover">Ее можете образовать сами.<br><br>
<b>Глава</b> - имя<br><br>
<b>Правая рука</b> - имя<br><br>
<b>3</b> - имя<br><br>
<b>4</b> - имя<br><br>
<b>5</b> - имя<br><br>




</div></div>
<div class="staffname">Группа 5</div></td><td>

<div id="adult"><div class="hover">Ее можете образовать сами.<br><br>
<b>Глава</b> - имя<br><br>
<b>Правая рука</b> - имя<br><br>
<b>3</b> - имя<br><br>
<b>4</b> - имя<br><br>
<b>5</b> - имя<br><br>






</div></div>
<div class="adultname">Группа 6</div></td></tr></table>