@CHARSET "UTF-8";

/* ----------------------------------------------
	Reset  
---------------------------------------------- */
html, body, div,
h1, h2, p, pre,
a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
/* ----------------------------------------------
	Reset END  
---------------------------------------------- */


/* ----------------------------------------------
	Style
---------------------------------------------- */
body {
	background: #1c1c1c url(background.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width : 100%;
	height : 100%;
}
.box {
	position : absolute;
	top : 50%;
	left : 50%;
	width : 488px;
	margin-left : -244px;
	height : 460px;
	margin-top: -230px;
}
h1,h2 {
	display : block;
	overflow : hidden;
	outline : none;
	text-indent : -500px;
	background-repeat : no-repeat;
	background-position : center;
	margin : auto;
}
h1 {
	background-image : url(logo.png);
	background-position : center;
	height : 250px;
	width : 250px;
}
h2 {
	background-image : url(comingsoon.png);
	background-position : center;
	height : 33px;
	width : 293px;
	margin-bottom: 60px;
}
ul {
	clear : both;
	display : block;
	margin: 0;
    padding: 0;
}
li {
	display : inline;
}
ul.icons {
	height : 96px;
	margin : 0 auto 40px;
	width : 408px;
}
ul.icons a {
	display : block;
	float : left;
	overflow : hidden;
	width : 96px;
	height : 96px;
	margin: 20px 20px 60px;
}
ul.icons a img {
	width : 96px;
	height : 96px;
}
ul.socials {
}
ul.socials a {
	display : block;
	float : left;
	overflow : hidden;
	width : 73px;
	height: 34px;
	margin-right : 10px;
	margin-bottom : 10px;
	background-image : url(socials.png);
	background-repeat : no-repeat;
	text-indent : -2000px;
	opacity : 0.25;
}
ul.socials a:hover {
	opacity : 1;
}
ul a.facebook { background-position : 0px 0px;}
ul a.facebook:hover { background-position : 0px -34px;}
ul a.twitter { background-position : -83px 0px;}
ul a.twitter:hover { background-position : -83px -34px;}ul a.google { background-position : -166px 0px;}
ul a.behance { background-position : -415px 0px;margin-right:0px;}ul a.dribbble { background-position : -249px 0px;}
ul a.dribbble:hover { background-position : -249px -34px;}

ul a.behance:hover { background-position : -415px -34px;}
/* ----------------------------------------------
	Style END  
---------------------------------------------- */