/* Stylesheet for Image Menu on Index.htm*/
/* Phatfusion & Mootools */

* {behavior:url('iepngfix.htc');}

#imageMenu {
	margin-top:0px;
	width: 800px;
	height: 420px;
	overflow:hidden;
	background-color:#080808;
	margin-left:auto;
	margin-right:auto;
	border-left:#0f2f56 solid 1px;
	border-right:#0f2f56 solid 1px;
	}

#imageMenu ul{
	margin:0;
}

#imageMenu ul {
	background-color:#000000;
	list-style: none;
	margin-top: -10px;
	display:block;
	height: 420px;
	width: 1000px;
	padding:0px;
	}

#imageMenu ul li {
	float: left;
	border:0;
	}

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

/* Curtains */

#imageMenu ul li.pendle a {
	background: url(../images/backgrounds/curtain_pendle.jpg) repeat scroll 0%;
	background-position:top left;
	margin-left:0px;
	}

#imageMenu ul li.pendle a:hover {
	background-position:bottom left;
	margin-left:0px;
	}

#imageMenu ul li.landscapes a {
	background: url(../images/backgrounds/curtain_storytellers.jpg) repeat scroll 0%;
	background-position:top left;
	margin-left:0px;
	}

#imageMenu ul li.landscapes a:hover {
	background-position:bottom left;
	margin-left:0px;
	}

#imageMenu ul li.people a {
	background: url(../images/backgrounds/curtain_streetwalkers.jpg) repeat scroll 0%;
	background-position:top left;
	}

#imageMenu ul li.people a:hover {
	background-position:bottom left;
	}

#imageMenu ul li.nature a {
	background: url(../images/backgrounds/curtain_panto.jpg) repeat scroll 0%;
	background-position:top left;
	}

#imageMenu ul li.nature a:hover {
	background-position:bottom left;
	}

.clear {
	clear:both;
	}