body{
background: black url(images/bg2012.jpg) no-repeat;
background-size: cover;
}

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: 0px;
left: 0;

display: none;
}

@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: 500px;
float: left;
left: 0px;
}

ul {
list-style: none;
padding: 0px;
margin: 0px;
margin-bottom: 5px;
margin-left: 5px;
width: 425px;
float: left;
}

ul li {
list-style: none;
padding: 0px;
margin-bottom: 5px;
font-size: 9px;
color: #000;
background: #fff;
width: auto;
float: left;
margin-left: 5px;
}

a { 
background: #8c2e2e;
padding: 5px;
color: #ccc;
float: left;
font-size: 9px;
text-transform: uppercase;
font-style: oblique;
text-decoration: none;

}

a:hover { 
background: #000;
color: #fff;
}


.logo {
position: absolute;
bottom:20px;
right: 20px;
float: right;
}

.text {
padding: 5px;
text-transform: uppercase;
color: #000;
font-size: 9px;
}

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