[theloop]<style>
/*------------------------полоски прокрутки-----------------------*/

#txt1::-webkit-scrollbar-thumb:vertical {
    background-color:#835947;
border: 1px solid #9a7163;
box-shadow: inset 0 0 5px white;
}

#txt1::-webkit-scrollbar-thumb:horizontal {
    background-color:#835947;
border: 1px solid #9a7163;
box-shadow: inset 0 0 5px white;
}

#txt1::-webkit-scrollbar {
    width: 0px;
    height: 1px;
    background-color: #D2CFCC;
    box-shadow: inset 0px 0px 3px rgba(236, 230, 224, 0.68);
    border: 4px solid rgba(255, 255, 255, 0.44);
    }



.loyol {background: url(http://funkyimg.com/i/27zMN.png);
    width: 185px;
    height: 221px;
    position: relative;
    left: 398px;
    z-index: 16;
top: -400px; -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}
.loyol:hover {background: url(http://funkyimg.com/i/27zMP.png);}

.torrio {background: url(http://funkyimg.com/i/27zPj.png);
    width: 254px;
    height: 135px;
    position: relative;
    left: 335px;
    top: -465px;
    z-index: 18;
-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}
.torrio:hover {background: url(http://funkyimg.com/i/27zPk.png);}

.daily {background: url(http://funkyimg.com/i/27zQ6.png);
    width: 160px;
    height: 216px;
    position: relative;
    left: 500px;
    top: -469px;-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}
.daily:hover {background: url(http://funkyimg.com/i/27zPn.png);}

.neutral {background: url(http://funkyimg.com/i/27zPp.png);
    width: 239px;
    height: 493px;
    position: relative;
    left: 303px;
    top: -973px;
z-index: 10;
-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}
.neutral:hover {background: url(http://funkyimg.com/i/27zPo.png);}


.dir {position: relative; color: white; font: 14px yeseva one;
    text-transform: uppercase; z-index: 19;
}

.txt {position: relative;
    width: 300px;
    color: #87736a;
    font: 30px yeseva one;
    text-transform: uppercase;
    top: 13px;
}
#txt1 {width: 310px;
    height: 338px;
    overflow-y: auto;
    font: 12px minion pro;
    text-transform: none;
    color: #676665;
    text-align: justify;
    padding-right: 3px;
    padding: 6px;
    position: relative;
    top: 29px;
    box-shadow: inset 0px 0 20px rgba(255, 255, 255, 0.35);
    background: #D0D2B6;
    border: 1px solid #ACACAD;}

a div.popup { 
    position: absolute;
    background: #a5a5a5;
    opacity: 1.8;
    filter: alpha(opacity=80);
    display: none;
    width: 250px;
    height: 187px;
    font: 10px monospace !important;
    text-align: justify;
    left: 135px;
    z-index: 9999;
    padding: 10px;
    color: #404040;
overflow-y: auto;
} 
a:hover div.popup { 
    display: block; 
} 

a div.popup h1 {background: black;
    padding: 5px !important;
    font: 18px yeseva one;
    color: #dbdbdd !important; text-align: center;}

</style>

<div class="txt"><b style="letter-spacing: 2px;font-size: 24px;font-weight: 500;">discover</b><br>CHICAGO NEIGHBORHOODS
<div id="txt1"><b><big>О</big></b>братите внимание на нашу карту Чикаго. На ней вы найдете расположение и описание основных кварталов и районов нашего города. Ознакомившись с ними, вы можете выбрать то место, что больше подходит для проживания именно вашему персонажу в зависимости от его занятости, увлечений, характера, материального состояния и образа жизни. <br><center><small>• • • • • • • • • • • • • • • • • • • • • • • • • • • • • •</small></center>
   <b><big>Р</big></b>айоны ложатся в основу «гражданского противостояния»: в каждом из них своя микроиерархия, свои команды стритрейсеров и уличных танцоров, свои боги и свои правила. По адресам будут строиться общие квесты, участие в которых каждый игрок может принимать или не принимать по собственному желанию.<br><center><small>• • • • • • • • • • • • • • • • • • • • • • • • • • • • • •</small></center>
   <b><big>К</big></b>аждый из районов входит в одну из трех «зон влияния»: Чикаго Лойола, Джона Торрио или Ричарда Дэйли. Это три противоборствующие территории, ведущие свою холодную войну за главенствующее положение в городе Чикаго. В современном мире не так много следов великой чикагской мафии осталось, когда правым оказывался тот, кто успел убить больше, завладеть дорожайшим. Сейчас зоны чаще всего выясняют свои отношения в мелких стачках уличных банд, в открытых соревнованиях танцевальных команд и нелегальных гонщиков, представители же глав территорий предпочитают использовать финансовую сторону давления и правления, разбавляя трудовые будни политикой и верным подбором полезных связей.<br><center><small>• • • • • • • • • • • • • • • • • • • • • • • • • • • • • •</small></center>
   <b><big>И</big></b>ерархия территорий проста: во главе каждой зоны стоит крупная корпорация, которая помимо своей основной деятельности занимается еще и развитием своих территорий. Каждая территория имеет своих «солдат» и своих «дипломатов». У каждого из них разные пути и способы, но цель всегда одна —  заполучить большую часть города, большую власть и силу. У каждого свой взгляд на то, каким должен стать Чикаго.</div></div>
<div class="dir" style="top: -372px;left: 494px;">north</div>

<div class="dir" style="top: -237px;left: 342px;">west</div>

<div class="dir" style="top: -219px;left: 447px;">downtown</div>

<div class="dir" style="top: -70px;left: 493px;">southside</div>
<div style="width: 0; height: 134px;margin-top: -85px; margin-left: 40px;">

<a href="http://theloop.rusff.me/viewtopic.php?id=5#p8"><div class="loyol"><div class="popup"><h1><big>+</big> Зона Чикаго Лойола</h1><br>Зона мягкого влияния, без давления и без особо воинствующих группировок. Каждый проживающий на территории Лойола знает о своем месте в структуре зоны, пытаясь работать и существовать на благо общего мира. Здесь нет особо криминальных и фешенебельных уголков. Средний уровень жизни, вполне достойный и ровный. Именно в этой зоне люди практически никогда не закрывают дверей своих домов и не ставят автомобили на сигнализацию. Глава всей зоны — образование. Ведь именно на данной территории находится один из лучших колледжей Иллинойса. Именно в колледже Лойола сконцентрировано всё негласное управление зоной.</div></div></a>
<a href="http://theloop.rusff.me/viewtopic.php?id=5#p9"><div class="torrio"><div class="popup" style="left: 165px;top: -14px;"><h1><big>+</big> Зона Джона Торрио</h1><br>Джон «Папа Джонни» Торрио, также известный как «Лис»,  итало-американский гангстер, один из создателей Чикагской организации в 1920-х годах, которая позже унаследована его протеже Аль Капоне. Именно Папа Джонни выдвинул идею Национального преступного синдиката в 1930 году. В его честь неофициально назван самая преступная, но и самая богатая часть Чикаго. Территория имени Торрио находится полностью в руках одного человека, который не страшиться использования в своих личных целях процветания никаких средств. Зона Джона Торрио является самой консервативной, здесь с 1920-х годов и по сей день действует строгая иерархия. Жители прекрасно знают кому и чему они обязаны всем тем. что имеют.</div></div></a>

<a href="http://theloop.rusff.me/viewtopic.php?id=5#p10"><div class="daily"><div class="popup" style="left: 120px;"><h1><big>+</big> Зона Ричарда Дэйли</h1><br>Зона политики и дорогих яхт. Уютные частные сектора тесно соседствуют с криминальными группировками. на первый взгляд странно, но на самом деле совершенно нет. Руки политиков Чикаго не редко были окроплены кровью, а закон вплотную замешан с беззаконьем. Даже внутри этого района есть противостояния, что уж говорить об отношении жителей к другим территориям Зон Лойола и Торрио. Расчетливость, хладнокровие с приветливыми улыбками. Лучшие места в опере и готовность пройти по головам с самого низа до вершин современного Вавилона. </div></div></a>

<a href="http://theloop.rusff.me/viewtopic.php?id=5#p11"><div class="neutral"><div class="popup" style="left: -180px !important;top: 298px;"><h1><big>+</big> Зона нейтралитета</h1><br>Всё на свете относительно, так и относителен нейтралитет этих территорий. Здесь тоже есть свои правила, но нет иерархии, нет головы, что управляла бы тем, что происходит в этой зоне. Территории свободные от личностных культов. Здесь каждый сам за себя, каждый старается жить, не зацикливаясь на географических и социальных границах. Зона нейтралитета, по административному своему принципу, уже не относится к самому городу Чикаго, но является его неотъемлемой частью.</div></div></a>
</div>

[theloop]

<style>/*------------------------полоски прокрутки-----------------------*/

.torriootxt::-webkit-scrollbar-thumb:vertical {
    background-color:#835947;
border: 1px solid #9a7163;
box-shadow: inset 0 0 5px white;
}

.torriootxt::-webkit-scrollbar-thumb:horizontal {
    background-color:#835947;
border: 1px solid #9a7163;
box-shadow: inset 0 0 5px white;
}

.torriootxt::-webkit-scrollbar {
    width: 0px;
    height: 1px;
    background-color: #D2CFCC;
    box-shadow: inset 0px 0px 3px rgba(236, 230, 224, 0.68);
    border: 4px solid rgba(255, 255, 255, 0.44);
    }


.torriootxt {position: relative;
    width: 300px;
    height: 149px;
    font: 11px minion pro;
    overflow-y: auto;
    margin-top: 8px;
    margin-left: -288px;
    text-align: justify;
    padding-right: 5px;
    box-shadow: inset 0px 0 20px rgba(255, 255, 255, 0.35);
    background: #D0D2B6;
    border: 1px solid #ACACAD;
    padding: 5px;}

.torriootxt h1 {text-transform: uppercase; font-weight: bold !important}

.torrioo h1 {font: bold 18px yeseva one;
    color: white !important;
    background: #447352;
    padding: 5px;
    text-align: center;}
.torrioo {position: relative;
    width: 600px;
    padding: 3px;
    text-align: center;}

 a div.loc {position: absolute;
    background: #a5a5a5;
    opacity: 1;
    filter: alpha(opacity=80);
    display: none;
    width: 240px;
    height: 187px;
    font: 10px monospace !important;
    text-align: justify;
    left: 30px;
    z-index: 9999;
    padding: 5px;
   padding-bottom: 0px;
    color: #404040;
    overflow-y: auto;}

a:hover div.loc { 
    display: block; 
} 

a div.loc h1 {
    background: black;
    padding: 5px !important;
    font: 18px yeseva one;
    color: #dbdbdd !important;
    text-align: center;
}

</style>

<center><div class="torrioo"><h1>Зона Джон Торрио<br><small>Районы</small></h1></div>
<div class="torriootxt">

<h1 style="color: maroon;">Белмонт Крагин</h1>
Население Belmont Cragin на 79% состоит из латино-американцев, 16% — белых, 3% — афроамериканцев и 2% — азиатов. Стрельба не происходит здесь каждый день, но тем не менее случается. Здесь не так опасно для вашего здоровья, а вот имущество движимое и недвижимое лучше держать под строгим надзором. В этом районе самый высокий показатель грабежей и угонов. Известно, что в данном районе самая большая группировка стритрейсеров.

<h1 style="color: maroon;">Остин</h1>
По статистике, один из самых густонаселенных районов Чикаго (после Lakeview), тоже находится на северо-западе города. 85% населения составляют афроамериканцы, 9% — латиноамериканцы и 5% — белые. Всего за месяц (согласно статистике полиции Чикаго) в Austin произошло 891(!) преступление, 461 квалифицируется полицией как quality-of-life-crimes (наркотики, проституция, приченение ущерба), 302 — property crimes (поджог, кража, угон авто) и 128 — violent сrimes (убийства, побои, изнасилования).<br>
Большинство преступлений случаются в тёмное время суток, и случаются повсеместно — на тротуарах, аллеях, парковках…<br>
Кстати говоря, первый Walmart в Чикаго был открыт именно в Austin, из-за чего были вынуждены закрыться многие маленькие магазины, что в свою очередь также послужило одной из причин увеличения криминала в районе.

<h1 style="color: maroon;">Гумбольдт Парк</h1>
Еще с 70-х годов он зарекомендовал себя как один из самых криминальных районов Чикаго. По статистике, именно здесь находится одна из самых больших Пуэрто-риканских общин, среди которой много гангстеров. Одни из самых крупных группировок — Latin Kings, MLDs, SD’s, Spanish Сobras и другие. Однако, кроме латиноамериканцев, в этом районе также проживает много украинцев и поляков.

<h1 style="color: #2351C8;">Вест Таун</h1>
West Town (Вест Таун) — чистый и благоустроенный район с хорошо-развитой инфраструктурой к северо-западу от даунтауна. Недвижимость среднего класса, есть множество магазинов, торговых и развлекательных центров. Здесь проживает много выходцев из Украины, Польши и других европейских стран. 

<h1 style="color: #2351C8;">Гриктаун</h1>
Гриктаун известен своей ночной жизнью и греческими ресторанчиками. Шумные и бессонные ночи, большое количество студенческих общин, ночных клубов. Богема города часто проводит свое свободное время именно в этом районе, устраивая настоящие ночные рейды по барам и ресторанам.  

<h1 style="color: green;">Чикаго Луп</h1>
Исторический деловой центр Чикаго. С самого начала существования района в его архитектуре преобладают высотные здания. В районе расположены торговые центры, различные театры и отели. Здесь локализируется огромное количество музеев. Чикаго-Луп является вторым по величине коммерческим, деловым бизнес-центром в Соединенных Штатах после Манхэттена в Нью-Йорке. Здесь же расположены штаб-квартиры таких известных фирм как United Airlines и Boeing.

<h1 style="color: green;">Голд Кост</h1>
"Золотой берег" — престижный район, протянувшийся на берегу озера вдоль Мичиган-авеню. Голд-Кост является популярным местом для жителей и гостей города с историческими особняками, бутиками и закусочными. Самые известные улицы: Оук-Стрит (Oak Street) и Раш-Стрит. 
К западу от Золотого берега находится Old Town (Старый город) — исторический район, сохранивший архитектуру и дух начала 20-го века.</div>

<div style="position: absolute;
    width: 300px;
    height: 149px;
    margin-top: -131px;
    margin-left: 355px;
    padding: 5px;"><img src="http://funkyimg.com/i/27AWd.png"> <img src="http://funkyimg.com/i/27AWc.png"> <img src="http://funkyimg.com/i/27AWb.png"></div>
</center>

<div style="background: url(http://funkyimg.com/i/27Bed.png);width: 608px;height: 322px;position: relative;margin-left: 50px;margin-top: 15px;">

<!---------Белмонт Крагин---------->
<a href="http://theloop.rusff.me/viewtopic.php?id=5#p9"><div style="background: url(http://funkyimg.com/i/27AEK.png);width: 28px;height: 37px;position: absolute;left: 214px;top: 96px;"><div class="loc"><h1>Белмонт Крагин</h1>
<img src="http://funkyimg.com/i/27Bbu.png"></div></div></a>

<!---------Остин---------->
<a href="http://theloop.rusff.me/viewtopic.php?id=5#p9"><div style="background: url(http://funkyimg.com/i/27AEK.png);width: 28px;height: 37px;position: absolute;left: 224px;top: 210px;"><div class="loc"><h1>Остин</h1>
<img src="http://funkyimg.com/i/27Bbx.png"></div></div></a>

<!---------Гумбольдт Парк---------->
<a href="http://theloop.rusff.me/viewtopic.php?id=5#p9"><div style="background: url(http://funkyimg.com/i/27AEK.png);width: 28px;height: 37px;position: absolute;left: 364px;top: 176px;"><div class="loc"><h1>Гумбольдт Парк</h1>
<img src="http://funkyimg.com/i/27Bbw.png"></div></div></a>

<!---------Вест Таун---------->
<a href="http://theloop.rusff.me/viewtopic.php?id=5#p9"><div style="background: url(http://funkyimg.com/i/27AEM.png);width: 28px;height: 37px;position: absolute;left: 451px;top: 204px;"><div class="loc"><h1>Вест Таун</h1>
<img src="http://funkyimg.com/i/27Bby.png"></div></div></a>

<!---------Гриктаун---------->
<a href="http://theloop.rusff.me/viewtopic.php?id=5#p9"><div style="background: url(http://funkyimg.com/i/27AEM.png);width: 28px;height: 37px;position: absolute;left: 500px;top: 259px;"><div class="loc" style="
    top: -50px;
"><h1>Гриктаун</h1>
<img src="http://funkyimg.com/i/27Bbz.png"></div></div></a>

<!---------Чикаго Луп---------->
<a href="http://theloop.rusff.me/viewtopic.php?id=5#p9"><div style="background: url(http://funkyimg.com/i/27AEL.png);width: 28px;height: 37px;position: absolute;left: 563px;top: 266px;"><div class="loc" style="
    top: -48px;
"><h1>Чикаго Луп</h1>
<img src="http://funkyimg.com/i/27Bbt.png"></div></div></a>

<!---------Голд Кост---------->
<a href="http://theloop.rusff.me/viewtopic.php?id=5#p9"><div style="background: url(http://funkyimg.com/i/27AEL.png);width: 28px;height: 37px;position: absolute;left: 546px;top: 149px;"><div class="loc"><h1>Голд Кост</h1>
<img src="http://funkyimg.com/i/27Bbs.png"></div></div></a>

<!---------школа---------->
<a href="http://theloop.rusff.me/viewtopic.php?id=5#p9"><div style="background: url(http://s3.uploads.ru/eVxjl.png);width: 34px;height: 33px;position: absolute;left: 132px;top: 264px;"><div class="loc"><h1 style="
    font-size: 16px;
    ">Средняя школа Фенвика</h1>
<img src="http://funkyimg.com/i/27BbC.png"></div></div></a>

<!---------ресторан---------->
<a href="http://theloop.rusff.me/viewtopic.php?id=5#p9"><div style="background: url(http://funkyimg.com/i/27ADn.png);width: 19px;height: 35px;position: absolute;left: 306px;top: 133px;"><div class="loc"><h1>Ресторан Mexique</h1>
<img src="http://funkyimg.com/i/27Bbv.png"></div></div></a>

<!---------бар---------->
<a href="http://theloop.rusff.me/viewtopic.php?id=5#p9"><div style="background: url(http://funkyimg.com/i/27AQe.png);width: 37px;height: 35px;position: absolute;left: 308px;top: 240px;"><div class="loc" style="
    top: -50px;
"><h1>Ray Wray Bar</h1>
<img src="http://funkyimg.com/i/27Bbr.png"></div></div></a>

<!---------клуб---------->
<a href="http://theloop.rusff.me/viewtopic.php?id=5#p9"><div style="background: url(http://funkyimg.com/i/27ADr.png);width: 27px;height: 30px;position: absolute;left: 167px;top: 52px;"><div class="loc"><h1>Stereo Nightclub</h1>
<img src="http://funkyimg.com/i/27Bco.png"></div></div></a>

<!---------муниципалитет---------->
<a href="http://theloop.rusff.me/viewtopic.php?id=5#p9"><div style="background: url(http://funkyimg.com/i/27BbB.png);width: 27px;height: 30px;position: absolute;left: 567px;top: 215px;"><div class="loc"><h1 style="
    font-size: 13px;
">Муниципалитет города Чикаго</h1>
<img src="http://funkyimg.com/i/27Bd9.png"></div></div></a>

<!---------отель---------->
<a href="http://theloop.rusff.me/viewtopic.php?id=5#p9"><div style="background: url(http://funkyimg.com/i/27ADm.png);width: 34px;height: 23px;position: absolute;left: 66px;top: 220px;"><div class="loc"><h1 style="font-size: 14px;">The Carleton of Oak Park Hotel</h1>
<img src="http://funkyimg.com/i/28h95.png"></div></div></a>

</div></div>