#menu{
	width: 181px;
	margin : 0px auto 0px auto;
}

#mainnav { 
	width: 181px; height: 164px; 
	margin: 0; padding: 0; 
	position: relative;
	background: url("menu.png") no-repeat;
}

#mainnav li {
	margin: 0; padding: 0;
	height: 34px; 
	list-style: none; 
	float: left;
}

#mainnav a {
	height: 22px; 
	display: block; 
	text-decoration: none;
	padding:6px 0px 0px 55px;
    font-size : 12px;
    font-weight : bold;
    text-transform : uppercase;
	color : #505050;
}

#mainnav a:hover {
    font-size : 12px;
    font-weight : bold;
    text-transform : uppercase;
	color : #74a702;
}

#fooldal { left: 0px; top: 0px; width: 181px; }
#rolunk { left: 0px; top: 34px; width: 181px; }
#uzleteink { left: 0px; top: 68px; width: 181px; }
#termekek { left: 0px; top: 102px; width: 181px; }
#kapcsolat { left: 0px; top: 136px; width: 181px; }

#fooldal a:hover { background: url("menu.png") -181px 0px no-repeat; }
#rolunk a:hover { background: url("menu.png") -181px -34px no-repeat; }
#uzleteink a:hover { background: url("menu.png") -181px -68px no-repeat; }
#termekek a:hover { background: url("menu.png") -181px -102px no-repeat; }
#kapcsolat a:hover { background: url("menu.png") -181px -136px no-repeat; }


#fooldal a.active, #fooldal a.active:hover { background: url("menu.png") -181px 0px no-repeat; }
#rolunk a.active, #rolunk a.active:hover { background: url("menu.png") -181px -34px no-repeat; }
#uzleteink a.active, #uzleteink a.active:hover { background: url("menu.png") -181px -68px no-repeat; }
#termekek a.active, #termekek a.active:hover { background: url("menu.png") -181px -102px no-repeat; }
#kapcsolat a.active, #kapcsolat a.active:hover { background: url("menu.png") -181px -136px no-repeat; }