/* Portfolio Filter Stylesheet */

/*****Reset*****/
/*html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
*/

/*****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:880px; }

ul#filter { float: left; font-size: 1em; list-style: none; margin-left: 0; width: 100%; }
ul#filter li { 
	margin-right:0.5em;
	font-weight: normal;
	color:#FFFFFF;
	line-height:1.6em;
	float:left;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color:#FFCC00; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: none; color: #99cc33}
ul#filter li.current a { color:#3399FF; font-weight: bold; }

ul#portfolio { float: left; list-style: none; margin-left: 0; padding-left:45px; width: 920px; border-bottom:1px dashed #333;}
ul#portfolio li { 
	margin:0px 45px 45px 0px;
	padding:20px;
	width: 373px;
	height:255px;
	float:left;
	background: #222;
	color:#FFCC00;
	text-align:left;
	line-height:1.6em;
	font-size:1em;
	border:1px solid #333;
}
ul#portfolio li:hover{ background: #666 url(../images/filter/grad_back_port_item.jpg); background-repeat:repeat-x;}
ul#portfolio a { display: block; width: 100%; padding-bottom:5px;}
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { border: none; display: block; padding-bottom: 5px; }