body, html {
    text-align: center;
    position: relative;
    font: normal 11pt "Lucida Grande", Verdana, 'Gill Sans', 'Gill Sans MT', 'Nimbus Sans', sans-serif;
    color: white;
}

img {
    border: none;
}
p {
    width: 30em;
    margin: auto;
}
h3 {
    font-variant: small-caps;
    letter-spacing: 0.2em;
}

img#boards {
    float: left;
    margin-top: 125px;
}

#header {
    position: relative;
    max-width: 1000px;
    width: expression('920px');
    margin: auto;
}

#logo {
    margin-top: 2em;
    margin-bottom: 3em;
    margin-right: 3em;
    float: right;

}

#menu {
    clear: both;

    font-size: 10pt;
}

#menu a span {
    text-align: center;
    width: 16.66%;
    margin: -0.2em -2.3px -3px -2.3px;
    height: 11pt;
    display: inline-table;
}

#menu a span#repairs {
    background-color: #894e16;
}

#menu a span#faq {
    background-color: #905e29;
}

#menu a span#stains, #menu a span#home {
    background-color: #ffb056;
}

#menu a span#gallery {
    background-color: #f3852a;
}

#menu a span#contact {
    background-color: #ae7f3b;
}

#menu a {
    color: #16242d;
    text-decoration: none;
    font-weight: bold;
}

#menu a:hover div, #menu a:active div {
    background-color: #894e16;
}

#container {
    margin: auto;
    max-width: 1000px;
    text-align: center;
    background-color: #16242d;
    position: relative;
}

#container div {
    padding: 5em;
}

#container a {
    color: white;
    text-decoration: none;
    border-bottom: 1px dashed grey;
}
#container a:hover, #container a:active {
    color: #16242d;
    background-color: white;
    border: 0;
}

img#plan {
    float: left;
    position: absolute;
    left: 5em;
    margin-left: expression("-500px");
}

#gallery img#plan {
    margin-left: expression("-2.8em");
}

img.home {
    width: 100%;
    margin-top: 3em;
    margin-bottom: 5em;
}

#home img#plan {
    margin-top: expression("-11em");
    margin-left: expression("-280px");
}

#home p {
    float: right;
    float: expression("none");
    margin-bottom: 5em;
}

#faq div {
    text-align: left;
    padding: 0;
    margin: auto;
    text-align: center;
}

#faq #question {
    font-variant: small-caps;
    letter-spacing: 0.2em;
    margin-bottom: 1em;
    width: 30em;
}

#faq div#answer {
    margin-bottom: 2em;
    width: 30em;
}

#faq ul {
    text-align: left;
}

#gallery {
    height: 720px;
    background-color: #16242d;
}

#gallery div {
    padding: 0;
}

#gallery #thumbs {
    margin-top: 5em;
}

#gallery .small a, #gallery .small a:hover, #gallery .small a:active {
    border: 0;
    background-color: #16242d;
}


#gallery .left {
    left: 0;
}

#gallery .right {
    right: 0;
}

#gallery #comment {
    clear: both;
    float: left;
    margin-top: 7em;
}

#gallery #big img {
    border: 5px solid white;
}

#gallery #pictures {
    width: 600px;
    float: right
}

#contact h3 {
    margin-top: 3em;
}
#contact div {
    padding: 0;
}

#built a, #built a:hover {
    border: none;
    background-color: transparent
}

#built img {
    padding: 5px;
    border: 1px solid white;
}
