ul#filter {float:left; font-size:16px; list-style:none; margin-left:0; width:1000px; height:50px; padding-left: 15px; }
ul#filter li {border-right:2px solid #999; float:left; line-height:19px; margin-right:20px;	padding-right:20px;}
ul#filter li:last-child {border-right:none; margin-right:0; padding-right:0;}
ul#filter a {color:#999; text-decoration:none; font-weight:bold;}
ul#filter li.current a, ul#filter a:hover {text-decoration:underline; color:#e45000;}
ul#filter li.current a {color:#333; font-weight:bold; color:#e45000;}
ul#filter li.nameit {font-size:14px; padding-right:30px;}

ul#portfolio {float:left; list-style:none; margin-left:0; width:1000px; padding-left:10px;}
ul#portfolio li {float:left; margin:5px; padding:5px; width:215px; height:160px;  }
ul#portfolio a {float:left; width:215px; height:160px;}
ul#portfolio a:hover {text-decoration:none;}
ul#portfolio img {display:block; padding-bottom:5px;}

/* ______________________________________________7:Boxgrid */
.boxgrid { 
	width: 210px; 
	height: 160px;
	float:left; 
	background:#ccc; 
	overflow: hidden; 
	position: relative; 
	border:3px solid #999;
}
	.boxgrid:hover {border-color:#e45000;}
	.boxgrid:hover {border-color:#e45000;}
	.boxgrid img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
		width: 210px;
	}
	.boxgrid p{ 
		padding: 0 0px; 
		color:#afafaf; 
		font-weight:bold; 
		font:10pt "Lucida Grande", Arial, sans-serif; 
	}
	
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	padding:7px 2px;
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {top: 160px; left: 0;}
.caption .boxcaption {top: 220px; left: 0;}	
.boxcaption h3 {padding:0px 10px; color:#fff; font-weight:bold;}
.boxcaption p {color:#ccc; font-size:12px;}	
.boxcaption p a{color:#ccc; font-size:12px; text-decoration:underline; font-weight:bold;}