body {
background-color:#080808;
font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color:#ffffff;
min-width:770px;
margin:0;
padding:0;
}

#mail a.pdf{
padding:20px 0 0 30px;
background:url(images/mail-off.png) no-repeat right top;
border-bottom: 0px;
}

#mail a.pdf:hover{
background:url(images/mail-on.png) no-repeat right top;
text-decoration: underline;
}

p{
color:#dddddd;
margin:20px 0 20px 10px;
}

div.container {
width:770px;
text-align:left;
margin:0 auto;
}

div.separator {
clear:left;
width:100%;
border:0;
}

a.logo {
display: block;
background:url(images/logo.png) no-repeat;
width:200px;
height:120px;
margin:0 auto;
text-decoration: none;
}

a:hover.logo {
background-position: 0 -120px;
}

div#header {
width:100%;
overflow:hidden;
}

div#fade h1 a {
display:block;
background:transparent url(images/dh.png) no-repeat;
width:100px;
height:100px;
cursor:pointer;
margin:0 auto;
}

div#fade h1,div#header h2,div#middle h2,div#middle h3 {
text-indent:-9999px;
}

div#content {
width:100%;
height:100%;
padding:40px 0;
margin-bottom:200px;
}

div#content ul {
width:850px;
margin:0 auto;
}

ul,li {
list-style:none;
}

li {
float:left;
margin:0 3px 0;
}

li a {
width:180px;
height:250px;
cursor:pointer;
}

li#unvlt a {
display:block;
background:transparent url(images/unvlt.png) no-repeat left top;
text-indent:-9999px;
}

li#hotwater a {
display:block;
background:transparent url(images/hotwater.png) no-repeat left top;
text-indent:-9999px;
}

li#state a {
display:block;
background:transparent url(images/state.png) no-repeat left top;
text-indent:-9999px;
}

li#stateracing a {
display:block;
background:transparent url(images/stateracing.png) no-repeat left top;
text-indent:-9999px;
}

li#gc a {
display:block;
background:transparent url(images/govclub.png) no-repeat left top;
text-indent:-9999px;
}

li#permatank a {
display:block;
background:transparent url(images/permatank.png) no-repeat left top;
text-indent:-9999px;
}

li#hero a {
display:block;
background:transparent url(images/homeforahero.png) no-repeat left top;
text-indent:-9999px;
}

li#mgpglass a {
display:block;
background:transparent url(images/mgpglass.png) no-repeat left top;
text-indent:-9999px;
}

li#yc a {
display:block;
background:transparent url(images/yc.png) no-repeat left top;
text-indent:-9999px;
}

li#heil a {
display:block;
background:transparent url(images/heil.png) no-repeat left top;
text-indent:-9999px;
}

li#tempstar a {
display:block;
background:transparent url(images/tempstar.png) no-repeat left top;
text-indent:-9999px;
}

li#comfortmaker a {
display:block;
background:transparent url(images/comfortmaker.png) no-repeat left top;
text-indent:-9999px;
}

li#keeprite a {
display:block;
background:transparent url(images/keeprite.png) no-repeat left top;
text-indent:-9999px;
}

li#arcoaire a {
display:block;
background:transparent url(images/arcoaire.png) no-repeat left top;
text-indent:-9999px;
}

li#goheil a {
display:block;
background:transparent url(images/goheil.png) no-repeat left top;
text-indent:-9999px;
}

li#gocomfortmaker a {
display:block;
background:transparent url(images/gocomfortmaker.png) no-repeat left top;
text-indent:-9999px;
}

li#gotempstar a {
display:block;
background:transparent url(images/gotempstar.png) no-repeat left top;
text-indent:-9999px;
}

li#gokeeprite a {
display:block;
background:transparent url(images/gokeeprite.png) no-repeat left top;
text-indent:-9999px;
}

li#goarcoaire a {
display:block;
background:transparent url(images/goarcoaire.png) no-repeat left top;
text-indent:-9999px;
}

/****Bottom****/

div#fade {
width:100%;
height:165px;
background:url(images/wht_fade.png) repeat left top;
overflow:hidden;
margin:0;
}

div.lantern {
display:block;
background:transparent url(images/lantern.png)  no-repeat left top;
width:698px;
height:170px;
margin:0 auto;
}

#footer p{
color:#000000;
text-align:center;
font-size:10px;
margin:0; 
padding:15px 0;
}

#footer a{
color:#FFF;
text-decoration:underline;
}

#footer a:hover{
color:#FFF;
text-decoration:none;
}