@charset "utf-8";
/* CSS Document */

#nav li{
	float:left;
}

#nav .active{	
	padding:10px 15px;
	text-decoration:none;
	
	font:12px Arial, Helvetica, sans-serif;
	font-family:"Century Gothic", Century Gothic, Arial, Helvetica, sans-serif;
	letter-spacing:0.5px;
	color:#ffffff;	
	background:#743428;
	display:block;	
}

#nav a{
	padding:10px 15px;
	text-decoration:none;
	
	font:12px Arial, Helvetica, sans-serif;
	font-family:"Century Gothic", Century Gothic, Arial, Helvetica, sans-serif;
	letter-spacing:0.5px;
	color:#666666;
	display:block;
}

#nav a:hover{	
	color:#ffffff;	
	background:#743428;		
}

.nav_home a{
	text-indent:-9999999px;
	margin-left:0px;
	background: url(../gfx/navigation/home.gif) no-repeat top left;
	width:74px;
	height:36px;
	display:block;
	float:left;
}

.nav_sustainability a{
	text-indent:-9999999px;
	margin-left:0px;
	background: url(../gfx/navigation/sustainability.gif) no-repeat top left;
	width:129px;
	height:36px;
	display:block;
	float:left;
}

.nav_projects a{
	text-indent:-9999999px;
	margin-left:0px;
	background: url(../gfx/navigation/projects.gif) no-repeat top left;
	width:151px;
	height:36px;
	display:block;
	float:left;
}

.nav_about a{
	text-indent:-9999999px;
	margin-left:0px;
	background: url(../gfx/navigation/about.gif) no-repeat top left;
	width:108px;
	height:36px;
	display:block;
	float:left;
}

.nav_contact a{
	text-indent:-9999999px;
	margin-left:0px;
	background: url(../gfx/navigation/contact.gif) no-repeat top left;
	width:98px;
	height:36px;
	display:block;
	float:left;
}


.nav_home a:hover{
	background-position:left -36px;
}
.nav_sustainability a:hover{
	background-position:left -36px;
}
.nav_projects a:hover{
	background-position:left -36px;
}
.nav_about a:hover{
	background-position:left -36px;
}
.nav_contact a:hover{
	background-position:left -36px;
}