/**
 *	Compass Consulting
 *  Screen Navigation Styles
 *
 *	@author:	Nathan Crowe <nathan at imagin8 dot com>
 *	@date:		19/03/2008
 *
 *	Table of Contents:
 *		01.	navigation
 *
 */

/** navigation
------------------------------------------------------------------ */
ul#suckerfishMenu0 {
	background:				url(../images/suckerfish.png) no-repeat;
	height:					35px;
	margin:					0;
	position:				absolute;
	width:					901px;
	z-index:				1000;
}

ul#suckerfishMenu0 li {
	float:					left;
}

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

ul#suckerfishMenu0 li ul {
	background:				url(../images/suckerfish-sub-bottom.png) left bottom;
	left:					-9999px;
	list-style:				none;
	margin:					0;
	padding-bottom:			29px;
	position:				absolute;
	width:					213px;
	z-index:				10000;
	/*
	opacity:				0.9;
	filter: 				alpha(opacity=90);
	-moz-opacity: 			0.90;
	*/
}

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

ul#suckerfishMenu0 li ul li.sf_topchild {
	background:				url(../images/suckerfish-sub-top.gif) 0 50% no-repeat;
}

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

ul#suckerfishMenu0 li ul li a {
	border-top-width:		0;
	color:					#fff;
	font-family:			Arial, Helvetica, sans-serif;
	font-weight:			bold;
	font-size:				11px;
	height:					auto;
	left:					-9999px;
	padding:				9px 0 9px 40px;
	width:					173px;
	text-indent:			0px;
}

ul#suckerfishMenu0 li ul li.sf_onlychild a,
ul#suckerfishMenu0 li ul li.sf_bottomchild a {
}

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

ul#suckerfishMenu0 li ul li:hover, ul#suckerfishMenu0 li ul li.sfhover {
	background:				url(../images/suckerfish-sub-hover.gif) 0 50% no-repeat;
}

ul#suckerfishMenu0 li ul li.sf_topchild:hover, ul#suckerfishMenu0 li ul li.sf_topchild.sfhover {
	background:				url(../images/suckerfish-sub-top-hover.gif) 0 50% no-repeat;
}

ul#suckerfishMenu0 li ul li.sf_bottomchild:hover, ul#suckerfishMenu0 li ul li.sf_bottomchild.sfhover,
ul#suckerfishMenu0 li ul li.sf_onlychild:hover, ul#suckerfishMenu0 li ul li.sf_onlychild.sfhover {
	background:				url(../images/suckerfish-sub-bottom-hover.png) no-repeat;
}

ul#suckerfishMenu0 li ul li a:hover {
}

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

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

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

#suckerfishMenu0 li {
	display: none;
}

li#sf_menu_0,
li#sf_menu_1,
li#sf_menu_2,
li#sf_menu_3,
li#sf_menu_4,
li#sf_menu_5,
li#sf_menu_6,
li#sf_menu_7 {
	display: block;
}

#suckerfishMenu0 li li {
	display: block;
}

#suckerfishMenu0 a {
	background: url('/images/suckerfish.png');
}

/* Widths and normal states */

#sf_menu_0, #sf_menu_0 a {	width: 75px;}
#sf_menu_1, #sf_menu_1 a {	width: 104px;	background-position: -75px 0;}
#sf_menu_2, #sf_menu_2 a {	width: 134px;	background-position: -179px 0;}
#sf_menu_3, #sf_menu_3 a {	width: 147px;	background-position: -313px 0;}
#sf_menu_4, #sf_menu_4 a {	width: 122px;	background-position: -460px 0;}
#sf_menu_5, #sf_menu_5 a {	width: 79px;	background-position: -582px 0;}
#sf_menu_6, #sf_menu_6 a {	width: 115px;	background-position: -661px 0;}
#sf_menu_7, #sf_menu_7 a {	width: 125px;	background-position: 100% 0;}

/* Hover states */

#sf_menu_0.sfhover, #sf_menu_0 a:hover, #sf_menu_0 a:active, #sf_menu_0 a:focus { background-position: 0 -35px;}
#sf_menu_1.sfhover, #sf_menu_1 a:hover, #sf_menu_1 a:active, #sf_menu_1 a:focus { background-position: -75px -35px;}
#sf_menu_2.sfhover, #sf_menu_2 a:hover, #sf_menu_2 a:active, #sf_menu_2 a:focus { background-position: -179px -35px;}
#sf_menu_3.sfhover, #sf_menu_3 a:hover, #sf_menu_3 a:active, #sf_menu_3 a:focus { background-position: -313px -35px;}
#sf_menu_4.sfhover, #sf_menu_4 a:hover, #sf_menu_4 a:active, #sf_menu_4 a:focus { background-position: -460px -35px;}
#sf_menu_5.sfhover, #sf_menu_5 a:hover, #sf_menu_5 a:active, #sf_menu_5 a:focus { background-position: -582px -35px;}
#sf_menu_6.sfhover, #sf_menu_6 a:hover, #sf_menu_6 a:active, #sf_menu_6 a:focus { background-position: -661px -35px;}
#sf_menu_7.sfhover, #sf_menu_7 a:hover, #sf_menu_7 a:active, #sf_menu_7 a:focus { background-position: 100% -35px;}

/* Active states */

#home #sf_menu_0 a { background-position: 0;}
.tc-37981 #sf_menu_1 a { background-position: -75px 100%;}
.tc-37982 #sf_menu_2 a { background-position: -179px 100%;}
.tc-37983 #sf_menu_3 a { background-position: -313px 100%;}
.tc-37984 #sf_menu_4 a { background-position: -460px 100%;}
.tc-37985 #sf_menu_5 a { background-position: -582px 100%;}
.tc-37986 #sf_menu_6 a { background-position: -661px 100%;}
.tc-37987 #sf_menu_7 a { background-position: 100% 100%;}

/* Child stuff */

#suckerfishMenu0 ul a {
	background-image: none;
}

