$(document).ready(function(){

			$("ul#navi > li").hover(function() {
				$(this).stop(true).animate({ backgroundColor: "#C51121" }, 400);
				$(this).children("ul").stop(true, true).slideDown(400);
				$(this).children("ul").children("li").stop(true).animate({ backgroundColor: "#fff" }, 400);
			},function() {
				$(this).stop(true).animate({ backgroundColor: "#4D4C47" }, 400);
				$(this).children("ul").stop(true, true).slideUp(50, function() { $(this).css('height','auto')});
				$(this).children("ul").children("li").stop(true).animate({ backgroundColor: "#4D4C47" }, 50);
			});

			$("ul#navi > li > ul > li").hover(function() {
				$(this).children("ul").stop(true, true).slideDown(400);
				$(this).stop(true).animate({ backgroundColor: "#C51121" }, 400);
				$(this).children("a").stop(true).animate({ color: "#fff" }, 400);
			},function() {
				$(this).children("ul").stop(true, true).slideUp(400);
				$(this).stop(true).animate({ backgroundColor: "#fff" }, 400);
				$(this).children("a").stop(true).animate({ color: "#4D4C47" }, 400);
			});

			$("ul#navi > li > ul > li > ul > li").hover(function() {
				$(this).stop(true).animate({ backgroundColor: "#C51121" }, 400);
				$(this).children("a").stop(true).animate({ color: "#fff" }, 400);
			},function() {
				$(this).stop(true).animate({ backgroundColor: "#fff" }, 400);
				$(this).children("a").stop(true).animate({ color: "#4D4C47" }, 400);
			});

		});