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

	Image Menu
	v 2.2

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


.imageMenu {	
	position:relative;
	width: 500px;
	height: 200px;
	overflow: hidden;
	top:70px;
	margin:0 auto;
	left:-18px
}



.imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 200px;
	width: 1000px;	
	}

.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:98px;
	height: 200px;
}

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

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

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

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

.imageMenu ul li.aboutme a {
	background: url(images/aboutme.jpg) repeat scroll 0%;
	width: 310px;
}

.clear {
	clear: both;
}

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