html * { color: #212121; margin: 0px; padding: 0px; border: none; font-family: Verdana, Geneva, sans-serif; font-size: 8pt; font-weight: normal; letter-spacing: normal; word-spacing: normal; }
a {outline: none; }
html { margin: 0px; padding: 0px; background: #C0C0C0; }
body { margin: 10px auto; width: 800px; height: 590px; background: #ffffff; position: relative; }

#head { height: 135px; width: 800px; }
#main { height: 404px; width: 800px; }
#footer { height: 51px; width: 800px; background: url('../images/footer.background.png') no-repeat;  }

#logo { float: left; }
#www { float: right; padding-right: 100px; margin-top: 10px; }
#www a { font-size: 14pt; color: #ccccff; font-weight: bold; text-decoration: none; }
#www a:hover { text-decoration: underline; }

#menu { clear: both; float: left; padding-left: 10px; width: 95%; }
ul { list-style-type: none; }
li { float: left; }

a.button {
    background: transparent url('../images/button.right.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    height: 23px;
    margin-right: 15px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/button.left.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 4px 0px 5px 10px;
}

a.button:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
    text-decoration: underline;
}

a.button:hover span {
    background-position: bottom left;
    padding: 4px 0 5px 10px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
    text-decoration: underline;
}

a.button:active span {
    background-position: bottom left;
    padding: 5px 0 4px 10px;
}

#home { background-position: bottom right; }
#home span { background-position: bottom left; }

#footer img { display: block; float: left; }
#footer p { float: right; padding: 20px; color: white; }