@charset "utf-8";

/* CSS Document www.repay-international.com
	CSS: Leonie van Schagen
	E-mail: leonie.van.schagen@isaac.nl
	Url: www.isaac.nl
*/

* { margin: 0; padding:	0;}

#nav, #nav ul { /* all lists */
	padding: 	        0;
	margin: 			0;
	list-style: 		none;
	float: 				left;
	left: 				0;
	/* width: 			886px;
	height: 			29px;  */
}

#nav li { /* all list items */
	float: 				left;
	position: 			relative;
}

#nav li a { 
	display: 			block;
	height:				22px;
	padding: 	        7px 0 0 0;
	margin: 			0;
	color: 				#666;
	text-decoration: 	none;
	font-size:			12px;
	text-align:			center;
}

#nav li a:hover { 
	color: 				#FFF;
}

/* Home */
#nav li a.nav_home { 
	width:				110px;
	background: 		transparent url(images/menu_home.gif) left center no-repeat;}
#nav li a.nav_home:hover,
#nav li a.nav_home_a:hover { 
	background: 		transparent url(images/menu_home_a.gif) left center no-repeat;}
#nav li a.nav_home_a { 
	width:				110px;
	background: 		transparent url(images/menu_home_a.gif) left center no-repeat;
	color:				#FFFFFF;}

/* Company */
#nav li a.nav_company { 
	width:				129px;
	background: 		transparent url(images/menu_company.gif) left center no-repeat;}
#nav li a.nav_company:hover,
#nav li a.nav_company_a:hover { 
	background: 		transparent url(images/menu_company_a.gif) left center no-repeat;}
#nav li a.nav_company_a { 
	width:				129px;
	background: 		transparent url(images/menu_company_a.gif) left center no-repeat;
	color:				#FFFFFF;}

/* Services */
#nav li a.nav_services { 
	width:				125px;
	background: 		transparent url(images/menu_services.gif) left center no-repeat;}
#nav li a.nav_services:hover,
#nav li a.nav_services_a:hover { 
	background: 		transparent url(images/menu_services_a.gif) left center no-repeat;}
#nav li a.nav_services_a { 
	width:				125px;
	background: 		transparent url(images/menu_services_a.gif) left center no-repeat;
	color:				#FFFFFF;}

/* Partners */
#nav li a.nav_partners { 
	width:				122px;
	background: 		transparent url(images/menu_partners.gif) left center no-repeat;}
#nav li a.nav_partners:hover,
#nav li a.nav_partners_a:hover { 
	background: 		transparent url(images/menu_partners_a.gif) left center no-repeat;}
#nav li a.nav_partners_a { 
	width:				122px;
	background: 		transparent url(images/menu_partners_a.gif) left center no-repeat;
	color:				#FFFFFF;}

/* News */
#nav li a.nav_news { 
	width:				107px;
	background: 		transparent url(images/menu_news.gif) left center no-repeat;}
#nav li a.nav_news:hover,
#nav li a.nav_news_a:hover { 
	background: 		transparent url(images/menu_news_a.gif) left center no-repeat;}
#nav li a.nav_news_a { 
	width:				107px;
	background: 		transparent url(images/menu_news_a.gif) left center no-repeat;
	color:				#FFFFFF;}

/* Careers */
#nav li a.nav_careers { 
	width:				120px;
	background: 		transparent url(images/menu_careers.gif) left center no-repeat;}
#nav li a.nav_careers:hover,
#nav li a.nav_careers_a:hover { 
	background: 		transparent url(images/menu_careers_a.gif) left center no-repeat;}
#nav li a.nav_careers_a { 
	width:				120px;
	background: 		transparent url(images/menu_careers_a.gif) left center no-repeat;
	color:				#FFFFFF;}

/* Worldwide */
#nav li a.nav_worldwide { 
	width:				148px;
	text-align:			right;
	padding-right:      25px;
	background: 		transparent url(images/menu_worldwide.gif) left center no-repeat;}
#nav li a.nav_worldwide:hover,
#nav li a.nav_worldwide_a:hover { 
	background: 		transparent url(images/menu_worldwide_a.gif) left center no-repeat;}
#nav li a.nav_worldwide_a { 
	width:				148px;
	text-align:			right;
	padding-right:      25px;
	background: 		transparent url(images/menu_worldwide_a.gif) left center no-repeat;
	color:				#FFFFFF;}





#nav li ul { /* second-level lists */
	position: 			absolute;
	background: 		#FFF;
	width: 				120px;
	left: 				-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: 			auto;
	border: 			#999999 solid 1px;
	margin: 			0;
	padding: 	        0;
}

#nav li ul li { /* second-level lists */
	background-color: 	#FFF;
}

#nav li ul li a {
	background-color:	#FFF;
	height:				24px;
	width:				116px;
	text-align:			left;
	padding:            5px 0 0 4px;
}


#nav li:hover { background-color:#587625;  }

#nav li:hover ul, #nav li.sfhover ul { 
	left: 				auto;
}

#nav li ul li a:hover {
	background-color:	#587625;
}