/* image grid
-----------------------*/

.people_offices_carousel {
	position: relative;
	width: 950px !important;
	}
	.people_offices_carousel .clip {
		overflow: hidden;
		height: 634px;	
		width: 950px;
		position: relative;
		}
	.people_offices_carousel .reel {
		position: absolute;
		}
	.people_offices_carousel .page {
		height: 634px;	
		width: 950px;
		float: left;
		}

UL.image_grid { }

	UL.image_grid.five_col { 
		position: relative;
		width: 950px;
		margin: 0 auto;
		left: 5px;
		}
	UL.image_grid.three_col {
	position: relative;
	width: 800px;
		}

	UL.image_grid.projects {  
		padding-bottom: 90px;
		}
	UL.image_grid.five_col.people_offices.landing {  
		left: 0px;
		} 
	


	UL.image_grid LI {
		position: relative;
		overflow-y: hidden;
		background: #252525;
		margin-right: 10px;
		margin-bottom: 10px;
		float: left;
		cursor: pointer;
		}

		UL.image_grid LI SPAN {
			display: block;
			}

		UL.image_grid LI A.image {
			display: block;
			text-decoration: none;
			}			
			UL.image_grid LI A.image IMG {
				display: block;
				}

		UL.image_grid LI A.cell {
			display: block;
			text-decoration: none;
			height: 100%;
			width: 100%;
			}			
			UL.image_grid LI SPAN.title {
				padding-top: 10px;
				margin: 0 15px;
				color: white;
				}
			UL.image_grid LI SPAN.description {
				margin: 0 15px;
				display: block;
				overflow: hidden;
				height: 38px;
				color: #999999;
				}

		UL.image_grid LI A.add_to_lightbox {
			position: absolute;
			margin: 5px;
			}

		UL.image_grid LI SPAN.overlay {
			position: absolute;
			top: 0;
			left: 0;
			width: 180px;
			height: 115px;
			background-color: #7ac142;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
			filter: alpha(opacity=70);
			opacity: 0.7;
			display: none;
			}

			UL.image_grid LI A.cell:hover .overlay {
				display: block;
				}

		
		/* Small */
		
		UL.image_grid LI.small {
			width: 180px;
			height: 204px;
			}	
			UL.image_grid LI.small.one_line {
				width: 180px;
				height: 153px;
				}
				UL.image_grid LI.small.one_line .image {
					width: 180px;
					height: 115px;
					}				
				UL.image_grid LI.small.one_line SPAN.title {
					color: white;
					margin: 0 10px;
					display: block;
					overflow-x: hidden;
					}								
			UL.image_grid LI.small .image,
			UL.image_grid LI.small .overlay {
				width: 180px;
				height: 115px;
				}

		/* Tall */
												
		UL.image_grid LI.tall {
			width: 180px;
			height: 400px;
			}
			UL.image_grid LI.tall .image,
			UL.image_grid LI.tall .overlay {
				width: 180px;
				height: 320px;
				}

		/* Large */

		UL.image_grid LI.large {
			width: 370px;
			height: 418px;
			}
			UL.image_grid LI.large .image,
			UL.image_grid LI.large .overlay {
				width: 370px;
				height: 329px;
				}


		/* Colors */

		UL.image_grid LI.news SPAN.overlay {
			background-color: #7ac142;
			}
		UL.image_grid LI.projects SPAN.overlay {
			background-color: #7ac142;
			}
		UL.image_grid LI.people SPAN.overlay {
			background-color: #7ac142;
			}