@charset "utf-8";
/* -----------------------------------------
   Page Project
----------------------------------------- */
#project-page-body {
				height: 100%;
				padding: 0;
				margin: 0;
			}
#project-wrapper {
				width: 100%;
				height: 480px;
				margin: -250px 0 0 0;
				position: absolute;
				left: 0;
				top: 50%;
			}
			#text {
				background-color: #fff;
				width: 250px;
				height: 350px;
				padding: 50px;
				position: absolute;
				top: 30px;
				left: 0;
				z-index: 2;
			}
			#text h4 {
				font-size: 20px;
				line-height: 20px;
				margin: 0 0 15px 0;
			}
			#text small, #text small * {
				font-size: 12px;
				color: #666;
			}
			.navi
{
	left:0;
	position:absolute;
	top:0;
	z-index:9999;
}

.navi a
{
	
}

.navi a:hover
{
	background-color:#fcb906;
	color:#000;
}
.prev{
	position:absolute;
	top:20px;
	margin-left:30px;
}
.next{
	position:absolute;
	top:20px;
	margin-left:105px;
}

#carousel {
	height: 600px;
	overflow: hidden;
	padding: 0px;
	z-index: 1;
	border-top:10px solid #000;
	border-bottom:10px solid #000;
	background:#000;
}
#carousel img {
	display: block;
	float: left;
}

.project-info{
	min-height:535px;
}
.project-info h2{
	color:#ffffff;
font-family:"Hero_Light";
text-transform:uppercase;
}
.project-info p{
	color:#eee;
}

.work-links{
	text-align:left;
}
.work-links a{
	margin-left:7px;
	margin-right:7px;
}
.work-links a span{
	font-size:30px;
	color:#fff;
}
.work-links a span:hover{
	font-size:30px;
	color:#fcb906;
	cursor:pointer;
}

.project-stats{
	margin:0px;
	margin-top:25px;
	padding:0px;
	list-style:none;
}
.project-stats li{
	border-top:solid 1px #000;
	padding:6px 10px;
	font-size:14px;
color:#fff;
}
.project-stats li:hover{
	border-top:solid 1px #000;
	padding:6px 10px;
	font-size:14px;
color:#2ba6cb !important;
cursor:pointer;
}

.project-stats li span{
	margin-right:5px;
	font-size:20px;
}