@charset "UTF-8";

/* common nav */
#home
{
	display: block;
	width: 45px;
	height: 26px;
	background-image: url(imgs/nav-home.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#home:hover
{ 
  background-position: 0 -26px;
}
#home span
{
  display: none;
}



#shipping
{
	display: block;
	width: 62px;
	height: 26px;
	background-image: url(imgs/nav-shipping.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#shipping:hover
{ 
  background-position: 0 -26px;
}
#shipping span
{
  display: none;
}





#marine
{
	display: block;
	width: 47px;
	height: 26px;
	background-image: url(imgs/nav-marine.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#marine:hover
{ 
  background-position: 0 -26px;
}
#marine span
{
  display: none;
}


#aboutus
{
	display: block;
	width: 64px;
	height: 26px;
	background-image: url(imgs/nav-about.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#aboutus:hover
{ 
  background-position: 0 -26px;
}
#aboutus span
{
  display: none;
}


#news
{
	display: block;
	width: 42px;
	height: 26px;
	background-image: url(imgs/nav-news.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#news:hover
{ 
  background-position: 0 -26px;
}
#news span
{
  display: none;
}


#consultancy
{
	display: block;
	width: 75px;
	height: 26px;
	background-image: url(imgs/nav-consultancy.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#consultancy:hover
{ 
  background-position: 0 -26px;
}
#consultancy span
{
  display: none;
}


#faqs
{
	display: block;
	width: 38px;
	height: 26px;
	background-image: url(imgs/nav-faq.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#faqs:hover
{ 
  background-position: 0 -26px;
}
#faqs span
{
  display: none;
}


#benefits
{
	display: block;
	width: 57px;
	height: 26px;
	background-image: url(imgs/nav-benefits.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#benefits:hover
{ 
  background-position: 0 -26px;
}
#benefits span
{
  display: none;
}

#testimonials
{
	display: block;
	width: 74px;
	height: 26px;
	background-image: url(imgs/nav-testimonial.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#testimonials:hover
{ 
  background-position: 0 -26px;
}
#testimonials span
{
  display: none;
}

#applications
{
	display: block;
	width: 112px;
	height: 26px;
	background-image: url(imgs/nav-applications.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#applications:hover
{ 
  background-position: 0 -26px;
}
#applications span
{
  display: none;
}

#commercial
{
	display: block;
	width: 72px;
	height: 26px;
	background-image: url(imgs/nav-commercial.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#commercial:hover
{ 
  background-position: 0 -26px;
}
#commercial span
{
  display: none;
}



#road
{
	display: block;
	width: 47px;
	height: 26px;
	background-image: url(imgs/nav-road.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#road:hover
{ 
  background-position: 0 -26px;
}
#road span
{
  display: none;
}



#rail
{
	display: block;
	width: 47px;
	height: 26px;
	background-image: url(imgs/nav-rail.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#rail:hover
{ 
  background-position: 0 -26px;
}
#rail span
{
  display: none;
}


#industrial
{
	display: block;
	width: 62px;
	height: 26px;
	background-image: url(imgs/nav-industrial.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#industrial:hover
{ 
  background-position: 0 -26px;
}
#industrial span
{
  display: none;
}





/* login navs */

#login
{
	display: block;
	width: 40px;
	height: 26px;
	background-image: url(imgs/nav-log.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#login:hover
{ 
  background-position: 0 -26px;
}
#login span
{
  display: none;
}


#logout
{
	display: block;
	width: 40px;
	height: 26px;
	background-image: url(imgs/nav-logout.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#logout:hover
{ 
  background-position: 0 -26px;
}
#logout span
{
  display: none;
}




#loginmar
{
	display: block;
	width: 40px;
	height: 26px;
	background-image: url(imgs/nav-login-marine.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#loginmar:hover
{ 
  background-position: 0 -26px;
}
#loginmar span
{
  display: none;
}


#loginrail
{
	display: block;
	width: 40px;
	height: 26px;
	background-image: url(imgs/nav-login-rail.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#loginrail:hover
{ 
  background-position: 0 -26px;
}
#loginrail span
{
  display: none;
}

#loginroad
{
	display: block;
	width: 40px;
	height: 26px;
	background-image: url(imgs/nav-login-road.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#loginroad:hover
{ 
  background-position: 0 -26px;
}
#loginroad span
{
  display: none;
}

#loginindustrial
{
	display: block;
	width: 40px;
	height: 26px;
	background-image: url(imgs/nav-login-industrial.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#loginindustrial:hover
{ 
  background-position: 0 -26px;
}
#loginindustrial span
{
  display: none;
}



#loginshipping
{
	display: block;
	width: 40px;
	height: 26px;
	background-image: url(imgs/nav-login-shipping.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#loginshipping:hover
{ 
  background-position: 0 -26px;
}
#loginshipping span
{
  display: none;
}