[html]<!-- начало текстового контейнера -->
<div id="text-block">
<!-- ссылка на всплывающий контейнер -->
<a href="#pic_form" id="pic_pop"><img src="http://s6.uploads.ru/MJzGo.jpg"></a>
<!-- всплывающий контейнер -->
<a href="#x" class="overlay" id="pic_form"></a>
<div class="popup">
<img src="http://s6.uploads.ru/OGvZ1.jpg">
<a class="close" href="#close"></a>
</div>
Текст 1--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<!-- конец текстового контейнера -->
</div>
<!-- Текст слева -->
<div id="left-sector">
<h3>География</h3><hr/>
Текст 2--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<h3>Жизнь и общество</h3><hr/>
Текст 3--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
<br/>
<br/>
<h3>История региона</h3><hr/>
Текст 4--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<!-- текст слева КОНЕЦ -->
</div>
<!-- Блоки справа -->
<div id="right-sector">
<div id="rs-block">
<h3>Города</h3>
<!-- ссылка на город -->
<a href="#town1_form" id="town1_pop" class="rs-menu">Город 1</a>
<!-- всплывающий контейнер -->
<a href="#x" class="overlay" id="town1_form"></a>
<div class="popup">
содержимое блока 1
<a class="close" href="#close"></a>
</div>
<!-- ссылка на город -->
<a href="#town2_form" id="town2_pop" class="rs-menu">Город 2</a>
<!-- всплывающий контейнер -->
<a href="#x" class="overlay" id="town2_form"></a>
<div class="popup">
содержимое блока 2
<a class="close" href="#close"></a>
</div>
<!-- ссылка на город -->
<a href="#town3_form" id="town3_pop" class="rs-menu">Город 3</a>
<!-- всплывающий контейнер -->
<a href="#x" class="overlay" id="town3_form"></a>
<div class="popup">
содержимое блока 3
<a class="close" href="#close"></a>
</div>
<!-- ссылка на город -->
<a href="#town4_form" id="town4_pop" class="rs-menu">Город 4</a>
<!-- всплывающий контейнер -->
<a href="#x" class="overlay" id="town4_form"></a>
<div class="popup">
содержимое блока 4
<a class="close" href="#close"></a>
</div>
<!-- ссылка на город -->
<a href="#town5_form" id="town5_pop" class="rs-menu">Город 5</a>
<!-- всплывающий контейнер -->
<a href="#x" class="overlay" id="town5_form"></a>
<div class="popup">
содержимое блока 5
<a class="close" href="#close"></a>
</div>
</div>
<div id="rs-block">
<h3>Краткая инфо о чем-то</h3>
Краткая инфо о чем-то важном
</div>
<div id="rs-block">
<h3>Акционные персонажи</h3>
<!-- ссылка на личность -->
<a href="#pers1_form" id="pers1_pop" class="rs-pers">
<img src="http://s7.uploads.ru/zLxSb.gif">
<span> Личность 1 </span>
</a><br/>
<!-- всплывающий контейнер -->
<a href="#x" class="overlay" id="pers1_form"></a>
<div class="popup">
содержимое блока 1
<a class="close" href="#close"></a>
</div>
<!-- ссылка на личность -->
<a href="#pers2_form" id="pers2_pop" class="rs-pers">
<img src="http://s7.uploads.ru/zLxSb.gif">
<span> Личность 2 </span>
</a><br/>
<!-- всплывающий контейнер -->
<a href="#x" class="overlay" id="pers2_form"></a>
<div class="popup">
содержимое блока 2
<a class="close" href="#close"></a>
</div>
<!-- ссылка на личность -->
<a href="#pers3_form" id="pers3_pop" class="rs-pers">
<img src="http://s7.uploads.ru/zLxSb.gif">
<span> Личность 3 </span>
</a><br/>
<!-- всплывающий контейнер -->
<a href="#x" class="overlay" id="pers3_form"></a>
<div class="popup">
содержимое блока 3
<a class="close" href="#close"></a>
</div>
<!-- ссылка на личность -->
<a href="#pers4_form" id="pers4_pop" class="rs-pers">
<img src="http://s7.uploads.ru/zLxSb.gif">
<span> Личность 4 </span>
</a><br/>
<!-- всплывающий контейнер -->
<a href="#x" class="overlay" id="pers4_form"></a>
<div class="popup">
содержимое блока 4
<a class="close" href="#close"></a>
</div>
<!-- ссылка на личность -->
<a href="#pers5_form" id="pers5_pop" class="rs-pers">
<img src="http://s7.uploads.ru/zLxSb.gif">
<span> Личность 5 </span>
</a><br/>
<!-- всплывающий контейнер -->
<a href="#x" class="overlay" id="pers5_form"></a>
<div class="popup">
содержимое блока 5
<a class="close" href="#close"></a>
</div>
</div>
<!-- Блоки справа КОНЕЦ -->
</div>
<style>
#pun-main .container {padding: 8px 12px;}
</style>[/html]