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

	Image Menu
	v 2.2

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


#imageMenu {
	position:relative;
	top: 15px;
	left: 15px;
	width: 627px;
	height: 490px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}



#imageMenu ul {
	list-style: none;
	display: block;
	height: 318px;
	width: 1395px;
	margin: 0px;
	padding: 0px;
}

#imageMenu ul li {
	float: left;
	margin: 0px;
	padding: 0px;
}

#imageMenu ul li a {
	text-indent: -1565px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width: 207px;	/*The width of the gallery will be equal to (this width plus the border) times the number of images. This width must also be changed on the first slide of the html*/
	height: 318px;
	margin: 0px;
	padding: 0px;
}

#imageMenu ul li a span { display: none; }

#imageMenu ul li.slide1 a { background: url(../images/done/sn1.jpg) repeat scroll 0%; }
#imageMenu ul li.slide2 a { background: url(../images/done/sn2.jpg) repeat scroll 0%; }
#imageMenu ul li.slide3 a { background: url(../images/done/sn3.jpg) repeat scroll 0%; }

#imageMenu #text_container { position: absolute; top: 320px; left: 0px; text-indent: 0px; width:415px; overflow: visible; }
#imageMenu #text_container #text { color: #000000; font-size: 11px; line-height: 18px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#imageMenu #text_container span span { color: #545454; font-size: 11px; line-height: 15px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#imageMenu #text_container hr { color: #888888; background-color: #888888; width:627px; height: 1px; border: 0px; }

.clear {
	clear: both;
}

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