/*
©2010 Jay Hollywood
www.jayhollywood.com.au

Description : Navigation Stylesheet

*/

#nav {
	width: 635px;
	position: absolute;
	right: 4px;
	height: 138px;
}

#nav ul {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li {
	float: left;
	width: auto;
}

#nav a {
	display: block;
	width: auto;
	text-indent: -9999px;
	background: url(art/nav.png) no-repeat 0 0;
	width: 106px;
	height: 138px;
	position: relative;
	cursor: pointer;
}

#nav a span.hover {
	background: url(art/nav.png) no-repeat 0 -138px;
	position: absolute;
	top: 0;
	left: 0;
	width: 106px;
	height: 138px;
	cursor: pointer;
	}

#nav a#home {
	width: 105px;
}

#nav a#home span.hover {
	background: url(art/nav.png) no-repeat 0 -138px;
	width: 105px;
	}

#nav a#home.active {
	background-position: 0 -276px;
	}

#nav a#company-profile {
	background-position: -105px 0;
	}

#nav a#company-profile span.hover {
	background-position: -105px -138px;
	}

#nav a#company-profile.active {
	background-position: -105px -276px;
	}

#nav a#civil-engineering {
	background-position: -211px 0;
	}

#nav a#civil-engineering span.hover {
	background-position: -211px -138px;
	}

#nav a#civil-engineering.active {
	background-position: -211px -276px;
	}

#nav a#traffic-engineering {
	background-position: -317px 0;
	}

#nav a#traffic-engineering span.hover  {
	background-position: -317px -138px;
	}

#nav a#traffic-engineering.active {
	background-position: -317px -276px;
	}

#nav a#risk-management {
	background-position: -423px 0;
	}

#nav a#risk-management span.hover  {
	background-position: -423px -138px;
	}

#nav a#risk-management.active {
	background-position: -423px -276px;
	}

#nav a#contact-us {
	width: 106px;
	background-position: -635px 0;
	}

#nav a#contact-us span.hover  {
	background-position: -635px -138px;
	}

#nav a#contact-us.active {
	background-position: -635px -276px;
	}