/* Tutorial button with jQuery */
.layanan-soft{
	clear: both; position:relative; display:block; height: 100px; width: 100px; background:url(../images/layanan-soft.png) no-repeat;
	background-position:0 0; cursor: pointer;
}	
.layanan-soft span.hover {
	position: absolute; display: block; height: 100px; width: 100px; background: url(../images/layanan-soft.png) no-repeat; 
	background-position: 0 -100px;
}

.layanan-gis{
	clear: both; position:relative; display:block; height: 100px; width: 100px; background:url(../images/layanan-gis.png) no-repeat;
	background-position:0 0; cursor: pointer;
}	
.layanan-gis span.hover {
	position: absolute; display: block; height: 100px; width: 100px; background: url(../images/layanan-gis.png) no-repeat; 
	background-position: 0 -100px;
}

.layanan-mobile{
	clear: both; position:relative; display:block; height: 100px; width: 100px; background:url(../images/layanan-mobile.png) no-repeat;
	background-position:0 0; cursor: pointer;
}	
.layanan-mobile span.hover {
	position: absolute; display: block; height: 100px; width: 100px; background: url(../images/layanan-mobile.png) no-repeat; 
	background-position: 0 -100px;
}

.layanan-interactive{
	clear: both; position:relative; display:block; height: 100px; width: 100px; background:url(../images/layanan-interactive.png) no-repeat;
	background-position:0 0; cursor: pointer;
}	
.layanan-interactive span.hover {
	position: absolute; display: block; height: 100px; width: 100px; background: url(../images/layanan-interactive.png) no-repeat; 
	background-position: 0 -100px;
}