/*
  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 {
		border: none;
		color: #BDCB9A;
		font-size:9px;
		font-family:verdana,sans-serif;
		font-weight:bold;	
		width:100%;
		text-align: center;
	}
		
	#suckerfishnav .current_page_item{
		background:url(images/men1.jpg);
		background-repeat: repeat-x;
		}
	
	#suckerfishnav .page-item-2{
		background: url(images/b_home.png) no-repeat center top;
	       width: 48px;
	      height: 75px;
	      line-height: 110px;
	text-align: center;
	overflow: hidden;
		}
		
		#suckerfishnav .page-item-2 a:hover{
		background: url(images/b2_home.png) no-repeat center top;
		}
		
	
	#suckerfishnav .page-item-3{
		background: url(images/b_why.png) no-repeat center top;
	       width: 80px;
	      height: 75px;
	      line-height: 110px;
	      overflow: hidden;
color: #000;
		}
		
		
			#suckerfishnav .page-item-3 a:hover{
		background: url(images/b2_why.png) no-repeat center top;
		}
	
	#suckerfishnav .page-item-6{
		background: url(images/b_gallery.png) no-repeat center top;
	       width: 75px;
	      height: 75px;
	      line-height: 110px;
	      overflow: hidden;
		}
		
			#suckerfishnav .page-item-6 a:hover{
		background: url(images/b2_gallery.png) no-repeat center top;
		}
	
	#suckerfishnav .page-item-8{
		background: url(images/b_product.png) no-repeat center top;
	       width: 80px;
	      height: 75px;
	      line-height: 110px;
	      overflow: hidden;
		}
		
			#suckerfishnav .page-item-8 a:hover{
		background: url(images/b2_product.png) no-repeat center top;
		}
	
	#suckerfishnav .page-item-12{
		background: url(images/b_request.png) no-repeat center top;
	       width: 115px;
	      height: 75px;
	      line-height: 110px;
	      overflow: hidden;
		}
		
			#suckerfishnav .page-item-12 a:hover{
		background: url(images/b2_request.png) no-repeat center top;
		}
		
		
	#suckerfishnav .page-item-14{
		background: url(images/b_contact.png) no-repeat center top;
	       width: 94px;
	      height: 75px;
	      line-height: 110px;
	      overflow: hidden;
		}
		
			#suckerfishnav .page-item-14 a:hover{
		background: url(images/b2_contact.png) no-repeat center top;
		}
	
	#suckerfishnav ul .current_page_item{
		background:#045f89;
		}
		
	#suckerfishnav, #suckerfishnav ul {
		float:left;
		list-style:none;
		line-height:25px;
		padding:0;
		margin: 0 0 0 1px;	
		width:inherit;}
		
		#suckerfishnav li a {
		display:block;
		text-decoration:none;
		padding:0px 13px;
		color: #BDCB9A;
	}
	
		#suckerfishnav li:hover, #suckerfishnav li.sfhover {
			text-decoration:none;
		color: #fff;
	}
	
	#suckerfishnav li {
		float:left;
		padding:0;
		}
	
	#suckerfishnav ul {
		position:absolute;
		left:-999em;
		height:auto;	
		width:151px;
		font-weight:normal;
		margin-top:-35px;
		margin-left: 3px;
		line-height:1;	
		border:0;
	
		}
		
	#suckerfishnav li li {	
	width:168px;
	font-weight:bold;
	font-family:verdana,sans-serif;
	background: url(images/nav_dd_divider.png) no-repeat bottom;
	padding-top: 2px;
	padding-bottom: 2px;
	
	}
	
	#suckerfishnav li li a {
		padding:4px 10px;	
		width:130px;
		font-size:10px;
		color:#fff;
		background: none;
		}
	
	#suckerfishnav li ul ul {
		margin:-21px 0 0 150px;
		}
		
		#suckerfishnav li li:hover {
		background:#045f89;
		}
		
		#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: #ff9f57;
		}
		
		#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
		color: #ff9f57;
		}
		
		#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: #ff9f57;
		}
		
		#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-image:url(images/nav_bkgrnd.png);
		background-repeat: repeat;
		width:168px;
		}