/* CSS Document */

/* 
Title:		upsi - project slider
Author: 	info@9000.be
Copyright:  2008, 9000.be  All rights resevered (please don't re-use without permission).
Version:	00.1 (2008. DEC. 11)
*/


/* content
---------------------------------------------------------- */

#home h1 {
	height: 0;
	font-size: 0;
	line-height: 0px;
	text-indent: -999em;
}

/* homepage -> projects
---------------------------------------------------------- */

#wrapper-projects {
	position: relative;
	padding: 0 6px;
	height: 200px;
	overflow: hidden;
	width: 420px;
}

#wrapper-projects h2 {
	text-indent: -999em;
	height: 22px;
	font-size: 0;
	line-height: 0px;
}

#projects {
	position: relative;
	overflow: hidden;
	margin: 0 5px;
	width: 420px;
	height: 200px;
	white-space: nowrap;
}

#projects-inner {
	overflow: hidden;
	xwidth: 2000px;
	height: 200px;
	white-space: nowrap;
}

#project-nav {


}

#project-previous {
	position: absolute;
	left: 0px;
	top: 90px;
	width: 15px;
	height: 25px;
	overflow: hidden;
	text-indent: -9000px;
	background: url(../images/arrowleft.png) no-repeat 0 0;
}

#project-previous.inactive { background: url(../img/project_previous_inactive.gif) no-repeat 0 0; }

#project-next {
	position: absolute;
	right: 0px;
	top: 90px;
	width: 15px;
	height: 25px;
	overflow: hidden;
	text-indent: -9000px;
	background: url(../images/arrowright.png) no-repeat 0 0;
}

#project-next.inactive { background: url(../img/project_next_inactive.gif) no-repeat 0 0;; }

/* homepage -> project
---------------------------------------------------------- */

.project {
	position: relative;
	float: left;
	display: inline;
	margin: 0 0 0 0;
	width: 420px;
	height: 200px;
	white-space: normal;
	text-align:center;
}

.project .text {

}

.project .text p {
	margin: 0 0 0 0;	
}

.project h3 a {
	font-size: .8em;
	color: #A9A615;
	text-decoration: none;
}

.project h3 a:hover {
	text-decoration: underline;
}

.project .thumb {
	position: relative;
	top: 0;
}

.project .thumb img {
	width: 340px;
	height: 135px;
	border: 4px solid #392e18;
}

.project .thumb:hover img {
	
}