.viewport{
	float:					left;
	width: 					310px; /* Defines the size of the visible part of the carousel*/

	margin:					3px 10px 0 10px;
	overflow:				hidden; /* Hides extra elements, those outside the viewport area */
	/* Fix for IE */
	position:relative;
	background: 			#b7b7b7;
	border: 				1px solid #999;
	-moz-border-radius: 	8px;
	-khtml-border-radius: 	8px;
	-webkit-border-radius: 	8px;
	border-radius: 			8px;
}
.viewport ul{
	position: 				relative; /* Enables positionning of elements inside viewport */
	padding: 				0; /* Resets default - User Agent - style */
	margin: 				0;
}
.viewport li{
	width: 					290px; /* Defines the size of inner element */
	height: 				215px;
	float: 					left; /* Places list items side by side*/
	list-style: 			none; /* Resets default - User Agent - style */
	
	/* Cosmetic */
	margin: 				0 auto;
	padding: 				10px;
	text-align:				center;
	color:					#333;
	font-size:				1.3em;
}

.viewport li a{
	color:					#0000ff;
	font-weight:			bold;
	text-decoration: 		none;
}

/* Cosmetic */
.simplePrevious, .simpleNext{
	cursor: 				pointer;
	font-size: 				1.4em;
	color:					#fff;
	font-weight:			bold;
	margin:					110px 0 0 0;
}

.simplePrevious{
	float:					left;
	margin-left:			10px;
	background:				transparent url('images/arrow.png') no-repeat top center;
	width:					35px;
	height:					32px;
}

.simpleNext{
	float:					left;
	background:				transparent url('images/arrow.png') no-repeat bottom center;
	width:					35px;
	height:					32px;
}