/* Spekko Navigation CSS Document */

#container .navigation{
	background:url(../gfx/nav_bg.png) no-repeat top;
	height: 118px;
	z-index:100;
	position:absolute;
	top: 45px;
	left: 0px;
	width: 989px;
}

.navigation ul{
list-style:none;
text-align:left;
left: 330px;
top: 18px;
height: 61px;
position:absolute;
}

.navigation li{
float:left;
color:#666666;
font-size:11px;
font-weight:normal;
text-align:left;
line-height: 61px;
}

.navigation li img{
padding: 0 0px 0 0;
}

/* home */
.navigation li.home a.srollover {
display: block;
width: 88px;
height: 61px;
background:url(../gfx/navigation/home.gif) 0 0 no-repeat;
text-decoration: none;
}

.navigation li.home {
background: url(../gfx/navigation/home.gif) 0 0 no-repeat;
background-position: -88px 0;
display: block;
width: 88px;
height: 61px;
}

.navigation li#home {
background: url(../gfx/navigation/home.gif) 0 0 no-repeat;
background-position: -88px 0;
display: block;
width: 88px;
height: 61px;
}

.navigation li.home a:hover.srollover {
background-position: -88px 0;
}


/* history */
.navigation li.history a.srollover {
display: block;
width: 99px;
height: 61px;
background:url(../gfx/navigation/about-us.gif) 0 0 no-repeat;
text-decoration: none;
}

.navigation li.history {
background:url(../gfx/navigation/about-us.gif) 0 0 no-repeat;
background-position: -99px 0;
display: block;
width: 99px;
height: 61px;
}

.navigation li#history {
background: url(../gfx/navigation/about-us.gif) 0 0 no-repeat;
background-position: -99px 0;
display: block;
width: 99px;
height: 61px;
}

.navigation li.history a:hover.srollover {
background-position: -99px 0;
}

/* facts */
.navigation li.facts a.srollover {
display: block;
width: 85px;
height: 61px;
background:url(../gfx/navigation/facts.gif) 0 0 no-repeat;
text-decoration: none;
}

.navigation li.facts {
background:url(../gfx/navigation/facts.gif) 0 0 no-repeat;
background-position: -85px 0;
display: block;
width: 85px;
height: 61px;
}

.navigation li#facts {
background:url(../gfx/navigation/facts.gif) 0 0 no-repeat;
background-position: -85px 0;
display: block;
width:85px;
height: 61px;
}

.navigation li.facts a:hover.srollover {
background-position: -85px 0;
}

/* products */
.navigation li.products a.srollover {
display: block;
width: 104px;
height: 61px;
background:url(../gfx/navigation/products.gif) 0 0 no-repeat;
text-decoration: none;
}

.navigation li.products {
background:url(../gfx/navigation/products.gif) 0 0 no-repeat;
background-position: -104px 0;
display: block;
width: 104px;
height: 61px;
}

.navigation li#products {
background:url(../gfx/navigation/products.gif) 0 0 no-repeat;
background-position: -104px 0;
display: block;
width: 104px;
height: 61px;
}

.navigation li.products a:hover.srollover {
background-position: -104px 0;
}

/* dinner */
.navigation li.dinner a.srollover {
display: block;
width: 78px;
height: 61px;
background:url(../gfx/navigation/dinner.gif) 0 0 no-repeat;
text-decoration: none;
}

.navigation li.dinner {
background:url(../gfx/navigation/dinner.gif) 0 0 no-repeat;
background-position: -78px 0;
display: block;
width: 78px;
height: 61px;
}

.navigation li#dinner {
background:url(../gfx/navigation/dinner.gif) 0 0 no-repeat;
background-position: -78px 0;
display: block;
width: 78px;
height: 61px;
}

.navigation li.dinner a:hover.srollover {
background-position: -78px 0;
}

/* contact */
.navigation li.contact a.srollover {
display: block;
width: 93px;
height: 61px;
background:url(../gfx/navigation/contact.gif) 0 0 no-repeat;
text-decoration: none;
}

.navigation li.contact {
background:url(../gfx/navigation/contact.gif) 0 0 no-repeat;
background-position: -93px 0;
display: block;
width: 93px;
height: 61px;
}

.navigation li#contact {
background: url(../gfx/navigation/contact.gif) 0 0 no-repeat;
background-position: -93px 0;
display: block;
width: 93px;
height: 61px;
}

.navigation li.contact a:hover.srollover {
background-position: -93px 0;
}

/* meals */
.navigation li.meals a.srollover {
display: block;
width: 78px;
height: 61px;
background:url(../gfx/navigation/meals.gif) 0 0 no-repeat;
text-decoration: none;
}

.navigation li.meals {
background:url(../gfx/navigation/meals.gif) 0 0 no-repeat;
background-position: -78px 0;
display: block;
width: 78px;
height: 61px;
}

.navigation li#meals {
background:url(../gfx/navigation/meals.gif) 0 0 no-repeat;
background-position: -78px 0;
display: block;
width: 78px;
height: 61px;
}

.navigation li.meals a:hover.srollover {
background-position: -78px 0;
}


/* Know Dinner */

.navigation li.knowdinner a.srollover {
display: block;
width: 108px;
height: 100px;
background:url(../gfx/navigation/know_dinner.png) 0 0 no-repeat;
text-decoration: none;
}

.navigation li.knowdinner {
background:url(../gfx/navigation/know_dinner.png) 0 0 no-repeat;
background-position: -108px 0;
display: block;
width: 108px;
height: 100px;
margin: -10px 0 0 0;
}

.navigation li#knowdinner {
background:url(../gfx/navigation/know_dinner.png) 0 0 no-repeat;
background-position: -108px 0;
display: block;
width: 108px;
height: 100px;
margin: -10px 0 0 0;
}

.navigation li.knowdinner a:hover.srollover {
background-position: -108px 0;
}