/*
 * BDC navigation menu css
 * Aug 4, 2009
 * Darren Inouye   
*/

ul#topmenu {
	width:100%;
	height:72px;
	list-style:none;
	margin: 0 0;
	padding:0;
	padding-top:0px;
	padding-left:0px;
}

ul#topmenu li {
	float:left;
}

ul#topmenu li a {
	background:url(images/uppertopnav.png) no-repeat scroll top left;
	display:block;
	height:72px;
	position:relative;
}

ul#topmenu li a.home {
	width: 167px;
}

ul#topmenu li a.company {
	width: 161px;
	background-position: -167px 0px;
}

ul#topmenu li a.services {
	width: 160px;
	background-position: -328px 0px;
}

ul#topmenu li a.people {
	width: 159px;
	background-position: -488px 0px;
}

ul#topmenu li a.projects {
	width: 161px;
	background-position: -647px 0px;
}

ul#topmenu li a.fade{
	width: 166px;
	background-position: -808px 0px;
}

ul#topmenu li a span {
	background:url(images/uppertopnav.png) no-repeat scroll bottom left;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:100;
}

ul#topmenu li a.home span {
	background-position: 0px -72px;
	text-indent: -10000px;
}

ul#topmenu li a.company span {
	background-position: -167px -72px;
	text-indent: -10000px; /* for IE to move the text in the UL's for image replacement */
}

ul#topmenu li a.services span {
	background-position: -328px -72px;
	text-indent: -10000px;
}

ul#topmenu li a.people span {
	background-position: -488px -72px;
	text-indent: -10000px;
}

ul#topmenu li a.projects span {
	background-position: -647px -72px;
	text-indent: -10000px;
}

ul#topmenu li a.fade span{ 
	background-position: -808px -72px;
	text-indent: -10000px;
}
	
ul#topmenu li a span:hover {
	cursor:pointer;
}

ul#bottommenu {
	width:100%;
	height:72px;
	list-style:none;
	margin: 0 0;
	padding:0;
	padding-top:0px;
	padding-left:0px;
}

ul#bottommenu li {
	float:left;
}

ul#bottommenu li a {
	background:url(images/lowertopnav.png) no-repeat scroll top left;
	display:block;
	height:71px;
	position:relative;
}

ul#bottommenu li a.home {
	width: 167px;
}
	
ul#bottommenu li a.costindex {
	width: 161px;
	background-position: -167px 0px;
}

ul#bottommenu li a.news {
	width: 160px;
	background-position: -328px 0px;
}

ul#bottommenu li a.links {
	width: 159px;
	background-position: -488px 0px;
}

ul#bottommenu li a.careers {
	width: 161px;
	background-position: -647px 0px;
}

ul#bottommenu li a.fade{
	width: 166px;
	background-position: -808px 0px;
}

ul#bottommenu li a span {
	background:url(images/lowertopnav.png) no-repeat scroll bottom left;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:100;
}

ul#bottommenu li a.home span {
	background-position: 0px -71px;
	text-indent: -10000px;
}

ul#bottommenu li a.costindex span {
	background-position: -167px -71px;
	text-indent: -10000px;
}

ul#bottommenu li a.news span {
	background-position: -328px -71px;
	text-indent: -10000px;
}

ul#bottommenu li a.links span {
	background-position: -488px -71px;
	text-indent: -10000px;
}

ul#bottommenu li a.careers span {
	background-position: -647px -71px;
	text-indent: -10000px;
}

ul#bottommenu li a.fade span{ 
	background-position: -808px -72px;
	text-indent: -10000px;
}

ul#bottommenu li a span:hover {
	cursor:pointer;
}

ul#bottommenu li a span:hover {
	cursor:pointer;
}