/*
* @author: William Khoe
*/

#project-directions
{
	margin:0 0 20px 0;
	border:5px solid #FFF;
	box-shadow:0 0 6px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 6px rgba(0,0,0,0.4);

	background:#EDEDED;
	background:-moz-linear-gradient(top, #EDEDED 0%, #DDDDDD 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#DDDDDD));
	background:-webkit-linear-gradient(top, #EDEDED 0%,#DDDDDD 100%);
	background:-o-linear-gradient(top, #EDEDED 0%,#DDDDDD 100%);
	background:-ms-linear-gradient(top, #EDEDED 0%,#DDDDDD 100%);
	background:linear-gradient(to bottom, #EDEDED 0%,#DDDDDD 100%);
}

#project-directions .photo-showcase
{
	position:relative; overflow:hidden;
	background:#E2DCC8;
	border-bottom:5px solid #FFF;
	box-shadow:inset 0 0 6px rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.1);
}
#project-directions .photo-showcase .thumbnail
{
	position:relative; display:block;
}
#project-directions .photo-showcase .thumbnail.primary
{
	display:inline-block;
	border-right:5px solid #FFF;
	box-shadow:0 0 6px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 6px rgba(0,0,0,0.4);
}
#project-directions .photo-showcase .thumbnail.primary img
{
	width:400px; height:auto;
}
#project-directions .photo-showcase .thumbnail.secondary
{
	position:absolute;
	top:0; right:0;
	border-bottom:5px solid #FFF;
}
#project-directions .photo-showcase .thumbnail.secondary img
{
	width:235px; height:auto;
}
#project-directions .photo-showcase .thumbnail .caption
{
	display:block; position:absolute;
	bottom:0; left:0;
	width:100%;
	background:#000; background:rgba(0,0,0,0.6);
}
#project-directions .photo-showcase .thumbnail .caption span
{
	display:block;
	margin:0 9px; padding:0 15px 0 0;
	background:url(/img/ui/icon-sprite.png) no-repeat 100% -3757px;
	line-height:34px; color:#FFF; font-weight:bold; font-size:12px; text-align:center; text-transform:uppercase;
}
#project-directions .photo-showcase aside
{
	position:absolute;
	bottom:0; right:0;
	padding:15px;
	width:199px;
	font-size:20px; font-family:"nimbus-sans", "Helvetica Neue", Helvetica, Arial; font-weight:400; line-height:20px; -webkit-font-smoothing:antialiased;
}
#project-directions .photo-showcase aside p
{
	margin:0 0 3px 0;
}

/* Regular Desktop */

@media only screen and (min-width:1024px)
{

}

/* Tablet Portrait */

@media only screen and (min-width:768px) and (max-width:1023px)
{
	#project-directions .photo-showcase .thumbnail.secondary
	{
		display:none;
	}
	#project-directions .photo-showcase aside
	{
		display:none;
	}
	#project-directions .photo-showcase .thumbnail.primary
	{
		border-right:0;
	}
	#project-directions .photo-showcase .thumbnail.primary img
	{
		width:437px;
	}
}

/* Mobile Portrait & Landscape */

@media only screen and (max-width:767px)
{
	#project-directions .photo-showcase
	{
		
	}
}