#tiles {
	position: relative;
	height: 412px;
	width: 610px;
}
#tiles .tile,
#tiles .subTile,
#tiles .centerTile {
	position: absolute;
	height: 206px;
	width: 206px;
	background: transparent url() no-repeat 0 0;
}
#tiles .tile {
	cursor: pointer;
	z-index: 3;
}


#tiles .tl,
#tiles .tc,
#tiles .tr {
	top: 0;
}
#tiles .ml,
#tiles .mc,
#tiles .mr {
	top: 206px;
}
#tiles .bl,
#tiles .bc,
#tiles .br {
	top: 412px;
}

#tiles .tl,
#tiles .ml,
#tiles .bl {
	left: 0;
}
#tiles .tc,
#tiles .mc,
#tiles .bc {
	left: 206px;
}
#tiles .tr,
#tiles .mr,
#tiles .br {
	left: 412px;
}

#tiles .tl { background-image: url('../pic/HADMAYA-KLALIT/1.png'); }
#tiles .tc { background-image: url('../pic/HADMAYA-KLALIT/2.png'); }
#tiles .tr { background-image: url('../pic/HADMAYA-KLALIT/3.png'); }
#tiles .ml { background-image: url('../pic/HADMAYA-KLALIT/4.png'); }
/* #tiles .mc { background-image: url(../images/tiles/mc_background.png); } */
#tiles .mr { background-image: url('../pic/HADMAYA-KLALIT/5.png'); }



#tiles .subTile {
	background-image: url(../pic/HADMAYA-KLALIT/center.png);
}
#tiles .subTile div {
	padding: 30px 20px;
	text-transform: capitalize;
	font-family: Arial, "MS Trebuchet", sans-serif;
	color: white;
}

#tiles .subTile div h1 {
	color: white;
}

#tiles a,
#tiles a:hover {
	text-decoration:none;
}