/*
	INDEX
	-------------------
	== CONTENT CONTAINER
	== PROJECT
	== THUMBNAILS
	== PROJECT SPECS
	== PROJECT OVERVIEW
*/

/* == CONTENT CONTAINER ----------------------------------------------------- */
#content_container {
	margin: 30px 0;
}
	#content_container h2 {
		margin-bottom: 15px;
	}

/* == PROJECT --------------------------------------------------------------- */
.project {
	margin-bottom: 50px;
}	
	.project .thumb {
		margin-bottom: 10px;
	}	
	.project .scope {
		font-size: 11px;
		color: #5f5f5f;
		display: block;
		margin-top: -4px;
	}

/* == MAIN THUMB CONTAINER --------------------------------------------------- */
#main_thumb_container {
	overflow: hidden;
}
	#main_thumb_container img {
		display: none;
	}
	
	#main_thumb_container .caption {
		display: none;
		padding: 5px;
		border: 1px solid #333;
		width: 412px;
		font-size: 11px;
		line-height: 16px;
		margin: 10px 0;
	}

/* == THUMBNAILS ------------------------------------------------------------- */
#thumbnails {
	margin-top: 15px;
}
	#thumbnails #left_thumb_col {
		width: 206px;
		float: left;
	}
	
	#thumbnails #right_thumb_col {
		width: 206px;
		float: right;
	}
	
	#thumbnails .thumbnail {
		margin-bottom: 15px;
	}
		#thumbnails .thumbnail img {
			cursor: pointer;
		}
	
/* == PROJECT SPECS ----------------------------------------------------------- */
.website_link {
	display: block;
	margin-top: -23px;
}

#project_specs {
	margin-top: 15px;
	line-height: 24px;
}
	#project_specs strong {
		font-weight: bold;
		color: #cecece;
	} 

/* == PROJECT OVERVIEW -------------------------------------------------------- */
#project_overview {
	margin-top: 25px;
}
	#project_overview .note {
		font-style: italic;
	}