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

#content{
	overflow:	hidden;
}

#portfolio{
	/*background:	#3CF;*/
	position:	relative;
	width:		940px;
	height:		480px;
	margin:		0px auto 0px auto;
	padding:	0px;
	overflow:	hidden;
}

#portfolio_ul{
	position:	relative;
	left:-317px; 
	list-style-type: none;
	width:		9999px;;
	height:		480px;
	margin:		0px;
	padding:	0px;
	overflow:	hidden;
}


#portfolio li{
	float: left;
	background:	#FFF;
	width:	306px;
	height:	220px;
	margin: 30px 10px 0px 0px;
}

#portfolio img{
	width:	286px;	
	height:	200px;
	margin:	10px;
	padding:0px;
}


#leftBtn, #rightBtn{
	position:	absolute;
	top:		114px;
	cursor:		pointer;
	width:		65px;
	height:		65px;
	margin:		0px;
	padding:	0px;
	
}

#leftBtn{
	background:url(../images/leftBtn.png);
	background-repeat:no-repeat;
	left:		32px;
}

#rightBtn{
	background:url(../images/rightBtn.png);
	background-repeat:no-repeat;
	right:		32px;
}


#screenshot{
	position:	absolute;
	top:		30px;
	left:		0px;
	width:		456px;
	height:		308px;
	margin:		0px;
	padding:	0px;
	border:		2px solid #FFFFFF;
}

#screenshot img{
	width:		456px;
	height:		308px;
	margin:		0px;
	padding:	0px;
	border:		none;
}

#textContent{
	position:	absolute;
	top:		30px;
	left:		480px;
	width:		460px;
	height:		420px;
	margin:		0px;
	padding:	0px;
}

#textContent p{
	width:		460px;
	height:		auto;
	margin:		0px;
	padding:	0px;
	color:		#FFFFFF;
	font-size:	16px;
	font-weight:600;
	text-align:	justify;
}

#link{
	position:	relative;
	top:		20px;
	width:		460px;
	height:		30px;
	color:		#FFFFFF;
	font-size:	16px;
	font-weight:600;
	margin:		0px;
	padding:	0px;
}

#back{
	background-image:	url(../images/back.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	position:	relative;
	top:		40px;
	width:		40px;
	height:		30px;
	font-family:Arial, Helvetica, sans-serif;
	color:		#FFFFFF;
	font-size:	16px;
	font-weight:600;
	line-height:27px;
	margin:		0px;
	padding:	0px 0px 0px 35px;
	cursor:		pointer;
}