/* CSS Document For New Way Trucks Navigation*/

#navContainer {
	background-image: url(../images08/navBkg.jpg);
	background-repeat: no-repeat;
	clear: both;
	width: 868px;
}

#navigation {
	height: 63px;
	background-color: transparent;
	font-size: 12px;
	padding-left: 116px;
}

#navigation ul {list-style-type: none;}

#navigation li{
	float: left;
	list-style-type: none;
	text-indent: -9000px;}

#navigation a:hover {background-position: bottom;}

#navigation a.here:link, #navigation a.here:visited, #navigation a.here:hover, #navigation a.here:active {background-position: bottom;}

#navigation .one a, .two a, .three a, .four a, .five a, .six a, .seven a, .eight a{
	display: block;
	height: 63px;
	background-repeat: no-repeat;
	outline: none;}

#navigation .one a{
	width: 136px;
	background-image: url(../images08/nav/notice_bidders.gif);}

#navigation .two a{
	width: 155px;
	background-image: url(../images08/nav/construction_projects.gif);}

#navigation .three a{
	width: 126px;
	background-image: url(../images08/nav/archive_projects.gif);}

#navigation .four a{
	width: 72px;
	background-image: url(../images08/nav/engineering_services.gif);}

#navigation .five a{
	width: 54px;
	background-image: url(../images08/nav/staff.gif);}

#navigation .six a{
	width: 89px;
	background-image:url(../images08/nav/contact.gif);}
	
#notice #navigation li.one a {background-position: bottom;}
#construction #navigation li.two a {background-position: bottom;}
#archive #navigation li.three a {background-position: bottom;}
#services #navigation li.four a {background-position: bottom;}
#staff #navigation li.five a {background-position: bottom;}
#contact #navigation li.six a {background-position: bottom;}