/* PORTFOLIO */
#content div#portfolio {
	border: double 4px #00C0FF;
	position: relative;
	overflow: hidden;
	height: 250px;
	width: 900px;
}
#content .home div#portfolio {
	float: right;
	height: 400px;
	margin-left: 30px;
	width: 500px;
}
#portfolio div#works {
	position: absolute;
	width: 50000px;
}
#portfolio div.work {
	float: left;
	height: 250px;
	position: relative;
	width: 900px;
}
.home #portfolio div.work {
	height: 400px;
	width: 500px;
}
#portfolio .work div.desc {
	position: absolute;
	left: 520px;
	padding: 5px 0px;
	top: 0px;
	width: 360px;
}
.home #portfolio .work div.desc {
	left: 0px;
	padding: 0px;
	top: 250px;
	width: 500px;
}
#portfolio .desc h2, #portfolio .desc p {
	color: black;
}
#portfolio .desc a {
	color: black;
	font-weight: bold;
}
#portfolio .active {
	position: relative;
	z-index: 9999;
}

#portfolio div.navigate-left, #portfolio div.navigate-right {
	background: transparent no-repeat 35px 110px;
	height: 250px;
	position: absolute;
	top: 0px;
	width: 100px;
	z-index: 10000;
}
#portfolio div.navigate-left { left: 0px; }
#portfolio a:hover div.navigate-left, #portfolio div.navigate-left:hover { background-image: url('/img/navigate-left.png'); }
#portfolio div.navigate-right { right: 0px; }
#portfolio a:hover div.navigate-right, #portfolio div.navigate-right:hover { background-image: url('/img/navigate-right.png'); }
#portfolio .nextPage, #portfolio .prevPage { cursor: pointer; }

div#pauseplay {
	display: inline;
}
#pauseplay button {
	background: none;
	border: 0px;
	cursor: pointer;
	height: 30px;
	margin: 0px;
	padding: 0px;
	width: 30px;
}
div#navi {
	display: inline;
	position: relative;
	height: 20px;
	text-align: center;
}
.home div#navi {
	clear: right;
	float: right;
	width: 500px;
}
#navi a {
	width:10px;
	height:10px;
	float:left;
	margin:3px;
	background:url('/img/navigator.png') 0 0 no-repeat;
	display:block;
}
#navi a:hover {
	background-position:0 -10px;      
}
#navi a.active {
	background-position:0 -20px;     
}