/* @override http://newmediacampaigns.com/css/compiled.css */

/* Eric Meyer Reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { font: 12px/20px arial, verdana, sans-serif; color: #58534c; background: #FFF; }

:focus { outline: 0; }


a{ color: #000; }
a:link, a:visited{ text-decoration: none; }
a:hover, a:active{ text-decoration: underline; }
a img{ border: none; width: 100%;}


/* Layout */
.boundingBox{ width: 100%; max-width:940px;}

/* Content */

#content{ padding: 20px 0; }

/* Content - Portfolio Listing */

ul#portfolio-filter{ margin: -20px 0; padding: 0; height: 64px; line-height: 64px; background: transparent url(../images/icon-tag-green.png) left no-repeat; }
ul#portfolio-filter li {
    display: block;
    width: 11.11%;
    float: left;
    font-size: 11.5px;
}
ul#portfolio-filter a {
    /* margin-right: 0.5em; */
    /* padding: 0.5em 1em; */
    background: #FFF;
    color: #AAA;
    /* font-weight: bold; */
    text-decoration: none;
}
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ color: #888; }
ul#portfolio-filter a.current{ color: #ab4b06;     font-weight: bold;}

ul#portfolio-list{ margin: 36px 0 0 0; padding: 0; list-style: none; }
ul#portfolio-list li{ width: 20%; height: 160px; display: block; float: left; overflow: hidden; }
ul#portfolio-list li a{ display: block; width: 90%; height: 120px; overflow: hidden; border: 1px solid #CDCDCD; background: #eee; }
ul#portfolio-list li p{ font-size: 11px; line-height: 15px; color: #AAA; margin: 5px 0; }

@media only screen and (max-width:800px) {
ul#portfolio-filter li {
    width: 20%;
}
ul#portfolio-list {
    clear: both;
}
ul#portfolio-list li {
    width: 25%;
}
}
@media only screen and (max-width:600px) {
ul#portfolio-filter li {
    width: 33.33%;
}
ul#portfolio-list {
    clear: both;
}
ul#portfolio-list li {
    width: 50%;
}
ul#portfolio-filter {
    height: auto;
    line-height: 25px;
	margin-bottom:20px;
}
}

@media only screen and (max-width:480px) {
div.pp_pic_holder {
    left: 0 !important;
    RIGHT: 0;
    margin: 0 auto;
}
ul#portfolio-filter li {
    width: 40%;
}
ul#portfolio-list {
    clear: both;
}
ul#portfolio-list li {
    width: 100%;
	    margin: 0 auto;
    float: none;
}
ul#portfolio-filter {
    height: auto;
    line-height: 25px;
	margin-bottom:20px;
}
}