/* Just some base styles not needed for example to function */

	
/* Advanced CSS hover styles */
a.feature01 
{
	display: block;
	border: 0px solid #dfd0cb;
	border-width: 0 0px 0px 0;
	margin: 0px 10px 10px 5px;
	position: relative;
	text-decoration: none;
}
a.feature01:hover { border-color: #000; }
	a.feature01:hover .overlay01
	{
		position: absolute;
		z-index: 3;
		width: 100%;
		height: 100%;
		border: 0px solid #fff;
	}

		
		a.feature01 .overlay01 .caption01
		{
			font:24pt "Helvetica Neue", "Helvetica", Arial, sans-serif; font-weight: 500; 
			margin-top: 0px; padding-left: 0px;
			background-color: none;
			position: absolute;
			line-height: 30px;
			height: 90px;
			width: 100%;
			z-index: 3;
			bottom: 0px;
			text-indent: -9999em;
			color: #000;
			overlay: hidden;			
		}	
		a.overlay01 .caption01, a.overlay01 .caption01  { height: 0px; line-height: 0px; text-align: left; }
		a.overlay01 .caption01:after { content: ' more!'; }
		a.overlay01 .caption01 { height: 15px; line-height: 15px; font-size: 8px; }
		
		a.feature01:hover .caption01
		{
			margin-top: 50px;
			text-indent: 0px; 
			background: rgb(255,255,255);
			background: rgba(255, 255, 255, 0.75); /* for browsers that know rgba */
		}
			
		a.feature01 img { display: block; }
			



		#work_thumb {padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; 
			background:0%; 
			}			

		#work_thumb ul {  padding-bottom: 0px;  padding-top: 0px;		
		}

		#work_thumb ul li { display: inline; padding-bottom:0px; float: center;	text-align: center;
		}