.fb {
	display: block;
	position:absolute;
	width: 20px;
	height: 19px;
	background: url('images/logo-social.jpg') bottom left;
	text-indent: -99999px;
}
.fb:hover {
	background-position: 0 0;
}
.tw {
	display: block;
	position:absolute;
	width: 18px;
	height: 19px;
	background: url('images/logo-social.jpg') bottom center;
	text-indent: -99999px;
	margin-left:25px;
}
.tw:hover {
	background-position: 38px 0;
}
.yt {
	display: block;
	position:absolute;
	width: 17px;
	height: 21px;
	background: url('images/logo-social.jpg') bottom right;
	text-indent: -99999px;
	margin-left:50px;
}
.yt:hover {
	background-position: 17px 0;
}

/*button about*/
/*button about*/
.topmenu-button {
	display: block;
	width: 105px;
	height: 20px;
	background: url('images/button-bg.png') top left;
	text-align: center;
	color: #AC8962;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;	
	text-decoration: none;
	margin-left:45px;
	padding-top:2px;
}
.topmenu-button:hover {
	background-position: 105px 0;
	color:#fff;
}
.otherproduct-button {
	float: left;
	width: 105px;
	height: 20px;
	background: url('images/button-bg.png') top left;
	text-align: center;
	color: #AC8962;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;	
	text-decoration: none;	
	padding-top:2px;
	margin-bottom: 10px;
	margin-right: 10px;	
}
.otherproduct-button:hover {
	background-position: 105px 0;
	color:#fff;
}

.our-history {
	display: block;
	width: 97px;
	height: 22px;
	background: url('images/button-about.png') top left;
	text-indent: -99999px;
	margin-left:50px;
}
.our-history:hover {
	background-position: 97px 0;
}
.exports {
	display: block;
	width: 97px;
	height: 22px;
	background: url('images/button-about.png') center left;
	text-indent: -99999px;
	margin-left:50px;
}
.exports:hover {
	background-position: 97px -22px;
}
.awards {
	display: block;
	width: 97px;
	height: 22px;
	background: url('images/button-about.png') bottom left;
	text-indent: -99999px;
	margin-left:50px;
}
.awards:hover {
	background-position: 97px 22px;
}

/*button contact*/
.contact-us {
	display: block;
	width: 97px;
	height: 22px;
	background: url('images/button-contact.png') top left;
	text-indent: -99999px;
	margin-left:50px;
}
.contact-us:hover {
	background-position: 97px 0;
}
.send-enquiries {
	display: block;
	width: 97px;
	height: 22px;
	background: url('images/button-contact.png') center left;
	text-indent: -99999px;
	margin-left:50px;
}
.send-enquiries:hover {
	background-position: 97px -22px;
}
.social-networks {
	display: block;
	width: 97px;
	height: 22px;
	background: url('images/button-contact.png') bottom left;
	text-indent: -99999px;
	margin-left:50px;
}
.social-networks:hover {
	background-position: 97px 22px;
}

/*button consumer*/
.share-yours {
	display: block;
	width: 97px;
	height: 22px;
	background: url('images/button-consumer.png') top left;
	text-indent: -99999px;
	margin-left:50px;
}
.share-yours:hover {
	background-position: 97px 0;
}
.faq {
	display: block;
	width: 97px;
	height: 22px;
	background: url('images/button-consumer.png') center left;
	text-indent: -99999px;
	margin-left:50px;
}
.faq:hover {
	background-position: 97px -22px;
}
.infomie {
	display: block;
	width: 97px;
	height: 22px;
	background: url('images/button-consumer.png') bottom left;
	text-indent: -99999px;
	margin-left:50px;
}
.infomie:hover {
	background-position: 97px 22px;
}
.downloads {
	display: block;
	width: 97px;
	height: 22px;
	background: url('images/button-consumer2.png') top left;
	text-indent: -99999px;
	margin-left:50px;
}
.downloads:hover {
	background-position: 97px 0;
}

/*button home*/
.btn-ingredients {
	display: block;
	width: 238px;
	height: 58px;
	background: url('images/font/btn-ingredients.png') bottom;
	text-indent: -99999px;
}
.btn-ingredients:hover {
	background-position: 0 0;
}
.btn-ingredients-active{
	display: block;
	width: 238px;
	height: 58px;
	background: url('images/font/btn-ingredients.png') top;
	text-indent: -99999px;
}

.btn-quality {
	display: block;
	width: 238px;
	height: 50px;
	background: url('images/font/btn-quality.png') bottom;
	text-indent: -99999px;
}
.btn-quality:hover {
	background-position: 0 0;
}
.btn-quality-active {
	display: block;
	width: 238px;
	height: 50px;
	background: url('images/font/btn-quality.png') top;
	text-indent: -99999px;
}

.btn-heritage {
	display: block;
	width: 238px;
	height: 69px;
	background: url('images/font/btn-heritage.png') bottom;
	text-indent: -99999px;
}
.btn-heritage:hover {
	background-position: 0 0;
}
.btn-heritage-active {
	display: block;
	width: 238px;
	height: 69px;
	background: url('images/font/btn-heritage.png') top;
	text-indent: -99999px;
}

/*button product*/
.goreng {
	display: block;
	width: 97px;
	height: 22px;
	background: url('images/button-product-1.png') top left;
	text-indent: -99999px;
	margin-left:50px;
}
.goreng:hover {
	background-position: 97px 0;
}
.kuah {
	display: block;
	width: 97px;
	height: 22px;
	background: url('images/button-product-1.png') center left;
	text-indent: -99999px;
	margin-left:50px;
}
.kuah:hover {
	background-position: 97px -22px;
}
.jumbo {
	display: block;
	width: 97px;
	height: 22px;
	background: url('images/button-product-1.png') bottom left;
	text-indent: -99999px;
	margin-left:50px;
}
.jumbo:hover {
	background-position: 97px 22px;
}
.vegan {
	display: block;
	width: 97px;
	height: 22px;
	background: url('images/button-product-2.png') top left;
	text-indent: -99999px;
	margin-left:50px;
}
.vegan:hover {
	background-position: 97px 0;
}
.nusantara {
	display: block;
	width: 97px;
	height: 22px;
	background: url('images/button-product-2.png') center left;
	text-indent: -99999px;
	margin-left:50px;
}
.nusantara:hover {
	background-position: 97px -22px;
}
.keriting {
	display: block;
	width: 97px;
	height: 22px;
	background: url('images/button-product-2.png') bottom left;
	text-indent: -99999px;
	margin-left:50px;
}
.keriting:hover {
	background-position: 97px 22px;
}


/*font home*/
.heritage{
	display: block;
	width: 115px;
	height: 28px;
	background: url('images/font/home.png') top left;
	text-indent: -99999px;
}
.quality{
	display: block;
	width: 200px;
	height: 28px;
	background: url('images/font/home.png') left;
	text-indent: -99999px;
}
.ingredients{
	display: block;
	width: 262px;
	height: 28px;
	background: url('images/font/home.png') bottom left;
	text-indent: -99999px;
}


/*button about*/
.btn-history {
	display: block;
	width: 211px;
	height: 43px;
	background: url('images/font/btn-history.png') bottom;
	text-indent: -99999px;
}
.btn-history:hover {
	background-position: 0 0;
}
.btn-history-active {
	display: block;
	width: 211px;
	height: 43px;
	background: url('images/font/btn-history.png') top;
	text-indent: -99999px;
}
.btn-awards {
	display: block;
	width: 211px;
	height: 43px;
	background: url('images/font/btn-awards.png') bottom;
	text-indent: -99999px;
}
.btn-awards:hover {
	background-position: 0 0;
}
.btn-awards-active {
	display: block;
	width: 211px;
	height: 43px;
	background: url('images/font/btn-awards.png') top;
	text-indent: -99999px;
}

/*button faq*/
.btn-faq {
	display: block;
	width: 222px;
	height: 50px;
	background: url('images/font/btn-faq.png') bottom;
	text-indent: -99999px;
}
.btn-faq:hover {
	background-position: 0 0;
}
.btn-faq-active {
	display: block;
	width: 222px;
	height: 50px;
	background: url('images/font/btn-faq.png') top;
	text-indent: -99999px;
}
.btn-downloads {
	display: block;
	width: 222px;
	height: 50px;
	background: url('images/font/btn-downloads.png') bottom;
	text-indent: -99999px;
}
.btn-downloads:hover {
	background-position: 0 0;
}
.btn-downloads-active {
	display: block;
	width: 222px;
	height: 50px;
	background: url('images/font/btn-downloads.png') top;
	text-indent: -99999px;
}