.project-intro-lightbox
	{
		width:100%;
		height:100%;
		position:fixed;
		z-index:1000;
		text-align:center;
	}
	
	.project-intro-lightbox .bg
	{
		position:absolute;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.8);
	}
	
	.project-intro-lightbox .feature
	{
		padding:10px;
		padding-top:30px;
		background:#FFC235;
		
		min-width:100px;
		min-height:100px;
		display:inline-block;
		margin:50px;
		border-radius:5px;
		position:relative;
		
		/*background:#53D4A6;
		border-color:#42A884;*/
		
		box-shadow:inset 0px -2px 0px rgba(0,0,0,0.2);
		
		background:#58BAF0;
	}
	
	.project-intro-lightbox .feature .passage
	{
		width:800px;
		background-color:white;
		padding:20px;
		text-align:left;
		line-height:25px;
	}
	
	.project-intro
	{
		overflow:hidden;
		position:relative;
		background-color:rgba(0,0,0,0.4);
		/*background-color:#fff;*/
		text-align:center;
		
		padding-top:40px;
		padding-bottom:20px;
		border-bottom:1px solid black;
		margin-top:2px;
		box-shadow:inset 0px 1px 0px rgba(255,255,255,0.2);
		background-image:url('img/blur.png');
		background-size:cover;
		
	}
	
	.project-intro .capsule-button
	{
		font-size:20px;
		padding:10px 30px;
		margin-top:10px;
	}
	
	.project-intro .header
	{
		color:white;
		text-shadow:0px 1px #000;
		/*text-shadow:0px 1px #4694BF;*/
		font-size:20px;
		margin-bottom:20px;
		color:white;
		
	}
	
	.project-intro .resource-container
	{
		display:inline-block;
	}
	
	.project-intro .resource-wrapper
	{
		position:relative;
		display:inline-block;
		border-radius:5px;
		padding:5px;
		cursor:wrapper;
		background:#53D4A6;
		margin:5px;
		vertical-align:middle;
		cursor:pointer;
		/*border-bottom:2px solid #42A884;*/
		box-shadow:inset 0px -2px 0px rgba(0,0,0,0.2);
		
		background:#58BAF0;
		border-color:#4694BF;

	}
	
	.project-intro .resource-wrapper:hover
	{
		/*background:#53D4A6;
		border-color:#42A884;*/
		background:#4694BF;
	}
	
	.project-intro .resource-wrapper h1, .project-intro-lightbox .feature h1
	{
		text-align:center;
		padding:0px 10px;
		font-size:20px;
		margin:0px;
		margin-top:10px;
		margin-bottom:5px;
		font-weight:normal;
		
		color:white;
		text-shadow:0px 1px rgba(0,0,0,0.2);
		font-size:17px;
		
		overflow:hidden;
	}
	
	
	
	.project-intro .resource-wrapper h1 .category
	{
		text-shadow:0px 1px rgba(0,0,0,0.2);
		color:white;
		margin-right:10px;
		text-transform:uppercase;
		font-size:12px;
		clear:both;
		padding:4px;
		diplay:block;
		vertical-align:middle;
		
	}
	
	.project-intro .resource-wrapper .thumb
	{
		position:relative;
		border-top:2px solid rgba(0,0,0,0.3);
		
		
	}
	
	.project-intro .primary, .project-intro .secondary
	{
		display:inline-block;
		vertical-align:top;
		
	}
	
	.project-intro .primary .resource-wrapper .thumb .poster
	{
		width:560px;
		height:320px;
	}
	
	.project-intro .secondary .resource-wrapper .thumb .poster
	{
		width:210px;
		height:130px;
	}
	
	.project-intro .primary .resource-wrapper .expand-hint
	{
		width:100px;
	}
	
	.project-intro .secondary .resource-wrapper .expand-hint
	{
		width:60px;
	}
	
	.project-intro .lesson-list
	{
		display:inline-block;
		vertical-align:middle;
		color:white;
		font-size:15px;
		margin-left:20px;
		text-align:left;
	}

	.project-intro .lesson-list-item
	{
		margin:10px 0px;
		padding-left:10px;
		border-left:3px solid #ff9900;
	}