<!--HTML-->
<style type="text/css">
#huff {background-image: url(http://savepic.org/7864126.png); width: 200px; height: 300px;}
#huff .hover {width: 180px; 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; height: 20px; background-color: #25777D; color: #ffffff; padding: 5px; text-transform: uppercase; text-align: center; font-size: 10px;}

#sly {width: 200px; height: 300px; background-image: url(http://savepic.org/7830334.png);}
#sly .hover {width: 180px; 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; height: 20px; background-color: #D6B936; color: #ffffff; padding: 5px; text-transform: uppercase; text-align: center; font-size: 15px;}

#rav {width: 200px; height: 300px; background-image: url(http://savepic.org/7800631.png);}
#rav .hover {width: 180px; 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: 20px; background-color: #da152e; color: #ffffff; padding: 5px; text-transform: uppercase; text-align: center; font-size: 15px;}

#gry {width: 200px; height: 300px; background-image: url(http://savepic.org/7860022.png);}
#gry .hover {width: 180px; 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; height: 20px; background-color: #3b5f7a; color: #ffffff; padding: 5px; text-transform: uppercase; text-align: center; font-size: 10px;}

#staff {width: 200px; height: 300px; background-image: url(http://savepic.org/7862070.png);}
#staff .hover {width: 180px; 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; height: 20px; background-color: #913f10; color: #ffffff; padding: 5px; text-transform: uppercase; text-align: center; font-size: 15px;}

#adult {width: 200px; height: 300px; background-image: url(http://savepic.org/7854902.png);}
#adult .hover {width: 180px; 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; height: 20px; background-color: #403B3B; 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"><img src="http://savepic.org/7774073.gif" width="180" /><br><br>
<b>С</b>ержант - <br>
<b>С</b>тарший детектив -  <br>
<b>О</b>фицер - <br>
<b>П</b>атрульный - <br>
<b>П</b>атрульный - <br>
<b>Д</b>ежурный по отделению - <br>
инженер IT  - <a href="https://chicago911.rusff.me/profile.php?id=26">Oscar Haynes</a><br>
</div></div>
<div class="huffname">Intelligence Unit of Chicago PD</div></td><td>

<div id="sly"><div class="hover"><img src="http://savepic.org/7790459.gif" width="180" /><br><br>
<b>Ш</b>еф пожарной части №51 - <br>
<b>Л</b>ейтенант пожарного расчета - <br>
<b>Л</b>ейтенант команды спасателей - <br>
<b>П</b>арамедик (бригада 61, водитель) - <br>
<b>П</b>арамедик (бригада 61) - <br>
<b>П</b>арамедик (бригада 63, водитель) - <br>
<b>П</b>арамедик (бригада 63) - <br>
Спасатель - <br>
<b>П</b>ожарный (расчет 81) - <br>
<b>П</b>ожарный (расчет 81) - <br>
<b>С</b>пасатель (расчет 3) - <br>
<b>С</b>пасатель (расчет 3) - <br></div></div>
<div class="slyname">Chicago Fire</div></td><td>

<div id="rav"><div class="hover"><img src="https://38.media.tumblr.com/69b45722b49a3f96c4ea75354aaf3ad8/tumblr_n8vminfaap1rczfbdo1_400.gif" width="180" /><br><br>
<b>Г</b>лава больницы - <br>
<b>З</b>аведующий отделением травматологии - <br> 
<b>Х</b>ирург-травматолог - <br>
<b>З</b>аведующий отделением кардиохирургииг - <br>
<b>К</b>ардиохирург - <br>
<b>З</b>аведующий отделением нейрохирургии - <br>
<b>З</b>аведующий отделением реанимации - <br>
<b>О</b>бщий хирург - <br>
<b>И</b>нтерн - <br>
</div></div>
<div class="ravname">Chicago Med</div></td></tr><tr><td>

<div id="gry"><div class="hover"><img src="http://savepic.org/7792507.gif" width="180" /><br><br>
<b>С</b>тарший сержант - m|f (40+)<br>
<b>С</b>ержант уголовной полиции -<br>
<b>С</b>тарший офицер -<br>
<b>С</b>тарший офицер -<br>
<b>С</b>тарший офицер -<br>
<b>С</b>тарший офицер -<br>
<b>Д</b>етектив - <br>
<b>Д</b>етектив - <br>
<b>О</b>фицер - <br>
<b>О</b>фицер - <br>
<b>П</b>атрульный - <br>
<b>П</b>атрульный -<br>
<b>Д</b>ежурный по отделению - <br>
</div></div>
<div class="gryname">Police patrol Chicago PD</div></td><td>

<div id="staff"><div class="hover"><img src="http://savepic.org/7783293.gif" width="180" /><br><br>
<br>
<b>О</b>фицер -<br>
<b>О</b>фицер -<br>
<b>О</b>фицер -<br>
<b>О</b>фицер -<br>
<b>Л</b>ейтенант -<br>
<b>К</b>апитан -<br>

</div></div>
<div class="staffname">S.W.A.T.</div></td><td>

<div id="adult"><div class="hover"><img src="http://savepic.org/7752573.gif" width="180" /><br><br>
<center><b>Политика</b></center><br>
<center><b>Образование</b></center><br>
<center><b>Спорт</b></center><br>
<center><b>Сфера услуг</b></center><br>
<center><b>СМИ и ТВ</b></center><br>
<center><b>Шоу-бизнес</b></center><br>
<center><b>Бизнес</b></center><br>
<center><b>Представители закона</b></center><br>
<center><b>Криминал</b></center><br>
торговка наркотиками - <a href="https://chicago911.rusff.me/viewtopic.php?id=42#p972">Kira Olla</a><br>
<center><b>Другое</b></center><br>
оператор call-центра911-


</div></div>
<div class="adultname">Chicagoans</div></td></tr></table>

должность - <a href="ССЫЛКА НА ПРОФИЛЬ">ИФ на англ.</a><br>