#albumSelection {
	float: left;
	background: url(../_images/gallery/galleryFrame.jpg) no-repeat 32px top;
	height: 254px;
	width: 852px;
	text-align: center;
	padding-top: 20px;
	padding-left: 32px;
}
div.scrollable {
	position: relative;
	overflow: hidden;
	height: 200px;
	width: 676px;
	float: left;
	
	margin-bottom: 0px;
	padding-bottom: 0px;
}
div.scrollable div.items {
	width: 20000em;
	position: absolute;
}
/* single scrollable item */
div.scrollable div.items div.album {
	float:left;
	cursor:pointer;
	margin-right: 20px;
	opacity:.8;
	width: 154px;
	height: 185px;
	overflow: hidden;
	background: url(../_images/gallery/thumbSlide.gif) no-repeat left;
}
/* active item */
div.scrollable div.items span.active {
	background: url(../_images/gallery/thumbSlide.gif) no-repeat right;
	opacity:1;
}
div.scrollable div.items div.album img {
	margin: 6px 5px 5px 5px;
	width: 144px;
	height: 144px;
}
div.albumName {
	font: 11px/12px "Arial Black", Gadget, sans-serif;
	color: #222933;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: -1px;	
	margin: 0px 5px;
	
	height: 24px;
	overflow: hidden;
}

/*  ------------ SMALL THUMBNAILS */
#albumThumbs {
	float: left;
	padding: 0 32px;
}

#pic_holder {
	min-height:300px;
}
#pic_holder img {
	opacity:1;
	float:left;
	cursor:pointer;
	width: 72px;
	height: 72px;
	padding: 1px;
	margin: 0px 10px 10px 0px;
	border: 1px solid #b5bfcb;
}

#pic_holder img.loading {
	border-width:0;
	float: left;
	margin-top: 12px;
	width: 220px;
	height: 19px;
}

/* prev, next, prevPage and nextPage buttons */
#prev,
#next,
a.prevPage,
a.nextPage {
	width:23px;
	height:54px;
	background:url(../_images/gallery/left.gif) no-repeat;
	float:left;
	margin: 62px 24px 0 25px;
	cursor:pointer;
	font-size:1px;
	display:inline; /*IE6 bug fix*/	
}
#next {
	margin: 62px 0 0 24px;
}
/* mouseover state */
#prev:hover,
#next:hover,
a.prevPage:hover,
a.nextPage:hover {
	background-position: 0px -54px;
}
/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}
/* next button uses another background image */
#next,
a.nextPage {
	background-image:url(../_images/gallery/right.gif);
	clear:right;
}
/*********** navigator ***********/
#naviWrap {
	float:left;
   width:820px;
   overflow:hidden;
   position:relative;
}

/* position and dimensions of the navigator */
#navi {
	height:20px;
	text-align:center;
	position: relative;
	
	clear:left;
   float:left;
   position:relative;
   left:50%;
   text-align:center;	

}
/* items inside navigator */
#navi a {
	background:url(../_images/gallery/navigator.gif) 0 0 no-repeat;
	display: inline;
	float:left;
	font-size:1px;
	margin:3px;
	height:15px;
	width:15px;
	outline: none;
	position:relative;
   right:50%;
	text-align:center;
}

/* mouseover state */
#navi a:hover {
	background-position: 0 -15px;
	display: inline;
	float:left;
	font-size:1px;
	margin:3px;
	height:15px;
	width:15px;
	outline: none;
	position:relative;
   right:50%;
	text-align:center;
}
/* active state (current page state) */
#navi a.active {
	background-position: 0 -30px;
}