html, body { background-color:#000; }	

body { 
	width:100%;
	height:100%;
	min-height:1000px;
	overflow:hidden;
	font-family: 'quicksandlight', Helvetica, Arial;
	color:transparent;
}

img {
	top:-15px;
	left:10px;
	position:relative;
	opacity:.5
}

a {
	color:transparent;
	text-decoration: none;
}

a:hover {
	color:rgba( 255, 255, 255, 1 );
}

/* hardware accelatator class */	
	.trans3d {
		-webkit-transform-style: preserve-3d;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform-style: preserve-3d;
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform-style:preserve-3d;
		-ms-transform: translate3d(0, 0, 0);
		transform-style:preserve-3d;
		transform: translate3d(0, 0, 0);

	}

	#contentContainer {
		position:fixed;
		margin-left:-500px;
		margin-top:-500px;
		left:50%;
		top:50%;
		width:1000px;
		height:1000px;
	}
	
	#carouselContainer {
		position:absolute;
		margin-left:-500px;
		margin-top:-500px;
		left:50%;
		top:50%;
		width:1000px;
		height:1000px;
	}
	
	.carouselItem,.carouselItem2 {
		width:320px;
		height:130px;
		position:absolute;
		left:50%;
		top:50%;
		margin-left:-160px;
		margin-top:-90px;
		visibility:hidden;
		cursor:pointer;
	}
	
	.carouselItemInner ,.carouselItemInner2{
		width:320px;
		height:130px;
		position:absolute;
		background-color:transparent;
		border:10px solid rgba(255, 255, 255, .5);
		font-size:12px;
		left:50%;
		top:50%;
		margin-left:-160px;
		margin-top:-90px;
		text-align:center;
		padding-top:50px;
		box-shadow:0 0 20px grey
	}
canvas{
	top:0;
	height: 100%;
    position: fixed;
}

header{
	  
    top: 0;
    left: 0;
    z-index: 999999;
    color: #ddd;
    text-align: center;
    text-shadow: 0 0 4px #c1c1c1;
    width: 100%;
}

footer{
	  
    bottom: 0;
	position:fixed;
    left: 0;
    z-index: 999999;
    color: #ddd;
    text-align: center;
    text-shadow: 0 0 4px #c1c1c1;
    width: 100%;
}