body {padding:0;}
	 
	img {
		border:0;		
	}
	 
	#scroll {
		position:relative;
		
		overflow:hidden;
		/* border:1px solid #ddd; */
		width:990px;
		/* padding:15px; */
		height:259px; 
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		
		margin-left: 12px;
	}
	 
	#tools {
		width:9999em;
		position:absolute;
		/*height:400px; */
	}
	 
	.tool {
		float:left;
		width:990px;
		/*height:340px; */
		text-align:center;
	}
	 
	.details {
		font-size:18px;
		color:#555;
		margin-top:-20px;
		background-color:transparent;
		padding:5px 148px;
	}
	 
	 
	#thumbs {
		background:url('../images/splash_control.png') no-repeat;
		height:65px;
		position:absolute;		
		width:990px;
		
		bottom: 10px;
		right: 4px;
	}
	 
	.t {
		padding:0 !important;
		border:0 !important;
	}
	 
	.t a {
		background:transparent url('../images/splash_control.png') no-repeat scroll -875px -180px;	/* hack need change :D */
		float: left;
		display:block;
		width:43px;
		float:left;
		height:40px;
		cursor:pointer;
		margin-right: 3px;
	}
	 
	.t a.active {
		cursor:default !important;
	}
	 
	.navi {
		margin-left:57px;
		_margin-left:304px;
	}
	 
	/* CSS sprite for the navigation */
	#t0 		  { margin-left:10px; _margin-left:10px;}
	#t0.active { background-position:-10px -42px; !important; }
	#t0:hover  { background-position:-10px -82px;  }
	#t0:active { background-position:-10px -42px; }
	 
	#t1			{ background-position:-325px -90px; }	/*hack, need change */
	#t1:hover 	{ background-position:-57px -82px; }
	#t1:active	{ background-position:-57px -42px; }
	#t1.active	{ background-position:-57px -42px; !important; }
	 
	#t2			{ background-position:-435px -90px; }
	#t2:hover 	{ background-position:-103px -82px; }
	#t2:active	{ background-position:-103px -42px; }
	#t2.active	{ background-position:-103px -42px; !important; }
	 
	#t3			{ background-position:-545px -90px; }
	#t3:hover 	{ background-position:-545px -180px; }
	#t3:active	{ background-position:-545px -270px; }
	#t3.active	{ background-position:-545px 0 !important; }
	 
	#t4			{ background-position:-655px -90px; }
	#t4:hover 	{ background-position:-655px -180px; }
	#t4:active	{ background-position:-655px -270px; }
	#t4.active	{ background-position:-655px 0 !important; }
	 
	#t5			{ background-position:-765px -90px; }
	#t5:hover 	{ background-position:-765px -180px; }
	#t5:active	{ background-position:-765px -270px; }
	#t5.active	{ background-position:-765px 0 !important; }
	 
	#t6			{ background-position:-875px -90px; }
	#t6:hover 	{ background-position:-875px -180px; }
	#t6:active	{ background-position:-875px -270px; }
	#t6.active	{ background-position:-875px 0 !important; }
	
	/*test here */
	#test 
	{
		background: transparent url('../images/splash_control.png') no-repeat scroll -10px -42px; 
		float: left;
		display:block;
		width:43px;
		float:left;
		height:100px;
		cursor:pointer;
	}
		
		
	#original {
		background:transparent url(http://static.flowplayer.org/tools/img/demo-navi.jpg) no-repeat scroll -875px -180px; 
		margin-left:11px;
		display:block;
		width:99px;
		float:left;
		height:90px;
		cursor:pointer;
	}
