ul { list-style: none; }


/* Import Fonts
------------------------------------------------------------ */
@import url(http://fonts.googleapis.com/css?family=Quattrocento);


/* Custom Classes
------------------------------------------------------------ */
.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
* html .group { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */





/* Filter */
dl { margin-bottom: 3em; color: #212026;margin-top:20px;font-weight:bold;font-size:16px; }
dt, dd { float: left; }
dt { margin-right: 5px; }
.filter li { float: left; color:#333;text-transform:capitalize;font-weight:bold;font-size:11px; }
.filter li:after { content: "";color:#333;text-transform:capitalize;font-weight:bold;font-size:11px; }
.filter li:last-child:after { content: ""; color:#333;text-transform:capitalize;font-weight:bold;font-size:11px;}
.filter a { padding: 6px 10px; color: #fff; text-decoration: none;text-transform:capitalize;font-weight:bold;font-size:11px;background-color:#35a445; }
.filter a:hover, .current a { color: #fff;text-transform:capitalize;font-weight:bold;font-size:11px;background-color:#6fc84a; }

/* Portfolio Items */
.portfolio li { float: left; margin-right: 20px; margin-bottom: 2em; border: 1px solid #ccc; -moz-box-shadow: 0 5px 5px -3px #222; -webkit-box-shadow: 0 5px 5px -3px #222; box-shadow: 0 5px 5px -3px #222;height:185px;}
.portfolio li:nth-child(4n) { margin-right: 0; }
.portfolio a { display: block; border: 3px solid #fff;  text-decoration: none; }
.portfolio img { width: 210px; height: 130px; display: block; border: 1px solid #ccc; }