/*
  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 ***/
/*
	PIXOPOINT Multi-Level Navigation
	Documented and fixed by David D Ochoa
	
	LAYOUT PROPERTIES OF INTEREST:
		Drop down area		=	160px
		Drop down hover area	=	140px

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	NOTE: in order for this to work, you must have
			the following CSS code block in your theme's
			stylesheet.  (It replaces the #menu{} block entirely)
			
- - - - START - - - -
	#navigation {
	font-size:65%;
	width: 655px; height:36px;
	position: absolute;
	left: 138px;
	top: 250px;
	}
- - - - - END - - - - - 

Alternatively, just paste your local backup version entirely.
-David
*/
#suckerfishnav {
    background:transparent;
    font-size:2.5em;
    line-height:36px;
    font-family:verdana,sans-serif;
    font-weight:bold;
    width:100%;
    }
		#suckerfishnav, 
		#suckerfishnav ul {
		margin:0;
		padding:0;
		float:left;
		list-style:none;
		line-height:auto;
		border:0px solid #bbb;
		}
		#suckerfishnav li {
			float:left;
			padding:0;
			}
			#suckerfishnav a {
				display:block;
				color:#5c3e08;
				text-decoration:none;
				padding:0 .5em;
				}
				/* Home row menu (#navigation) items */
				#suckerfishnav ul {
					width:100%;
					position:absolute;
					left:-999em;
					height:auto;
					font-weight:normal;
					margin:0;
					line-height:1em;
					border-top:0px solid orange;
					}
					/* Home row menu HOVER */
					#suckerfishnav li:hover, #suckerfishnav li.sfhover {
						background:url(http://the47.net/img/external/stg/drop_base.png) top left repeat-x;
						}
						#suckerfishnav li li {
							width:160px;
							border-bottom:0px solid orange;
							border-left:0px solid orange;
							border-right:0px solid orange;
							font-weight:normal;
							font-family:verdana,sans-serif;
							/* We need this background image to populate the WHOLE drop down menu system! */
							background: url(http://the47.net/img/external/stg/drop_bg.png) repeat-x;
							}
						#suckerfishnav li li a {
							padding:3px 10px;
							width:160px;
							font-size:13px;
							color:#fff;
							}
							#suckerfishnav li ul ul {
								margin:-20px 0 0 130px;
								}
#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:#fff;
	width:140px;
	background: url(http://the47.net/img/external/stg/drop_hover.png) repeat-x;
	}
#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;
	background:transparent;
	}
#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;
	width:160px;
	z-index: 1000;
	}