

/*----------------------------
	filter bar (menu bar)
-----------------------------*/


#filter {
	/*background: url("../img/bar.png") repeat-x 0 -94px;*/
	background: white;
	display: block;
	height: 30px;
	margin: 2px auto 15px 0px;
	position: relative;
	width: 900px;
	text-align:left;
	font-size: 14px;
	
}

#filter a{
	color: #909090;
	display: inline-block;
	height: 27px;
	line-height: 30px;
	margin: -10px 60px 0px 0px;
	background: white;	

}

#filter a:hover{
	text-decoration:none;
	border-bottom: #909090 solid 5px;
}

#filter a.active{
	/*background: url("../img/bar.png") repeat-x 0 -138px;*/
	position:relative;
	border-bottom: #505050 solid 5px;
	color: #505050;
}


/*----------------------------
	Content area
-----------------------------*/


#container_portfolio{
	display:block;
	overflow:hidden;
	width: 900px;
	margin: 0px 0px 0px 0px;
}

#container_portfolio li{
	height: 180px;
	list-style: none outside none;
	margin: 0px 15px 10px 0px;
	position: relative;
	float: left;
	width: 210px;
	padding-left: 0px;
	font-size: 13px;
	font-weight: bold;
}

#container_portfolio a{
	color: #505050;
	text-decoration: none;
}


#container_portfolio ul{
	overflow:hidden;
	margin-left: 0px;
}

#container_portfolio ul.hidden{
	display:none;
}





/**  IMAGE OVERLAY EFFECT **/
.imgageOverlay{
	margin: 0;
	overflow: hidden;
	float: left;
	position: relative;
}
.imageOverlay a {
	text-decoration: none;
	float: left;
}

.imgageOverlay a img {
	float: left;
	margin: 0;
	border: none;
	padding: 0px;
	background: #fff;
	border: 1px solid #ddd;
}

.imageOverlay a:hover {
	cursor: pointer;
}

.imageOverlay a:hover .desc{
	display: block;
	font-size: 1.3em;
	padding: 0px 0px;
	background: #fff;
	filter:alpha(opacity=55);
	opacity:.55;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #989898;
	margin: 0px;
}
.imageOverlay a:hover .desc strong {
	display: block;
	font-size:2.0em;
	padding: 40px 0px 0px 65px;
}

.imageOverlay a .desc {	display: none; }
.imageOverlay a:hover .more { visibility: hidden;}