/* Added by Alex May*/

/* Navigation itself */

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
#Scrolling-page-nav .scrollable {

    /* required settings */
    position : absolute;
    overflow : hidden;
    width : 300px;
    height : 250px;
    /* custom decorations */
    float : left;
    margin-top : 5px;     
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
#Scrolling-page-nav .scrollable .items {
    /* this cannot be too large */
    width : 20000em;
    position : absolute;
    clear : both;
   

}

#Scrolling-page-nav .scrollable .items div {
    float : left;
    width : 300px;
    padding-left : 2px;
    padding-right : 2px;
}

/* single scrollable item */
#Scrolling-page-nav .scrollable .items div div {
    float : left;
    margin : 5px;
    background-color : #fff;
    padding : 2px;
    width : 265px;
    height : 210px;
    text-align : center;
}

#Scrolling-page-nav .scrollable .items div div img {
    margin-top : 5px;

}

#Scrolling-page-nav .scrollable .items div div a {
    text-decoration : none;
    
}

#Scrolling-page-nav .scrollable .items div div p {
    margin-left : 0;
    margin-right : 0;
}
/* active item */
#Scrolling-page-nav .scrollable .active {
    border : 2px solid #000;
    position : relative;
    cursor : default;
}


/* Navigator Plugin */
/* position and dimensions of the navigator */
.navi {

    width : 350px;
    height : 15px;
    clear : both;
    
}

/* items inside navigator */
.navi a {
    width : 10px;
    height : 10px;
    float : left;
    margin : 275px 0px 2px 12px;
    font-size : 1px;
    background-color : #fff;
    border : 1px solid #000;
}

/* mouseover state */
.navi a:hover {
    background-position : 0 -8px;
    background-color : #B4B4B4;
    
}

/* active state (current page state) */
.navi a.active {
    background-position : 0 -16px;
    background-color : #89AFCF;
    outline:0;
    outline-color:#fff;
    
}




