Цветные меню

<div id="nav" >
<ul>
   <li class="home" ><a class="active"  href="index.html">Главная</a></li>
   <li class="about" ><a  href="about.html">О нас</a> </li>
   <li class="music" ><a  href="music.html">Музыка</a> </li>
   <li class="gallery" ><a  href="gallery.html">Галерея</a> </li>
</ul>
</div>

a.active{
	text-decoration:none;
	}
#nav .home a{
	color:#7D7A84;	
	}
#nav .home a.active  {
	background-color:#7D7A84;
	color:#fff;
}	
#nav .about a{
	color:#99FF33;
	}
#nav .about a.active {
	background-color:#99FF33;
	color:#fff;
}	
#nav .music a{
	color:#AC0339;	
	}
#nav .music a.active {
	background-color:#AC0339;
	color:#fff;
}
#nav .gallery a{
	color:#0198E7;	
	}
#nav .gallery  a.active  {
	background-color:#0198E7;
	color:#fff;
}

[!Wayfinder? &startId=`0` &level=`1` &rowTpl=`tpl_menu`!]

<li class="[+wf.alias+]" ><a [+wf.classes+]  href="[+wf.link+]" title="[+wf.title+]" [+wf.attributes+]>[+wf.linktext+]</a>[+wf.wrapper+]</li>