
/**************************************************************

	Image Menu
	v 2.2

**************************************************************/


#imageMenu {
	position: relative;
	width: 415px;
	height: 150px;
	overflow: hidden;
}



#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 150px;
	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:40px; /*to change the width each tab*/
	height: 150px;
}

#imageMenu ul li.one a {
	background: url(/images/menu_ct.jpg) repeat scroll 0%;
}

#imageMenu ul li.two a {
	background: url(/images/menu_apt.jpg) repeat scroll 0%;
}

#imageMenu ul li.three a {
	background: url(/images/menu_ple.jpg) repeat scroll 0%;
}

#imageMenu ul li.four a {
	background: url(/images/menu_we.jpg) repeat scroll 0%;
}

#imageMenu ul li.five a {
	background: url(/images/menu_ht.jpg) repeat scroll 0%;
	/*width: 310px;- ORG must use this as the last one */
}
#imageMenu ul li.six a {
	background: url(/images/menu_f.jpg) repeat scroll 0%;
}

#imageMenu ul li.seven a {
	background: url(/images/menu_lpc.jpg) repeat scroll 0%;
}

#imageMenu ul li.eight a {
	background: url(/images/menu_oss.jpg) repeat scroll 0%;
}

#imageMenu ul li.nine a {
	background: url(/images/menu_w.jpg) repeat scroll 0%;
}


#imageMenu ul li.ten a {
	background: url(/images/menu_mpp.jpg) repeat scroll 0%;
	width: 310px; /* must use this as the last one */
}
.clear {
	clear: both;
}


div, span, img, ul, li, thead  {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/*************************************************************/


