#project .gray-box {
	padding: 20px;
	margin-bottom: 10px;
}
#project {
margin-bottom: 20px;
}
.project-category {
	width: 30%;
	float: left;
	margin-right: 20px;
}

.project-category ul.project-list{
	font-size: 11px;
	color: #747474;
}

#description ul {
	list-style-type: disc;
	margin: 12px;
	margin-left: 2em;
}

#thumbnails {
	position: relative;
	width: 370px;
	padding: 0px;
	margin: 0px;
	
}

#thumbnails a {
	padding: 0px 7px 12px 6px;
	text-decoration: none;
	/*
	margin: 0px 0px 0px 6px;
	*/
	width: 60px;
	height: 45px;
	display: block;
	float: left;
}

#thumbnails a .thumbnail {
	width: 60px;
	height: 45px;
	display: block;
}
#thumbnails a .photo, #thumbnails a .caption {
	display: none;
}


#thumbnails a:hover  {
	border: none; /* NOTE: for IE...will not work without. */
}
#thumbnails a:hover .photo {
	display: block;
	
	position: absolute;
	bottom: -238px;
	left: 6px;
}
#thumbnails a:hover .caption {
	width: 350px;
	padding: 5px;
	display: block;

	position: absolute;
	bottom: -270px;
	left: 0px;

	color: black;
	background-color: #FBFBFB;
}
	

#project #photos #photo-container {
	width: 352px;
	height: 232px;
	padding: 5px;
}
#project #photos #photo-container img {
	display: block;
}
#project #photos #caption-container {
	padding: 5px;
}
	

#project #description {
	padding-left: 20px;
}