/************************
Topnav and Botnav
************************/	
#header {
	position:relative;
	height:245px;
}

#topnav {
	position:absolute;
	top:20px;
	left:382px;
	width:360px;
	z-index:10;
}

#botnav {
	clear:left;
	position:absolute;
	right:14px;
	top:226px;
	z-index:5;
}

#topnav,
#topnav ul,
#botnav,
#botnav ul {
	margin:0px;
	padding:0px;
}

#topnav li, 
#botnav li {
	list-style:none;
	position:relative;
}

#topnav li a span,
#botnav li a span {
	display:none;
}

#topnav a,
#topnav li,
#botnav a,
#botnav li {
	display:block;
}

/************************
	Topnav
	 First Tier 
************************/	


#topnav_drivers {
	float: left;
	width: 150px;
	height: 34px;
	background: #acacae url("topnav.jpg") 0px 0px no-repeat;
}
	#topnav_drivers a.first {
		display: block;
		width: 150px;
		height: 34px;
	}
	#topnav_drivers a.first:hover {
		background: #acacae url("topnav.jpg") 0px -34px no-repeat;
	}

#topnav_customers {
	float:left;
	width: 200px;
	height: 34px;
	background: #acacae url("topnav.jpg") -150px 0px no-repeat;
}
	#topnav_customers a.first {
		display: block;
		width: 200px;
		height: 34px;
	}
	#topnav_customers a.first:hover {
		background: #acacae url("topnav.jpg") -150px -34px no-repeat;
	}
	
	
/************************
	Botnav
	 First Tier 
************************/	
#botnav_about, #botnav_careers, #botnav_news, #botnav_contact {
	float:left;
}

#botnav a.first {
	height: 39px;
}

#botnav_about a.first {
	width: 102px;
	background: url("nav_bg_crete.gif") 0px 0px  no-repeat;
}
	
	#botnav_about a.first:hover {
		background: url("nav_bg_crete.gif") 0px -39px no-repeat;
	}
	
#botnav_careers a.first {
	width: 120px;
	background: url("nav_bg_crete.gif") -102px 0px no-repeat;
}
	
	#botnav_careers a.first:hover {
		background: url("nav_bg_crete.gif") -102px -39px no-repeat;
	}

#botnav_news a.first {
	width: 97px;
	background: url("nav_bg_crete.gif") -222px 0px no-repeat;
}
	
	#botnav_news a.first:hover {
		background: url("nav_bg_crete.gif") -222px -39px no-repeat;
	}

#botnav_contact a.first {
	width: 151px;
	background: url("nav_bg_crete.gif") -319px 0px no-repeat;
}
	
	#botnav_contact a.first:hover {
		background: url("nav_bg_crete.gif") -319px -39px no-repeat;
	}


/************************
	Topnav and Botnav
	 Second tier 
************************/
#topnav ul,
#botnav ul {
	position:absolute;
	left: 0px;
	background: #cbc6cc url("nav_2bg.jpg") top left repeat-y;
	width: 134px;
}

#topnav ul {
	top:34px;
}

	#topnav_customers ul {
		left:30px;
	}

#botnav ul {
	top:39px;
}


#topnav ul li,
#botnav ul li {
	width:134px;
}

#topnav ul li:hover,
#botnav ul li:hover {
	background: url("nav_2bg_over.jpg") 0px 1px no-repeat;
}

#topnav ul li a,
#botnav ul li a {
	min-height:14px;
	padding:3px 10px 3px 15px;
	color:#504655;
	text-decoration:none;
	font: 12px Verdana;
}

	#topnav ul li a:hover,
	#botnav ul li a:hover {
		background: url("nav_2bg_over.jpg") 0px 1px no-repeat;
		color: #D81F2A;
	}


/************************
	Topnav and Botnav
	 Third Tier 
************************/
#topnav ul ul,
#botnav ul ul {
	position:absolute;
	left:134px;
	top:0px;
	background: #c9c7cc url("nav_3bg.jpg") top left repeat-y;
	width:138px;
}

#topnav ul ul li,
#botnav ul ul li {
	width:138px;
}

#topnav ul ul li:hover,
#botnav ul ul li:hover {
	background:none;
}

#topnav ul ul li a,
#botnav ul ul li a {
	min-height:14px;
	padding:3px 5px 3px 15px;
	color:#504655;
	text-decoration:none;
	font: 11px Verdana;
}

	#topnav ul ul li a:hover,
	#botnav ul ul li a:hover {
		background: url("nav_3bg_over.jpg") 0px 0px no-repeat;
		color: #D81F2A;
	}

/************************
	Topnav and Botnav
	 hover states
************************/

#topnav ul,		
#topnav ul ul,
#topnav li:hover ul ul,
#botnav ul,		
#botnav ul ul,
#botnav li:hover ul ul {
	display:none;
}

#topnav li:hover ul,
#topnav ul li:hover ul,
#botnav li:hover ul,
#botnav ul li:hover ul {
	display:block;
}