#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

	 */

	overflow:hidden; /* Hides extra elements, those outside the viewport area */

	width: 374px;

	margin: 0px auto;

	float:left;

	margin-left: 40px;

}

#viewport ul{

	position: relative; /* Enables positionning of elements inside viewport */

	padding: 0; /* Resets default - User Agent - style */

}

#viewport li{

	width: 175px; /* Defines the size of inner element */

	height: 85px;

	float: left; /* Places list items side by side*/

	list-style: none; /* Resets default - User Agent - style */

	

	/* Cosmetic */

	background-color: #fff;

	margin: 0px auto;

	padding: 5px;

	text-align:center;

	border: 1px solid grey;

}



/* Cosmetic */

#simplePrevious, #simpleNext{

	cursor: pointer;

	font-size: 0.8em;

	text-decoration: underline;	

}



#prev{

	width: 70px;

	float: left;

	padding-top: 30px;

}



#next{

	width: 70px;

	float: right;

	text-align: right;

	padding-top: 30px;

}


#bgslider{

	height:140px;

	background:#CCC;

}