/* @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,footer {
	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; }


#header
     { margin-top:10px;
       width:100%;
	   height:120px;
    }
	
#header1 {
         width:333px;
		 float:left;
		 margin-top:14px;	
	
}

#header2 {
         width:300px;	
		 float:left;
		 margin-left:49px;
		 margin-top:14px;
	
}

#header3 {
         width:146px;	
		 float:right;
	
}

h1 {
	font-size:30px;
	font-family:"Courier New", Courier, monospace;
	color:#999;
	padding-bottom:6px;
	border-bottom-color: #333333;
}
	 
h2 {
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	color: #464646;
	padding-bottom:10px;
}
	 
: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: 20px 0; }

/* Content - Portfolio Listing */

ul#portfolio-filter{
	height: 50px;
	padding-left: 30px;
	line-height: 64px;
    margin-bottom: -14px;
	}

ul#portfolio-filter li{ 
    display: inline; }
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{ background-color: #DDD; }

ul#portfolio-list{ margin: 36px 0 0 0; padding: 0; list-style: none; }
ul#portfolio-list li{ width: 165px; height: 160px; display: block; float: left; margin-right: 18px; overflow: hidden; }
ul#portfolio-list li a{ display: block; width: 163px; 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; }

/* Background */
div#bg {
	background-image:url(../portfolio_files/bg.gif);
	background-repeat:repeat-y;
   }
   
/* Footer  */
   
 div#footer 
 {
	
	background-repeat:no-repeat;
	bottom:0;
	height:225px;
	   /*width:100%;*/
   

   }
   
     
 div#footer p
 {
	
	color:#ccc;
	text-align: center;
	padding-left: 310px;

   }

.section{
    margin:0px;
    height:2000px;
    width:100%;
    float:left;
    text-shadow:1px 1px 2px #f0f0f0;
}
.section h2{
    margin:50px 0px 30px 50px;
}
.section p{
    margin:20px 0px 0px 50px;
    width:600px;
}
.black{
    color:#fff;
    background:#000 url(../images/black_vert.jpg) repeat-x bottom left;
}
.white{
    color:#000;
    background:#fff url(../images/white_vert.jpg) repeat-x bottom left;
}

.section ul{
    list-style:none;
    margin:20px 0px 0px 550px;
}
.black ul li{
    float:left;
    padding:5px;
    margin:5px;
    color:#aaa;
}
.black ul li a{
    display:block;
    color:#f0f0f0;
}
.black ul li a:hover{
    text-decoration:none;
    color:#fff;
}
.white ul li{
    float:left;
    padding:5px;
    margin:5px;
    color:#aaa;
}
.white ul li a{
    display:block;
    color:#222;
}
.white ul li a:hover{
    text-decoration:none;
    color:#000;
}