img.bg {
/* Set rules to fill background */
min-height: 100%;
min-width: 1024px;

/* Set up proportionate scaling */
width: 100%;
height: auto;

/* Set up positioning */
position: fixed;
top: 0;
left: 0;
}

@media screen and (max-width: 1024px){
img.bg {
left: 50%;
margin-left: -512px; }
}

div#content {
/* This is the only important rule */
/* We need our content to show up on top of the background */
position: absolute; 
bottom: 0px;

/* These have no effect on the functionality */
width: 800px;
float: left;
left: 0px;
}

ul {
list-style: none;
padding: 0px;
margin: 0px;
margin-bottom: 50px;

}

ul li {
clear: both;
list-style: none;
padding: 0px;
margin-bottom: 1px;
font-size: 9px;
color: #fff;
background: #2d4419;
width: auto;
float: left;
}

a { 
background: black;
padding: 3px 10px 3px 40px;
color: #ffffff;
float: left;
font-size: 9px;
text-transform: uppercase;
font-style: oblique;
text-decoration: none;


}

a:hover { 
background: #333333;
padding-left: 50px;

}


.logo {
position: relative;
float: right;
margin-right: 50px;
margin-top: 50px;
}

.text {
padding: 3px 10px 3px 10px;
text-transform: uppercase;
color: #fff;
font-size: 9px;
}

body {
/* These rules have no effect on the functionality */
/* They are for styling only */
margin: 0;
padding: 0;
font-family: Arial;
}