#container{
	float: left;
	width: 400px;
}
#slider{
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}
#slider img{
	width:400px;
	height: 250px;
	z-index: 100;
}
#slider a div{
	height: 18px;
	padding-top: 6px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 4px;
	overflow: hidden;
	background-color: black;
	font-variant: small-caps;
	font-size: 14px;
	color: white;
	text-decoration: none;
	text-align: center;
	z-index: 200;
	/* default is strangely -30 for 28 of height for IE6 */
	margin-top: -38px;
	//margin-top: -40px;
	opacity: 0.7;
	cursor: hand;
}
#slider li, #slider2 li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width: 400px;
	height: 250px;
	overflow:hidden; 
}

/* numeric controls */	
ol#controls{
	margin: 0;
	padding:0;
	height:28px;	
}
ol#controls li{
	margin:0; 
	padding:0;
	float:left;
	list-style:none;
	height:28px;
	line-height:28px;
}
ol#controls li a{
	border-width: 1px;
	border-style: none;
	border-color: #0067f0;
	float:left;
	height:28px;
	line-height:28px;
	background:#4a97ff;
	color: #2b2b2b;
	padding:0 10px;
	text-decoration:none;
}
ol#controls li.current a{
	background:blue;
	color:#fff;
}