/*-----------------------------------------------------------------

Cobalt Engineering :: Navigation CSS Document

Author: Stephen Smith
Development by: Stephen Smith, Ions Creative

-----------------------------------------------------------------------------------*/

/*--------- Navigation is the container, div --------*/

#navigation {
	width: 580px;
	position: absolute;
	height: 30px;
	margin: 100px 0 0 20px;
	outline: none;	
}

/*--------- navlist is the <ul> ---------------*/

#navlist {
	list-style: none;
	margin: 0;
	padding: 0;
	outline: none;	
}

#navlist li {
	height: 30px;
	line-height: 30px;
	float: left;
	padding: 0px;
}

#navlist li a {
	height: 30px;
	line-height: 30px;
	display: block;
	text-indent: -9999px;
	outline: none;
}

/*--------------------HOME-----------------------------*/

#navlist li#n_home,
#navlist li#n_home a {
	width: 50px;
	background: url(/images/navhome.gif) no-repeat 0 0;
}

#navlist li#n_home.active a {
	width: 50px;
	background: url(/images/navhome.gif) no-repeat 0px -30px;
}

#navlist li#n_home a:hover {
	width: 50px;
	background: url(/images/navhome.gif) no-repeat 0px -30px;
}

/*--------------------SERVICES-----------------------------*/

#navlist li#n_services,
#navlist li#n_services a {
	width: 75px;
	background: url(/images/navservices.gif) no-repeat 0 0px;
}

#navlist li#n_services.active a {
	width: 75px;
	background: url(/images/navservices.gif) no-repeat 0px -30px;
}

#navlist li#n_services a:hover {
	width: 75px;
	background: url(/images/navservices.gif) no-repeat 0px -30px;
}

/*--------------------GALLERY-----------------------------*/

#navlist li#n_gallery,
#navlist li#n_gallery a {
	width: 75px;
	background: url(/images/navgallery.gif) no-repeat 0 0;
}

#navlist li#n_gallery.active a {
	width: 75px;
	background: url(/images/navgallery.gif) no-repeat 0px -30px;
}

#navlist li#n_gallery a:hover {
	width: 75px;
	background-position: 0px -30px;
}

/*--------------------ABOUT US-----------------------------*/

#navlist li#n_aboutus,
#navlist li#n_aboutus a {
	width: 80px;
	background: url(/images/navabout.gif) no-repeat 0 0;
}

#navlist li#n_aboutus.active a {
	width: 80px;
	background: url(/images/navabout.gif) no-repeat 0px -30px;
}

#navlist li#n_aboutus a:hover {
	background-position: 0px -30px;
}

/*--------------------INNOVATION--------------------------
#navlist li#n_innovation,
#navlist li#n_innovation a {
	width: 90px;
	background: url(/images/navinnovation.gif) no-repeat 0 0;
}

#navlist li#n_innovation.active a {
	width: 90px;
	background: url(/images/navinnovation.gif) no-repeat 0px -30px;
}

#navlist li#n_innovation a:hover {
	background-position: 0px -30px;
}

/*--------------------NEWS-----------------------------*/
#navlist li#n_news,
#navlist li#n_news a {
	width: 55px;
	background: url(/images/navnews.gif) no-repeat 0 0;
}

#navlist li#n_news.active a {
	width: 55px;
	background: url(/images/navnews.gif) no-repeat 0px -30px;
}

#navlist li#n_news a:hover {
	background-position: 0px -30px;
}

/*--------------------CAREERS-----------------------------*/
#navlist li#n_careers,
#navlist li#n_careers a {
	width: 70px;
	background: url(/images/navcareers.gif) no-repeat 0 0;
}

#navlist li#n_careers.active a {
	width: 70px;
	background: url(/images/navcareers.gif) no-repeat 0px -30px;
}

#navlist li#n_careers a:hover {
	background-position: 0px -30px;
}

/*--------------------CONTACT US-----------------------------*/
#navlist li#n_contact,
#navlist li#n_contact a {
	width: 85px;
	background: url(/images/navcontact.gif) no-repeat 0 0;
}

#navlist li#n_contact.active a {
	width: 85px;
	background: url(/images/navcontact.gif) no-repeat 0px -30px;
}

#navlist li#n_contact a:hover {
	background-position: 0px -30px;
}

/*--------------------SEARCH-----------------------------*/
#navlist li#n_search {
	width: 260px;
	text-align: right;
}
#navlist li#n_search input.submit{
	border: 0;
	background: url(/images/navsearch.gif) no-repeat ;
	text-indent: -1000px;
	width: 59px;
	height: 17px;
	margin-top:8px;
	vertical-align:top;
}

#navlist li#n_search input.submit:hover {
	background-position: bottom;
}

#navlist li#n_search input#keywords {
	border:1px solid #BEBEBE;
	font-size:10px;
	height:15px;
	margin-top:8px;
	vertical-align:top;
	width:100px;
}