/**
 *	Deacon
 *  Screen Navigation Styles
 *	
 *	@author:	Nathan Crowe <http://natz-doh.com>
 *	@date:		03/09/2008	
 *
 *	Table of Contents:
 *		01.	navigation
 *
*/
 
/** navigation
--------------------------------------- */
ul#suckerfish {
	background-repeat:		no-repeat;
	float:					right;
	height:					48px;
	margin:					0 12px 0 0;
	width:					596px;
	z-index:				1000;	
}
body.construction ul#suckerfish {
	background-image:		url(../images/construction/suckerfish.png);
}
body.it ul#suckerfish {
	background-image:		url(../images/it/suckerfish.png);
}

ul#suckerfish li {
	float:					left;
}

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

ul#suckerfish li ul {
	left:					-9999px;
	list-style:				none;
	margin:					0 0 0 1px;
	position:				absolute;
	width:					198px;
	z-index:				10000;
}

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

ul#suckerfish li ul li.sf_topchild {
}

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

ul#suckerfish li ul li a {
	border-top-width:		0;
	color:					#979797;
	font-size:				10px;
	height:					auto;
	left:					-9999px;
	padding:				5px 0 8px 19px;
	width:					179px;
	text-indent:			0px;
}

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

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

ul#suckerfish li ul li:hover, ul#suckerfish li ul li.sfhover {
}

ul#suckerfish li ul li a:hover {
	color: #000;
}

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

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

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

#sf_menu_0,
#sf_menu_0 a {
	width:					73px;
}

#sf_menu_1,
#sf_menu_1 a {
	width:					93px;
}

#sf_menu_2,
#sf_menu_2 a {
	width:					98px;
}

#sf_menu_3,
#sf_menu_3 a {
	width:					103px;
}

#sf_menu_4,
#sf_menu_4 a {
	width:					128px;
}

#sf_menu_5,
#sf_menu_5 a {
	width:					101px;
}


body.construction #sf_menu_0.sfhover, body.construction #sf_menu_0:hover, body.construction #sf_menu_0 a:hover, 
body.construction #sf_menu_0 a:active, body.construction #sf_menu_0 a:focus {
    background: url(../images/construction/suckerfish.png) 0px -96px no-repeat !important;
}
body.construction #sf_menu_1.sfhover, body.construction #sf_menu_1:hover, body.construction #sf_menu_1 a:hover, 
body.construction #sf_menu_1 a:active, body.construction #sf_menu_1 a:focus {
    background: url(../images/construction/suckerfish.png) -73px -96px no-repeat !important;
}
body.construction #sf_menu_2.sfhover, body.construction #sf_menu_2:hover, body.construction #sf_menu_2 a:hover, 
body.construction #sf_menu_2 a:active, body.construction #sf_menu_2 a:focus {
    background: url(../images/construction/suckerfish.png) -166px -96px no-repeat !important;
}
body.construction #sf_menu_3.sfhover, body.construction #sf_menu_3:hover, body.construction #sf_menu_3 a:hover, 
body.construction #sf_menu_3 a:active, body.construction #sf_menu_3 a:focus {
    background: url(../images/construction/suckerfish.png) -264px -96px no-repeat !important;
}
body.construction #sf_menu_4.sfhover, body.construction #sf_menu_4:hover, body.construction #sf_menu_4 a:hover, 
body.construction #sf_menu_4 a:active, body.construction #sf_menu_4 a:focus {
    background: url(../images/construction/suckerfish.png) -367px -96px no-repeat !important;
}
body.construction #sf_menu_5.sfhover, body.construction #sf_menu_5:hover, body.construction #sf_menu_5 a:hover, 
body.construction #sf_menu_5 a:active, body.construction #sf_menu_5 a:focus {
    background: url(../images/construction/suckerfish.png) -495px -96px no-repeat !important;
}

body.it #sf_menu_0.sfhover, body.it #sf_menu_0:hover, body.it #sf_menu_0 a:hover, 
body.it #sf_menu_0 a:active, body.it #sf_menu_0 a:focus {
    background: url(../images/it/suckerfish.png) 0px -96px no-repeat !important;
}
body.it #sf_menu_1.sfhover, body.it #sf_menu_1:hover, body.it #sf_menu_1 a:hover, 
body.it #sf_menu_1 a:active, body.it #sf_menu_1 a:focus {
    background: url(../images/it/suckerfish.png) -73px -96px no-repeat !important;
}
body.it #sf_menu_2.sfhover, body.it #sf_menu_2:hover, body.it #sf_menu_2 a:hover, 
body.it #sf_menu_2 a:active, body.it #sf_menu_2 a:focus {
    background: url(../images/it/suckerfish.png) -166px -96px no-repeat !important;
}
body.it #sf_menu_3.sfhover, body.it #sf_menu_3:hover, body.it #sf_menu_3 a:hover, 
body.it #sf_menu_3 a:active, body.it #sf_menu_3 a:focus {
    background: url(../images/it/suckerfish.png) -264px -96px no-repeat !important;
}
body.it #sf_menu_4.sfhover, body.it #sf_menu_4:hover, body.it #sf_menu_4 a:hover, 
body.it #sf_menu_4 a:active, body.it #sf_menu_4 a:focus {
    background: url(../images/it/suckerfish.png) -367px -96px no-repeat !important;
}
body.it #sf_menu_5.sfhover, body.it #sf_menu_5:hover, body.it #sf_menu_5 a:hover, 
body.it #sf_menu_5 a:active, body.it #sf_menu_5 a:focus {
    background: url(../images/it/suckerfish.png) -495px -96px no-repeat !important;
}

body.construction #sf_menu_0 ul li a:hover,  body.it #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; }
body.construction #sf_menu_1 ul li a:hover, body.it #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; }
body.construction #sf_menu_2 ul li a:hover, body.it #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; }
body.construction #sf_menu_3 ul li a:hover, body.it #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; }
body.construction #sf_menu_4 ul li a:hover, body.it #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; }
body.construction #sf_menu_5 ul li a:hover, body.it #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; }