/* Portfolio Filter Stylesheet */



/*****Custom Classes*****/
.clearing { clear: both; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }

/*****Basic Layout*****/
div#container { margin: 20px auto 0; overflow: hidden; width: 974px; }

ul#filter { float: left; font-size: 1em; list-style: none; margin-left: 0; width: 100%; font-family: Trebuchet MS, Helvetica, Arial; color:#3b3b3b; }
ul#filter li { 
	float: left;
	line-height: 32px;
	margin-right: 10px;
	padding-right: 10px;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #999; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #333; font-weight: bold; }

ul#portfolio { float: left; list-style: none; margin-left: 0; width: 974px; }
ul#portfolio li { 
	/* border: 1px solid #dedede; */
	float: left; 
	/*margin: 0 10px 10px 0; */
	background-image: url(../images/thumb-bdg.jpg);
	background-repeat:no-repeat;
	display: block; 
	width: 226px; 
	height: 271px; 
	margin: 5px;
	margin-bottom: 15px;
	margin-top: 15px;
	
}

ul#portfolio a { 
	display: block; 
	width: 200px; 
	height: 245px; 
	color:#00a5d1; 
	font-size:14px; 
	text-decoration: none; 
	font-weight: bold;
	padding: 13px;
	
	
}

ul#portfolio a:hover { 
	text-decoration: none; 
	background-image: url(../images/thumb-bdg2.jpg);
	background-repeat:no-repeat;
	font-weight: bold;
}

ul#portfolio img { 
	display: block;
	margin-bottom:27px; 
}