#workgallery{
    position:relative;
}

#holder{
    width: 950px;
    overflow:hidden;
    position:relative;
    margin: auto;

}
/*#holder .casemediaimg{
    height: 100%;
}*/
.swControls{
    position:absolute;
}

a.navlinks{
    float:left;
    width:16px;
    height:21px;
    position: relative;
    top: 1px;
    
}
#navleft{
    margin-right: 3px;
    background-image: url(/gfx/nav-left.png);
    background-repeat: no-repeat;
}
#navleft:hover{
    margin-right: 3px;
    background-image: url(/gfx/nav-left-hover.png);
    background-repeat: no-repeat;
}
#navright{
    margin-left: 3px;
    background-image: url(/gfx/nav-right.png);
    background-repeat: no-repeat;
}
#navright:hover{
    margin-left: 3px;
    background-image: url(/gfx/nav-right-hover.png);
    background-repeat: no-repeat;
}

a.swShowPage{

    /* The links that initiate the page slide */
    float:left;
    width:17px;
    height:17px;
    margin:4px 3px;
    text-align: center;
    font-size: 12px;
    padding-top: 1px;
    padding-left: 1px;
}



a.swShowPage:hover,
a.swShowPage.active{
    text-decoration: none;
    background-image: url(/gfx/work-pagi-dot.png);
    background-repeat: no-repeat;
}

#holder li{
    width: 200px;
    height: 175px;
    list-style:none outside none;
    margin-top:30px;
    margin-left:30px;
    float:left;
}

#holder,
#holder li{

}

.clear{
    /* This class clears the floated elements */
    clear:both;
}