html {
	height: 100%; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}
body{
		
		background-color: #333333;	background-position: center bottom, left top;	background-repeat: no-repeat;	font-family: juralight; 	font-weight: normal; 	font-size: 11pt;	 margin:	0; 	 color:	#ffffff;	 margin:0; 	 padding:0; 	 height: 100%;	 width: 100%;	 overflow:hidden;}

		
		@font-face {
		font-family: jurabold;
		src: url(../fonts/JuraDemiBold.woff);
		}
		@font-face {
		font-family: juralight;
		src: url(../fonts/JuraLight.woff);
		}
		@font-face {
		font-family: juramedium;
		src: url(../fonts/JuraMedium.woff);
		}
		
		#background{
		width: 100%; 
		height: 100%; 
		position: fixed;
		top: 0; 
		left: 0; 
		z-index:-100;
		}
		
		#bg1{
		background: url('../images/background_1.jpg');
		background-size: cover; 
		width: 100%; 
		height: 100%;
		}
		#bg2{
		background: url('../images/background_2.jpg');
		background-size: cover; 
		width: 100%; 
		height: 100%;
		}
		#bg3{
		background: url('../images/background_3.jpg');
		background-size: cover; 
		width: 100%; 
		height: 100%;
		}
		#bg4{
		background: url('../images/background_4.jpg');
		background-size: cover; 
		width: 100%; 
		height: 100%;
		}
		#bg5{
		background: url('../images/background_5.jpg');
		background-size: cover; 
		width: 100%; 
		height: 100%;
		}
		#bg6{
		background: url('../images/background_6.jpg');
		background-size: cover; 
		width: 100%; 
		height: 100%;
		}
		#bg7{
		background: url('../images/background_7.jpg');
		background-size: cover; 
		width: 100%; 
		height: 100%;
		}
		#bg8{
		background: url('../images/background_8.jpg');
		background-size: cover; 
		width: 100%; 
		height: 100%;
		}
		#bg9{
		background: url('../images/background_9.jpg');
		background-size: cover; 
		width: 100%; 
		height: 100%;
		}
		
		.content{
		width: 75%;
		min-width: 1200px;
		height: 650px;
		 margin: auto;
		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
		overflow:hidden;
		}
		
		p.top-title{
		font-size: 32pt;
		font-family: juramedium;
		text-transform: uppercase;
		margin: 0;
		word-spacing: -2px;
		}
		
		p.top-text{
		font-size: 13pt;
		font-family: juralight;
		text-transform: uppercase;
		margin: 0;
		word-spacing: -2px;
		}
		
		span.highlight{
		color: #3bcdb6;
		}
		
		img.avatar-img{
		width: 60px;
		margin-right: 10px;
		}
		
		#load-box{
		 background: rgba(28, 29, 34, 0.8);
		height: 1px;
		margin: auto auto;
		margin-top: 10px;
		width: 99.5%;
		
		}
		
		#percentage-completege{
		font-size: 17pt;
		float:right;
		margin: 0;
		margin-top: 5px;
		}
		
		#item-status{
		text-align: center;
		font-size: 11pt;
		font-family: juralight;
		margin: 0;
		margin-top: 30px;
		word-spacing: -2px;
		/* Just stretching the text upwards */
		transform : scale(1,1.2);
		-webkit-transform:scale(1,1.2); 
		-moz-transform:scale(1,1.2); 
		-ms-transform:scale(1,1.2); 
		-o-transform:scale(1,1.2); 
		
		}
		
		table.center-piece-table{
		width: 100%;
		margin-top: 10px;
		
		}
	
		
		p.center-piece-top-box-title{
		text-transform: uppercase;
		font-size: 15pt;
		text-align: center;
		font-family: juramedium;
		margin: 0;
		margin-top: 20px;
		}
		
		p.center-piece-top-box-title-audio{
		text-transform: uppercase;
		font-size: 15pt;
		text-align: center;
		font-family: juramedium;
		margin: 0;
		margin-top: 20px;
		max-width: 300px;
		margin: auto auto;
		height: 20px;
		overflow: hidden;
		white-space: nowrap; 
		text-overflow: ellipsis;
		}
		
		.center-piece-top-information{
		width: 100%;
		}
		p.center-piece-top-left-information{
		width: 95%;
		margin-left: 2.5%;
		font-size: 9pt;
		max-height: 45px;
		line-height: 12px;
		overflow: hidden;
		margin-top: 12px;
		display: none;
		
		/* Just stretching the text upwards */
		transform : scale(1,1.2);
		-webkit-transform:scale(1,1.2); 
		-moz-transform:scale(1,1.2); 
		-ms-transform:scale(1,1.2); 
		-o-transform:scale(1,1.2); 
		}
		
		p.center-piece-top-box-sub-title{
		text-transform: uppercase;
		font-size: 10pt;
		font-family: juramedium;
		margin: 0;
		text-align: center;
		margin-top: 12px;
		}

		
		p.center-piece-intro-text{
		margin-top: 35px;
		padding: 10px;
		padding-bottom: none;
		height: 310px;
		font-size: 9pt;
		transform : scale(1,1.2);
		-webkit-transform:scale(1,1.2); 
		-moz-transform:scale(1,1.2); 
		-ms-transform:scale(1,1.2); 
		-o-transform:scale(1,1.2); 
		overflow:hidden;
		}
		
		.center-piece-image{
		height: 400px;
		overflow: hidden;
		background-color: rgba(28, 29, 34, 0.70);
		}
		.side-pic1{
		background: url('../images/side-pic1.jpg') no-repeat center;
		background-size: cover; 
		width: 100%; 
		height: 100%;
		}
		.side-pic2{
		background: url('../images/side-pic2.jpg') no-repeat center;
		background-size: cover; 
		width: 100%; 
		height: 100%;
		}
		.side-pic3{
		background: url('../images/side-pic3.jpg')no-repeat center;
		background-size: cover;
		width: 100%; 
		height: 100%;
		}
		.side-pic4{
		background: url('../images/side-pic4.jpg')no-repeat center;
		background-size: cover; 
		width: 100%; 
		height: 100%;
		}
		
		.center-piece-inner-boxes{
		height: 320px;
		overflow: hidden;
		margin-top: 12px;
		}
		
		.center-piece-inner-box{
		height: 68px;
		margin-bottom: 12px;
		width: 100%;
		overflow: hidden;
		/* Gradient */
		background: rgba(28,29,34,1);
		background: -moz-linear-gradient(left, rgba(28,29,34,1) 0%, rgba(28,29,34,0.49) 51%, rgba(28,29,34,0.49) 51%, rgba(28,29,34,0.29) 71%, rgba(28,29,34,0) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(28,29,34,1)), color-stop(51%, rgba(28,29,34,0.49)), color-stop(51%, rgba(28,29,34,0.49)), color-stop(71%, rgba(28,29,34,0.29)), color-stop(100%, rgba(28,29,34,0)));
		background: -webkit-linear-gradient(left, rgba(28,29,34,1) 0%, rgba(28,29,34,0.49) 51%, rgba(28,29,34,0.49) 51%, rgba(28,29,34,0.29) 71%, rgba(28,29,34,0) 100%);
		background: -o-linear-gradient(left, rgba(28,29,34,1) 0%, rgba(28,29,34,0.49) 51%, rgba(28,29,34,0.49) 51%, rgba(28,29,34,0.29) 71%, rgba(28,29,34,0) 100%);
		background: -ms-linear-gradient(left, rgba(28,29,34,1) 0%, rgba(28,29,34,0.49) 51%, rgba(28,29,34,0.49) 51%, rgba(28,29,34,0.29) 71%, rgba(28,29,34,0) 100%);
		background: linear-gradient(to right, rgba(28,29,34,1) 0%, rgba(28,29,34,0.49) 51%, rgba(28,29,34,0.49) 51%, rgba(28,29,34,0.29) 71%, rgba(28,29,34,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1d22', endColorstr='#1c1d22', GradientType=1 );
		}
		
		.center-piece-inner-text{
		text-transform: uppercase;
		font-size: 13pt;
		margin: auto auto;
		text-align: center;
		font-family: juramedium;
		margin-top: 25px;
		height: 20px;
		width: 280px;
		overflow: hidden;
		text-overflow: ellipsis; 
		white-space: nowrap; 
		}
		
		.center-piece-inner-box-bottom{
		margin-top: 12px;
		height: 35px;
		width: 100%;
		overflow: hidden;
		/* Gradient */
		background: rgba(28,29,34,1);
		}
		
		.center-piece-inner-text-bottom{
		text-transform: uppercase;
		font-size: 13pt;
		margin: auto auto;
		text-align: center;
		font-family: juramedium;
		width: 280px;
		margin-top: 8px;
		overflow: hidden;
		text-overflow: ellipsis; 
		white-space: nowrap; 
		letter-spacing: -0.5px;
		}
		
		table.center-piece-inner-table{
		
		letter-spacing: -0.5px;
		width: 100%;
		padding-left: 10px;
		font-size: 10pt;
		margin: auto auto;
		height: 100%;
		transform : scale(1,1.1);
		-webkit-transform:scale(1,1.1); 
		-moz-transform:scale(1,1.1); 
		-ms-transform:scale(1,1.1); 
		-o-transform:scale(1,1.1); 
		}
		/* For smaller resolutions */
		@media only screen 
		and (max-width : 1400px) {
		}