В первом варианте как раз сделано на css + jquery.
Само меню можно скопипастить и в дальнейшем изменить под себя посмотрем исходный код странички, там все достаточно просто сделано.
Сначало идут слои
<div id="main">
<div id="header">
<div id="navLeftShadoqw">
<div id="navRightShadoqw">
...
потом сама навигация.
Код:
<ul id="navigation">
<li class="firstchild"><a id="homePageLink" class="disabled"></a></li>
<li class="products menuItem"><span>Продукты</span><div class="bullet"></div></li>
<li class="service menuItem"><span>Сервис</span><div class="bullet"></div></li>
<li class="contacts menuItem"><span>Контакты</span><div class="bullet"></div></li>
<li class="rosgosstrakh menuItem"><span>Росгосстрах</span><div class="bullet"></div></li>
как видите, каждому пункту присваивается свой класс (contacts, service, products).
Каждое подменю начинается с кода
первое подменю <div class="navForms SiteItem-1 links-list">
второе подменю <div class="navForms SiteItem-2 links-list">
и тд... естественно с закрывающимеся тегами...
Все это дело видимо обрабатывается скриптами и стилями. Сами скрипты и стили можно сохранить к себе на комп, достаточно сохранить html страничку с картинками и скриптами к себе. Подключаете их точно также, как в исходном коде сайта, точлько учтите что имена файлов, при сохранении, могут немного изменить, например добавятся несколько нулей, удалите их.