html , body {
	width : 100%;
	height : 100%;
	padding : 0px;
	border : 0px;
	margin : 0px;
	background-image : -webkit-radial-gradient(center, circle, #888888 0%, #666666 40% , #333333 100%) ;
	background-color : #333333 ; 

}
body, div, img , canvas  {
	-webkit-user-select : none ;
	-webkit-touch-callout : none ;
	-webkit-user-drag : none ;
	-webkit-tap-highlight-color : rgba(0,0,0,0) ;

	/*image-rendering: auto | optimizeSpeed | optimizeQuality | -webkit-optimize-contrast*/

	image-rendering:  optimizeSpeed;
	-webkit-image-rendering:  optimizeSpeed;
}



#loading {
font-size : 22px;
font-weight: bolder;
color : #fff;
width : 100%;
text-align:center;
padding : 10px;
background-color: rgba(30,30,30,0.2);

}

#container {
	visibility: hidden;
	position: relative;
	margin-top : 0px;
	margin-left:50%;
	top : 50px;
	-webkit-transform-style: preserve-3d;

}
#container div {
	position: absolute;
	top : 0px;
	left : 0px;
	background-image: -webkit-gradient(linear, 0% 50%, 0% 100%, from(rgba(30,30,30,1)), to(rgba(30,30,30,0)) );
}
#container div:hover {
	border : 2px solid red;
}
#container div img {
	-webkit-box-reflect:below -1px 
		-webkit-gradient(linear, left top, left bottom, 
		from(rgba(0,0,0,0)), color-stop(0.6,rgba(0,0,0,0.2)), to(rgba(0,0,0,0.4)) );
}

#container div div {
	position: absolute;
	opacity: 0;
	height : 20px;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, 
		from(rgba(0, 0,0,0.5)),
		 to(rgba(0,0,0,0.0)) );

}

#img-pool {
	display : none;
}
	 