@import url('screen_common.css');

#content{
	height:				600px;
}
#content ul{
	padding-left:		0px;
}
#showcase{
	position:			relative;
	width:				980px;
	height:				345px;
}
#showcase li{
	position:			relative;
	width:				430px;
	height:				345px;
	float:				left;
	list-style-type:	none;
	cursor:				pointer;
}
#showcase li img{
	width:				100%;
	height:				100%;
}
#showcase li div{
	position:			absolute;
	top:				345px;
	left:				0;
	width:				430px;
}
#showcase h3{
	margin:				25px 0;
	color:				#6a6b6d;
	font-size:			18px;
	text-align:			center;
}
#showcase p{
	text-align:			center;
}
.controls{
	display:			block;
	position:			relative;
	width:				57px;
	height:				90px;
}
#previous{
	float:				left;
	left:				200px;
	background:			url('../img/interface/arrow_left.png') 0 0 no-repeat;
	behavior:			url('css/iepngfix.htc'); /* IE Hack for png transparency */
}
#next{
	float:				right;
	right:				200px;
	background:			url('../img/interface/arrow_right.png') 0 0 no-repeat;
	behavior:			url('css/iepngfix.htc'); /* IE Hack for png transparency */
}