@charset "UTF-8";


/* Section Content Override */
.section.content { background-image: none; font-size: 0; }


/* Content Wrapper Override */
.contentWrapper { padding: 0; margin: 0; }


/* Scroll Specific */
#scrollGrab { height: 15%; }


/* Project Entries */
.projectWrapper {
	position: relative;
	display: inline-block; vertical-align: top;
	width: 27%; height: 33.3333%;
	margin-right: 9.5%;
	border-top: 1px solid lightgray;
	text-decoration: none;
	cursor: pointer;
}
.projectWrapper.firstLine { border-top: none; }
.projectWrapper.right { margin-right: 0; }

.projectWrapper>.img {
	width: 100%; height: 62%;
	background-repeat: no-repeat; background-position: center center; background-size: cover;
	cursor: pointer;
}

.margin {
	height: 8%;
	cursor: pointer;
}

.projectTitle {
	height: 8%;
	font-size: 11px; color: gray; font-weight: 100;
	text-decoration: none;
	cursor: pointer;
}


/* Imgs */
.i1 { background-image: url(/img/projects/1.jpg); }
.i2 { background-image: url(/img/projects/2.jpg); }
.i3 { background-image: url(/img/projects/3.jpg); }
.i4 { background-image: url(/img/projects/4.jpg); }
.i5 { background-image: url(/img/projects/5.jpg); }
.i6 { background-image: url(/img/projects/6.jpg); }
.i7 { background-image: url(/img/projects/7.jpg); }
.i8 { background-image: url(/img/projects/8.jpg); }
.i9 { background-image: url(/img/projects/9.jpg); }
.i10 { background-image: url(/img/projects/10.jpg); }
.i11 { background-image: url(/img/projects/11.jpg); }
.i12 { background-image: url(/img/projects/12.jpg); }
.i13 { background-image: url(/img/projects/13.jpg); }
.i14 { background-image: url(/img/projects/14.jpg); }
.i15 { background-image: url(/img/projects/15.jpg); }
.i16 { background-image: url(/img/projects/16.jpg); }
.i17 { background-image: url(/img/projects/17.jpg); }
.i18 { background-image: url(/img/projects/18.jpg); }
.i19 { background-image: url(/img/projects/19.jpg); }
.i20 { background-image: url(/img/projects/20.jpg); }
.i21 { background-image: url(/img/projects/21.jpg); }
.i22 { background-image: url(/img/projects/22.jpg); }
.i23 { background-image: url(/img/projects/23.jpg); }
.i24 { background-image: url(/img/projects/24.jpg); }
.i25 { background-image: url(/img/projects/25.jpg); }
.i26 { background-image: url(/img/projects/26.jpg); }
.i27 { background-image: url(/img/projects/27.jpg); }
.i28 { background-image: url(/img/projects/28.jpg); }
.i29 { background-image: url(/img/projects/29.jpg); }
.i30 { background-image: url(/img/projects/30.jpg); }
.i31 { background-image: url(/img/projects/31.jpg); }
.i32 { background-image: url(/img/projects/32.jpg); }
.i33 { background-image: url(/img/projects/33.jpg); }
.i34 { background-image: url(/img/projects/34.jpg); }
.i35 { background-image: url(/img/projects/35.jpg); }
.i36 { background-image: url(/img/projects/36.jpg); }
.i37 { background-image: url(/img/projects/37.jpg); }
.i38 { background-image: url(/img/projects/38.jpg); }
.i39 { background-image: url(/img/projects/39.jpg); }
.i40 { background-image: url(/img/projects/40.jpg); }
.i175 { background-image: url(/img/projects/175.jpg); }
.i183 { background-image: url(/img/projects/183.jpg); }
.i191 { background-image: url(/img/projects/191.jpg); }
.i196 { background-image: url(/img/projects/196.jpg); }
.i201 { background-image: url(/img/projects/201.jpg); }
.i206 { background-image: url(/img/projects/206.jpg); }
.i300 { background-image: url(/img/projects/300.jpg); }


/* Section Override */
.section.content.wider { overflow: visible; width: 52%; }

.section.nav.righter { margin-left: 40px; }


/* Project Detail Page */
.projectPic.main {
	position: absolute;
	left: 0; top: 0; right: 200px;
	height: 70%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}

#minorPicWrapper {
	overflow: visible;
	position: absolute;
	top: 74%; left: 0;
	height: 50px;
}

.projectPic.minor {
	display: inline-block; vertical-align: top;
	height: 100%;
	margin-right: 10px; margin-bottom: 10px;
	opacity: .5;
	cursor: pointer;
}
.projectPic.minor.on { opacity: 1; }


#projectInfo {
	position: absolute;
	right: 30px; top: 0;
	width: 120px; height: 70%;
}

#projectInfo .icon {
	position: absolute;
	bottom: 0; left: 0;
	height: 25px;
	cursor: pointer;
}
#projectInfo .icon.next { left: 55px; }
#projectInfo .icon.back { left: auto; right: 0; }

#infoTable {
	position: absolute;
	bottom: 75px;
	width: 100%; height: 60px; line-height: 20px;
	font-size: 11px;
}
#infoTable>.left, #infoTable>.right { white-space: nowrap; }
#infoTable>.left { position: absolute; }
#infoTable>.right { position: relative; margin-left: 70px; }
#infoTable>.right.coop { width: 80px; line-height: 20px; white-space: normal; }

#title {
	position: absolute;
	bottom: 200px;
	font-size: 16px;
}


/* Footer Override */
#footer.left { left: 13.5%; }