#viewport{
	width: 98%; /* 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
	 */
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
	/* Fix for IE */
	position:relative;
	height: 390px;
	/* Cosmetic */
	/*border: 1px solid #333;*/
	margin: 0 auto;
}
#viewport ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
	margin: 0;
	height: 390px;
}
#viewport li{
	max-width:945px;
	width: 945px; /* Defines the size of inner element */
	height: 390px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	/* Cosmetic */
	margin:0;
	padding:0;
	text-align:center;
	background-color:#000;
	/*border: 1px solid #333;*/
}

/* Cosmetic */
#viewportcontrol{
padding:0px;	

}

#simplePrevious, #simpleNext{
	
	position:relative;
	z-index:100;
	margin:0 auto;
	margin-top:-390px;
	display:block;
	
	cursor: pointer;
	font-size: 0.8em;
	text-decoration: underline;
	display:block;
	height:390px;
	width:70px;
	text-indent:-9999px;
}


#simplePrevious{
	float:left;
	background-image: url(/images/prev.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#simpleNext{
	float:right;
	background-image: url(/images/next.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#simplePrevious:hover{
	background-image: url(/images/prev-over.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#simpleNext:hover{
	background-image: url(/images/next-over.png);
	background-repeat: no-repeat;
	background-position: right center;
}


#viewport li.odd{
	background-color:#333;
}

#viewport li.even{
	background-color:#333;
}