body {padding:0;}

#scroll {
position:relative;
height: 580px;
overflow:hidden;
width:700px;
padding:50px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

#tools {
width:9999em;
position:absolute;
height:400px;
margin-top:10px;
height: 550px;
}

.tool {
float:left;
width:800px;
height:400px;
background-repeat:no-repeat;
background-position:0 -40px;
}

.details {
background-color:#fff;
color:#666;
float:left;
font-size:20px;
margin:270px 0 0 0;
padding:10px 60px;
width:525px;
}

.demos {
background-color:#fff;
background-color:rgba(255, 255, 255, 0.8);
border-left:1px solid #ddd;
float:right;
min-height:365px;
padding:0 25px;
width:272px;
}

.demos h2 {
color:#065598;
font-size:22px;
display:block;
padding:10px 0;
}

.demos a {
color:#666;
font-size:12px;
text-decoration:none;
}

.demos p {
margin:0 0 4px;
background:transparent url(http://static.flowplayer.org/tools/img/bullet.png) no-repeat scroll 0 2px;
padding:2px 0 1px 22px;
}

#thumbs {
background:url(../images/navback3.jpg) no-repeat;
position:absolute;
top:0px;
width:725px;
left:0px;
padding:10px;
}

.t a {
background:transparent url(../images/navback3.jpg) no-repeat scroll -21px -90px;
margin-left:1px/*6px*//*30px*/;
display:block;
width:/*50px*/59px;
float:left;
height:/*60px*/30px;
cursor:pointer;/*border:#000 1px solid;*/
}

.t a.active {cursor:default !important;}
.navi {margin-left:/*3*/0px;}
 
#t1			{ background:url(../images/button1.jpg) no-repeat;line-height:30px;text-align:center;
			  font-size:14px;color:white;font-weight:bold;}
#t1:hover 	{ background:url(../images/button2.jpg) no-repeat; }
#t1:active	{ background:url(../images/button2.jpg) no-repeat; }
#t1.active	{ background:url(../images/button2.jpg) no-repeat; !important; }

#t2			{ background:url(../images/button1.jpg) no-repeat;line-height:30px;text-align:center;
			  font-size:14px;color:white;font-weight:bold;}
#t2:hover 	{ background:url(../images/button2.jpg) no-repeat; }
#t2:active	{ background:url(../images/button2.jpg) no-repeat; }
#t2.active	{ background:url(../images/button2.jpg) no-repeat; !important; }

#t3			{ background:url(../images/button1.jpg) no-repeat;line-height:30px;text-align:center;
		      font-size:14px;color:white;font-weight:bold;}
#t3:hover 	{ background:url(../images/button2.jpg) no-repeat; }
#t3:active	{ background:url(../images/button2.jpg) no-repeat; }
#t3.active	{ background:url(../images/button2.jpg) no-repeat; !important; }

#t4			{ background:url(../images/button1.jpg) no-repeat;line-height:30px;text-align:center;
			  font-size:14px;color:white;font-weight:bold;}
#t4:hover 	{ background:url(../images/button2.jpg) no-repeat; }
#t4:active	{ background:url(../images/button2.jpg) no-repeat; }
#t4.active	{ background:url(../images/button2.jpg) no-repeat; !important; }

#t5			{ background:url(../images/button1.jpg) no-repeat;line-height:30px;text-align:center;
			  font-size:14px;color:white;font-weight:bold;}
#t5:hover 	{ background:url(../images/button2.jpg) no-repeat; }
#t5:active	{ background:url(../images/button2.jpg) no-repeat; }
#t5.active	{ background:url(../images/button2.jpg) no-repeat; !important; }

#t6			{ background:url(../images/button1.jpg) no-repeat;line-height:30px;text-align:center;
			  font-size:14px;color:white;font-weight:bold;}
#t6:hover 	{ background:url(../images/button2.jpg) no-repeat; }
#t6:active	{ background:url(../images/button2.jpg) no-repeat; }
#t6.active	{ background:url(../images/button2.jpg) no-repeat; !important; }

#t7			{ background:url(../images/button1.jpg) no-repeat;line-height:30px;text-align:center;
			  font-size:14px;color:white;font-weight:bold;}
#t7:hover 	{ background:url(../images/button2.jpg) no-repeat; }
#t7:active	{ background:url(../images/button2.jpgg) no-repeat; }
#t7.active	{ background:url(../images/button2.jpg) no-repeat; !important; }

#t8			{ background:url(../images/button1.jpg) no-repeat;line-height:30px;text-align:center;
		      font-size:14px;color:white;font-weight:bold;}
#t8:hover 	{ background:url(../images/button2.jpg) no-repeat; }
#t8:active	{ background:url(../images/button2.jpg) no-repeat; }
#t8.active	{ background:url(../images/button2.jpg) no-repeat; !important; }

#t9			{ background:url(../images/button1.jpg) no-repeat;line-height:30px;text-align:center;
			  font-size:14px;color:white;font-weight:bold;}
#t9:hover 	{ background:url(../images/button2.jpg) no-repeat; }
#t9:active	{ background:url(../images/button2.jpg) no-repeat; }
#t9.active	{ background:url(../images/button2.jpg) no-repeat; !important; }

#t10		{ background:url(../images/button1.jpg) no-repeat;line-height:30px;text-align:center;
			  font-size:14px;color:white;font-weight:bold;}
#t10:hover 	{ background:url(../images/button2.jpg) no-repeat; }
#t10:active	{ background:url(../images/button2.jpg) no-repeat; }
#t10.active	{ background:url(../images/button2.jpg) no-repeat; !important; }

#t11		{ background:url(../images/button1.jpg) no-repeat;line-height:30px;text-align:center;
			  font-size:14px;color:white;font-weight:bold;}
#t11:hover 	{ background:url(../images/button2.jpg) no-repeat; }
#t11:active	{ background:url(../images/button2.jpg) no-repeat; }
#t11.active	{ background:url(../images/button2.jpg) no-repeat; !important; }

#t12		{ background:url(../images/button1.jpg) no-repeat;line-height:30px;text-align:center;
			  font-size:14px;color:white;font-weight:bold;}
#t12:hover 	{ background:url(../images/button2.jpg) no-repeat; }
#t12:active	{ background:url(../images/button2.jpg) no-repeat; }
#t12.active	{ background:url(../images/button2.jpg) no-repeat; !important; }

#t13		{ background:url(../images/button1.jpg) no-repeat;line-height:30px;text-align:center;
			  font-size:14px;color:white;font-weight:bold;}
#t13:hover 	{ background:url(../images/button2.jpg) no-repeat; }
#t13:active	{ background:url(../images/button2.jpg) no-repeat; }
#t13.active	{ background:url(../images/button2.jpg) no-repeat; !important; }