#gallery-wrap {
background: #EFEBE9;
width: 850px;
position: relative;
margin: 0 auto;
}

#loading{
   display:none;
    width:50px;
    height:50px;
    position:absolute;
    top:40%;
    left:50%;
    margin-left:-24px;
    background:transparent url(../icons/loading.gif) no-repeat top left;
}
#thumbsWrapper{
    position: absolute;
    width: 850px;
    height:55px;
    overflow-y:hidden;
    background-color:#E0DAD3;
    top:32px;
    left:0px;
    /*border-top:2px solid #000;*/
}
#thumbsContainer{
    height:79px;
    display:block;
    margin: 0;   
}
#thumbsWrapper img{
    float:left;
    margin:2px;
    display:block;
    cursor:pointer;
    opacity:0.4;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}
#imageWrapper{
    position:relative;
    padding-top:75px;
	padding-bottom: 30px;
    text-align:center;
	height: 430px;
}
#imageWrapper img{
    margin:0 auto;
    -moz-box-shadow:2px 2px 10px #111;
    -webkit-box-shadow:2px 2px 10px #111;
    box-shadow:2px 2px 10px #111;
}
.cursorRight{
   cursor:url("../icons/next.cur"),url("icons/next.cur"), default;
}
.cursorLeft{
    cursor:url("../icons/prev.cur"),url("icons/prev.cur"), default;
}
/*.cursorPlus{
    cursor:url("../icons/plus.cur"),url("icons/plus.cur"), default;
}
.cursorMinus{
    cursor:url("../icons/minus.cur"),url("icons/minus.cur"), default;
}
*/
.down{
    background-image:url(../icons/down.png);
}
.up{
    background-image:url(../icons/up.png);
}


/*- MENU*/

.menu {width:745px; height:32px; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:189px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#666666; width:138px; height:30px;  background:#E0DAD3; padding-left:10px; line-height:29px; }
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65;}
.menu ul ul :hover > a.drop {background:#c9ba65;}



/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute;height:0;top:29px;left:0; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}


/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#e5e1d6; color:#000; height:auto; line-height:1em; padding:5px 10px; /*width:128px;*/ width: 163px; border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#ffffff; background:#AFAAA4;}
.menu :hover > a, .menu ul ul :hover > a {color:#ffffff; background:#AFAAA4;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}