/* SLIDER */
.slider {
	position:relative;
	width:100%; /* modified by js */
	height:390px;
	overflow:hidden;
}
.slider-bg {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:320px;
	z-index:5;
}
.slider .scroller {
	position:absolute;
	top:0px;
	left:30px;
	z-index:10;
}

.slider .arrow-left, .slider .arrow-right {
	position:absolute;
	top:0px;
	height:375px;
	width:30px;
	display:none;
	z-index:15;
	cursor:pointer;
}
.slider .arrow-right {
	right:0px;
	background-image: url(../img/arrow-right.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.slider .arrow-right:hover {
	right:0px;
	background-position: -30px 0px;
}
.slider .arrow-left {
	left:0px;
	background-image: url(../img/arrow-left.gif);
	background-repeat: no-repeat;
}
.slider .arrow-left:hover {
	right:0px;
	background-position: -30px 0px;
}
.back-image {
	position:absolute;
}
.home .slider .scroller div {
	width:961px;
	float:left;
}
.slider .scroller div .description {
	border-left:1px solid #d0d0d0;
	margin-top:8px;
	padding:0px 10px 0px 10px;
}
.slider .scroller div .description a {
	color:#000;
}
.slider .slider-bg {
	background-color: #bebebe;
}
.websites .slider .scroller div, .webapps .slider .scroller div {
	width:321px;
	float:left;
}
.websites .slider .scroller div .description .portfolio-name {
	font-size:1.28em;
}
.website-detail .slider, .webapp-detail .slider {
	height:320px;
}
.website-detail .slider .scroller div, .webapp-detail .slider .scroller div, .konkuri .slider .scroller div {
	width:481px;
	float:left;
}
.webapps-detail .slider, .webapp-detail .slider {
	height:320px;
}
.webapps .slider .scroller div .description .portfolio-payoff {
	font-size:1.14em;
}