Помогите с css (выпадающий список)

Собственно такой вопрос, скачал шаблон, там есть такая штука как "выпадающее меню", но в шаблоне, к сожалению классы не прописаны.

Шаманил уже как можно, но ввиду того, что мои знания в css не совсем высоки (хотя я учусь постепенно), но все же не получается.

Имеется меню:

Есть css стиль:

	.topmenu-block{
		background: url(../images/topmenu-block.png) center 0 no-repeat;
		height: 63px;
		position: relative;
		z-index: 8;
	}
	
		.top-menu-block{
			height: 50px;
			position: relative;
			z-index: 90;
			margin: 0 auto;
			width: 940px;
		}	
				
				
			.menu-link{
				font-size: 18px;
				color: #000;
				font-weight: bold;
				height: 47px;
				text-align: center;
				display: block;
				position: relative;
				z-index: 90;
				background: url(../images/list.png) left center no-repeat;
				padding: 0 20px 0 30px;
				line-height: 47px;
			}
			
				.menu-link:hover{
					color: #4c6073;
				}
				
				li:first-child .menu-link{
					background: none;
				}
					
				.activ{
					color: #4c6073;
				}
				
				.top-menu-block ul{
					margin: 0;
					padding: 0;
					position: relative;
					z-index: 99;
				}
				
					.top-menu-block li{
						list-style-type: none;
						float: left;
						position: relative;
						height: 50px;
						z-index: 99;
					}
				
				
				.hidden-menu-block{
					display: none;
					text-align: left;
					position: absolute;
					top: 50px;
					left: 0px;
					width: 178px;
					z-index: 90;
				}
						
					.hidden-menu-link{
						display: block;
						font-size: 14px;
						color: #000;
						line-height: 16px;
						padding: 3px 0 3px 15px;
						margin: 0 14px;
						width: 135px;
						position: relative;
						z-index: 90;
						background: #fff;
					}

						.hidden-menu-link:hover{
							background: url(../images/zvezda-menu.png) left center no-repeat;
						}
				
				.hidden-menu-top{
					background: url(../images/hidden-menu-top.png) 0 top no-repeat;
					height: 21px;
				}
				
				.hidden-menu-repeat{
					background: url(../images/hidden-menu-repeat.png) 0 0 repeat-y;
				}
				
				.hidden-menu-bottom{
					background: url(../images/hidden-menu-bottom.png) 0 bottom no-repeat;
					height: 10px;
				}

Еще есть код jquery:

$('.top-menu-block li').hover(
		function() {
		$(this).find('.hidden-menu-block').css({'display':'block'});
		$(this).find('.menu-link').addClass('activ');
	}, function() {
		$(this).find('.hidden-menu-block').css({'display':'none'});
		$(this).find('.menu-link').removeClass('activ');
	});

Помогите пожалуйста срастить. Т.е. сейчас есть меню вида:

Но можно как-то присобачить туда выпадающее меню (шаблоном предусмотрено, но я не знаю как правильно) вида:

Заранее очень благодарен.