#homemenu {}

#menu {
	list-style: none;
	padding: 0;
	margin: 0;
position: relative;

}

#menu li {display: inline; }


#menu span {
	display: none;
	position: absolute;
	

		
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menu a:hover {
	background-position: left bottom;
}


#menu .bp {
	width: 100px;
	height: 88px;
	background: url(http://www.thefuelcardpeople.co.uk/images/bp.jpg) no-repeat;
	left: 20px;
	top: 12px;
	
}

#menu .diesel {
	width: 51px;
	height: 45px;
	left: 150px;
	top: 25px;
	background: url(http://www.thefuelcardpeople.co.uk/images/diesel.jpg) no-repeat;
}


#menu .esso {
	width: 69px;
	height: 40px;
	background: url(http://www.thefuelcardpeople.co.uk/images/esso.jpg) no-repeat;
	left: 255px;
	top: 25px;
}

#menu .red {
	width: 80px;
	height: 35px;
	background: url(http://www.thefuelcardpeople.co.uk/images/red.jpg) no-repeat;
	left: 375px;
	top: 28px;
}



#menu .gulf {
	width: 44px;
	height: 40px;
	left: 450px;
	top: 25px;
	background: url(http://www.thefuelcardpeople.co.uk/images/gulf.jpg) no-repeat;
}

#menu .jet {
	width: 64px;
	height: 40px;
	left: 520px;
	top: 25px;
	background: url(http://www.thefuelcardpeople.co.uk/images/jet.jpg) no-repeat;
}

#menu .texaco {
	width: 50px;
	height: 40px;
	background: url(http://www.thefuelcardpeople.co.uk/images/texaco.jpg) no-repeat;
	left: 640px;
	top: 25px;
}

#menu .shell {
	width: 47px;
	height: 43px;
	background: url(http://www.thefuelcardpeople.co.uk/images/shell.jpg) no-repeat;
	left: 20px;
	top: 100px;}

#menu .morrisons {
	width: 66px;
	height: 40px;
	left: 110px;
	top: 100px;
	background: url(http://www.thefuelcardpeople.co.uk/images/morrisons.jpg) no-repeat;
}
#menu .total {
	width: 41px;
	height: 45px;
	left: 220px;
	top: 95px;
	background: url(http://www.thefuelcardpeople.co.uk/images/total.jpg) no-repeat;
}


#menu .moto {
	width: 109px;
	height: 40px;
	left: 320px;
	top: 100px;
	background: url(http://www.thefuelcardpeople.co.uk/images/moto.jpg) no-repeat;
}

#menu .murco {
	width: 114px;
	height: 40px;
	left: 470px;
	top: 100px;
	background: url(http://www.thefuelcardpeople.co.uk/images/murco.jpg) no-repeat;
}



#menu .somerfield {
	width: 101px;
	height: 40px;
	left: 620px;
	top: 100px;
	background: url(http://www.thefuelcardpeople.co.uk/images/somerfield.jpg) no-repeat;
}