@charset "UTF-8";
/* CSS Document */

body, html {
	font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	margin: 0 auto;
	color: #777;
	background: #222;
	text-transform: uppercase;
	height:100%;
	letter-spacing: 3px;
	font-weight: 300;
	font-size: 40px;
	line-height:48px;

}

.logo {
	position: absolute;
	right: 80px;
	top: 60px;
	z-index:3;
}
.menu {
	position: absolute;
	left: 5%;
	top: 60px;
	width:90%;
	z-index:1;
}


#text {
	text-align:left;
	z-index:1;
} 
.headline {
	text-align:left;
	font-weight:bold;
	color:#f4f4f4;
} 

a {
	color: #f4f4f4;
	text-decoration: none;
	z-index:1337;
}

a:HOVER {
	background: #222;
	padding: 0 10px;
}


.control { margin-top: 28px; color: #fff; cursor: pointer; background: url(line.png); padding: 14px 15px; display: block; line-height: 15px; font-weight: 300; }

#video { position: fixed; min-width: 100%; min-height: 100%;}

#bg { position: fixed; min-width: 100%; min-height: 100%;}
#content { position: fixed; min-width: 100%; min-height: 100%; background: url(stripes.png);}

.lines { font-weight: 400; color: #fff}

/*
{
    margin: 0;
    padding: 0;
}

html, body, #bg, #bg table, #bg td {
    height:100%;
    width:100%;
    overflow:auto;
}

#bg {
    position: fixed;
	z-index:-2;
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}
*/