/* item 1 */


#client {
	width: 380px;
	height: 50px;
	float: right;
	clear: none;
}

.client {
	background: url(images/nav_clients.gif) no-repeat;
}
 
.client:hover {
	background: url(images/nav_clients.gif) no-repeat left -50px;

}


/* item 2 */


#previous {
	width: 160px;
	height: 50px;
	float: right;
	clear: none;
}

.previous {
	background: url(images/nav_previous.gif) no-repeat;
}
 
.previous:hover {
	background: url(images/nav_previous.gif) no-repeat 0px -50px;

}

/* item 3 */


#next {
	width: 180px;
	height: 50px;
	float: right;
	clear: none;
}

.next {
	background: url(images/nav_next.gif) no-repeat;
}
 
.next:hover {
	background: url(images/nav_next.gif) no-repeat 0px -50px;

}

/* item 4 - Contact email */


#contact {
	width: 318px;
	height: 100px;
	float: right;
	clear: none;
}
#contact h1 {
	position: relative;
}

.contact {
	background: url(images/email.gif) no-repeat 0px 0px;
}
 
.contact:hover {
	background: url(images/email.gif) no-repeat 0px -100px;

}

/* item 5 - general equieries email */


#contact_gen {
	width: 240px;
	height: 40px;
	float: left;
	clear: none;
}
#contact_gen h1 {
	position: relative;
}

.contact_gen {
	background: url(images/gen.gif) no-repeat 0px 0px;
}
 
.contact_gen:hover {
	background: url(images/gen.gif) no-repeat 0px -40px;

}

/* item 6 - new business email */


#contact_bus {
	width: 200px;
	height: 40px;
	float: left;
	clear: none;
}
#contact_bus h1 {
	position: relative;
}

.contact_bus {
	background: url(images/bus.gif) no-repeat 0px 0px;
}
 
.contact_bus:hover {
	background: url(images/bus.gif) no-repeat 0px -40px;

}

/* item 7 - recruitment email */


#contact_rec {
	width: 190px;
	height: 40px;
	float: left;
	clear: none;
}
#contact_rec h1 {
	position: relative;
}

.contact_rec {
	background: url(images/rec.gif) no-repeat 0px 0px;
}
 
.contact_rec:hover {
	background: url(images/rec.gif) no-repeat 0px -40px;

}