/*
  CSS generated via the Multi-level Navigation Plugin ... http://pixopoint.com/multi-level-navigation/

  If you would like a similar menu for your own site, then please try the PixoPoint Web Development
  CSS generator for creating flyout, dropdown and horizontal slider menus ... http://pixopoint.com/suckerfish_css/


*** Main menu CSS code ***/
#suckerfishnav
{margin:0 auto;text-align:center;overflow:hidden;}

#suckerfishnav, #suckerfishnav ul
{text-align:center;list-style:none;line-height:24px;padding:1px 0 0 0;border:none;margin:0 auto;}

#suckerfishnav a
{display:block;color:#000;text-decoration:none;padding:0px 50px;}

#suckerfishnav li
{float:left;padding:0;font-size:1.2em;font-weight:bold;}

#suckerfishnav ul
{position:absolute;left:-999em;height:auto;width:220px;font-weight:normal;margin:0;line-height:1;border:0;z-index:15;}

#suckerfishnav li li
{font-size:0.8em;font-weight:bold;font-family:arial,sans-serif;}

#suckerfishnav li li a
{padding:8px 15px 8px 10px; color:#fff; width:195px}

#suckerfishnav li ul ul
{margin:-23px 0 0 150px;}

#suckerfishnav li li:hover
{color:#fff;}

#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a 
{color:#fff;background:red;}

#suckerfishnav li:hover a, #suckerfishnav li.sfhover a
{color:#fff;}

#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a
{color:#fff;}

#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul 
{left:-999em;}

#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul 
{left:auto;background:#27252A}

#suckerfishnav li:hover, #suckerfishnav li.sfhover
{color:#fff;background:red;}

#suckerfishnav .current_page_item a
{color:#fff;background:red;}

#suckerfishnav .haschildren .page_item a
{color:#fff;background:#27252A;}

#suckerfishnav .haschildren .page_item a:hover
{color:#fff;background:red;}

#suckerfishnav .haschildren .current_page_item a
{color:#fff;background:red;}