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

	Image Menu
	v 2.2

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

#imageMenuDiv {
  float: left;
  overflow: hidden;  /* required for IE6 */
  margin: 0 0 0 50px;
  background:transparent none repeat scroll 0%;
	width: 510px;
	height: 200px;
}

#imageMenuDiv ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 200px;
	width: 1200px;
}

#imageMenuDiv ul li {
	float: left;
}

#imageMenuDiv ul li a {
	text-indent: -1000px;  /* This HACK moves the list text out of view... */
	background:#FFFFFF none repeat scroll 0%;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:98px;
	height: 200px;
}

#imageMenuDiv ul li.vision a {
	background: url('/Images/ImageMenu/vision.jpg') repeat scroll 0%;
}

#imageMenuDiv ul li.products a {
	background: url('/Images/ImageMenu/products.jpg') repeat scroll 0%;
	border-left: 2px solid #000;
}

#imageMenuDiv ul li.services a {
	background: url('/Images/ImageMenu/services.jpg') repeat scroll 0%;
	border-left: 2px solid #000;
}

#imageMenuDiv ul li.support a {
	background: url('/Images/ImageMenu/support.jpg') repeat scroll 0%;
	border-left: 2px solid #000;
}

#imageMenuDiv ul li.about a {
	background: url('/Images/ImageMenu/about.jpg') repeat scroll 0%;
	border-left: 2px solid #000;
}


#imageMenuDiv ul li.contact a {
	background: url('/Images/ImageMenu/contact.png') repeat scroll 0%;
}

.clear {
	clear: both;
}

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