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

	Image Menu
	v 2.2

**************************************************************/
html, body { height: 100%; margin: 0; padding: 0; }
body { background-image: url(images/index_bg.jpg); background-repeat: repeat-x;}


#imageMenu {
	position: relative;
	width:1592px;
	height: 780px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-attachment: fixed;
	background-image: url(images/index_menu_bg.png);
	background-repeat: no-repeat;
	background-position: center 80px;
}

#imageMenu ul {
	list-style: none;
	display: block;
	height: 420px;
	width:1552px;
	clear: both;
	padding-top: 280px;
	}

#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:214px;
	height: 420px;
	
}

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

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

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

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

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

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