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


/*****Basic Definitions*****/
body { color: #333; font: 11px/18px Verdana, Helvetica, Arial, sans-serif; }

h1 { font-size: 1.877em; }

h2 { font-size: 1.6em; }

h3 { font-size: 1.433em; }

h4 { font-size: 1.267em; }

h5, h6 { font-size: 1.6em; }


a { color: #333; }

a:visited { }

a:hover { text-decoration: none; }

p, ul, ol, dl, table { margin-bottom: 20px; }

ul, ol, dd { margin-left: 36px; }


/*****Custom Classes*****/

.clearing { clear: both; }

.last { margin-bottom: 10; }

.screenReader { left: -9999px; position: absolute; top: -9999px; }


/*****Basic Layout*****/

div#container { margin: 10px auto 0; overflow: hidden; width: 702px; }


ul#filter { float: left; font-size: 13px; list-style: none; margin-left: 0; width: 100%; }
ul#filter li { 

	border-right: 1px solid #ffb7b7;

	float: left;

	line-height: 18px;

	margin-right: 8px;

	padding-right: 8px;

}

ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }

ul#filter a { color: #353535; text-decoration: none; }

ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }

ul#filter li.current a { color: #111; font-weight: bold; }


ul#portfolio { float: left; list-style: none; margin-left: 0; width: 682px; }

ul#portfolio li { 

	border: 1px solid #ffb7b7; 

	float: left; 

	margin: 0 20px 20px 0; 

	padding: 10px;

	width: 182px;

}

ul#portfolio a { display: block; width: 100%; }

ul#portfolio a:hover { text-decoration: none; }

ul#portfolio img { border: 1px solid #dedede; display: block; padding-bottom: 0px; }