/* HTML5 rendered elements: */
controls, description, image-column, image-wrapper, loader, thumb{
	display:block;
}
controls{
	position:relative;
	/*margin:0 260px 0 250px;*/
	left:42.396%;/*407px*/
	top:0.625%;/*6px*/
	/*text-align:center;*/
}
controls ul li{
	display:inline;
}
controls ul li a,
controls ul li a:visited{
	color:#565656;
	padding:0 5px;
	text-decoration: none;
}
controls ul li a:hover{
	color:#000;
	text-decoration:none;
}
description{
	position:relative;
	bottom:0;
	right:-26%;/*-158px*/
	float: left;
	width:100%; /*150px Width of right column*/
}
description ul{
	list-style:none;
}
image-wrapper{
	float: left;
	width: 100%;
	margin:5% 0 0.625% 0; /*48px 0 6px 0*/
}
image-wrapper img{
	max-width:63%;
}
image-column{
	position:relative;
	margin:0 20.8333% 0 26.042%; /*0 200px 0 250px Margins for content column*/
	display:none;
}
loader {
	position: absolute;
	top: 300;
	left: 310px;
	background-image: url('../images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 450px;
	height:450px;
}
thumb{
	float: left;
	width: 20.833%; /*200px Width of left column in pixel*/
	margin-left: -100%; /*-960px Set margin to that of -(MainContainerWidth)*/
}
thumb a{
	padding-right:3px;/*3px*/
}
thumb h3{
	margin:10% 0 3px 0;/*96px 0 3px 0*/
}
thumb img{
	max-width:43%;
}

@media all and (min-width:960px) {
	thumb h3{
		margin:96px 0 3px 0;/*96px 0 3px 0*/
	}
	description{
		position:absolute;
		bottom:0;
		right:-16.458%;/*-158px*/
		float: left;
		width:15.625%; /*150px Width of right column*/
		/*margin-left: -250px;*/ /*Set left margin to -(RightColumnWidth)*/
	}
}