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

#main-nav{
	width:875px;
	height:50px;
	margin:0 auto;
	background:  url(../images/navigation.jpg) no-repeat; 				
}


#main-nav ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
}

#main-nav ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#main-nav ul li a span{
	display:none;
}


#main-nav ul li a{
	width:125px;
	height:50px;
	margin:0px;
	padding:0px;
	display: block;
		
}

/* -- Hovers -- */

#main-nav ul li a.home:hover{
	background: url(../images/navigation.jpg) 0px -50px;
}

#main-nav ul li a.about:hover{
	background: url(../images/navigation.jpg) -125px -50px;
}
#main-nav ul li a.services:hover{
	background: url(../images/navigation.jpg) -250px -50px;
}			
#main-nav ul li a.process:hover{
	background: url(../images/navigation.jpg) -375px -50px;
}
#main-nav ul li a.principals:hover{
	background: url(../images/navigation.jpg) -500px -50px;
}
#main-nav ul li a.projects:hover{
	background: url(../images/navigation.jpg) -625px -50px;
}
#main-nav ul li a.contact:hover{
	background: url(../images/navigation.jpg) -750px -50px;
}	

/* -- Active -- */

#main-nav ul li a.home:active{
	background: url(../images/navigation.jpg) 0px -100px;
}

#main-nav ul li a.about:active{
	background: url(../images/navigation.jpg) -125px -100px;
}
#main-nav ul li a.services:active{
	background: url(../images/navigation.jpg) -250px -100px;
}			
#main-nav ul li a.process:active{
	background: url(../images/navigation.jpg) -375px -100px;
}
#main-nav ul li a.principals:active{
	background: url(../images/navigation.jpg) -500px -100px;
}
#main-nav ul li a.projects:active{
	background: url(../images/navigation.jpg) -625px -100px;
}
#main-nav ul li a.contact:active{
	background: url(../images/navigation.jpg) -750px -100px;
}

/* -- Current -- */

#main-nav ul li #work_current{
	background: url(../images/navigation.jpg) -125px -100px;
}
#main-nav ul li #about_current{
	background: url(../images/navigation.jpg) -250px -100px;
}			
#main-nav ul li #services_current{
	background: url(../images/navigation.jpg) -375px -100px;
}
#main-nav ul li #process_current{
	background: url(../images/navigation.jpg) -500px -100px;
}
#main-nav ul li #principals_current{
	background: url(../images/navigation.jpg) -500px -100px;
}
#main-nav ul li #projects_current{
	background: url(../images/navigation.jpg) -500px -100px;
}
#main-nav ul li #contact_current{
	background: url(../images/navigation.jpg) -500px -100px;
}