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

	Image Menu
	v 2.2

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


#imageMenu, #imageMenu2 {
	position: relative;
	width: 653px;
	height: 343px;
	overflow: hidden;
}

#imageMenu ul, #imageMenu2 ul {
	list-style: none;
	margin: 0px;
	padding: 0;
	display: block;
	height: 340px;
	width: 1000px;
}

#imageMenu ul li, #imageMenu2 ul li {
	float: left;
}

#imageMenu ul li a {
	padding: 40px 0 0 4px;
	background:#fff none repeat scroll 0%;
	font: bold 14px/20px Trebuchet MS, Trebuchet, Arial;
	color: #fff;
	border-right: 1px solid #000;
	cursor: pointer;
	display: block;
	overflow: hidden;
	width: 105px;
	height: 300px;
}
#imageMenu2 ul li a {
	padding: 40px 0 0 4px;
	background:#fff none repeat scroll 0%;
	font: bold 11px/14px Trebuchet MS, Trebuchet, Arial;
	color: #fff;
	border-right: 1px solid #000;
	cursor: pointer;
	display: block;
	overflow: hidden;
	width: 105px;
	height: 300px;
}

#imageMenu ul li a:hover {
	text-decoration: none;
}
#imageMenu2 ul li a:hover {
	padding-top: -5px;
	text-decoration: none;
	border-top: 5px solid #666;
}

#imageMenu ul li.opt1 a, #imageMenu2 ul li.opt1 a {
	background: url(../image/animato/01.jpg) repeat scroll 0%;
}

#imageMenu ul li.opt2 a, #imageMenu2 ul li.opt2 a {
	background: url(../image/animato/02.jpg) repeat scroll 0%;
}

#imageMenu ul li.opt3 a, #imageMenu2 ul li.opt3 a {
	background: url(../image/animato/03.jpg) repeat scroll 0%;
}

#imageMenu ul li.opt4 a, #imageMenu2 ul li.opt4 a {
	background: url(../image/animato/04.jpg) repeat scroll 0%;
}

#imageMenu ul li.opt5 a, #imageMenu2 ul li.opt5 a {
	background: url(../image/animato/05.jpg) repeat scroll 0%;
}

#imageMenu ul li.opt6 a, #imageMenu2 ul li.opt6 a {
	background: url(../image/animato/06.jpg) repeat scroll 0%;
}
#imageMenu2 ul li a.att {
	padding-top: -5px;
	border-top: 5px solid #f60;
}

.clear {
	clear: both;
}

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