/*dark grey= #8a857f
light grey = #d0cdc6
blue = #a5cbcb
light yellow = #eac47d
dark yellow = #fbae30*/


#project{
	background: #fff;
	height:auto;
	margin-bottom: 3rem;
}

#project .wrapper{
	margin: 0 auto;

}

#project h2{
	font-size: 3rem;
	font-family: Adobe Garamond Pro;
	margin-top: 10rem;
	color:#514f4c;
}

#project h3{
	font-size: 1.7rem;
	font-family: Helvetica Neue;
	color:#fbae30;
	margin-top: 0.5rem;
	letter-spacing: 0.25rem;
	color:#fbae30;
	font-weight: 200;
	padding-bottom: 6rem;
}


#projSlide{
	margin:0 auto;
	position:relative;
	width:100%;
	border-bottom:#d0cdc6 1px solid;
	padding-bottom:5rem;
	
}

#projSlide a.lfArrow{
	position: absolute;
	/*left:8%;*/
	left:-5%;
	top:52%;
	/*height:85px;*/
	/*width:43px;*/
	display:block;
	/*background: url(images/lfArrow.png) no-repeat;*/
}

#projSlide img{
	width:46%;
	display: block;
	margin:0 auto;

}

#projSlide a.rtArrow{
	display:block;
	position: absolute;
	/*right:8%;*/
	right:-5%;
	top:52%;
	/*height:85px;*/
	/*width:43px;*/
	/*background: url(images/rtArrow.png) no-repeat;*/

}
 #projSlide a img{
 	width: 100%;
 }

#projSlideApp{
	}

.riotGrrl{
    margin: 0 auto;
    width: 1259px;
    height: 993px;
    margin-top: 0px;
    /*background: url(ipadFrame-01.png) no-repeat;*/
}


#projSlideAppMobile{
	display:none;
}

.video-container {
    position: relative;
    /*padding-bottom: 56.25%;*/
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

 video{
    width:100%;
    }

.clear{
	clear: both;
}


#details{
	
}

#details .colLf{
	width:40%;
	float:left;

}

#details .colLf h4 strong, 
#details .colRt h4 strong{
	font-family: Helvetica Neue;
	font-weight: 200;
	font-size: 1.2rem;
	letter-spacing: 0.13rem;
	color:#fbae30;
	margin-right: 2rem;


}

#details .colLf h4, 
#details .colRt h4{
	font-size: 1.4rem;
	font-family: Adobe Garamond Pro;
	font-color:#d0cdc6;
	line-height: 3.7rem; 

}


#details .colLf h4.projLoc strong{
	margin-right: 6rem;
}

#details .colLf h4.projLoc{
	background: url(images/viewSite.png) no-repeat 7rem 0.9rem;
}

#details .colLf h4.projKindWeb strong,
#details .colLf h4.projKindVideo strong,
#details .colLf h4.projKindPhoto strong{
	margin-right: 6rem;
}

#details .colLf h4.projKindWeb {
	background: url(images/kindWeb.png) no-repeat 5rem 0.5rem;
}
#details .colLf h4.projKindVideo {
	background: url(images/kindVideo.png) no-repeat 5rem 0.5rem;
}
#details .colLf h4.projKindPhoto {
	background: url(images/kindPhoto.png) no-repeat 5rem 0.5rem;
}

/*#details .colLf h4 img{
	margin-right: 2rem;
}*/

#details .colLf h4 ul{
	display: inline-block;
	list-style: none;
}

#details .colLf h4 ul li.tag{
	display: inline-block;
}


#details .colRt{
	width:60%;
	float:left;
	
}


#details .colRt p{
	font-size: 1.4rem;
	float: left;
	margin-right: 4%;
	font-family: Adobe Garamond Pro;
	font-color:#d0cdc6;
	line-height: 1.8rem;
	width:46%;
	float:left;

}