/**
 *	DataLava
 *  Screen Navigation Styles
 *	
 *	@author:	Nathan Crowe <nathan at imagin8 dot com>
 *	@date:		29/08/2007	
 *
 *	Table of Contents:
 *		navigation
 *
 */
 
/** navigation
--------------------------------------- */
ul#navigation-map,
ul#suckerfishMenu0 {
	background:				url(../images/bg-navigation-map.png) no-repeat;
	height:					43px;
	padding:				0;
	position:				relative;
	width:					900px;
	z-index:				100;
}

ul#navigation-map li,
ul#suckerfishMenu0 li {
	float:					left;
}

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

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

ul#navigation-map li ul li,
ul#suckerfishMenu0 li ul li {
	background:				#cdcdcd url(../images/icons/icon-arrow-dg.gif) 10px 50% no-repeat;
	float:					none;
}

ul#navigation-map li ul li.sf_bottomchild,
ul#navigation-map li ul li.sf_onlychild {
	background: 			transparent url(../images/bg-navigation-sub.gif) left bottom no-repeat;
	padding-bottom:			4px;
}

ul#navigation-map li ul li a,
ul#suckerfishMenu0 li ul li a {
	border:					1px solid #b1b1b1;
	border-top-width:		0;
	color:					#5d5d5d;
	font-family:			"Lucida sans", Arial, Verdana, "Lucida Grande", Helvetica, sans-serif;
	font-size:				11px;
	height:					auto;
	margin-bottom:			-1px;
	left:					-9999px;
	padding:				8px 0;
	width:					178px;
	text-indent:			20px;
}

ul#navigation-map li ul li.sf_bottomchild a,
ul#navigation-map li ul li.sf_onlychild a {
	border-bottom-width:	0;
}

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

ul#navigation-map li ul li a:hover,
ul#suckerfishMenu0 li ul li a:hover {
	color:					#5d5d5d;
}

ul#navigation-map li:hover ul,
ul#suckerfishMenu0 li:hover ul {
	left:					auto;
}

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

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

#nav-home,
#nav-home a,
#sf_menu_0,
#sf_menu_0 a {
	width:					77px;
}

#nav-about,
#nav-about a,
#sf_menu_1,
#sf_menu_1 a {
	width:					80px; /* -77px */
}

#nav-how,
#nav-how a,
#sf_menu_2,
#sf_menu_2 a {
	width:					123px; /* -157px */
}

#nav-who,
#nav-who a,
#sf_menu_3,
#sf_menu_3 a {
	width:					112px; /* -280px */
}

#nav-pricing,
#nav-pricing a,
#sf_menu_4,
#sf_menu_4 a {
	width:					143px; /* -392 */
}

#nav-tour,
#nav-tour a,
#sf_menu_5,
#sf_menu_5 a {
	width:					73px; /* -535px */
}

#nav-support,
#nav-support a,
#sf_menu_6,
#sf_menu_6 a {
	width:					92px; /* -608px */
}

#nav-showcase,
#nav-showcase a,
#sf_menu_7,
#sf_menu_7 a {
	width:					104px; /* -700px */
}

#nav-contact,
#nav-contact a,
#sf_menu_8,
#sf_menu_8 a {
	width:					96px; /* -804px */
}

#nav-home a:hover, #nav-home a:active, #nav-home a:focus,
#sf_menu_0 a:hover, #sf_menu_0 a:active, #sf_menu_0 a:focus {
    background: url(../images/bg-navigation-map.png) 0px -43px no-repeat !important;
}
#nav-home a.active, #nav-home a.active:hover,
#sf_menu_0 a.active, #sf_menu_0 a.active:hover {
    background: url(../images/bg-navigation-map.png) 0px -86px no-repeat !important;
}

#nav-about a:hover, #nav-about a:active, #nav-about a:focus,
#sf_menu_1 a:hover, #sf_menu_1 a:active, #sf_menu_1 a:focus {
    background: url(../images/bg-navigation-map.png) -77px -43px no-repeat !important;
}
body.bc17168 #nav-about a, body.bc17168 #nav-about a:hover {
    background: url(../images/bg-navigation-map.png) -77px -86px no-repeat !important;
}

#nav-how a:hover, #nav-how a:active, #nav-how a.active, #nav-how a:focus,
#sf_menu_2 a:hover, #sf_menu_2 a:active, #sf_menu_2 a.active, #sf_menu_2 a:focus {
    background: url(../images/bg-navigation-map.png) -157px -43px no-repeat !important;
}
body.bc17169 #nav-how a, body.bc17169 #nav-how a:hover {
    background: url(../images/bg-navigation-map.png) -157px -86px no-repeat !important;
}

#nav-who a:hover, #nav-who a:active, #nav-who a.active, #nav-who a:focus,
#sf_menu_3 a:hover, #sf_menu_3 a:active, #sf_menu_3 a.active, #sf_menu_3 a:focus {
    background: url(../images/bg-navigation-map.png) -280px -43px no-repeat !important;
}
body.bc17170 #nav-who a, body.bc17170 a:hover {
    background: url(../images/bg-navigation-map.png) -280px -86px no-repeat !important;
}

#nav-pricing a:hover, #nav-pricing a:active, #nav-pricing a.active, #nav-pricing a:focus,
#sf_menu_4 a:hover, #sf_menu_4 a:active, #sf_menu_4 a.active, #sf_menu_4 a:focus {
    background: url(../images/bg-navigation-map.png) -392px -43px no-repeat !important;
}
body.bc17171 #nav-pricing a, body.bc17171 #nav-pricing a:hover {
    background: url(../images/bg-navigation-map.png) -392px -86px no-repeat !important;
}

#nav-tour a:hover, #nav-tour a:active, #nav-tour a:focus,
#sf_menu_5 a:hover, #sf_menu_5 a:active, #sf_menu_5 a:focus {
    background: url(../images/bg-navigation-map.png) -535px -43px no-repeat !important;
}
body.bc17172 #nav-tour a, body.bc17172 #nav-tour a:hover {
    background: url(../images/bg-navigation-map.png) -535px -86px no-repeat !important;
}

#nav-support a:hover, #nav-support a:active, #nav-support a.active, #nav-support a:focus,
#sf_menu_6 a:hover, #sf_menu_6 a:active, #sf_menu_6 a.active, #sf_menu_6 a:focus {
    background: url(../images/bg-navigation-map.png) -608px -43px no-repeat !important;
}
body.bc17173 #nav-support a, body.bc17173 #nav-support a:hover {
    background: url(../images/bg-navigation-map.png) -608px -86px no-repeat !important;
}

#nav-showcase a:hover, #nav-showcase a:active, #nav-showcase a.active, #nav-showcase a:focus,
#sf_menu_7 a:hover, #sf_menu_7 a:active, #sf_menu_7 a.active, #sf_menu_7 a:focus {
    background: url(../images/bg-navigation-map.png) -700px -43px no-repeat !important;
}
body.bc17174 #nav-showcase a, body.bc17174 #nav-showcase a:hover {
    background: url(../images/bg-navigation-map.png) -700px -86px no-repeat !important;
}

#nav-contact a:hover, #nav-contact a:active, #nav-contact a.active, #nav-contact a:focus,
#sf_menu_8 a:hover, #sf_menu_8 a:active, #sf_menu_8 a.active, #sf_menu_8 a:focus {
    background: url(../images/bg-navigation-map.png) -804px -43px no-repeat !important;
}
body.bc17175 #nav-contact a, body.bc17175 #nav-contact a:hover {
    background: url(../images/bg-navigation-map.png) -804px -86px no-repeat !important;
}

#nav-home ul li a:hover, #nav-home ul li a:active, #nav-home ul li a:focus,
#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; }
#nav-about ul li a:hover, #nav-about ul li a:active, #nav-about ul li a:focus,
#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; }
#nav-how ul li a:hover, #nav-how ul li a:active, #nav-how ul li a:focus,
#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; }
#nav-who ul li a:hover, #nav-who ul li a:active, #nav-who ul li a:focus,
#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; }
#nav-pricing ul li a:hover, #nav-pricing ul li a:active, #nav-pricing ul li a:focus,
#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; }
#nav-tour ul li a:hover, #nav-tour ul li a:active, #nav-tour ul li a:focus,
#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; }
#nav-support ul li a:hover, #nav-support ul li a:active, #nav-support ul li a:focus,
#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; }
#nav-showcase ul li a:hover, #nav-showcase ul li a:active, #nav-showcase ul li a:focus,
#sf_menu_7 ul li a:hover, #sf_menu_7 ul li a:active, #sf_menu_7 ul li a:focus { background-image: none !important; }
#nav-contact ul li a:hover, #nav-contact ul li a:active, #nav-contact ul li a:focus,
#sf_menu_8 ul li a:hover, #sf_menu_8 ul li a:active, #sf_menu_8 ul li a:focus { background-image: none !important; }