#viewport {
	/* Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
	width: 940px;
	height: 440px;
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
	/* Fix for IE */
	position:relative;
}
#viewport ul {
	position: relative; /* Enables positionning of elements inside viewport */
	display: table;
	padding: 0; /* Resets default - User Agent - style */
	margin: 0;
}
#viewport li {
	width: 800px; /* Defines the size of inner element */
	height: 400px;
	padding: 20px 70px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
}
#viewport li a {
	width: 800px; /* Defines the size of inner element */
	height: 400px;
	display: table-cell;
	text-align:center;
	vertical-align: middle;
}

#previous {
	float: left;
}
#next {
	float: right;
}