/**** WORK HOVER STYLES  ****/


a.feature01 
	{
	display: block;
	border: 0px solid #fff;
	border-width: 0 0px 0px 0;
	margin-bottom: 0px;
	position: relative;
	text-decoration: none;
	}

a.feature01:hover { border-color: #000; }
		a.feature01:hover .overlay01 {
		position: absolute;
		z-index: 3;
		width: 100%;
		height: 100%;	
		}	
		
		a.feature01 .overlay01 .caption01 {
			background: none;
			position: absolute;		
			height: 100%;
			width: 100%;
			z-index: 3;
			text-indent: -9999em;
			color: #000;
						
		}	


		a.feature01 p3 .overlay01 p3 .caption01 p3 {
			font:9pt "Helvetica Neue", "Helvetica", Arial, sans-serif; font-weight: 500; 
			margin-top: 15px;
			margin-left: 15px;	
			text-align: left;
			background: none;
			position: absolute;
			line-height: 20px;			
			height: 100%;
			width: 100%;
			z-index: 3;
			text-indent: -9999em;
			color: #000;		
		}
		
		a.overlay01 .caption01 { 	
		margin-top: 0px;
		width: 100%;
		height: auto; 
		text-align: center; 
		background: none;
		
		font:16pt "Helvetica Neue", "Helvetica", Arial, sans-serif; font-weight: 500;		
		
        -webkit-transition: background-color 1.5s ease-in;
        -moz-transition: background-color 1.5s ease-in;
        -ms-transition: background-color 1.5s ease-in;
        -o-transition: background-color 1.5s ease-in;
        transition: background-color 1.5s ease-in;
	
		}
		
		a.overlay01 .caption01:after { content: ' more!'; 
		background: none;
        

		}
		
		
		a.feature01:hover .caption01
		{
		
font:16pt "Helvetica Neue", "Helvetica", Arial, sans-serif; font-weight: 500;	
			padding-top: 0px;
			padding-left: 17%;
			width: 83%;
			padding-right: 0px;
			z-index: -1;
			text-indent: 0px; 
			background: #fff;
			background-color: rgba(255, 255, 255, 0.9);	
		}
		

		a.caption01 
		{
			font:10pt "Helvetica Neue", "Helvetica", Arial, sans-serif; font-weight: 500; 
			padding-top: 45px;
			padding-left: 60px;		
			text-align: left;
			background: none;
			position: absolute;
			line-height: 20px;			
			z-index: 3;
			text-indent: -9999em;
			color: #000;
			
		}
		
		
		a.feature01 img { display: block; }
			





/**** WORK PROJECT CONTENT  ****/

#aligncenter2 {
   /* Prevent vertical gaps */
   line-height: 0;

	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #222;
	padding-right: 0px;
	padding-left: 0px;

	margin-top: 0px;
   margin-bottom: 0px;

   z-index: 10;

border-spacing:0px 0px;

   -webkit-column-count: 3;
   -webkit-column-gap:   0px;
   -moz-column-count:    3;
   -moz-column-gap:      0px;
   column-count:         3;
   column-gap:           0px;

}

#aligncenter2 img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
  margin-bottom: 0px;
}

@media (max-width: 1200px) {
  #aligncenter2 {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 1000px) {
  #aligncenter2 {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}
@media (max-width: 800px) {
  #aligncenter2 {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}
@media (max-width: 400px) {
  #aligncenter2 {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }