#portfolio_container{	
	padding:10px 0 20px 0; 	
}

.portfolio_div_container .portfolio_div img{
	width:284px; /*230px*/
	height:235px; /*100px*/
}
.portfolio_div_container{	
	height:255px; /*100px*/
	width:290px; /*245px*/	
	float:left;
	padding:5px 0 0 7px;
	overflow:hidden;	
	position:relative;
}

.portfolio_div_container #renewable{	
	margin:0px;
	padding:0;
}

.portfolio_div_container #projects{	
	margin:0 10px;
	padding:0;
}

.portfolio_div_container #design{	
	margin:0px;
	padding:0;
}


.portfolio_div_container .portfolio_div {
	height:235px; /*100px*/
	width:284px;/*230px*/			
	overflow:hidden;	
	position:relative;
}
.portfolio_div .info_container{	
	width:284px;/*230px*/
	height:235px; /*100px*/		
	top:186px; /* This is the start position of the info panel 100px*/		
	z-index:0;
	position:relative;	
}
.portfolio_div div.info{
	position:relative;	
	width:274px;/*220px*/
	top:-235px; /*-100px*/
	z-index:100;
	height:235px; /*90px*/
	color:#FFF;
	font:11px tahoma,arial;
	padding:5px;	
	line-height:16px;
}
.portfolio_div div.info p{
	font-size:12px;
	padding-left:12px;
	color:#fff;
	line-height:1.6em;
	margin-bottom:1.5em;
}

.portfolio_div div.info h2{
	padding:14px 0 0 14px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
}

.portfolio_div div.info a{
	color:#fff;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	outline:none;
	padding-left:12px;
}

.portfolio_div div.info a:hover {
	text-decoration:underline;
	color:#E3E82D;
}
.portfolio_div div.info_bg{	
	position:relative;	
	background:url(../images/slide-bg.png) repeat;
	width:284px; /*230px*/	
	z-index:50;
	top:-470px; /*-200px*/
	height:235px; /*100px*/			
	opacity:0.8;
	cursor:pointer;
}