@charset "UTF-8";
/* CSS Document */

#scroller_wrapper {
	float:left;
	display:inline;
	margin:0 0 0 20px;
	padding:0 20px 0 0;
	border-right:1px solid #ccc;
	}

#scroller {
	width:195px;
	background:#fff;
	height:373px;
	overflow:hidden;
	position:relative;
	}
	
#scroller ul {
	margin:0;
	padding:0;
	width:195px;
	position:relative;
	}
	
#scroller ul li {
	display:block;
	clear:both;
	margin:5px 10px;
	padding:5px;
	-moz-opacity:0.6;
	opacity:0.6;
	filter:alpha(opacity=60);
	cursor:pointer;
	}
	
#scroller ul li.selected {
	background:#ccc;
	-moz-border-radius:5px;
	-webkik-border-radius:5px;
	-moz-opacity:1;
	opacity:1;
	filter:alpha(opacity=100);
	}
	
.jcarousel-container {
    position: relative;
	width:195px;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 165px;
    height: 90px;
}


.jcarousel-prev {
    z-index: 3;
    display: none;
	position:absolute;
	background:#333;
	top:0px;
	width:195px;
	height:20px;
	background:url(/images/pscroller_prev.png) no-repeat center -20px #fff;
	cursor:pointer;
}

.jcarousel-next {
    z-index: 3;
    display: none;
	position:absolute;
	bottom:0px;
	height:20px;
	width:195px;
	background:url(/images/pscroller_next.png) no-repeat center -20px #fff;
	cursor:pointer;
}

.jcarousel-next:hover, 
.jcarousel-prev:hover {
	background-position:center -40px;
}

.jcarousel-next-disabled, 
.jcarousel-next-disabled:hover {
	background:url(/images/pscroller_next.png) no-repeat center 0px #fff;
	}
	
.jcarousel-prev-disabled,
.jcarousel-prev-disabled:hover {
	background:url(/images/pscroller_prev.png) no-repeat center 0px #fff;
	}

#pscroller_next {	
	color:#666;
	width:195px;
	height:20px;
	}
	
#pscroller_prev {	
	color:#666;
	width:195px;
	height:20px;
	}	



.jcarousel-container-horizontal {
	width:650px;
	height:370px;
	
}


.jcarousel-container-vertical {
    width: 195px;
    height: 330px;
	padding:20px 0;
}

.jcarousel-clip-vertical {
    width:  195px;
    height: 330px;
	margin:0;
	}
	
.jcarousel-clip-horizontal {
    width:  650px;
    height: 370px;
	}

.jcarousel-item {
    width: 75px;
    height: 75px;
}

.jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}


/** PORTFOLIO CAROUSEL **/
#portfolio_wrapper {
	float:left;
	display:inline;
	width:650px;
	height:370px;
	background:url(/images/pcarousel_bg.png) repeat-x;
	}
	
ul#portfolio_carousel {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	}	
	
ul#portfolio_carousel li {
	float:left;
	display:inline;
	width:610px;
	height:330px;
	padding:20px;
	margin:0;
	}
	
ul#portfolio_carousel li img.screenshot {
	float:left;
	display:inline;
	margin:0 40px 0 0;
	}
	
.pitem_more {
	border:1px solid #ccc;
	-moz-border-radius:5px;
	float:left;
	display:inline;
	width:280px;
	background:#fff;
	position:relative;
	}
	
.pitem_more h3 {
	text-align:center;
	color:#666;
	font-weight:normal;
	font-size:16px;
	margin:0 5px 10px 5px;
	padding: 10px 0 5px 0;
	}
	
.pitem_more .desc {
	border-top:1px solid #ccc;
	margin:0 5px;
	color:#666;
	line-height:1.3em;
	font-size:0.8em;
	padding:10px;
	display:none;
	}
	
.pitem_more .role {
	color:#999;
	font-style:italic;
	padding:10px 0;
	}
	
.pitem_more .visit {
	margin:0;
	padding:10px 0;
	text-align:center;
	border-top:1px solid #ccc;
	position:absolute;
	bottom:0px;
	left:5px;
	width:270px;
	}
	
	
.visit a:link, 
.visit a:visited {
	float:right;
	display:inline;
	padding:5px 15px;
	color:#666;
	text-decoration:none;
	background:#e5e5e5;
	border:1px solid #ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
	
.visit a:hover {
	background:#666;
	color:#fff;
	}