/*------------------------------------------------------

	Styles For Skin Chooser For Locx - Coming Soon Page
		
---------------------------------------------------------*/



body {
	background : #F2F2F2;
	font-family: Arial;
	font-size  : 12px;
	color      : #656565; 
}

#holder{
	margin    : 100px auto;
	width     : 1170px; 
	text-align: center;
}	

h2{
	font-size: 35px;
	margin   : 30px 0px;
}

.span{
	float       : left;
	margin-right: 30px;
	position    : relative;
}

.last{
	margin-right: 0px;
}

.container{
	position: absolute;
	top     : 18px;
	left    : 19px;
	overflow: hidden;
	width   : 332px;
	height  : 208px;
}

.container a{
	text-decoration: none;
}

.mask{
	width             : 100%;
	height            : 100%;
	position          : absolute;
	top               : 0; 
	left              : 0;
	text-align        : center;
	background        : rgba(193,109,26, 0.8);
	-ms-filter        : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter            : alpha(opacity=0);
	opacity           : 0;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition   : all 0.3s ease-out 0s;
	-o-transition     : all 0.3s ease-out 0s;
	-ms-transition    : all 0.3s ease-out 0s;
	transition        : all 0.3s ease-out 0s;
}

.container:hover .mask{
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter    : alpha(opacity=100);
	opacity   : 1;
}  

.mask h4{
	font-size : 20px;
	color     : #FFF;
	margin-top: 90px;
}