/* CSS by Jay Tang | Terra Preta */

/* 
Note to developers: 
To use the template properly, it is required to use Javascript or equivalent to change the ID of a button to its mouseUp state.

For example: 
On the Homepage, the button needs to light up. Instead of using the ID-class 'a#navHome', it should change to ' a#navHomeUp'.
*/

div#topNav {
	width: 763px;
	height: 47px;
	background: url(../assets/nav2_bg.jpg);
	float: left;
	clear: left;
}
div#subNav {
	margin: 15px 10px 0px 10px;
	width: 980px;
	height: 20px;
	float: left;
	clear: both;
}
div#subNav a {
	font-size: 14px;
	color: #1F304F;
}
div#topNav img {
	float: left;
}
div#topNav a {
	height: 47px;
	text-decoration: none;
	border: 0px;
	float: left;
	display: block;
}
div#topNav img.spacer {
	width: 8px;
	height: 47px;
}
div#topNav a#navHome:link,
div#topNav a#navHome:visited {
	width: 88px;
	background: url(../assets/nav2_home.jpg) no-repeat 0px -47px;
}
div#topNav a#navHome:hover,
div#topNav a#navHome:active,
div#topNav a#navHomeUp {
	width: 88px;
	background: url(../assets/nav2_home.jpg) no-repeat 0px 0px;
}
div#topNav a#navOrganisation:link,
div#topNav a#navOrganisation:visited {
	width: 117px;
	background: url(../assets/nav2_organisation.jpg) no-repeat 0px -47px;
}
div#topNav a#navOrganisation:hover,
div#topNav a#navOrganisation:active,
div#topNav a#navOrganisationUp {
	width: 117px;
	background: url(../assets/nav2_organisation.jpg) no-repeat 0px 0px;
}
div#topNav a#navSolutions:link,
div#topNav a#navSolutions:visited {
	width: 142px;
	background: url(../assets/nav2_solutions.jpg) no-repeat 0px -47px;
}
div#topNav a#navSolutions:hover,
div#topNav a#navSolutions:active,
div#topNav a#navSolutionsUp {	
	width: 142px;
	background: url(../assets/nav2_solutions.jpg) no-repeat 0px 0px;
}
div#topNav a#navTeam:link,
div#topNav a#navTeam:visited {
	width: 117px;
	background: url(../assets/nav2_team.jpg) no-repeat 0px -47px;
}
div#topNav a#navTeam:hover,
div#topNav a#navTeam:active,
div#topNav a#navTeamUp {
	width: 117px;
	background: url(../assets/nav2_team.jpg) no-repeat 0px 0px;
}
div#topNav a#navClients:link,
div#topNav a#navClients:visited {
	width: 117px;
	background: url(../assets/nav2_clients.jpg) no-repeat 0px -47px;
}
div#topNav a#navClients:hover,
div#topNav a#navClients:active,
div#topNav a#navClientsUp {
	width: 117px;
	background: url(../assets/nav2_clients.jpg) no-repeat 0px 0px;
}
div#topNav a#navPartners:link,
div#topNav a#navPartners:visited {
	width: 117px;
	background: url(../assets/nav2_partners.jpg) no-repeat 0px -47px;
}
div#topNav a#navPartners:hover,
div#topNav a#navPartners:active,
div#topNav a#navPartnersUp {
	width: 117px;
	background: url(../assets/nav2_partners.jpg) no-repeat 0px 0px;
}