/* =========================================================================
For any free or commercial usage please keep this credits text intact.
Author : Femi Hasani www.vision.to .
Credits: Jason M.Knight www.cutcodedown.com for "cutting  down" the CSS code.
The original version of this stylesheet and the associated (x)html
is available at http://www.vision.to/single-image-three-state-rollover-buttons-matrix.php
A link to www.vision.to would be apperciated but not mandatory. 
=============================================================================== */
* {
	margin:0;
	padding:0;
}

#menuBar {
	overflow:hidden; /* wrap floats */
	width:695px; /* trips haslayout, wraps floats in IE */
	background:url(../images/menu.png) 0 0 no-repeat;
}

#menuBar li {
	position:relative;
	float:left;
	width:112px;
	height:47px;
	overflow:hidden;
	background: transparent;
}

#menuBar a {
	position:absolute;
	/*
		There's a bug where IE won't re-render position changes unless an
		items display state changes, so we set inline here, which gets
		overridden by the absolute positioning anyways. Then we change
		it to block in the hover state
	*/
	display:inline;
	top:0;
	left:0;
	width:112px;
	height:188px;
	overflow:hidden;
	text-indent:-999em;
	text-decoration:none;
	outline:none;
	background:url(../images/menu.png) 0 -47px no-repeat;
}

#menuBar a:active,
#menuBar a:focus,
#menuBar a:hover {
	display:block; /* see "#menuBar a" for explanation */
	top:-47px;
}

#homepage .rlmindex a, #featurespage .aboutrlm a, #getrlmpage .getrlmnow a, #supportpage .supportforrlm a, #companypage .aboutreprise a, #blog .blogreprise a
{
	top:-94px;
}

#rlm a {
	background-position:-112px -47px;
}

#getrlm a {
	background-position:-224px -47px;
}

#support a {
	background-position:-336px -47px;
}

#about a {
	background-position:-448px -47px;
}
#blog a {
	background-position:-560px -47px;
}