#navigation {
	background:#330066;
	width:770px;
	padding:0;
	margin:0;
}

#navigation ul {
	padding:0;
	margin:0;
	height:37px;
}

#navigation li {
	padding:0;
	margin:0;
	height:37px;
	list-style:none;
	float:left;
}

#navigation li a span {
	font-size:0.7em;
	display:none;
}

#navigation li a#home {
	width:67px;
	height:37px;
	display:block;
	background:url(../grfx/nav/home.gif) left top no-repeat;
}

#navigation li a#home:hover {
	background: url(../grfx/nav/home-over.gif) left top no-repeat;
}

#navigation li a#company {
	background:url(../grfx/nav/company.gif) left top no-repeat;
	height:37px;
	display:block;
	width:105px;
}

#navigation li a#company:hover {
	background: url(../grfx/nav/company-over.gif) left top no-repeat;
} 

#navigation li a#services {
	background:url(../grfx/nav/services.gif) left top no-repeat;
	width:62px;
	height:37px;
	display:block;
}

#navigation li a#services:hover {
	background: url(../grfx/nav/services-over.gif) left top no-repeat;
} 

#navigation li a#projects {
	background:url(../grfx/nav/projects.gif) left top no-repeat;
	width:120px;
	height:37px;
	display:block;
}

#navigation li a#projects:hover {
	background: url(../grfx/nav/projects-over.gif) left top no-repeat;
} 

#navigation li a#clients {
	background:url(../grfx/nav/clients.gif) left top no-repeat;
	width:84px;
	height:37px;
	display:block;
}

#navigation li a#clients:hover {
	background: url(../grfx/nav/clients-over.gif) left top no-repeat;
} 

#navigation li a#contact {
	background:url(../grfx/nav/contact_us.gif) left top no-repeat;
	width:77px;
	height:37px;
	display:block;
}

#navigation li a#contact:hover {
	background:url(../grfx/nav/contact-over.gif) top left no-repeat;
}