/* @override http://www.meira.local/css/navigation.css */

/* @group Main navigation */

#frontnavi {
	float: left;
	/*position: relative;
	top: 50px;
	left: 67px;*/
	height: 26px;
	width: 580px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	margin: 0px;
	padding: 0px;
	margin-top: 24px;
	margin-left: 37px;
}
#frontnavi a {
	text-decoration: none;
	height: auto;
	color: #5d2f1a;
}
#frontnavi ul {
	margin: 0px;
	padding: 0px;	
}
#frontnavi li {
	float: left;
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#frontnavi li a {
	display: block;
	padding: 0px;
	margin: 0px;
}
#frontnavi li span {
	display: none;
}

#navKahvi {
	display: block;
	position: relative;
	width: 55px;
	background: none;
}
#navMaustaminen {
	display: block;
	position: relative;
	width: 121px;
	background: none;
}
#navReseptit {
	display: block;
	position: relative;
	width: 85px;
	background: none;
}
#navOtayhteytta {
	display: block;
	position: relative;
	width: 124px;
	background: none;
}
#navYritys {
	display: block;
	position: relative;
	width: 69px;
	background: none;
}
#navHoreca {
	display: block;
	position: relative;
	width: 76px;
	background: none;
}
#navHaku {
	display: block;
	position: relative;
	width: 50px;
	background: none;
}

#navKahvi a, #navMaustaminen a, #navReseptit a, #navOtayhteytta a, #navYritys a, #navHoreca a, #navHaku a {
	display: block;
	position: relative;
	height: 26px;
	background: url(img/frontnavi2.gif) no-repeat;
}

/* @group intial states */

#navKahvi a {
	background-position: -0px 0px;
}
#navMaustaminen a {
	background-position: -55px 0px;
}
#navReseptit a {
	background-position: -176px 0px;
}
#navOtayhteytta a {
	background-position: -261px 0px;
}
#navYritys a {
	background-position: -385px 0px;
}
#navHoreca a {
	background-position: -454px 0px;
}
#navHaku a {
	background-position: -530px 0px;
}

/* @end */

/* @group mouse-over states */

#navKahvi a:hover {
	background-position: -0px -26px;
}
#navMaustaminen a:hover {
	background-position: -55px -26px;
}
#navReseptit a:hover {
	background-position: -176px -26px;
}
#navOtayhteytta a:hover {
	background-position: -261px -26px;
}
#navYritys a:hover {
	background-position: -385px -26px;
}
#navHoreca a:hover {
	background-position: -454px -26px;
}
#navHaku a:hover {
	background-position: -530px -26px;
}
/* @end */

/* @end */