/* CSS Document */


/* Layout */

body {
	background-color: #333;
	background-color: #5b483a;
	/*background-image: url(../images/bg1.png);
	background-repeat:no-repeat;
	background-position: top center;*/
	}

.boundingBox{ margin: 0 auto; width: 916px; }

#header ul:after, #featured-work:after, #feature-list:after, #content:after, #footer:after, .footerColumn ul:after, ul.featureList:after, ul.checkList:after{
	content: ".";
	display: block;
	width: 100%;
	overflow: hidden;
	height: 0;
	clear: both;
	font: 0px/0px sans-serif;
} /* Clear floated items in Gecko, Webkit, and IE7+ browsers */


/* Header */

#headerWrapper{ margin-top: 10px; background: url(../images/recycle_paper_tile.gif); }
#header{ position: relative; height: 100px; /*z-index: 99;*/ }

a#logo{ position: relative; margin: 0; padding: 0; top: 12px; z-index: 1; }
a#skip{
	position: absolute;
	top: 18px;
	right: 0;	
	z-index: 2;
	
	color: #333;
	line-height: 12px;
	text-align: right;
	text-decoration: none;
}
a#skip:hover{ color: #444; }

#header ul { 
	position: absolute; 
	bottom: -1px; 
	right: 0; 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	width: 341px;
	width: 251px; 
	height: 31px; 
	text-align: right; 
	}
	
#header ul li{ float: left; display: inline; position: relative; margin: 0; padding: 0; }
#header ul li a{ display: block; height: 30px; margin-left: 2px; line-height: 30px; text-align: center; color: #333; background: /*#222*/ url(../images/tab-off1.png) repeat; text-decoration: none; }
#header ul li a:hover, #header ul li:hover a{ background: /*#333*/ url(../images/tab-hover1.png) repeat; color: #333; }
/*#header ul li.current a, #header ul li.current a:hover{ color: #FFF; background: #252525; background: #0180C3; background: #DDD; color: #00223B; }*/
#header ul li a.home{ width: 73px; }
/*#header ul li a.about{ width: 74px; }*/
#header ul li a.portfolio{ width: 90px; }
#header ul li a.services{ width: 84px; }
/*#header ul li a.blog{ width: 66px; }*/
#header ul li a.contact{ width: 82px; }

#header ul li ul { display: none; position: absolute; top: 30px; left: 0; height: auto; width: 200px; opacity: .95; }
#header ul li ul li { display: block; position: relative; float: none; }
#header ul li ul li a, #header ul li.current ul li a { background: #333; color: #999; text-align: left; padding: 2px 0 2px 18px; }
#header ul li ul li a:hover, #header ul li.current ul li a:hover { background: #222; color: #aaa; }
#header ul li:hover ul, #header ul li.hover ul { display: block; }



/* Content */

#content { min-height: 300px; /*background: #666;*/ color: #333 !important; }

/* Content - Portfolio Listing */

ul#portfolio-filter { margin: 0; padding: 0; height: 64px; padding-left:0 ; line-height: 64px; background: transparent url(../images/icon-tag-green.png) left no-repeat; }
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: 0 0 0 0 !important; padding: 0 0 0 5px; list-style: none; background-color: #d5d5c3; }
ul#portfolio-list li{ width: 213px; height: 178px; display: block; float: left; margin-left: 8px; margin-right: 8px; overflow: hidden; }
ul#portfolio-list li a{ 
	display: block; 
	width: 211px; 
	height: 138px; 
	overflow: hidden; 
	border: 1px solid #999; 
	background: #eee; 
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	}
	
ul#portfolio-list li p{ font-size: 11px; line-height: 15px; color: #666; margin: 5px 0; padding: 0 !important; }
}