div.photoGallery{
height:800px;
}

.albumbar{
    height:24px;
    line-height:24px;
    text-align:center;
    position:fixed;
    background-color:#000;
    left:0px;
    width:100%;
    top:0px;
    -moz-box-shadow:-2px 0px 4px #333;
    -webkit-box-shadow:-2px 0px 4px #333;
    box-shadow:-2px 0px 4px #333;
	behavior: url(http://www.jjamazontour.com/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */		
    z-index:11;
	display:none;
}
.infobar{
    height:22px;
    line-height:22px;
    text-align:center;
    position:fixed;
    background-color:#000;
    left:0px;
    width:100%;
    bottom:0px;
    -moz-box-shadow:0px -1px 2px #000;
    -webkit-box-shadow:0px -1px 2px #000;
    box-shadow:0px -1px 2px #000;
	behavior: url(http://www.jjamazontour.com/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */		
}
span#description, .albumbar span{
    text-shadow:0px 0px 1px #fff;
    color:#fff;
}
.albumbar span a{
    color:#aaa;
    text-decoration:none;
}
.albumbar span a:hover{
    color:#ddd;
}
#loading2{
    width:50px;
    height:50px;
    margin-left:45%;
    margin-top:5%;	
    background:transparent url(../images/icons/loading.gif) no-repeat top left;
}
/*
#thumbsWrapper{
    position: relative;
    width:850px;
	margin-top:8px;
    height:90px;
    overflow-y:hidden;
    background-color:#000;
    border-top:2px solid #000;
	margin-right:10px;
}

#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);
}
*/
#preview{	
	width:920px;
}
#imageWrapper{
    position:relative;
    padding-top:4px;
    text-align:center;
}
#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;
	behavior: url(http://localhost/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */		
	text-align:center;
	bottom:20px;
}
.cursorRight{
   cursor:url("../images/icons/next.cur"),url("images/icons/next.cur"), default;
}
.cursorLeft{
    cursor:url("../images/icons/prev.cur"),url("images/icons/prev.cur"), default;
}
.cursorPlus{
    cursor:url("../images/icons/plus.cur"),url("images/icons/plus.cur"), default;
}
.cursorMinus{
    cursor:url("../images/icons/minus.cur"),url("images/icons/minus.cur"), default;
}
.albumSelect{
    height:18px;
    line-height:18px;
    position:absolute;
    right:5px;
    top:2px;
    width:120px;
}
.albumSelect .title{
    color:#f0f0f0;
    z-index:10;
    border:1px solid #444;
    background-color:#555;
    background-repeat:no-repeat;
    background-position:90% 50%;
    cursor:pointer;
    text-align:left;
    text-indent:10px;
    width:100%;   
    position:absolute;
    top:0px;
    left:0px;
}
.down{
    background-image:url(../images/icons/down.png);
}
.up{
    background-image:url(../images/icons/up.png);
}
.albumSelect ul {
    list-style:none;
    display:none;
    padding:0px;
    width:100%;
    border:1px solid #444;
    background-color:#555;
    margin:22px 0px 0px 0px;
    -moz-box-shadow:0px 0px 2px #000;
    -webkit-box-shadow:0px 0px 2px #000;
    box-shadow:0px 0px 2px #000;
}
.albumSelect ul li a{
    text-decoration:none;
    cursor:pointer;
    display:block;
    padding:3px 0px;
    color:#ccc;
}
.albumSelect ul li a:hover{
    background-color:#000;
    color:#fff;
}

/*
Thumbnail scroller jQuery plugin
scrollers styling
*/
.jThumbnailScroller{position:relative;  margin-right:10px; border-top:2px solid #000; background-color:#000; padding:0; overflow:hidden;}
.jThumbnailScroller .jTscrollerContainer{position:absolute;left:0;}
.jThumbnailScroller .jTscroller{ position:relative; height:100%; margin:0; left:0; top:0; display:inline-block; *display:inline;zoom:1;}
/*
.jThumbnailScroller .jTscrollerNextButton,.jThumbnailScroller .jTscrollerPrevButton{position:absolute; display:block; width:40px; height:40px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; opacity:0.7;}
.jThumbnailScroller .jTscrollerNextButton{background:#000 url(nextArrow.png) center center;}
.jThumbnailScroller .jTscrollerPrevButton{background:#000 url(prevArrow.png) center center;}
.jThumbnailScroller .jTscrollerNextButton:hover,.jThumbnailScroller .jTscrollerPrevButton:hover{background-color:#d56916; opacity:1;}
*/
.jThumbnailScroller .jTscroller img{display:block; float:left; cursor:pointer;  margin:2px; opacity:0.4; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); }

#thumbsWrapper img{
    float:left;
    margin:2px;
    display:block;
    cursor:pointer;
    opacity:0.4;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}

/* different styled scrollers */
/* liquid width scroller */
.jThumbnailScroller#thumbsWrapper{width:850px;}
#thumbsWrapper{
    position: relative;
    width:850px;
	margin-top:8px;
    height:85px;
    overflow-y:hidden;
    background-color:#000;
    border-top:2px solid #000;
	margin-right:10px;
	border-right:2px solid #000;
}
/* 
.jThumbnailScroller#tS2{margin:30px auto;}
.jThumbnailScroller#tS2 .jTscroller a{opacity:0.7;}
.jThumbnailScroller#tS2 .jTscroller a:hover{opacity:1;}
.jThumbnailScroller#tS2 .jTscrollerNextButton{margin:-20px 10px 0 10px; right:0; top:50%;}
.jThumbnailScroller#tS2 .jTscrollerPrevButton{margin:-20px 10px 0 10px; left:0; top:50%;} */
/* a vertical scroller */
/*
.jThumbnailScroller#tS3{position:absolute; left:40px; top:322px; width:122px; height:400px; margin:0; background:#eee;}
.jThumbnailScroller#tS3 .jTscroller{height:auto; margin-bottom:40px;}
.jThumbnailScroller#tS3 .jTscroller a{display:block; margin:0 6px 10px 6px; width:100px; overflow:hidden; opacity:0.7;}
.jThumbnailScroller#tS3 .jTscroller a:hover{opacity:1;}
.jThumbnailScroller#tS3 .jTscroller a:first-child{margin-top:50px;}
.jThumbnailScroller#tS3 .jTscrollerNextButton{margin:10px 0 10px -20px; bottom:0; left:50%; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg);}
.jThumbnailScroller#tS3 .jTscrollerPrevButton{margin:10px 0 10px -20px; top:0; left:50%; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg);}
*/