/* =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;
	height: 1200px; 
}

.photo_container
{
	width: 645px;
	height: 178px;
}

.photo_container_about
{
	width: 645px;
	height: 400px;
	allign: center;
}



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

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


.container .linksbox_main {
	float: inherit;
	height: 645px;
	width: 248px;
	clear: inherit;
}

/* =Container Grid  ContainerColumns= >> Subcolumns. Here you define the specs of your subcolumns
----------------------------------------------------------------------------------------------------------*/
.grid_photo {
	float: left;
	width: 189px;
	height: 175px;
	margin-left: 19.5px;
}

.photo_thumb {
	clear: both;
}

.photo_container .grid_photo .photo_thumb .prefix_photo {
	width: 189px;
	height: 175px;
}

	/* This is the spacer - feel free to change the height */
.spacer {
	height:30px;
	width: 645px;
	clear: inherit;
}