#viewport {
    float:left;
	width:946px; /* 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 */
}
#right #viewport {
	width:710px;
}
#viewport ul {
	position:relative; /* Enables positioning of elements inside viewport */
	padding:0; /* Resets default - User Agent - style */
}
#viewport li {
    display:block;
	width:93px; /* Defines the size of inner element */
	height:110px;
	float:left; /* Places list items side by side*/
	list-style:none; /* Resets default - User Agent - style */
	
	/* Cosmetic */
	background:url('/media/structure/carousel_item.png') no-repeat;
	margin:0;
	padding:0 6px 0 4px;
	margin:0 39px 0 0;
    overflow:hidden;
}
#right #viewport li {
	margin:0 19px 0 0;
}
#viewport li a {
    color:#fff;
    line-height:100%;
    text-decoration:none;
}
#viewport li a p {
    height:30px;
    line-height:130%;
    padding:0 10px;
    overflow:hidden;
}
#viewport li a.capability_text p {
	text-align:center;
}
#viewport li img {
    width:93px;
    height:74px;
    padding:0;
}
#viewport li:hover a,
#viewport li a:hover {
    color:#f90;
}