/* 
Add here your custom classes
*/


body {padding:0;}
#scroll {
	position:absolute;
	display:block;
	overflow:hidden;

	width:1010px;
	padding:0px;
	height:460px;


}

#tools {
	width:9999em;
	position:absolute;
	height:460px;
}

.tool {


	width:1010px;
	height:460px;
	padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;
	
}

.details {
	font-size:18px;
	color:#555;
	margin-top:-20px;
	background-color:transparent;
	padding:5px 148px;
}


#thumbs {
	background:url(http://static.flowplayer.org/tools/img/demo-navi.jpg) no-repeat;
	height:90px;
	position:absolute;
	top:425px;
	width:990px;
	left:-8px;
}

.t {
	padding:0 !important;
	border:0 !important;
}

.t a {
	background:transparent url(http://static.flowplayer.org/tools/img/demo-navi.jpg) no-repeat scroll -21px -90px;
	margin-left:11px;
	display:block;
	width:99px;
	float:left;
	height:90px;
	cursor:pointer;
}

.t a.active {
	cursor:default !important;
}

.navi {
	margin-left:314px;
	_margin-left:304px;
}

/* GALLERY HOVER */


			*{ padding:0px; margin:0px; }
	
			
			
			/* LARGE box hover */
			
			.boxgrid{ 
				width: 300px; 
				height: 240px; 
				margin:0px; 
				float:left; 
				background:#161613; 
				border:none;
				overflow: hidden; 
				position: relative; 
				color:#b8b8b8; 

			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
						
				}
				.boxgrid p{ 
					padding: 20px 20px 38px 20px;
					color:#b8b8b8; 
					text-align:center;
					font:11px Arial, Arial, Helvetica, sans-serif; 
					line-height:1.5;
					padding-top:20px;
					
					
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background-color: #101110;
				background:url(images/secondary/viewlarge_showcase.png) bottom left no-repeat; 
				height: 240px; 
				width: 100%; 
				top:260px;
				
					
 			}
 			
 						.boxcaption p { 
		margin:20px 0px 0px 0px;
	
	
 			}
 			
 			

 			
 			
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}
 				
 				/* SMALL box hover */
			
			.boxgrid_small{ 
				width: 150px; 
				height: 120px; 
				margin:0px; 
				float:left; 
				background:#161613; 
				border:none;
				overflow: hidden; 
				position: relative; 
				color:#b8b8b8; 

			}
				.boxgrid_small img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
						
				}
				.boxgrid_small p{ 
					padding: 5px 5px 18px 5px;
					color:#b8b8b8; 
					text-align:center;
					font:11px Arial, Arial, Helvetica, sans-serif; 
					line-height:1.3;
					padding-top:10px;
				}
				
			.boxcaption_small{ 
				float: left; 
				position: absolute; 
				background-color: #101110;
				background:url(images/secondary/viewlarge_small.png) bottom left no-repeat; 
				height: 120px; 
				width: 100%; 
				top:120px;
				
 			}
 				.captionfull_small .boxcaption_small {
 					top: 260;
 					left: 0;
 				}
 				.caption_small .boxcaption_small {
 					top: 260;
 					left: 0;
 				}
 				
 				 				/* SMALL WIDE box hover */
			
			.boxgrid_small_wide{ 
				width: 300px; 
				height: 120px; 
				margin:0px; 
				float:left; 
				background:#161613; 
				border:none;
				overflow: hidden; 
				position: relative; 
				color:#b8b8b8; 

			}
				.boxgrid_small_wide img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
						
				}
				.boxgrid_small_wide p{ 
					padding: 5px 5px 18px 5px;
					color:#b8b8b8; 
					text-align:center;
					font:11px Arial, Arial, Helvetica, sans-serif; 
					line-height:1.3;
					padding-top:10px;
				}
				
			.boxcaption_small_wide{ 
				float: left; 
				position: absolute; 
				background-color: #101110;
				background:url(images/secondary/viewlarge_small_wide.png) bottom left no-repeat; 
				height: 120px; 
				width: 100%; 
				top:120px;
				
 			}
 				.captionfull_small_wide .boxcaption_small_wide {
 					top: 260;
 					left: 0;
 				}
 				.caption_small_wide .boxcaption_small_wide {
 					top: 260;
 					left: 0;
 				}
 				
 				 				/* SMALL TALL box hover */
			
			.boxgrid_small_tall{ 
				width: 150px; 
				height: 240px; 
				margin:0px; 
				float:left; 
				background:#161613; 
				border:none;
				overflow: hidden; 
				position: relative; 
				color:#b8b8b8; 

			}
				.boxgrid_small_tall img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
						
				}
				.boxgrid_small_tall p{ 
					padding: 5px 5px 18px 5px;
					color:#b8b8b8; 
					text-align:center;
					font:11px Arial, Arial, Helvetica, sans-serif; 
					line-height:1.3;
					padding-top:10px;
				}
				
			.boxcaption_small_tall{ 
				float: left; 
				position: absolute; 
				background-color: #101110;
				background:url(images/secondary/viewlarge_small_tall.png) bottom left no-repeat; 
				height: 240px; 
				width: 100%; 
				top:240px;
				
 			}
 				.captionfull_small_tall .boxcaption_small {
 					top: 260;
 					left: 0;
 				}
 				.caption_small_tall .boxcaption_small {
 					top: 260;
 					left: 0;
 				}