/*
  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-top:73px;
	padding: 0;
	float: left;
	width: 600px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 10px;
	background: #fff;
}
#suckerfishnav li {
	float: left;
	margin: 0; padding: 0;
}
#suckerfishnav li a {
	line-height: 16px;
	padding: 0 23px;
	text-transform: uppercase;
	display: block;
	color: #646464;
	text-decoration: none;
	border: 1px #fff solid;
}
#suckerfishnav li:hover, #suckerfishnav li:sfHover { border: 1px #A2A2A2 solid; }
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

#suckerfishnav li ul {
	float: left;
	position: absolute;
	left: 0; top:18px;
	display: none; /*--Hide by default--*/
	width: 867px;
	background: #A2A2A2;
	border: none;
}

#suckerfishnav li ul li a {
	font-size:11px;
	line-height: 18px;
	padding: 0 23px;
	display: inline;
	color: #fff; 
	border:none;
	} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/

#suckerfishnav li ul li a:hover {text-decoration: underline; border:none;	line-height: 18px;}