<script type="text/javascript">
(function($) {

$(function() {

$('div.box').css('margin-left','-492px');

	$('ul.tabs').delegate('li:not(.current)', 'click', function() {


$(this).stop().animate({'marginLeft':'540px'},400).siblings().animate({'marginLeft':'0px'},400)

.parents('div.section').find('div.box').eq($(this).index()).css('display','block').animate({'marginLeft':'50px'},400).siblings('div.box').animate({'marginLeft':'-490px'},400).css('display','none');

$(this).addClass('current').siblings().removeClass('current');
}    	
    
)


$('ul.tabs').delegate('li.current', 'click', function() 
{
$(this).stop().animate({'marginLeft':'0px'},400)

.parents('div.section').find('div.box').eq($(this).index()).animate({'marginLeft':'-760px'},400);

$(this).removeClass('current');
}
)


})
})(jQuery)
</script>

<div id="slider" style="position: absolute">
<ul id="navigation" class="tabs">

            <li><div><img src="http://uploads.ru/i/O/l/z/Olz15.png" title="Администрация"></div></li>
            <li><div><img src="http://uploads.ru/i/4/d/w/4dwSV.png" title="Вакансии"></div></li>
            <li><div><img src="http://uploads.ru/i/l/8/q/l8qpX.png" title="В игре"></div></li>
            <li><div><img src="http://uploads.ru/i/9/t/5/9t5hj.png" title="Избранные цитаты"></div></li>
            <li><div><img src="http://uploads.ru/i/j/e/6/je6CX.png" title="Баннеры"></div></li>

        </ul>

<div class="box visible">

<div class="sl">
<div class="v-t">
<a href="http://adastra.rolevaya.ru/profile.php?id=2">WIW</a>
</div>
<div class="v-t1">Администратор</div>
<div>Искусственная справочная система. Отвечает на вопросы касательно мира и игры.
<br><br><i>[Неигровой персонаж]</i></div>
</div>

<div class="sl">
<div class="v-t">
<a href="http://adastra.rolevaya.ru/profile.php?id=6">David 8 [No 7]</a>
</div>
<div>
<div class="v-t1">Администратор</div>
Андроид-консультант. Создан для того, чтобы сопровождать вас в первые дни появления в игре.
<br><br><i>[Неигровой персонаж]</i></div>
</div>

<div class="sl">
<div class="v-t">
<a href="http://adastra.rolevaya.ru/profile.php?id=7">Arizona Hunter</a>
</div>
<div>
<div class="v-t1">Администратор</div>
Охотница за головами. В смысле за анкетами. Ведет прием в игру.
</div>

</div>


	</div>



	<div class="box">
<center><b>В ИГРУ ТРЕБУЮТСЯ:</b></center>
    <table><tr>
<td width="45%" valign="top"><b>Раскол</b>
<br>• <a href="http://adastra.rolevaya.ru/viewtopic.php?id=36#p86">Опальные главы корпорации "Вейланд</a>
<br>• Хакеры
<br>• Просто наемники-авантюристы
</td>
<td width="45%" valign="top"><b>Новые начала</b>
<br>• <a href="http://adastra.rolevaya.ru/viewtopic.php?id=36#p85">Новые аргонавты</a>
<br>• Экипажи других кораблей
<br>• Наемники-авантюристы
<br>
</td>
</tr></table>

	</div>

	<div class="box">
<center><b>СОБЫТИЯ В ИГРЕ:</b></center>
Штиль...
<br>

	</div>

	<div class="box">

    <p>А тут цитаты.</p>

	</div>

	<div class="box">

<div style="display: inline-block !important; vertical-align: top; text-align: center; width: 92px; background: #a2bfc2; height: 130px"><div class="v-t">ТОП-ы:</div>
<a href="http://adastra.rolevaya.ru" target=blank><img src="http://s3.uploads.ru/YxT36.gif"></a>

</div>
<div style="display: inline-block !important; vartical-align: top; width: 364px;">
<a href="http://py6.ru/mdfkXH" class="postlink" target="_blank" rel="nofollow"><img src="http://img.ii4.ru/images/2012/06/13/234934_234931_banner2.gif" border="0" alt="" /></a> <a href="http://maylora.f-rpg.ru/" target="_blank"><img src="http://img405.imageshack.us/img405/111/54024328.jpg" alt="Maylora: Start at the End"></a>
</div>

	</div>


</div>

div.v-t {width: 100%; padding: 5px 0 5px 0; background-color: #a2bfc2; font-weight: bold; text-decoration: none; text-align: center}
div.v-t1 {font-style: italic; text-align: center; padding: 5px 0 5px 0}
.sl {display: inline-block; width: 140px; vertical-align: top; text-align: center; padding: 0 4px 0 4px}


#slider{
display: block;
overflow: hidden !important;
width: 595px;
margin-top: 25px;
}

.box {
width: 460px;
left: -750px;
 background-color:#cadcde;
    border:1px solid #58757b;
min-height: 130px;
padding: 15px;
display: none;
z-index: 100;
}

.visible {display: block}

ul#navigation {
position: absolute;
    list-style: none;
    z-index:99;
width: 60px;
}
ul#navigation li {
    width: 50px;
margin-bottom: 10px;
}
ul#navigation li div {
    display: block;
    margin-left: -2px;
    width: 50px;
    height: 23px; 
text-align: center;  
    border-left: none;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    /*-moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
    */
cursor: default;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}