.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	margin: 0 auto;
	width:90%;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	left: 0;
	bottom: 0;
	width: 100%;
	background: url(../../images/scrollbar-track-bg.png) top left repeat-x;
	z-index:8;
}

.jScrollPaneTrackLeft {
	background: url(../../images/scrollbar-track-left-bg.png) no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	width:4px;
	overflow: hidden;
	z-index:8;
}

.jScrollPaneTrackRight {
	background: url(../../images/scrollbar-track-right-bg.png) no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
	width:4px;
	overflow: hidden;
	z-index:8;
}

.jScrollIntervalTrack { 
	position: absolute;
	display:none;
}

.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	z-index:10;
}

.jScrollPaneDragLeft {
	background: url(../../images/scrollbar-left-bg.png) no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	width:4px;
	overflow: hidden;
	z-index:10;
}

.jScrollPaneDragCenter {
	background: url(../../images/scrollbar-bg.png) top left repeat-x;
	position: absolute;
	bottom: 0;
	left: 4px;
	right:4px;
	overflow: hidden;
	z-index:10;
}

.jScrollPaneDragRight {
	background: url(../../images/scrollbar-right-bg.png) no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
	width:4px;
	overflow: hidden;
	z-index:10;
}


/*	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Holding elements
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
.holder {
	margin:10px auto;
	width:93%;
	display: block;
}

div#photos div.holder {
	padding-bottom:10px;
}

.scroll-pane {
	width: 200px;
	float: left;
	padding: 0;
}

#portfolio-items-pane, #photo-thumbnails-pane {
	width: 98%;
	padding: 0;
	display: block;
	_overflow: hidden;
}

#portfolio-items-pane { height: 190px; }
#photo-thumbnails-pane { height: 110px; }
