/*
#menu {
	height: 58px;
	margin: 3em 0; padding:0 1em;
}
*/

a.menuLink {text-decoration:none;}
a.menuLink:hover {color:#FFFFFF;}

.home, .home a {background-image:url(../images/nav/home_btn.png);}
.home a:active {background-image:url(../images/nav/home_btn.png) !important;}

.about, .about a {background-image:url(../images/nav/about_btn.png);}
.about a:active {background-image:url(../images/nav/about_btn.png) !important;}

.pricing, .pricing a {background-image:url(../images/nav/pricing_btn.png);}
.pricing a:active {background-image:url(../images/nav/pricing_btn.png) !important;}

.login, .login a {background-image:url(../images/nav/login_btn.png);}
.login a:active {background-image:url(../images/nav/login_btn.png) !important;}

.logout, .logout a {background-image:url(../images/nav/logout_btn.png);}
.logout a:active {background-image:url(../images/nav/logout_btn.png) !important;}

.register, .register a {background-image:url(../images/nav/register_btn.png); margin-right:0 !important;}
.register a:active {background-image:url(../images/nav/register_btn.png) !important; margin-right:0 !important;}

div.rollerbtn {
	float: left;
	width: 58px; height: 58px;
	margin: 0 2px 0 2px;
	background-position:0 -70px;
	background-repeat:no-repeat;
}

div.rollerbtn a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: bold 13px/1 Georgia, serif;
	color:#039;
	text-decoration: none;
	background-position:top left;
	background-repeat:no-repeat;
}
	
div.rollerbtn span {
	display: block;
	margin:0; padding: 7px 0 0 13px;
}

div.rollerbtn a:active {
	background-position:0 -140px;
	background-repeat:none;
}

div.rollerbtn a:hover {
	background-image: none;
}