/*-- portfolio --*/

.portfolio.overview.item {
	float: left;
	width: 125px;
	height: 125px;
	overflow: hidden;
	margin: 35px 35px 0 0;
	border: solid 1px #bfbebc;
}

.portfolio.item {
	position: relative;
	top: -30px;
	float: left;
	width: 524px;
}

.portfolio.slider {
	position: relative;
	top: 81px;
	float: left;
	width: 127px;
	padding: 0 0 0 33px;
	margin: 0;
}
.portfolio.arrow {
	width: 127px;
	height: 22px;
	margin: 0 0 5px;
	text-align: center;
	vertical-align: top;
}
.portfolio.arrow.down {
	margin: 5px 0 0;
}
.portfolio.slideritems {
	width: 127px;
	max-height: 381px;
	overflow: hidden;
	vertical-align: top;
}
.portfolio.slideritem {
	float: left;
	width: 125px;
	height: 125px;
	overflow: hidden;
	margin: 0;
	border: solid 1px #bfbebc;
}

.portfolio.img {
	position: relative;
	top: 30px;
	float: right;
}

.portfolio.tab {
	float: left;
	clear: right;
	width: 110px;
	height: 30px;
	margin-right: 5px;
	font-size: 1.3em;
	line-height: 2.2em;
	text-align: center;
	color: #FFFFFF;
	background-color: #339ad1;
}
.portfolio.tab.active {
	background-color: #87c540;
}
.portfolio.tab a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}

.portfolio.block {
	float: left;
	width: 484px;
	padding: 20px;
	overflow: hidden;
	border: solid 1px #bfbebc;
}
.portfolio.block.text {
	padding: 0 20px;
}

.portfolio.block img {
	max-width: 484px;
	overflow: hidden;
}


#scrollbar_container {  
    position:relative;
} 
 
#scrollbar_track {  
		display: none;
    position:absolute;  
    top:0;  
    rightright:0;  
    height:100%;  
    width:10px;  
    background-color:transparent;  
    cursor:move;  
} 
 
#scrollbar_handle {  
    width:10px;  
    background-color:#5c92e7;  
    cursor:move;  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    opacity:0.9;  
    -moz-opacity:0.9;  
} 
 
#scrollbar_content {  
    overflow:hidden;  
    width:127px;  
    height:381px;  
}