#multigallery {width:500px;clear:both;position:relative; top:0px;}

#main {position:relative; overflow:hidden; height:500px;}
#pages {position:absolute; height:20000em;}
#pages .page {padding:0; height: 500px; width:500px; display:block;}
.scrollable {position:relative; overflow:hidden; width: 498px; height: 500px;}
.scrollable .items {width:20000em; position:absolute; clear:both;}
.item {float:left; width:500px; height:360px; background-position:center center; background-color:#FFF; position:relative;}
.item object {margin-top:25px;width:500px!important; height:305px !important;}
.item .phototitle {background-color: rgba(0, 0, 0, 0.6); bottom: 0; color: #FFFFFF; display: block; font-size: 11px; height: auto; left: 0; margin: 0; padding: 5px 9px 5px 7px; position: absolute; width: auto; z-index: 5;}

/* VIDEO GALLERY */

.item .videodescription { bottom: 1px; color: #CCC; display: block; font-size: 11px; height: auto; left: 0; margin: 0; padding: 5px 9px 10px 10px; position: absolute; width: auto; z-index: 5;}
.vidgallery .item{background-color:#000;z-index:0;}  
#multigallery  iframe {width:500px!important;min-height:308px!important;height:308px!important;border-bottom:1px solid #222;z-index:0;}

/* DROPDOWN MENU */

ul.dropdown {position:relative; top:0; left:0px; width:493px; height:32px; z-index:5!important; list-style-type:none; list-style-image:none !important; margin:10px 0 5px; padding:0; padding-left:5px; border-bottom: 1px solid #ddd;}
ul.dropdown li.button, ul.dropdown li.button:hover {cursor:pointer; border-radius:0; margin:0; min-width:100px; max-width:300px; background-color:#FFFFFF; color:#333!important; border-radius:0; border: 1px solid #ddd; border-bottom:0 none;}
ul.dropdown li span span.plus {color:#F15A22; position:absolute; right:10px;}
ul.dropdown li ul {display:none; position:absolute; top:31px; left:-1px; list-style-type:none; list-style-image:none !important; padding:0; border-top: 1px solid #ddd;}
ul.dropdown li:hover ul {display:block;}
ul.dropdown li ul li.button, ul.dropdown li ul li.button:hover {border-bottom: 1px solid #ddd; border-top:0 none; border-radius:0;}
ul.dropdown li ul li.button:hover {color:#F15A22 !important;} 
ul.dropdown li ul li.active, ul.dropdown li ul li.active:hover {border: 1px solid #ddd; border-top:0 none !important; background-color:#eee; color:#999 !important; cursor:default;}  

#tabbedcontent ul {list-style-type:none;}

/* this makes it possible to add next button beside scrollable */
.scrollable {
    float:left; 
}

/* prev, next, prevPage and nextPage buttons */
a.browse, a.prev, a.next, a.prevPage, a.nextPage {
    background-color: rgba(255, 255, 255, 0.9);
        border-top: 1px solid #F15A22;
        border-bottom: 1px solid #F15A22;
    display:block;
    cursor:pointer;
        position: absolute;
        top:150px;
    padding:10px;
        z-index:5;
        font-size:11px;
        color:#F15A22;
}

a.prev{left:0;}
a.next{right:0;}

#content p.cursor_keys {position:relative; left:300px; width:197px; color:#999; font-size:10px;}
#content p.alt {top:36px;}

/* disabled navigational button */
a.disabled {
    visibility:hidden !important;       
}


/*********** navigator ***********/

#imagescroller { 
    height: 103px;
    overflow: auto;
    position: absolute;
    top: 370px;
    width: 498px;
    }

/* position and dimensions of the navigator */
.navi {
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    float: left;
    padding-bottom: 4px;
    position: relative;
    min-width: 498px;
}

/* items inside navigator */
.navi a {
    width:94px;
    height:68px;
    float:left;
    margin:4px 4px 0px 0px;
    background-color:#EEE;
    display:block;
    cursor:pointer;
    border:1px solid #ddd;
}

.navi a.active {
    background-color:#ccc;
    border:1px solid #F15A22;
    width:94px;
    height:68px;
}

.gallery-description {display:none;}

    /*-----jscrollpane-----*/
.jspDrag {background:#F15A22;}
.jspTrack {background:#F5F5F5;}
.jspArrow {background-image: url(../images/interface/scroll_arrows.png) !important;}
.jspArrowLeft{background-position:-40px 0 !important;}
.jspArrowLeft:hover{background-position:-40px -20px !important;}
.jspArrowRight{background-position:-20px 0 !important;}
.jspArrowRight:hover{background-position:-20px -20px !important;}