html {
    height: 100%;
}
body {
    height: 100%;
    margin: 0;
    padding: 0;
	background: url('_/img/bg.png');
}
#page-table {
    height: 100%;
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}
#page-td {
    height: 100%;
    padding: 0;
    vertical-align: middle;
}
div#global {
    width: 500px;
    height: 100px;
    padding: 20px;
    margin: 0px auto;
    text-align: left;
    text-align: center;
    -webkit-transition: all 2000ms ease-in-out;
-moz-transition: all 2000ms ease-in-out;
-o-transition: all 2000ms ease-in-out;
transition: all 2000ms ease-in-out;

}

#logo{
	margin: 0 auto;
	width: 0px;
-webkit-transition: all 1200ms linear;
-moz-transition: all 1200ms linear;
-o-transition: all 1200ms linear;
transition: all 1200ms linear;
position: relative;
z-index: 50;
height: 60px;
box-shadow: 5px 5px 20px rgba(0,0,0,0.3);
cursor: pointer;
}
#logo:hover{
-webkit-transition: all 100ms linear;
-moz-transition: all 100ms linear;
-o-transition: all 100ms linear;
transition: all 100ms linear;
}
#logo.trans{
	-moz-transform: scale(1) rotate(-2deg) translate(0px, 0px) skew(0deg, 0deg);
-webkit-transform: scale(1) rotate(-2deg) translate(0px, 0px) skew(0deg, 0deg);
-o-transform: scale(1) rotate(-2deg) translate(0px, 0px) skew(0deg, 0deg);
-ms-transform: scale(1) rotate(-2deg) translate(0px, 0px) skew(0deg, 0deg);
transform: scale(1) rotate(-2deg) translate(0px, 0px) skew(0deg, 0deg);
}
#logo span{
	text-transform: uppercase;
	font-family: Futura, Verdana, Sans-Serif;
	font-weight: 400;
	font-size: 47px;
	height: 60px;
	color: white;
	text-shadow: 3px 3px 0px rgba(0,0,0,0.1);
	display: block;
	background: url('_/img/bg_logo.png') center;
	z-index: 51;
	position: relative;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden
/* 	border: 1px solid #14a4d3; */
}

#logo:hover{
-moz-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-webkit-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-o-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-ms-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
}

#logo #l_l,#logo #r_l{
	position: absolute;
	width: 0px;
	height: 58px;
	display: block;
	background: #303030;
	z-index: 40;
	top: 0px;
	-webkit-transition: all 1200ms linear;
-moz-transition: all 1200ms linear;
-o-transition: all 1200ms linear;
transition: all 1200ms linear;
-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden
}
#logo.trans:hover #l_l,#logo.trans:hover #r_l{
	-moz-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-webkit-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-o-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-ms-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-webkit-transition: all 100ms linear;
-moz-transition: all 100ms linear;
-o-transition: all 100ms linear;
transition: all 100ms linear;
top: 0px;
}
#logo #l_l{
	left: 0px;
	top:0px;
	}
#logo.trans #l_l{
	left: 1px;
	top:-5px;
	-moz-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, -6deg);
-webkit-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, -6deg);
-o-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, -6deg);
-ms-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, -6deg);
transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, -6deg);
	width: 100px;

}
#logo #r_l{
	right: 0px;
	top:0px;
}
#logo.trans #r_l{
	right: 1px;
	top:6px;
	-moz-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, -6deg);
-webkit-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, -4deg);
-o-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, -6deg);
-ms-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, -6deg);
transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, -6deg);
	width: 100px;

}

#content{
	padding-top: 60px;
	font-family: Futura, Verdana, Sans-Serif;
	font-size: 18px;
	color: #444;
	text-shadow: 2px 2px 1px rgba(255,255,255,0.7);
}
#socials{
	padding-top: 40px;
	display: none;
}
#socials ul{
	display: block;
	margin: 0 auto;
}
#socials ul li{
	display: inline;
	margin-right: 10px;
	opacity: 0.6
}

/*

@font-face {
    font-family: 'GladifilthefteGladifilthefte';
    src: url('_/fonts/Gladifilthefte-webfont.eot');
    src: url('_/fonts/Gladifilthefte-webfont.eot?#iefix') format('embedded-opentype'),
         url('_/fonts/Gladifilthefte-webfont.woff') format('woff'),
         url('_/fonts/Gladifilthefte-webfont.ttf') format('truetype'),
         url('_/fonts/Gladifilthefte-webfont.svg#GladifilthefteGladifilthefte') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/