Hola,
Si miras el código fuente de esa página verás que hay dos div, uno para el menú y otro para el submenú:
Div del menú superior:
Código PHP:
<div id="ja-mainnavwrap">
<div id="ja-mainnav" class="clearfix">
<div id="jasdl-mainnav"><ul>
<li id="jasdl-mainnav46"><a href="http://www.pearlcm.com/index.php?option=com_content&task=view&id=20&Itemid=43" title="*" class="first-item"><span>*</span></a></li>
<li id="jasdl-mainnav2"><a href="http://www.pearlcm.com/index.php?option=com_content&task=view&id=1&Itemid=2" title="Inicio"><span>Inicio</span></a></li>
<li id="jasdl-mainnav3"><a href="http://www.pearlcm.com/index.php?option=com_content&task=view&id=2&Itemid=3" title="Nuestros Socios"><span>Nuestros Socios</span></a></li>
<li id="jasdl-mainnav4" class="havechild"><a href="http://www.pearlcm.com/index.php?option=com_content&task=view&id=3&Itemid=4" title="Construcción del Portafolio"><span>Construcción del Portafolio</span></a></li>
<li id="jasdl-mainnav7" class="havechild"><a href="http://www.pearlcm.com/index.php?option=com_content&task=view&id=6&Itemid=7" title="Productos de Inversión"><span>Productos de Inversión</span></a></li>
<li id="jasdl-mainnav13"><a href="http://www.pearlcm.com/index.php?option=com_content&task=view&id=12&Itemid=13" title="La Empresa"><span>La Empresa</span></a></li>
<li id="jasdl-mainnav19"><a href="http://www.pearlcm.com/index.php?option=com_content&task=view&id=18&Itemid=19" title="Area de Descarga"><span>Area de Descarga</span></a></li>
<li id="jasdl-mainnav20"><a href="http://www.pearlcm.com/index.php?option=com_facileforms&Itemid=20" title="Contactar" class="last-item"><span>Contactar</span></a></li>
</ul></div> <span class="ja-menu-right"> </span>
</div>
</div>
Y este para el submenú:
Código PHP:
<div id="ja-subnavwrap">
<div id="ja-subnav" class="clearfix">
<div id="jasdl-subnav">
<ul id="jasdl-subnav46"><li> </li></ul>
<ul id="jasdl-subnav2"><li> </li></ul>
<ul id="jasdl-subnav3"><li> </li></ul>
<ul id="jasdl-subnav4">
<li id="jasdl-subnavitem5"><a href="http://www.pearlcm.com/index.php?option=com_content&task=view&id=4&Itemid=5" title="StarHedge Master Fund" class="first-item"><span>StarHedge Master Fund</span></a></li>
<li id="jasdl-subnavitem6"><a href="http://www.pearlcm.com/index.php?option=com_content&task=view&id=5&Itemid=6" title="Nuestro Trabajo"><span>Nuestro Trabajo</span></a></li>
<li id="jasdl-subnavitem48"><a href="http://www.pearlcm.com/index.php?option=com_content&task=view&id=22&Itemid=48" title="Garantía de Capital"><span>Garantía de Capital</span></a></li>
<li id="jasdl-subnavitem49"><a href="http://www.pearlcm.com/index.php?option=com_content&task=view&id=23&Itemid=49" title="Estadísticas" class="last-item"><span>Estadísticas</span></a></li>
</ul><ul id="jasdl-subnav7">
<li id="jasdl-subnavitem8"><a href="http://www.pearlcm.com/index.php?option=com_content&task=view&id=7&Itemid=8" title="Alpha Accelerator Note" class="first-item"><span>Alpha Accelerator Note</span></a></li>
<li id="jasdl-subnavitem9"><a href="http://www.pearlcm.com/index.php?option=com_content&task=view&id=8&Itemid=9" title="Evolution Note"><span>Evolution Note</span></a></li>
<li id="jasdl-subnavitem10"><a href="http://www.pearlcm.com/index.php?option=com_content&task=view&id=9&Itemid=10" title="Sharpe Note"><span>Sharpe Note</span></a></li>
<li id="jasdl-subnavitem11"><a href="http://www.pearlcm.com/index.php?option=com_content&task=view&id=10&Itemid=11" title="Certificate 2.5" class="last-item"><span>Certificate 2.5</span></a></li>
</ul><ul id="jasdl-subnav13"><li> </li></ul>
<ul id="jasdl-subnav19"><li> </li></ul>
<ul id="jasdl-subnav20"><li> </li></ul>
</div>
<script type="text/javascript">
var jasdl_activemenu = new Array("2");
</script></div>
</div>
Evidentemente necesitas de su hoja de estilos y el script que lo gestiona, que también los puedes obtener de ahí:
Código PHP:
<link href="http://www.pearlcm.com/templates/ja_nerine/ja_scriptdlmenu/ja-scriptdlmenu.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" src="http://www.pearlcm.com/templates/ja_nerine/ja_scriptdlmenu/ja-scriptdlmenu.js"></script>
De todas formas a mi personalmente copiarme así a saco lo que hacen otros no es de mi agrado. Aun que si a ti no te importa pues lo único que tienes que hacer es bajart el .css i el .js incluirlos en tu documento y copiartes los div que te he pasado. O simplemente copiarte a saco lo que te he dicho antes.
De todas formas, si lo que pretendias era hacerlo tu desde el principio pues es algo bastante más complicado que todo eso y no se si te saldría más a cuentabuscarte un tutorial de como hacer esos menus.