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

	Image Menu
	v 2.2

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


.imageMenu {
	position: relative;
	width: 680px;
	height: 300px;
	overflow: hidden;
	margin:10px auto;
	padding-bottom:10px;
	margin-left:40px;
}



.imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 300px;
	padding-bottom:10px;
	width: 1000px;
	
	}

.imageMenu ul li {
	float: left;
}

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

.imageMenu ul li.chromatic a {
	background: url(images/chromatic2.png) repeat scroll 0%;
}

.imageMenu ul li.flatDiatonic a {
	background: url(images/flatDiatonic2.png) repeat scroll 0%;
}

.imageMenu ul li.gigsWithLids a {
	background: url(images/gigsWithLids2.png) repeat scroll 0%;
}

.imageMenu ul li.gigs a {
	background: url(images/gigs2.png) repeat scroll 0%;
}

.imageMenu ul li.nylon a {
	background: url(images/nylon2.png) repeat scroll 0%;
}

.imageMenu ul li.wraps a {
	background: url(images/wraps2.png) repeat scroll 0%;
}

.imageMenu ul li.straps a {
	background: url(images/straps2.png) repeat scroll 0%;
}

.imageMenu ul li.pouch a {
	background: url(images/pouch2.png) repeat scroll 0%;
}

.imageMenu ul li.portfolio a {
	background: url(images/portfolio2.png) repeat scroll 0%;
}

.imageMenu ul li.hard a {
	background: url(images/hard2.png) repeat scroll 0%;
}
.imageMenu ul li.chromatic a:hover {
	background: url(images/chromatic.jpg) repeat scroll 0%;
}

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

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

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

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

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

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

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

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

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


.clear {
	clear: both;
}

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