.gallery
        {
            float: left;
            width: 431px;
            height: 229px;
            margin: 15px 0 0 13px;
        }
        #slider
        {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        #slider ul, #slider li
        {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        /* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
        #slider li
        {
            width: 431px;
            height: 229px;
            overflow: hidden;
        }
        p#controls
        {
            margin: 0;
            position: relative;
        }
        #prevBtn
        {
            display: block;
            margin: 0;
            overflow: hidden;
            width: 59px;
            height: 59px;
            position: absolute;
            left: -2px;
            top: 5px;
        }
        #nextBtn
        {
            display: block;
            margin: 0;
            overflow: hidden;
            width: 59px;
            height: 59px;
            position: absolute;
            left: 50px;
            top: 5px;
        }
        #prevBtn a
        {
            display: block;
            width: 59px;
            height: 59px;
            background: url(images/l_arrow.gif) no-repeat 0 0;
        }
        #nextBtn a
        {
            display: block;
            width: 59px;
            height: 59px;
            background: url(images/r_arrow.gif) no-repeat 0 0;
        }