@CHARSET "UTF-8";

html, body { margin: 0; padding: 0; width: 100%; height: 100%; }
#bg_image { position: fixed; top: 0; right: 0; z-index: 1; height: 100%; }
#scrollable { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; }

.header {
	margin: 38px 0 0 0px;
	height: 145px;
	border: none;
	overflow: hidden;
	position: relative;
}

#logo {
	position: absolute;
	left:66px; top:0;
	width: 87px; 	height: 110px;
}

#logo a {width: 87px; 	height: 110px;}

#logo a span {
	width: 87px; 	height: 110px;
	background-image: url(/i/atypik_logo.jpg);
}

.langswitch {
	margin-left: 20%;
}

.header .langswitch ul {
	float: left;
	}

h2 {
	font-weight: bold;
	font-size: 20px;
}

.splash-main-text {
	font-size: 20px;
}


.splash-content {
	margin: 80px 30% 0 66px;
}

#quote {
	margin: 40px 0 0 -66px;
	padding: 5px 0 5px 63px;
	border-left: solid 3px #f00;
	font-size:18px;
	line-height:1.3;
	font-family:"Courier New", monospace;
	width: 50%;
	margin-bottom:40px;
	position:relative;
	overflow:hidden; 
}

#quote .transparency  {   
    opacity:0.5;   
    filter:alpha(opacity=50);   
    -moz-opacity:0.5;   
    background-color:#fff;   
    width:100%;   
    height:1500px;   
    position:absolute;   
    top:0px;   
    left:0px;   
    z-index:-1;   
}   

.content  {   
  position:relative;   
}

#quote .author {
	font-size: 14px;
}

.footer {
	position: absolute;
	height: 40px;
	left: 68px;
	bottom: 5%;
	padding:0;
	}