/**
 *	Ascentis
 *  Screen Navigation Styles
 *	
 *	@author:	Nathan Crowe <nathan at imagin8 dot com>
 *	@date:		28/11/2007	
 *
 *	Table of Contents:
 *		01.	navigation
 *
 */
 
/** navigation
--------------------------------------- */
ul#suckerfishMenu0 {
	background:				url(../images/suckerfish.png) no-repeat;
	height:					46px;
	margin:					0 auto;
	width:					860px;
	z-index:				100;
}

ul#suckerfishMenu0 li {
	float:					left;
}

ul#suckerfishMenu0 li a {
	color:					#fff;
	display:				block;
	font-size:				1px;
	height:					46px;
	overflow:				hidden;
	text-decoration:		none;
	text-indent:			-9999px;
}

ul#suckerfishMenu0 li ul {
	left:					-9999px;
	list-style:				none;
	margin:					0 0 0 0;
	position:				absolute;
	width:					215px;
	z-index:				100000;
}

ul#suckerfishMenu0 li ul li {
	background:				#8bb800 url(../images/suckerfish-sub.gif) 10px 50% no-repeat;
}

ul#suckerfishMenu0 li ul li.sf_bottomchild,
ul#suckerfishMenu0 li ul li.sf_onlychild {
	background: 			url(../images/suckerfish-sub-bottom.gif) left bottom no-repeat;
	padding-bottom:			3px;
}

ul#suckerfishMenu0 li ul li a {
	border:					1px solid #9fd300;
	border-top-width:		0;
	color:					#fff;
	font-family:			Tahoma, Arial, "Lucida Grande", Helvetica, sans-serif;
	font-size:				11px;
	height:					auto;
	left:					-9999px;
	padding:				8px 10px 8px 25px;
	width:					178px;
	text-indent:			0px;
}

ul#suckerfishMenu0 li ul li.sf_onlychild a,
ul#suckerfishMenu0 li ul li.sf_bottomchild a {
	border-bottom-width:	0;
	padding-top:			7px;
	padding-bottom:			7px;
}

ul#suckerfishMenu0 li:hover, ul#suckerfishMenu0 li.hover {
    position:				static;
}

ul#suckerfishMenu0 li ul li a:hover {
	color:					#fff;
	text-decoration:		underline;
}

ul#suckerfishMenu0 li:hover ul {
	left:					auto;
}

ul#suckerfishMenu0 li:hover ul, #suckerfishMenu0 li.sfhover ul {
	left:					auto;
	position:				absolute;
	z-index:				1000;
}

.sfhover {
    z-index:				1000 !important;
}

#sf_menu_0,
#sf_menu_0 a {
	width:					82px;
}
#sf_menu_1,
#sf_menu_1 a {
	width:					125px;
}
#sf_menu_2,
#sf_menu_2 a {
	width:					182px;
}
#sf_menu_3,
#sf_menu_3 a {
	width:					110px;
}
#sf_menu_4,
#sf_menu_4 a {
	width:					88px;
}
#sf_menu_5,
#sf_menu_5 a {
	width:					79px;
}
#sf_menu_6,
#sf_menu_6 a {
	width:					113px;
}
#sf_menu_7,
#sf_menu_7 a {
	width:					81px;
}

#sf_menu_0 a:hover, #sf_menu_0 a:active, #sf_menu_0 a:focus {
    background: url(../images/navigation.png) 0px -41px no-repeat !important;
}
#sf_menu_1.sfhover, #sf_menu_1:hover, #sf_menu_1 a:hover, #sf_menu_1 a:active, #sf_menu_1 a:focus {
    background: url(../images/navigation.png) -88px -41px no-repeat !important;
}
#sf_menu_2.sfhover, #sf_menu_2:hover, #sf_menu_2 a:hover, #sf_menu_2 a:active, #sf_menu_2 a:focus {
    background: url(../images/navigation.png) -193px -41px no-repeat !important;
}
#sf_menu_3.sfhover, #sf_menu_3:hover, #sf_menu_3 a:hover, #sf_menu_3 a:active, #sf_menu_3 a:focus {
    background: url(../images/navigation.png) -334px -41px no-repeat !important;
}
#sf_menu_4.sfhover, #sf_menu_4:hover, #sf_menu_4 a:hover, #sf_menu_4 a:active, #sf_menu_4 a:focus {
    background: url(../images/navigation.png) -432px -41px no-repeat !important;
}
#sf_menu_5.sfhover, #sf_menu_5:hover, #sf_menu_5 a:hover, #sf_menu_5 a:active, #sf_menu_5 a:focus {
    background: url(../images/navigation.png) -611px -41px no-repeat !important;
}
#sf_menu_6.sfhover, #sf_menu_6:hover, #sf_menu_6 a:hover, #sf_menu_6 a:active, #sf_menu_6 a:focus {
    background: url(../images/navigation.png) -705px -41px no-repeat !important;
}

#sf_menu_0 ul li a:hover, #sf_menu_0 ul li a:active, #sf_menu_0 ul li a:focus { background-image: none !important; }
#sf_menu_1 ul li a:hover, #sf_menu_1 ul li a:active, #sf_menu_1 ul li a:focus { background-image: none !important; }
#sf_menu_2 ul li a:hover, #sf_menu_2 ul li a:active, #sf_menu_2 ul li a:focus { background-image: none !important; }
#sf_menu_3 ul li a:hover, #sf_menu_3 ul li a:active, #sf_menu_3 ul li a:focus { background-image: none !important; }
#sf_menu_4 ul li a:hover, #sf_menu_4 ul li a:active, #sf_menu_4 ul li a:focus { background-image: none !important; }
#sf_menu_5 ul li a:hover, #sf_menu_5 ul li a:active, #sf_menu_5 ul li a:focus { background-image: none !important; }
#sf_menu_6 ul li a:hover, #sf_menu_6 ul li a:active, #sf_menu_6 ul li a:focus { background-image: none !important; }