body {
    background: url('/candy/wood.png');
    margin: 0
}

a {text-decoration: none;}
a.img {border: none;}

#top {
    top: 0;
    height: 170px;
    width: 1020px;
    margin: 0 auto;
}

#top img {
    margin: 12px auto 0 auto;
    width: 350px;
    display: block;
}

#gallery {
    width: 1020px;
    margin: 0 auto;
}

#controls {height: 40px;}

#controls a {
    font-weight: bold;
    color: #644120;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    background: #b38659;
    padding: 3px 6px;
    border-radius: 3px;
    margin: 4px;
}

#controls a:hover {
    background: #d9ad82;
}

#controls .ss-controls {
    float: left;
}

#controls .nav-controls {
    float: right;
}

#slideshow {
    position: relative;
    height: 550px;
}

#slideshow span {
    display: block;
    width: 1020px;
    font-size: 0px;
    position: absolute;
}

#slideshow img {
    margin: auto;
    display: block;
}

#thumbs {
    height: 170px;
    width: 1020px;
    margin: 0 auto;
}

#thumbs ul {
    padding: 0;
    margin: 20px 0 0 0;
    text-align: center;
}

#thumbs li {
    list-style: none;
    margin: 8px;
    display: inline;
}

#thumbs div.bottom {
    clear: both;
    float: right;
    margin: 10px 33px 0 0;
}

#thumbs div.bottom a, #thumbs div.bottom span.current {
    font-weight: bold;
    color: #644120;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    background: #b38659;
    padding: 3px 6px;
    border-radius: 3px;
    margin: 4px;
}

#thumbs div.bottom a:hover {
    background: #d9ad82;
}

#thumbs div.bottom span.current {
    color: #332211;
}