/*
  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 ul {
   float: left;
   list-style: none;
   padding: 0;
   margin: 0;
   width: 100%;
}

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

#suckerfishnav li {
    float: left;
    padding: 0;
}

#suckerfishnav ul {
    position: absolute;
    left: -999em;
    height: auto;
    width: 180px;
    font-weight: normal;
    margin: 0;
    line-height: 1;
    border: 0;
    border-top:1px solid #2f4f4f;
}

#suckerfishnav li li {
   width: 178px;
   border-right: none;
   border-bottom: 1px solid #2f4f4f;
   border-left: 1px solid #2f4f4f;
   border-right: 1px solid #2f4f4f;
}

#suckerfishnav li li a {
   padding: 4px 8px;
   width: 170px;
   color: #fff;
   line-height: 1.2em;
   font-size: 0.9em;
   border-right: none;
   text-align: left;
}

#suckerfishnav li ul ul {margin: -33px 0 0 120px;}

#suckerfishnav li li:hover {}

#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: #333;}

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

#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: #eee;}

#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: #7ba1a1;
}

#suckerfishnav li:hover, 
#suckerfishnav li.sfhover {}