/*==== PORTFOLIO ====*/

h3 {
	clear: both;
	background: url("../../../images/line_gray.gif") repeat-x 0 100%;
	padding-bottom: 0;
	margin-bottom: 20px;
}

.category {
	margin-bottom: 25px;
	background: url("../../../images/line_gray.gif") repeat-x 0 100%;
}

.category .image {
	float: left;
	display: block;
	margin-bottom: 4px;
}

.category .image:hover {
	background: rgba(0, 0, 0, 1.0);
	margin-bottom: 4px;
}

.category .image:hover img {
	 opacity: 0.8;
}

.category .image ~ p {
	clear: both;
}

.category .image img {
	vertical-align: bottom;
}

#ie7 .category, #ie6 .category { /* IE doesn't apply bottom-margin on .item on the last row of items */
	padding-bottom: 30px;
}

.item {
	width: 200px;
	margin: 0 25px 30px 0;
	float: left;
}

.last_item {
	margin-right: 0;
}

strong {
	font-size: 12px;
}

p {
	font-size: 11px;
}