body {
}
        #slideshow
        {
            width: 500px;
        }

        #slides
        {
            height: 220px;
            position: relative;
        }

.slide
{
    height: 220px;
    width: 500px;
    overflow: hidden;
    position: absolute;
}

.info
{
    overflow: hidden;
    position: absolute;
    color: #000000;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    padding-top: 10px;
}

        #slides-controls
        {
            width: 200px;
            background-color: #fff;
            height: 20px;
            margin-left: auto;
            margin-right: auto;
            padding: 5px;
        }

            #slides-controls a
{
    margin: 5px;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    background: #8CB3D5;
    border: 1px solid #fff;
    text-indent: -9000px;
    display: block;
    overflow: hidden;
    float: left;
}

                #slides-controls a:hover
{
    background: #00436A;
}

                #slides-controls a.highlight
{
    background: #fff;
    border: 1px solid #00436A;
}