* {
margin: 0;
padding: 0;
}
body {
margin:auto;
padding: 0;
font: 100%/1.3 helvetica, arial, sans-serif;
background-color:#dbdada;
position:relative;
padding-top:10em;
background: url(images/whitenoise.png);
}
a {
background-color: #c6c6c6;
color: #0276d6;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
@font-face{font-family: 'League Gothic'; src: url('League-Gothic.otf');}

h1, p{
padding-left:30px;
}

h1 {
background: url(images/im_oskar.png) no-repeat top center;
background-image: url(images/im_oskar2.png);
width:500px;
height:130px;
text-indent:-9000px;
overflow:hidden;
margin-bottom: 0;
}

p, ul {
margin: 0 0 .7em 0;
font-weight:100;
text-align: center;
font-size: 2em;
font-family:'League Gothic', Georgia;
color:white;
}

a img {
border: none;
}

section{
display:block;
}

section#introduction{
margin:auto;
width:25em;
padding:0 7px 7px 7px;
width:500px;
}

section#introduction > div{
padding-top:2.5em;
}

div#headerbg{
position:absolute;
width:100%;
height:105px;
background-color:rgba(131, 131, 131, 0.1);
margin-top:110px;
border-top:1px solid rgba(271, 271, 271, 0.5);
z-index:-1;
}

div#gradient{
background:url(images/gradient.png) no-repeat;
width:630px;
height:400px;
position:absolute;
margin:auto;
z-index:-2;
left:50%;
margin-left:-310px;
margin-top:-70px;
}