/*************************************************************/
/***************************HEADER****************************/
/*************************************************************/


/*header {
	position:absolute; top:0px; left:0px;
	z-index:999999999;
}
	
	header img.logo_back {
		position:absolute; top:0px; bottom:auto;
	}*/


/*************************************************************/
/***************************CONTENT***************************/
/*************************************************************/

#projects {
	min-height:520px;
	background:url('/_images/services_bg.jpg') center #F8F7F6;
	background-size:cover;
}

	.project {
		display:block;
		float:left;
		width:30%; 
		margin:0px 3% 40px 0px; padding:120px 0px 0px 0px;
		background:#BBB;
		
		text-align:center;
		
		cursor:pointer;
	}
		.project:nth-child(3n+2) {
			margin-right:3%;
			clear:both;
		}
		.project h2 {
			padding:5px 10px;
			background:url('/_images/feature_bg.png') top center repeat-x;
			color:#FFF;
			
			font-family: 'futura-med';
			font-size:16px;
			
			-webkit-transition: all .25s ;
			-moz-transition: all .25s ;
			-ms-transition: all .25s ;
			-o-transition: all .25s ;
			transition: all .25s ;
		}
		
		.project:hover h2 {
			background-color:#FFF; 
			background-position:top left;
			color:#F7931E; 
		}
		
	.higher-education {
		background:url('/_images/feature_01.jpg') center #F8F7F6;
		background-size:cover;
	}
		
	#project a.button {
		margin:40px auto;
	}
	
	
#project_photos {
	float:left;
	width:70%; min-height:400px;
	margin-bottom:30px; 
}
	#project_photos a.featured {
		display:block;
		width:100%;
		margin-bottom:10px;
		
		text-align:center;
	}
		#project_photos a.featured img {
			width:100%; height:auto;
			
		}
	
	#project_photos a.thumbnail {
		display:inline-block;
		width:90px; height:90px;
		margin:0px 20px 20px 0px;
		
		text-align:center;
		
		overflow:hidden;
	}
		#project_photos a.thumbnail:hover {
			opacity:.6;
		}

#project_info {
	float:right;
	width:25%; min-height:400px;
	margin-bottom:30px; 
}


		


/*************************************************************/
/***************************FOOTER****************************/
/*************************************************************/










/*******SCREEN SIZE*******/
@media screen and (min-width: 1600px){

}
	
@media screen and (max-width: 999px){

}
	
@media screen and (max-width: 640px){
	.project {
		float:none;
		width:100%; 
		margin-right:0px;
	}
		.project:nth-child(3n+2) {
			margin-right:0px;
		}

	#project_photos, #project_info {
		float:none;
		width:auto;
	}
}