/* ........................................ team page scroll pane */

.scrollPane_team {
	width: 310px;
	height: 280px;
	overflow: auto;
	background: #fff;
	float: left; }
	
.scrollPane_team li  {
	list-style-type: none; }
	
.scrollPane_team li a {
	text-decoration: none; }
		
.holder_team {
	width: 310px;
	height: 280px;
	margin: 140px 0 0 40px;
	float: left;  }
	
.holder_team .jScrollPaneTrack {
	background: url(../images/scrollBar/scroll_track.gif) repeat-y 50%; }
	
.holder_team .jScrollPaneDrag {
	background: #f2b70f url(../images/scrollBar/scroll_center.gif) no-repeat 50% 50%; }	


/* ........................................ studio scroll pane */

.scrollPane_studio {
	width: 178px;
	height: 290px;
	overflow: auto;
	background: #fff;
	float: left;
	margin-left: 14px; }
	
.scrollPane_studio li  {
	list-style-type: none; }
	
.scrollPane_studio li a {
	text-decoration: none; }
		
.holder_studio {
	height: 290px; }
	
.holder_studio .jScrollPaneTrack {
	background: url(../images/scrollBar/scroll_track.gif) repeat-y 50%; }
	
.holder_studio .jScrollPaneDrag {
	background: #f2b70f url(../images/scrollBar/scroll_center.gif) no-repeat 50% 50%; }	
	



/* ........................................ Xwide scroll pane */


.scrollPane_Xwide {
	width: 700px;
	height: 240px;
	float: left;
	overflow: auto; }
	
.scrollPane_Xwide h4  {
	display: block; }

.holder_Xwide {
	width: 700px;
	height: 240px;
	float: left;
	margin: 40px 0 0 48px; }
	
.holder_Xwide .jScrollPaneTrack {
	background: url(../images/scrollBar/scroll_track.gif) repeat-y 50%; }
	
.holder_Xwide .jScrollPaneDrag {
	background: #f2b70f url(../images/scrollBar/scroll_center.gif) no-repeat 50% 50%; }	


/* ........................................ wide scroll pane */

.scrollPane_wide {
	width: 550px;
	height: 325px;
	overflow: auto;
	background: #fff;
	float: left;
	margin-left: 28px; }

.holder_wide {
	height: 310px; }
	
.holder_wide .jScrollPaneTrack {
	background: url(../images/scrollBar/scroll_track.gif) repeat-y 50%; }
	
.holder_wide .jScrollPaneDrag {
	background: #f2b70f url(../images/scrollBar/scroll_center.gif) no-repeat 50% 50%; }	

.scrollPane_image {
	float: left;
	height: 143px;
	width: 490px;
	margin: 4px 0 10px 0;}
	
	
/* ........................................ narrow scroll pane */


.scrollPane {
	width: 178px;
	height: 340px;
	overflow: auto;
	background: #fff;
	float: left;
	margin-left: 14px; }
	
.scrollPane li  {
	list-style-type: none; }
	
.scrollPane li a {
	text-decoration: none; }
		
.holder {
	height: 340px; }
	
.holder .jScrollPaneTrack {
	background: url(../images/scrollBar/scroll_track.gif) repeat-y 50%; }
	
.holder .jScrollPaneDrag {
	background: #f2b70f url(../images/scrollBar/scroll_center.gif) no-repeat 50% 50%; }	
	
	


.ourWorkPage .scrollPane {
	height: 330px; }
	
.ourWorkPage .holder {
	height: 330px; }


/* ........................................ all the other junk */


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	height: 347px;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
	min-height: 50px;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 4px;
	left: 0;
	height: 12px;
	overflow: hidden;
	z-index: 99;
	background: url(../images/scrollBar/scroll_up.gif) no-repeat 3px 0;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 4px;
	left: 0;
	height: 12px;
	overflow: hidden;
	z-index: 99;
	background: url(../images/scrollBar/scroll_down.gif) no-repeat 3px 0;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}