#portfoliocontainer{
	margin: 0;
	padding: 165px 24px 15px 24px;
	width:852px;
	float: left;
}

#portfoliocontainer .projectbox{
	padding: 0;
	margin: 0;
	width: 140px;
	height: 140px;
	position: relative; 
	float: left;
	color: #000000;
	background-color: #CCCCCC;
	border: 1px solid #fff;
}

#portfoliocontainer .projectbox img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0;
}


#portfoliocontainer .projectboxinfo{
	float: left;
	position: absolute;
	background: #000000;
	height: 130px;
	width: 280px;
	opacity: 0.8;
	/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	background-color: #000000;
	margin: 5px 0 5px 0;
 			}
#portfoliocontainer .projectboxinfo {
	top: 0px;
	left: 141px;
	overflow:hidden;
 	}



#portfoliocontainer .projectboxinfo p{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: normal;
	color: #FFFFFF;
	padding: 0 10px;
	width:260px;	
}

#portfoliocontainer .projectboxinfo h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	padding: 15px 10px 0 10px;
	line-height: 26px;
	width:260px;

}

#portfoliocontainer .projectboxinfo a{
	font-size: 13px;
	font-style: normal;
	color: #FFFFFF;
}

#portfoliocontainer .projectboxinfo a:hover{
	font-size: 13px;
	font-style: normal;
	color: #FFFFFF;
}

.mediumtext{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#000000;  
}

#tinybox {position:absolute; display:none; padding:10px; background:#fff url(../images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:4000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}