/*
  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 { }

#suckerfishnav,
#suckerfishnav ul { float:right; list-style:none; padding:0; margin:0; z-index:999; }

#suckerfishnav a { display:block; color:#ffffff; text-decoration:none; font:20px ChinacatRegular, Arial, Helvetica, sans-serif; padding:15px; }

#suckerfishnav li { float:left; padding:0; margin:0 0 0 20px; }
#suckerfishnav li.page-item-5 { margin-left:0; width:225px; height:65px; background:url('http://pinemere.com/wp-content/themes/pinemere2011/images/experience_bg.png'); }
#suckerfishnav li.page-item-7 { width:190px; height:65px; background:url('http://pinemere.com/wp-content/themes/pinemere2011/images/current_bg.png'); }
#suckerfishnav li.page-item-9 { width:200px; height:65px; background:url('http://pinemere.com/wp-content/themes/pinemere2011/images/work_bg.png'); }

#suckerfishnav ul { position:absolute; left:-999em; height:auto; width:181px; margin:0; line-height:1; border:0; border-top:1px solid #444444; }

#suckerfishnav li li { width:179px; border-bottom:1px solid #444444; border-left:1px solid #444444; border-right:1px solid #444444; margin:0 !important; }
#suckerfishnav li li a {padding:4px 10px; width:160px; color:#444444; font:12px/20px Arial, Helvetica, sans-serif; text-align:left !important; }

#suckerfishnav li ul ul { margin:-21px 0 0 150px; float:left; }

/* Hover for dropdown links */
#suckerfishnav li li:hover { background:#fcc115; }

#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:#444444; }

#suckerfishnav li:hover a,
#suckerfishnav li.sfhover a { color:#fcc115; }

#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:#444444; }

#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:#ffffff; }

/* Hover for main navigation links */
#suckerfishnav li:hover,
#suckerfishnav li.sfhover { }
