#navbar {
	margin: 0px;
	padding: 0px;
	height: 56px;
	list-style: none;
	position: relative;
	top: -25px;
	left: 281px;
	width: 500px;
	font-variant: normal;
}

#navbar li {
	float: left;
}

#navbar a {
	text-decoration: none;
	display: block;
	height: 30px;
	text-indent: -5000px;
}
#navbar #home {
	background: url(../images/nav_home.png) no-repeat 0px 0px;
	width: 53px;
}
#navbar #home:hover {
	visibility: visible;
	background-position: 0 -30px;
}

#navbar #about {
	background: url(../images/nav_about.png) no-repeat 0px 0px;
	width: 66px;
}
#navbar #about:hover {
	background-position: 0 -30px;
}

#navbar #services{
	background: url(../images/nav_services.png) no-repeat 0px 0px;
	width: 68px;
}
#navbar #services:hover {
	
	background-position: 0 -30px;
}

#navbar #news {
	background: url(../images/nav_news.png) no-repeat 0px 0px;
	width: 95px;
}
#navbar #news:hover {
	background-position: 0 -30px;
}

#navbar #order {
	background: url(../images/nav_order.png) no-repeat 0px 0px;
	width: 88px;
}
#navbar #order:hover {
	background-position: 0 -30px;
}

#navbar #info {
	background: url(../images/nav_info.png) no-repeat 0px 0px;
	width: 44px;
}
#navbar #info:hover {
	background-position: 0 -30px;
}

#navbar #contact {
	background: url(../images/nav_contact.png) no-repeat 0px 0px;
	width: 60px;
}
#navbar #contact:hover {
	background-position: 0 -30px;
}


#roll{
	position: relative;
	top: -200px;
	left: 300px;
	visibility: hidden;
}

#roll img.hid{
	visibility: hidden;
	position: relative;
	top: -200px;
	left: 300px;
}