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


/*OUR STORY BUT IMAGE*/
.ourStoryBut {
	display:inline-table;
	width: 180px;
	height: 180px;
	background: url('../images/ourStory/ourStorybutbw.png') bottom;
	text-indent: -99999px;
	
}
.ourStoryBut:hover {
	background-position: 0 0;
	display:inline-table;
	width: 180px;
	height: 180px;
	background: url('../images/ourStory/ourStorybutOver.png') bottom;

}


/*THE WORKSHOP BUT IMAGE*/
.theWorkshopBut {
	display:inline-table;
	width: 180px;
	height: 180px;
	background: url('../images/theWorkshop/theWorkshopButbw.png') bottom;
	text-indent: -99999px;
	
}
.theWorkshopBut:hover {
	background-position: 0 0;
	display:inline-table;
	width: 180px;
	height: 180px;
	background: url('../images/theWorkshop/theWorkshopButOver.png') bottom;

}


/*OUR TEAM BUT IMAGE*/
.ourTeamBut {
	display:inline-table;
	width: 180px;
	height: 180px;
	background: url('../images/ourTeam/ourTeamButbw.png') bottom;
	text-indent: -99999px;
	
}
.ourTeamBut:hover {
	background-position: 0 0;
	display:inline-table;
	width: 180px;
	height: 180px;
	background: url('../images/ourTeam/ourTeamButOver.png') bottom;


}

/*LATEST NEWS BUT IMAGE*/
.latestNewsBut {
	display:inline-table;
	width: 180px;
	height: 180px;
	background: url('../images/latestNews/latestNewsbutbw.png') bottom;
	text-indent: -99999px;
	
}
.latestNewsBut:hover {
	background-position: 0 0;
	display:inline-table;
	width: 180px;
	height: 180px;
	background: url('../images/latestNews/latestNewsbutOver.png') bottom;

}