* html #layout, html, body {
height: 100%;
}
body {
background: transparent url(bg.jpg) repeat center fixed;
margin: 0;
padding: 0;
font-family: 'Franklin Gothic Medium', Arial, sans-serif;
font-size: 0.75em;
color: #000000;
text-align: center;
}
#layout {
margin: 0 auto;
padding: 10px;
width: 486px;
text-align: left;
background: transparent url(bg2.jpg) repeat center;
position: relative;
min-height: 100%;
}
#head {
margin: 0 auto;
text-align: center;
font-size: 8.33em;
font-family: "Arial Black", Arial, sans-serif;
margin: -15px 0;
}
#tagline {
margin: 0 auto;
text-align: center;
font-size: 1.50em;
font-family: "Palatino Linotype", "Times New Roman", serif;
color: #777777;
}
#navigation a:link, #navigation a:active, #navigation a:visited, #navigation a:hover  {
font-family: "Impact", Arial, sans-serif;
text-transform: lowercase;
font-size: 2.50em;
margin: 10px;
}
#footer {
position: relative;
margin-top: -7.5em;
margin: 0 auto;
padding: 10px;
width: 486px;
text-align: left;
background: transparent url(bg2.jpg) repeat center;
} 
p, li {
font-family: 'Franklin Gothic Medium', Arial, sans-serif;
font-size: 1em;
text-align: left;
color: #000000;
line-height: 150%;
}
h1, h2 {
font-family: "Arial Narrow", Arial, sans-serif;
text-transform: uppercase;
color: #aaaaaa;
letter-spacing: 0.1em;
}
a:link, a:active, a:visited {
font-family: 'Franklin Gothic Medium', Arial, sans-serif;
font-size: 1em;
color: #c01111;
text-decoration: none;
}
a:hover {
font-family: 'Franklin Gothic Medium', Arial, sans-serif;
font-size: 1em;
color: #000000;
text-decoration: underline overline;
}
.center {
text-align: center;
}
.border {
background: #c01111;
border: 1px solid #000000;
padding: 3px;
margin: 2px;
}
.border:hover {
background: #000000;
border: 1px solid #c01111;
}