body {
background-image: url(img/bg1.gif);
background-color: #000;
margin: 0px;
padding: 0px;
text-align: center;
}

div.container {
width: 1000px;
height: 650px;
position:absolute;
top:50%;
left:50%;
margin-top:-325px;
margin-left:-500px;
background-image: url(img/backhome.jpg);
border: 3px solid #000;
}


div.body {
float: right;
padding: 15px;
margin-top: 150px;
margin-right: 150px;
text-align: left;
font: 9pt/13pt verdana, arial;
color: #082123;
width: 370px;
height: 230px;
}

div.sidebar {
float: left;
width: 250px;
padding: 10px;
margin-top: 155px;
margin-left: 130px;
text-align: left;
}


div.footer {
text-align: center;
margin-top: 628px;
font: 8pt verdana, arial;
}


div.nav a {
position: absolute;
height: 80px;
width: 35px;
left: 865px;
text-decoration: none;
}

div.nav a i { visibility: hidden; }

a#home {
top: 155px;
}

a#about {
top: 315px;
left: 880px;
}
a#email {
top: 390px;
left: 883px;
}
a#gbook {
top: 485px;
left: 885px;
}

a#home:hover { background-image: url(img/circle.png); }

a#about:hover { background-image: 
url(img/circle.png); }

a#email:hover { background-image: 
url(img/circle.png); }

a#gbook:hover { background-image: 
url(img/circle.png); }



h2 {
font: 13pt bold verdana,arial;
color: #5b4420; 
background-image: url(img/skull.png);
background-repeat: no-repeat;
background-position: left bottom;
padding-left: 30px;
padding-top: 5px;
}

ul {
padding: 0;
margin: 0;
}

li {
padding: 0;
margin: 0;

}

a:link {
color: #5b4420; 
font-weight: bold;
font-style: italic;
font: 9pt bold verdana,arial;
color: #5b4420;
}
a:visited {
font: 9pt bold verdana,arial;
color: #5b4420;
}
a:hover {
padding-bottom: 2px;
white-space: nowrap; 
font: 9pt bold verdana,arial;
color: #192628; 
background-image: url(img/line.png); 
background-repeat: repeat-x;
background-position: 100% 100%;
text-decoration: none;
}

a:active {
font: 9pt bold verdana,arial;
color: #5b4420;
}