/** JS Banner Container Styles
------------------------------------------------------------------------------*/
#js-banner
{
    width : 400px;
    height : 342px;
    margin: 0 auto;
    overflow : hidden;
    position : relative;
    /** Temp Styles
    --------------------------------------------------------------------------*/
    /*border : 3px solid #000000;*/
    /*margin-top : 50px;*/
    /*margin-left : 50px;*/
}

/** Navigation List
------------------------------------------------------------------------------*/
#js-banner .js-nav
{
    position : absolute;
    left : 0px;
    bottom : 15px;
    z-index : 3;
    list-style : none;
}

/** Navigation Clickables
------------------------------------------------------------------------------*/
#js-banner .js-nav li
{
    display : inline ;
}

#js-banner .js-nav a
{
    text-decoration : none;
    padding : 5px 8px 5px 10px;
    background : #669999;
    color : #FFFFFF;
}

#js-banner .js-nav a.target
{
    background : #666633;
}

/** Slides
------------------------------------------------------------------------------*/
#js-banner .js-slides
{
    position : absolute;
    top : 0px;
    left : 0px;
}

#js-banner .js-slides li
{
    position : absolute;
    top : 0px;
    left : 0px;
    display : none;
}

#js-banner .js-slides img
{
    width : 400px;
    height : 300px;
}

#js-banner .js-slides li.target
{
    display : block;
}

#js-banner .js-slides li.fading
{
    display : block;
}