/* 
    Document   : navigation
    Created on : 21/05/2009, 12:08:59 PM
    Author     : Ben Rowe <ben@fatpublisher.com.au>
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#navigation {
	height: 33px;
	list-style: none;
	margin: 0;
	font-family: 'Lucida Grande','Lucida Sans',Helvetica,Arial,sans-serif;

	/*background-color: transparent;*/
}

#navigation li.contact-us {
}

#navigation a {
	background: url('/css/images/navigation-sprite.png') no-repeat;
	border-right: 1px solid #FFF;
	color: #FFF;
	display: block;
	padding: 9px 0;
	text-decoration: none;
}

#navigation ul {
	background: url('/css/images/nav-menu-bg.png') !important;
	background: #909090;
	border-top: 5px solid #FFF;
	display: none;
	float: none;
	margin: 0;
	position: absolute;
	z-index: 999;
	top: 33px;
	left: 0;
}

#navigation li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	text-indent: -3000px;
	z-index: 999;
}

#navigation li:hover ul,
#navigation li.hover ul {
	display: inline;
}

#navigation li ul li {
	float: none;
	margin: 0;
	padding: 0;
	text-indent: 0px;
}
#navigation li ul li a {
	background: none;
	border: 1px solid #FFF;
	margin: 0;
	margin-bottom: 1px;
	margin-left: 0;
	/*
		very hacky! I couldn't find another solution to target ie6/7 so i've
		used this non-standard hack.. if you know of a better way then please
		do so!
	*/
	*margin-left: -16px;
	padding: 5px;
}
#navigation li ul li > a {
	
}

#navigation li ul li a:hover,
#navigation li ul li.active a {
	background: url('/css/images/nav-menu-bg-hover.png') repeat 0 0;
}

/* custom button styling */
#navigation li.home a {
	background-position: 0px 0;
	width: 70px;
}

#navigation li.about-move a {
	background-position: -71px 0;
	width: 106px;
}

#navigation li.the-move-system a {
	background-position: -178px 0;
	width: 135px;
}

#navigation li.organisation-structure a {
	background-position: -314px 0;
	width: 186px;
}

#navigation li.market-summary a {
	background-position: -501px 0;
	width: 136px;
}

#navigation li.useful-links a {
	background-position: -638px 0;
	width: 106px;
}
#navigation li.news a {
	background-position: -746px 0;
	width: 65px;
}

#navigation li.contact-us a {
	background-position: -812px 0;
	width: 107px;
	border-right: none;
}

/* hover/active styles */
#navigation li.home a:hover,
#navigation li.active-home a {
	background-position: 0px -34px;
}

#navigation li.about-move a:hover,
#navigation li.active-about-move a {
	background-position: -71px -34px;
}

#navigation li.the-move-system a:hover,
#navigation li.active-the-move-system a {
	background-position: -178px -34px;
}

#navigation li.organisation-structure a:hover,
#navigation li.active-organisation-structure a {
	background-position: -314px -34px;
}

#navigation li.market-summary a:hover,
#navigation li.active-market-summary a {
	background-position: -501px -34px;

}

#navigation li.useful-links a:hover,
#navigation li.active-useful-links a {
	background-position: -638px -34px;
}

#navigation li.news a:hover,
#navigation li.active-news a {
	background-position: -746px -34px;
}

#navigation li.contact-us a:hover,
#navigation li.active-contact-us a {
	background-position: -812px -34px;
	border-right: none;
	width: 107px;
}