/* @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 "Trebuchet MS"; color: #999; background: #1b2a37 url(../img/sf_top.gif) repeat-x top; }
:focus { outline: 0; }
a{ color: #000; }
a:link, a:visited{ text-decoration: underline; }
a:hover, a:active{ text-decoration: none; }
a img{ border: none; }
/* Layout */
.boundingBox{ margin: 0 auto; width: 916px; }

/* Content */
#content{ padding:0; margin-bottom:20px; }
#top{ height: 30px; padding:25px 15px 0 0;}
#top img{ margin:0 4px;}
#welcome{ background:#33414d; width: 608px; height:106px; margin: 0 0 10px 0 }

/* menu */
#content-menu { float:right; width: 250px; margin-top:30px; }
.menu {	list-style-type: none; width: 235px;}
.menu li a{	background: url(../img/sf_link-hover.gif) no-repeat; display: block; width: auto; text-decoration: none; padding-left:20px;color:#999; margin-top:1px;}
* html .menu li a{ 	width: 195px;}
.menu li a:hover, .menu li a:active, .menu li a.open{ background: url(../img/sf_link.gif) no-repeat #33414d; color:#FFF}

/* Content - Portfolio Listing */
ul#portfolio-filter{ margin: -20px 0; padding: 0; height: 64px; line-height: 64px;}
ul#portfolio-filter li{ display: inline; }
ul#portfolio-filter a{ margin-right: 0.5em; padding: 0.5em 1em; color: #999999; font-weight: bold; text-decoration: none; }
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ color: #fff; }
ul#portfolio-filter a.current{ background:url(attivo.gif) no-repeat center; }

ul#portfolio-list{ margin: 36px 0 0 0; padding: 0; list-style: none; }
ul#portfolio-list li{ width: 165px; height: 160px; display: block; background-color:#33414d; float: left; margin: 0 18px 18px 0; overflow: hidden; }
ul#portfolio-list li a{ display: block; width: 163px; height: 120px; overflow: hidden; border: 1px solid #33414d; background: #eee; }
ul#portfolio-list li p{ font-size: 11px; line-height: 15px; color: #AAA; margin: 4px 0; padding: 0 4px; }

#box { background-color:#33414d; padding:2px; height:124px; width:415px; margin-top:24px;}
.white { color:#FFF; line-height:25px;  padding:15px 0 0 185px; }
.white a {color:#FFF;}
.img { float:left; padding:2px 20px 2px 2px}
.grigio {color:#999;}
.grigio a{color:#999; text-decoration:none;}

#footer {padding:5px; border-top:#33414d solid 1px; color:#33414d;}