html,body,h1
{
 margin: 0;
 padding: 0;
}

body
{
 font-size: 100%;
 font-family: helvetica, arial, sans-serif;
 background-color: black;
 color: #ffe;
}

#logo
{
 width: 302px;
 height: 88px;
 padding-top: 20px;
}

#sp
{
 display: none;
}

#sp img
{
 width: 138px;
 height: 138px;
 display: block;
 margin: 0 auto;

}

#sp a:hover img
{
 background-color: #a00;
}

#header
{

min-height: 135px;
 background-color: #ffeeee;
}

h1
{
 font-size: 2.75em;
 padding: .5em .5em .25em;
}

h3
{
 padding: 0;
 padding-right: 1em;
 margin-left: .5em;
 margin-bottom: 0;
}

#main
{
 background-color: black;
color: #ffe;
 float: right;
 width: 65%;
}


#main h2
{
 text-align: center;
 margin: 0;
 padding: 0;
}

ul, li
{
 margin: 0;
 line-height: 1.4;
}

#side
{
 width: 140px;

 float: left;
 background-color: blue;
}

#side img
{
 float: left;
 min-height: 100%;
height: 100%;
}

#valid
{
 max-width: 40em;
 margin: 0 2em 3em;
 padding-top: 0;
}

#contact
{
 clear: left;
 margin-bottom: 0;

 padding-left: 3em;


 height: 12em;
 width: 30%;
}
#contact, #contact a
{
 color: black;
}

#contact address
{
 font-style: normal;
 margin-top: 0;
 margin-left: 1em;
}

#links
{
 width: 30%;
 min-width: 10em;
}

#footer
{
 position: absolute;
 position: fixed;
 bottom: 0;
 width: 100%;
 height: 2.5em;
 text-align: right;
 background-color: #ffd;
}

p
{
 max-width: 39em;
 margin-left: 1.5em;
 line-height: 1.4;
}

#footer p
{

 margin: 0;
 margin-left: 157px;
 padding: 0;
 padding-right: 1em;
 max-width: 100%;
}

a.note
{
 text-decoration: none;
}

a.note:hover
{
 background-color: red;
 padding-left: 1em;
}

.middle
{
 max-width: 38em;
 margin: 0 auto;
}

.gas
{
 clear: both;
 text-align: right;
 margin: 0 1em;
}

a img
{
 border: none;
}


#info
{
 background-color: #ffe;
 color: black;
 margin-top: 2em;

 height: 12em;
 margin-bottom: 0;
}

#info a
{
color: black;
}