/**************************************************************

	Image Menu
	v 2.2

**************************************************************/


#imageMenu {
	position: relative;
	width: 618px;
	height: 200px;
	overflow: hidden;
	left: 0px;
	top: 0px;
	margin-left:-40;
}

#imageMenu ul {
	list-style: none;
	display: block;
	height: 200px;
	width: 1000px;
	margin:auto;
}
	
/************
firefox kena baca margin auto*****/

#imageMenu ul li {
	float: left;	
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:117px;
	height: 200px;
}

/************
adjust width #imageMenu ul li a 
kalo ada lari kat tepi kiri*****/

#imageMenu ul li.landscapes a {
	background: url(images/f_m1.jpg) repeat scroll 0%;
}

#imageMenu ul li.people a {
	background: url(images/f_m2.jpg) repeat scroll 0%;
}

#imageMenu ul li.nature a {
	background: url(images/f_m3.jpg) repeat scroll 0%;
}

#imageMenu ul li.urban a {
	background: url(images/f_m4.jpg) repeat scroll 0%;
}

#imageMenu ul li.abstract a {
	background: url(images/f_m5.jpg) repeat scroll 0%;
	
}

.clear {
	clear: both;
}


/*************************************************************/