@font-face {
	font-family: 'DinLight';
	src: url('../DINPro-Light.eot'); /* IE9 Compat Modes */
	src: url('../DINPro-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../DINPro-Light.woff') format('woff'), /* Modern Browsers */
	     url('../DINPro-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('../DINPro-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
	}
	
html, body {
	font:12px/1.4 Helvetica, arial, sans-serif;
  height: 100%;
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

body	{
	background:#000;
	overflow:auto;
}

a {
	color:#ae0b0b;
	text-decoration:none;
}

a:hover {
	color:#fff;
}

h1, h2, h3, p {
	font-family: 'DinLight';
	font-weight:100;
	text-transform:uppercase;
}

h1 {
	background-color:rgba(255,255,255,0.8);
	color:#000;
	display:inline;
	font-size:24px;
	line-height:32px;
	margin:0;
	padding:0;
}
	
h1 span { 
	position: relative;
}
 
#main{
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 50;
}


#bg { position: fixed; top: 0; left: 0; z-index:-999;}
.bgwidth { width: 100%; }
.bgheight { height: 100%; }


#content {
  position: relative;
  min-height:300px;
  color: #333;
  top:30px;
  left:0;
	width:75%;  
}

#work {
	background-color:rgba(0,0,0,0.7);
	color:#fff;
	margin-top:60px;
	padding:10px;
	width:400px;
}