					


				
/* 'related' lists (Projects/People/Offices)
making this a bit more global because it's used elsewhere
-----------------------------------------------*/
.studios_carousel {
	position: relative;
	width: 370px;
	margin-bottom: 20px;
	overflow:hidden;
	}

	#content.office .studios_carousel {
		width: 462px;
		}


.studios_carousel A.next, .studios_carousel A.prev { 
	display: block;
	position: absolute;
	top: 0;
	height: 9px;
	width: 6px;
	text-indent: -999em;
	background: url(../img/arrows_small_white_prev_next.png) 0 0 no-repeat;
	}
	.studios_carousel A.next { 
		right: 0px;
		background-position: -19px 0;
		}
	.studios_carousel A.prev { 
		right: 20px;
		}
		.studios_carousel A.disabled {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
			filter: alpha(opacity=20);
			-moz-opacity: 0.2;
			-khtml-opacity: 0.2;
			opacity: 0.2;
			}
	

.small_carousel .clip {
	position: relative;
	height: 70px;
	overflow: hidden;
	}
.small_carousel UL.reel {
	position: absolute;
	width: 390px;
	height: 212px;
	}
	.small_carousel UL.reel LI { 
		float: left;
		display: block;
		width: 110px;
		height: 70px;
		margin-right: 20px;
		}
		.small_carousel UL.reel LI A { 
			display: block;
			width: 110px;
			height: 70px;
			position: relative;
			overflow: hidden;
			}
			.small_carousel UL.reel LI A SPAN.overlay { 
				position: absolute;
				top: 0;
				left: 0;
				width: 90px;
				height: 70px;
				background-color: rgba(122, 193, 66, 0.7);
				font-weight: bold;
				font-family: Georgia, "Times New Roman", serif;
				padding: 7px 10px;
				letter-spacing: 0.3px;
				display: none;
				color: #fff !important;
				line-height: 14px;
				font-size: 11px;
				}
				.small_carousel UL.reel LI A SPAN.overlay.green { 
					background-color: #7ac142;
					background-color: rgba(122, 193, 66, 0.7);
					}
				.small_carousel UL.reel LI A SPAN.overlay.blue { 
					background-color: rgba(0, 174, 219, 0.71);
					}

				.small_carousel UL.reel LI A:hover SPAN.overlay { 
					display: block;
					}


			.small_carousel UL.reel LI A IMG { 
				display: block;
				}
