/* =Container(s) this is the main table, in here you can define which proportions your website has to have.
----------------------------------------------------------------------------------------------------------*/
.container
{
	margin-left: auto;
	margin-right: auto;
	width: 645px;
	margin-top: 15px;
}

.25fps_container
{
	width: 645px;
	height: 515px;
}




/* =Grid >> Global specs of the grid
----------------------------------------------------------------------------------------------------------*/
.grid_thumbs {
	float: left;
	width: 641px;
	height: 515px;
}
	
.header {
	width: 645px;
}

/* =Grid >> Container Columns
----------------------------------------------------------------------------------------------------------*/


.grid_video {
	float: left;
	width: 645px;
	height: 384px;
	background-image: url(../images/thumbs/m/dejavu_player.jpg);
	background-repeat: no-repeat;
}

.video {
	float: left;
	margin-top:40px;
	width: 400px;
	height: 284px;
}

.info {
	float: right;
	width: 214px;
	height: 385px;
	margin-top:6px;
}

.info p {
color:#333333;
float:right;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-style:normal;
padding: 20px 8px 8px 8px;
width:184px;
}

	/* This is the spacer  */
.spacer {
	height:30px;
	width: 645px;
	clear: inherit;
}

.mini_spacer {
	height: 10px;
	width: 645px;

}

.thumb_button {
	float: left;
	height: 21px;
	width: 645px;
	margin-left:4px;
}


.vid_content {
	height: 135px;
	width: 645px;
	background-image: url(../images/thumbs/m/content_box.jpg);
	background-repeat: no-repeat;
	clear:both

}

.vid_content_thumbs_grid {
	height: 71px;
	width: 635px;
	padding-top: 40px;
	padding-left: 10px;
}

.vid_content_thumbs {
	height: 71px;
	width: 107px;
	margin-left: 22px;
}