/* First we set the four elements of our vignette
to be on top no matter what and set their initial
width and height which we'll overwrite in the next declarations.
*/
html, body {
margin: 0;
padding: 0;
background-color: #2a1936;
background-image: url("images/background.jpg");
background-position: center center;
font-family: Georgia;
font-size: 14px;
line-height: 24px;
color: #7f7f7f;
}

#main {

width: 100%;
height: 100%;

      background-image:       -webkit-gradient(
        radial, 50% 50%, 355, 50% 50%, 950, from(rgba(41,24,53,0)), to(rgba(41,24,53,1))
        );        
}

#centercontainer {
position: absolute; top: 50%; width: 100%; height: 1px; overflow: visible

}

#content { 
background-color: #FFFFFF;
background-image: url("images/box_background.jpg");
position: absolute;
left: 50%;
width: 590px;
margin-left: -295px; 
height: 352px; 
top: -176px;
-webkit-box-shadow: 0px 0px 45px #180e1f;
 }
 
#logo {
position: absolute;
left: 50%;
width: 100px;
margin-left: -50px; 
height: 100px; 
top: -310px;
}

#heth {
width: 509px;
margin-left: 38px;
margin-right: 49px;
margin-top: 31px;

}

#about {
margin-right: 5px;
margin-top: 21px;
margin-bottom: 9px;

}

img {
border: 0px;
}

p {
padding: 0px;
padding-bottom: 9px;
margin: 0px;
}

#button {
font-style: italic;
font-size: 14px;
color: #b2b2b2;
}

#bottombar {
margin-top: 30px;

}

a:link, a:visited, a:active {
color: #149cac;
text-decoration: underline;
}