/* hide container until all is ready */
.test, .test2,.test3,.test4{
	display: none;
}
/*Main Container*/
.container1 {
	width:600px;	
}
.container1 ul{
	list-style-type: none;
	margin: 0;
	padding:0;
}
.container1 li{
	display: inline;
	margin: 0px;
	padding:0px;
}
/*Content Container*/
.contentContainer {
	padding-left: 0px;	
	float: left;
	width:0px;
	height: 249px;	
	overflow:hidden;
}
.contentWrapper{ background-color:#000000;	margin-left:30px;margin-top:1px; width:380px; }
.contentInnerWrapper{
	text-align: justify;
	padding-top:8px;
	color:#999999;	
}
/*  TEST 4  */
.test4 .handle {
	float: left;
	width: 42px;
	height: 239px;
	margin: 1px;
	background: #000000 url(../images/black_hvr.gif) no-repeat;
	text-align:center;
	padding-top:10px;
	font-weight: bold;
	color: #000;
	font-size: 16px;
	cursor:pointer;
}
#imgage1{
top:20px;
	}
.test4 .handleOver{	
	background: url(../images/black.gif) no-repeat;
}
.test4 .handleSelected{
	background: url(../images/black_hvr1.gif) no-repeat;
	}