@charset "UTF-8";
/* CSS Document */


.nav-index {
	height: 42px;
	margin-top: 40px;
	margin-left: 55px;
}

.nav-index li {
	height: 42px;
	width: 165px;
	float: left;
	display: block;
	margin-right: 20px;
	text-indent: -9999px;
}

.nav-index li a {
	height: 42px;
	width: 165px;
	display: block;
}

.nav {
	height: 42px;
}

.nav-top {
	height: 42px;
	width: 42px;
	float: left;
	display: block;
	margin-right: 10px;
	text-indent: -9999px;
}

.nav-beans , .nav-shop , .nav-delivery , .nav-blog {
	height: 42px;
	width: 165px;
	float: left;
	display: block;
	margin-right: 10px;
	text-indent: -9999px;
}

.nav-order2 , .nav-blog2 {
	height: 42px;
	width: 165px;
	display: block;
	text-indent: -9999px;
}

.nav-top a {
	height: 42px;
	width: 42px;
	display: block;
}

.nav-beans a , .nav-shop a , .nav-delivery a , .nav-delivery2 a , .nav-blog a , .nav-blog2 a {
	height: 42px;
	width: 165px;
	display: block;
}

.nav-top { background-image:url(../images/navigation/nav-top2.gif); }
.nav-beans { background-image:url(../images/navigation/nav-beans2.gif); }
.nav-shop { background-image:url(../images/navigation/nav-shop2.gif); }
.nav-delivery , .nav-delivery2 { background-image:url(../images/navigation/nav-delivery2.gif); }
.nav-blog { background-image:url(../images/navigation/nav-blog2.gif); }
.nav-blog2 { background-image:url(../images/navigation/nav-blog3.gif); }

.nav-top a { background-image:url(../images/navigation/nav-top1.gif); }
.nav-beans a { background-image:url(../images/navigation/nav-beans1.gif); }
.nav-shop a { background-image:url(../images/navigation/nav-shop1.gif); }
.nav-delivery a , .nav-delivery2 a { background-image:url(../images/navigation/nav-delivery1.gif); }
.nav-blog a , .nav-blog2 a { background-image:url(../images/navigation/nav-blog1.gif); }

.nav-top a:hover { background-image:url(../images/navigation/nav-top2.gif); }
.nav-beans a:hover { background-image:url(../images/navigation/nav-beans2.gif); }
.nav-shop a:hover { background-image:url(../images/navigation/nav-shop2.gif); }
.nav-delivery a:hover , .nav-delivery2 a:hover { background-image:url(../images/navigation/nav-delivery2.gif); }
.nav-blog a:hover { background-image:url(../images/navigation/nav-blog2.gif); }
.nav-blog2 a:hover { background-image:url(../images/navigation/nav-blog3.gif); }

.contact {
	margin-top: 20px;
	margin-left: 106px;
}

.contact li {
	height: 42px;
	width: 300px;
	text-indent: -9999px;
	background-image:url(../images/navigation/btn-contact1.gif);
}

.contact li a {
	display: block;
	height: 42px;
	width: 300px;
}

.contact li a:hover {
	background-image:url(../images/navigation/btn-contact2.gif);
}