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

	Image Menu
	v 2.2

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


#imageMenu {
	position: relative;
	width: 837px;
	height: 357px;
	overflow: hidden;
}



#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 357px;
	width: 837px;
	margin:0em;
	padding:0em;
	position:relative;
	float:left;
	
	}

#imageMenu ul li {
	float: left;
/*	background:url(../img/bg_all.jpg);*/
background-color:#8c763a;
	padding:5px;
	margin-right:12px;
}
#imageMenu ul li:hover {

background-color:#fba405;
}
#imageMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat left bottom;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:98px;
	width:135px;
	margin-right:12px;
	margin-right:0px;
	width:135px;
	height: 347px;
	
/*	border:5px solid #336600;*/
}

#imageMenu ul li.landscapes a {
	background: url(images/01.jpg) repeat left bottom;
}
#imageMenu ul li.landscapes a:hover {
	background: url(images/01_h.jpg) repeat left bottom;
}
#imageMenu ul li.people a {
	background: url(images/02.jpg) repeat left bottom;
}
#imageMenu ul li.people a:hover {
	background: url(images/02_h.jpg) repeat left bottom;
}

#imageMenu ul li.nature a {
	background: url(images/03.jpg) repeat left bottom;
}
#imageMenu ul li.nature a:hover{
	background: url(images/03_h.jpg) repeat left bottom;
}

#imageMenu ul li.urban a {
	background: url(images/04.jpg) repeat left bottom;
}
#imageMenu ul li.urban a:hover {
	background: url(images/04_h.jpg) repeat left bottom;
}

#imageMenu ul li.abstract a {
	background: url(images/05.jpg) repeat left bottom;
/*	width: 232px;*/
}
#imageMenu ul li.abstract a:hover {
	background: url(images/05_h.jpg) repeat left bottom;
/*	width: 232px;*/
}

.clear {
	clear: both;
}

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