/*
©2008 Bam Creative

Title : nav.css
Author : NAME | Bam Creative
URL : www.sitename.com.au

Description : Stylesheet
*/
#nav {
    background: url(../art/ul-bg.png) 1px 15px no-repeat;
	float: right;
	height: 49px;
	margin: -18px 0px -1px 0px;
	padding: 0;
	padding-right: 20px;
	position:relative;
	width: 762px;
	z-index: 999;
}

#nav ul {
	float: right;
	height: 35px;
	list-style: none;
	margin: 0 0px 0 0;
	padding: 0;
	z-index: 999;
}

#nav li { /* common li style attributes for entire nav */
	float: left;
	height: 35px;
	margin-right: 0;
	position: relative;
	z-index: 999;
}


#nav li a { /* common a style attributs for entire nav */	
	float: left;
	text-decoration: none;
	display: block;
	cursor: pointer;
	overflow: hidden;

	font-size: 0.688em;
	width: auto;
	background: url(../art/nav.png) 0 0 no-repeat;
	text-align: center;
	padding: 4px 10px 5px 10px;
	height: 41px;
	z-index: 999;

}

#nav ul li a span {
	display: none;
}

/*------------------------------------------------------------------1ST LEVEL */

#nav ul li a#novated {
    width: 120px;
    background-position: -190px 0px;
}

#nav ul li a#novated:hover,
#nav ul li a#novated.active,
#nav ul li:hover a#novated,
#nav ul li.sfhover a#novated {
    background-position: -190px -49px;
}

#nav ul li a#fleet-management {
    width: 120px;
    background-position: -330px 0px;
}

#nav ul li a#fleet-management:hover, 
#nav ul li a#fleet-management.active, 
#nav ul li:hover a#fleet-management,
#nav ul li.sfhover a#fleet-management {
    background-position: -330px -49px;
}

#nav ul li a#operating-lease {
    width: 120px;
    background-position: -470px 0px;
}

#nav ul li a#operating-lease:hover, 
#nav ul li a#operating-lease.active, 
#nav ul li:hover a#operating-lease,
#nav ul li.sfhover a#operating-lease {
    background-position: -470px -49px;
}

#nav ul li a#finance {
    width: 120px;
    background-position: -600px 0px;
}

#nav ul li a#finance:hover, 
#nav ul li a#finance.active, 
#nav ul li:hover a#finance,
#nav ul li.sfhover a#finance {
    background-position: -600px -49px;
}

/*------------------------------------------------------------------2ND LEVEL */

#nav li ul {
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin: -1px 0 0 0;	
	position: absolute;
	top: 50px;
	width: 165px;
	z-index: 999;
}

#nav li li {
	width: 100%;
	height: auto;
}

#nav li li a {
	background-image: none;
	background-color: #bcbaba;
	border-bottom: 1px solid #fff;
	color: #434543;	
	height: auto;
	text-align: left;
	padding: 8px 8px;
	width: 165px;
}

#nav ul li ul li a:hover,
#nav ul li ul li a.active {
    color: #b12d10;
}



/*------------------------------------------- SUCKERFISH SHOW/HIDE CONTROLLERS */

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	position:absolute;
	left: -999em;
	z-index:50;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
	position:absolute;
	z-index: 50;
	left: 0;
}

#nav li li:hover, #nav li li.sfhover {
	position:relative;
	z-index: 50;
	left: 0;
}

/*---------------------------------------------------------------RELATED LINKS */

#related-links{
    float: right;
    background: url(../art/side-nav-bg.gif) 0 10px no-repeat #bcbaba;
    margin-top: 1px;
}

#related-links ul{
    background: #bcbaba;
	width: 117px;
	margin: 40px 0px 0 0px;
}

#related-links ul li{
    list-style: none;
	border-bottom: 1px solid #fff;
    padding: 3px 15px 3px 10px;
    margin:0 0 0 -40px;
    background-color: #bcbaba;
}

#related-links ul li a{
	text-align: left;
	height: auto;
	width: auto;
	padding: 5px 1px 5px 1px;
	color: #434543;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.7em;
}

#related-links ul li a:hover, #related-links ul li a.active{
    color: #b12d10;
}