<style type="text/css">  
/* --------------------------  
AUTHOR : ST1M  
URL : http://www.nncity.pp.ru  
Copyrights by ST1M  
----------------------------*/  
*{  
margin:0;  
padding:0;  
}  
body{  
background:#fff;  
color:#666;  
font:12px/18px Tahoma, Arial, Helvetica, sans-serif;  
}  
#menu{  
background:#fff;  
width:170px;  
}  
#menu ul{  
list-style:none;  
}  
#menu li{  
list-style:none;  
margin:3px 0;  
}  
#menu li a{  
list-style:none;  
background:#8faf39 url(/images/menu_033_bg.gif) no-repeat;  
color:#fff;  
text-transform:uppercase;  
font-size:11px;  
font-weight:bold;  
text-decoration:none;  
display:block;  
height:35px;  
line-height:35px;  
padding:0 0 0 20px;  
}  
#menu li a:hover{  
background:#da4a70 url(/images/menu_033_h.gif) no-repeat;  
color:#fff;  
text-decoration:none;  
}</style>

<div id="menu">  
<ul>  
<li><a href="ссылка">название</a></li>  
<li><a href="ссылка">название</a></li>  
<li><a href="ссылка">название</a></li>  
<li><a href="ссылка">название</a></li>  
<li><a href="ссылка">название</a></li>  
</ul>  
</div>

<style type="text/css">  
/* --------------------------  
AUTHOR : ST1M  
URL : http://www.nncity.pp.ru  
Copyrights by ST1M  
----------------------------*/  
*{  
margin:0;  
padding:0;  
}  
body{  
background:#fff;  
color:#666;  
font:12px/18px Tahoma, Arial, Helvetica, sans-serif;  
}  
#menu{  
/* margin:0 auto;*/  
width:700px;  
height:59px;  
background:url(/images/menu_034_bg.jpg) repeat-x;  
}  
#menu ul{  
list-style:none;  
margin:0 auto;  
width:500px;  
}  
#menu li{  
list-style:none;  
display:block;  
float:left;  
height:59px;  
line-height:59px;  
}  
#menu li a{  
display:block;  
float:left;  
color:#a7a7a7;  
text-transform:uppercase;  
font-size:11px;  
font-weight:bold;  
line-height:59px;  
text-decoration:none;  
padding:0 20px;  
}  
#menu li a:hover{  
color:#fff;  
background:url(/images/menu_034_h.jpg) no-repeat bottom;  
}  
#menu li a.current{  
display:block;  
float:left;  
background:url(/images/menu_034_h.jpg) no-repeat bottom;  
color:#fff;  
text-transform:uppercase;  
font-size:11px;  
font-weight:bold;  
line-height:59px;  
text-decoration:none;  
padding:0 20px;  
}  
#menu li a:hover.current{  
color:#fff;  
}</style>

<div id="menu">  
<ul>  
<li><a href="ссылка" class="current">Название</a></li>  
<li><a href="ссылка">Название</a></li>  
<li><a href="ссылка">Название</a></li>  
<li><a href="ссылка">Название</a></li>  
<li><a href="ссылка">Название</a></li>  
</ul>  
</div>

<style type="text/css">  
/* --------------------------  
AUTHOR : ST1M  
URL : http://www.nncity.pp.ru  
Copyrights by ST1M  
----------------------------*/  
*{  
margin:0;  
padding:0;  
}  
body{  
background:#fff;  
color:#666;  
font:12px/18px Tahoma, Arial, Helvetica, sans-serif;  
}  
#menu{  
width:700px;  
}  
#menu ul{  
list-style:none;  
}  
#menu li{  
list-style:none;  
display:block;  
float:left;  
margin:0 1px;  
}  
#menu li a{  
display:block;  
float:left;  
height:52px;  
color:#0e7b93;  
text-transform:uppercase;  
font-size:11px;  
font-weight:bold;  
background:url(/images/menu_027_l.jpg) no-repeat left;  
line-height:39px;  
padding:0 0 0 18px;  
text-decoration:none;  
}  
#menu li a span{  
display:block;  
float:left;  
background:url(/images/menu_027_r.jpg) no-repeat right;  
height:52px;  
color:#0e7b93;  
line-height:39px;  
padding:0 36px 0 17px;  
}  
#menu li a:hover{  
display:block;  
float:left;  
background:url(/images/menu_027_h_l.jpg) no-repeat left;  
height:52px;  
}  
#menu li a:hover span{  
display:block;  
float:left;  
background:url(/images/menu_027_h_r.jpg) no-repeat right;  
color:#7c832d;  
height:52px;  
}  
#menu li a.current{  
display:block;  
float:left;  
height:52px;  
color:#7c832d;  
text-transform:uppercase;  
font-size:11px;  
font-weight:bold;  
background:url(/images/menu_027_h_l.jpg) no-repeat left;  
line-height:39px;  
padding:0 0 0 18px;  
text-decoration:none;  
}  
#menu li a.current span{  
display:block;  
float:left;  
background:url(/images/menu_027_h_r.jpg) no-repeat right;  
height:52px;  
color:#7c832d;  
line-height:39px;  
padding:0 36px 0 17px;  
}</style>

<div id="menu">  
<ul>  
<li><a href="Ссылка" class="current"><span>Имя</span></a></li>  
<li><a href="Ссылка"><span>Имя</span></a></li>  
<li><a href="Ссылка"><span>Имя</span></a></li>  
<li><a href="Ссылка"><span>Имя</span></a></li>  
<li><a href="Ссылка"><span>Имя</span></a></li>  
</ul>  
</div>

<style type="text/css">  
/* --------------------------  
AUTHOR : ST1M  
URL : http://www.nncity.pp.ru  
Copyrights by ST1M  
----------------------------*/  
*{  
margin:0;  
padding:0;  
}  
body{  
background:#fff;  
color:#666;  
font:12px Tahoma, Arial, Helvetica, sans-serif;  
}  
#menu{  
background:url(/images/menu_026_bg.jpg) no-repeat;  
width:172px;  
height:191px;  
padding:15px;  
}  
#menu ul{  
list-style:none;  
padding:0 0 0 8px;  
}  
#menu li{  
list-style:none;  
display:block;  
padding:10px 0;  
}  
#menu li a{  
list-style:none;  
display:block;  
background:url(/images/menu_026_b.gif) no-repeat left center;  
color:#ffe991;  
font-weight:bold;  
text-transform:uppercase;  
font-size:11px;  
text-decoration:none;  
padding:0 5px 0 25px;  
}  
#menu li a:hover{  
background:url(/images/menu_026_h.gif) no-repeat left center;  
color:#fff;  
text-decoration:none;  
}  
#menu li .current{  
list-style:none;  
display:block;  
background:url(/images/menu_026_h.gif) no-repeat left center;  
color:#fff;  
font-weight:bold;  
text-transform:uppercase;  
font-size:11px;  
text-decoration:none;  
padding:0 5px 0 25px;  
}  
#menu li a.current, #menu li a:hover.current{  
background:url(/images/menu_026_h.gif) no-repeat left center;  
color:#fff;  
text-decoration:none;  
}</style>
  

<div id="menu">  
<ul>  
<li><a href="Ссылка" class="current">Имя</a></li>  
<li><a href="Ссылка">Имя</a></li>  
<li><a href="Ссылка">Имя</a></li>  
<li><a href="Ссылка">Имя</a></li>  
<li><a href="Ссылка">Имя</a></li>  
</ul>  
</div>

<style type="text/css">  
.sSample {text-align:center;padding:3px;border:1px solid #51B5EA;margin:5px;cursor:pointer;font-size:7pt;}  
.sSampleO {text-align:center;padding:3px;border:1px solid #000000;margin:5px;cursor:pointer;background:#51B5EA;font-size:7pt;color:#FFFFFF;}  
</style>  
<div style="height:440px;width:190px;overflow:auto;">  
<div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://jekins.ru');"><img src="http://i027.radikal.ru/0903/90/124fbc858df4.png" style="border:0;width:150px;height:110px;" /><br>Jekins - Дизайн Студия</a></div>  
<div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://asman-style.ru');"><img src="http://s47.radikal.ru/i115/0903/eb/1501a6eda42b.png" style="border:0;width:150px;height:110px;" /><br>Официальный сайт Asman'a</a></div>  
<div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://yaucoz.ucoz.ru');"><img src="http://s59.radikal.ru/i163/0903/da/e41b3ff59885.png" style="border:0;width:150px;height:110px;" /><br>Для uCoz найдётся всё!</a></div>

<style type="text/css">  
/* --------------------------  
AUTHOR : ST1M  
URL : http://www.nncity.pp.ru  
Copyrights by ST1M  
----------------------------*/  
*{  
margin:0;  
padding:0;  
}  
body{  
background:#fff;  
color:#666;  
font:12px/18px Tahoma, Arial, Helvetica, sans-serif;  
}  
#menu{  
margin:0 auto;  
width:695px;  
height:93px;  
background:url(/images/menu_022_bg.jpg) no-repeat;  
}  
#menu ul{  
list-style:none;  
width:495px;  
margin:0 auto;  
}  
#menu li{  
list-style:none;  
display:block;  
float:left;  
height:93px;  
line-height:93px;  
margin:0 3px;  
}  
#menu li a{  
display:block;  
float:left;  
color:#816232;  
text-transform:uppercase;  
font-size:11px;  
font-weight:bold;  
line-height:93px;  
text-decoration:none;  
padding:0 18px;  
height:93px;  
}  
#menu li a:hover{  
color:#6d532a;  
background:url(/images/menu_022_h.jpg) repeat-x;  
}  
#menu li a.current{  
display:block;  
float:left;  
background:url(/images/menu_022_h.jpg) repeat-x;  
color:#6d532a;  
text-transform:uppercase;  
font-size:11px;  
font-weight:bold;  
line-height:93px;  
text-decoration:none;  
padding:0 18px;  
height:93px;  
}  
#menu li a:hover.current{  
color:#6d532a;  
}</style>

<div id="menu">  
<ul>  
<li><a href="ссылка" class="current">имя</a></li>  
<li><a href="ссылка">имя</a></li>  
<li><a href="ссылка">имя</a></li>  
<li><a href="ссылка">имяs</a></li>  
<li><a href="ссылка">имя</a></li>  
</ul>  
</div>

<link rel="stylesheet" href="main_menu/css/style.css" type="text/css" charset="utf-8"/>

<ul id="navigation">  
  <li class="home"><a href="Адрес ссылки"><span>Home</span></a></li>  
  <li class="about"><a href="Адрес ссылки"><span>About</span></a></li>  
  <li class="search"><a href="Адрес ссылки"><span>Search</span></a></li>  
  <li class="photos"><a href="Адрес ссылки"><span>Photos</span></a></li>  
  <li class="rssfeed"><a href="Адрес ссылки"><span>Rss Feed</span></a></li>  
  <li class="podcasts"><a href="Адрес ссылки"><span>Podcasts</span></a></li>  
  <li class="contact"><a href="Адрес ссылки"><span>Contact</span></a></li>  
</ul>

<script type="text/javascript" src="main_menu/jquery-1.3.2.js"></script>  
<script type="text/javascript">  
  $(function() {  
  var d=300;  
  $('#navigation a').each(function(){  
  $(this).stop().animate({  
  'marginTop':'-80px'  
  },d+=150);  
  });  
   
  $('#navigation > li').hover(  
  function () {  
  $('a',$(this)).stop().animate({  
  'marginTop':'-2px'  
  },200);  
  },  
  function () {  
  $('a',$(this)).stop().animate({  
  'marginTop':'-80px'  
  },200);  
  }  
  );  
  });  
  </script>

<script type="text/javascript" src="http://radarurl.com/js/radarurl_widget.js"></script><script type="text/javascript">radarurl_call_radar_widget("Small", "Blue","bottomright")</script><noscript><a href="http://radarurl.com/">website tracker</a></noscript>