/* DROP-DOWN MENU NAVIGATION ------------------ */

#nav {
	margin: 3px 0 0 50px;
	padding: 0;
	border: none;
	font-weight: normal;
	}
	
#nav ul {	
	font-size: 10px;
	line-height: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform: uppercase;
	color: #fff;
	background-color: transparent;
	}
	
#nav a {
	display: block;	
	width: 115px;
	margin: 0;
	text-decoration: none;
	}
	
#nav a:hover {
	color: #fff;
	background-color: transparent;
	}
	
#nav a.current {
	color: #fff;
	background-color: transparent;
	} 
	
#nav li {
	float: left;
	width: 118px;
	margin-right: 3px;
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 115px;
	}
	
html>body #nav li {
	width: 115px;
	 /* ie5win fudge ends */
	 }
	
#nav li a {
	width: 115px;
	padding: 12px 0 12px 7px;
	color: #fff;
	background-color: #9399a2;
	background-image: url(../images/nav/nav_corner_l1.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 108px;
	}
	
html>body li a {
	width: 108px;
	 /* ie5win fudge ends */
	 }
	 
/* hover styles for nav without dropdown lists (ie vacancies */
#nav li a:hover.vacancies {
	color: #fff;
	background-color: #00008f;
	background-image: url(../images/nav/nav_corner_l1_case_studies.gif);
	}
	
/* "active" styles for l1 nav */

/* nav colors
datamail: #b29900
solutions: #00c375
capabilities: #d1002b
case: #00008f
news: #09b948
vacancies: #1aff1a
contact: #000085
*/

#nav li a.current-datamail, #nav li a.current-solutions, #nav li a.current-capabilities, #nav li a.current-case, 
    #nav li a.current-vacancies, #nav li.sfhover a.current-vacancies,
	#nav li a.current-contact, #nav li.sfhover a.current-contact,
	#nav li a.current-news {
	color: #fff;
	background-color: #00008f;
	background-image: url(../images/nav/nav_corner_l1_case_studies.gif);
	}
	
/* end of current styles */

#nav li ul {
	position: absolute;
	width: 115px;
	left: -999em;
	margin: 0;
	padding: 0 0 12px 0;
	font-size: 9px;
	font-weight: lighter;
	}
	
#nav li ul.datamail, #nav li ul.solutions, #nav li ul.capabilities, #nav li ul.case, #nav li ul.news {
	color: #fff;
	background-image: url(../images/nav/nav_corner_case_studies.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-color: transparent;
	}
	
#nav li ul.vacancies {
	color: #fff;
	background-image: url(../images/nav/nav_corner_vacancies2.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-color: transparent;
	}
	
	
#nav li ul.contact {
	color: #fff;
	background-image: url(../images/nav/nav_corner_contact.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-color: transparent;
	}
	
#nav li ul a {
	width: 115px;
	}
	
#nav li ul li {
	width: 115px;
	padding: 0;
	margin: 0;
	background-image: none;
	}
	
#nav li ul li.current-link {
	font-weight: bold;
	}

#nav li ul li.first {
	width: 115px;
	padding: 12px 0 12px 7px;
	font-size: 10px;
	font-weight: normal;
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 108px;
	}
	
html>body #nav li ul li.first {
	width: 108px;
	 /* ie5win fudge ends */
	 }

#nav li ul li.first a {
	background-image: none;
	padding: 0;
	margin: 0;
	}
	
#nav li ul li.first a:hover {
	background-image: none;
	}

/* main-nav 2nd level active and rollover colors */		
#nav li ul li a.datamail, #nav li ul li a.solutions, #nav li ul li a.case, #nav li ul li a.news,
	#nav li ul li a.capabilities, #nav li ul li a.vacancies, #nav li ul li a.contact {
	color: #fff;
	background-color: #00008f;
	}
	
#nav li ul li a:hover.case, #nav li ul li a.case-current, #nav li ul li a:hover.case-current,
	#nav li ul li a:hover.capabilities, #nav li ul li a.capabilities-current, #nav li ul li a:hover.capabilities-current,
	#nav li ul li a:hover.news, #nav li ul li a.news-current, #nav li ul li a:hover.news-current,
	#nav li ul li a:hover.contact, #nav li ul li a.contact-current, #nav li ul li a:hover.contact-current,
	#nav li ul li a:hover.solutions, #nav li ul li a.solutions-current, #nav li ul li a:hover.solutions-current,
	#nav li ul li a:hover.datamail, #nav li ul li a.datamail-current, #nav li ul li a:hover.datamail-current {
	color: #fff;
	background-color: #000042;
	}

/* end of active colour definitions */

#nav li ul li a {
	background-image: url(../images/nav/li_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 3px 7px 3px 15px;
	width: 115px;
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 93px;
	}
	
html>body li ul li a {
	width: 93px;
	 /* ie5win fudge ends */
	 }
	
#nav li ul li a:hover {
	background-image: url(../images/nav/li_bg_over.gif);
	background-repeat: no-repeat;
	}
	
#nav li:hover ul, #nav li.sfhover ul {
	margin-top: -34px;
	left: auto;
	z-index: 1000;
	}
	
/*	3 Feb 2006
	Stuff added by Tamaki so that it doesn't have to be added in the dropmenu template
*/
#nav li ul.datamail li.first, #nav li ul.datamail li.first a, #nav li ul.solutions li.first, #nav li ul.solutions li.first a, 
	#nav li ul.capabilities li.first, #nav li ul.capabilities li.first a, #nav li ul.case li.first, #nav li ul.case li.first a,
	#nav li ul.news li.first, #nav li ul.news li.first a, #nav li ul.contact li.first, #nav li ul.contact li.first a
{
	background-color: #00008f;
}