.subtitle-portfolio {
	font-weight: bold;
	color: #FFCC00;
	font-size: medium;
	letter-spacing: 2px;
	padding-left: 10px;
}

#categories {
	float: left;
	position: relative;
	width: 100%;
}
.col {
	float: left;
	width: 250px;
	/*margin: 30px 0;*/	
}
.element {
	padding-top: 30px;
}
#activities-icon {
	position: relative;
	width: 250px;
	height: 156px;
}
#activities-icon a {
	display: block;
	width: 250px;
	height: 156px;
	text-indent: -9999px;
	background: url("images/activities-th.jpg") no-repeat;
	text-decoration: none;
}
#activities-icon a:hover {
	background-position: 0 -156px;
}

#art-icon {
	position: relative;
	width: 250px;
	height: 156px;
}
#art-icon a {
	display: block;
	width: 250px;
	height: 156px;
	text-indent: -9999px;
	background: url("images/art-th.jpg") no-repeat;
	text-decoration: none;
}
#art-icon a:hover {
	background-position: 0 -156px;
}

#culture-icon {
	position: relative;
	width: 250px;
	height: 156px;
}
#culture-icon a {
	display: block;
	width: 250px;
	height: 156px;
	text-indent: -9999px;
	background: url("images/culture-th.jpg") no-repeat;
	text-decoration: none;
}
#culture-icon a:hover {
	background-position: 0 -156px;
}

#dining-icon {
	position: relative;
	width: 250px;
	height: 156px;
}
#dining-icon a {
	display: block;
	width: 250px;
	height: 156px;
	text-indent: -9999px;
	background: url("images/dining-th.jpg") no-repeat;
	text-decoration: none;
}
#dining-icon a:hover {
	background-position: 0 -156px;
}

#nature-icon {
	position: relative;
	width: 250px;
	height: 156px;
}
#nature-icon a {
	display: block;
	width: 250px;
	height: 156px;
	text-indent: -9999px;
	background: url("images/nature-th.jpg") no-repeat;
	text-decoration: none;
}
#nature-icon a:hover {
	background-position: 0 -156px;
}

#people-icon {
	position: relative;
	width: 250px;
	height: 156px;
}
#people-icon a {
	display: block;
	width: 250px;
	height: 156px;
	text-indent: -9999px;
	background: url("images/people-th.jpg") no-repeat;
	text-decoration: none;
}
#people-icon a:hover {
	background-position: 0 -156px;
}

#places-icon {
	position: relative;
	width: 250px;
	height: 156px;
}
#places-icon a {
	display: block;
	width: 250px;
	height: 156px;
	text-indent: -9999px;
	background: url("images/places-th.jpg") no-repeat;
	text-decoration: none;
}
#places-icon a:hover {
	background-position: 0 -156px;
}

#real-estate-icon {
	position: relative;
	width: 250px;
	height: 156px;
}
#real-estate-icon a {
	display: block;
	width: 250px;
	height: 156px;
	text-indent: -9999px;
	background: url("images/real-estate-th.jpg") no-repeat;
	text-decoration: none;
}
#real-estate-icon a:hover {
	background-position: 0 -156px;
}

#weddings-icon {
	position: relative;
	width: 250px;
	height: 156px;
}
#weddings-icon a {
	display: block;
	width: 250px;
	height: 156px;
	text-indent: -9999px;
	background: url("images/weddings-th.jpg") no-repeat;
	text-decoration: none;
}
#weddings-icon a:hover {
	background-position: 0 -156px;
}