/* overview */

img {
	/*IE fix*/
	border: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div.projectLink img {
	position: absolute;
	width: 150px;
	height: 100px;
	cursor: pointer;
}
div.projectLink img.crop {
	width: 150px;
	height: 112px;
	margin-top:-6px;
}
div.projectLink img.bigcrop {
	width: 150px;
	height: 112px;
	margin-top:-10px;
}
div.projectLink img.webcrop {
	width: 150px;
	height: 128px;
	margin-top:0px;
}
div.projectLink img.webcropxl {
	width: 150px;
	height: 112px;
	margin-top:0px;
}
div.projectLink img.tvcrop {
	margin-left:-18px;
	width: 178px;
	height: 100px;
}
div.projectLink {
	float:left;
	margin:0px 5px 5px 0px;
}

div.thumbWrap {
	position:relative;
	width:150px;
	height:100px;
	overflow:hidden;
	cursor: pointer;
}

div.overview {
	margin:0px 5px 0px 5px;
}

div.thumbTags {
	position:absolute;
	display:none;
	text-decoration:none;
}

span.tagSpan:hover {
	text-decoration:underline;
	cursor:pointer;
}

div.projectName a {
	text-decoration:none;
}

div.projectName a:hover {
	text-decoration:underline;
}

.sortLink {
	cursor:pointer;
}

.sortLink:hover {
	text-decoration:underline;
}

.sortLink.selected {
	font-weight:bold;
	text-decoration:underline;
}

/* text */

body {
	height:100%;
	margin:0;
}

p, div, ul, ol {
	font-family:Verdana;
	font-size:10px;
	line-height:12px;
	color:#000000;
	vertical-align:top;
}
.autoTextThumb p,
.autoTextThumb div,
.autoTextThumb ul,
.autoTextThumb ol {
	font-size: 2.17px !important;
	line-height: 2.60px !important;
}

ul, ol {
	padding-left:18px;
}
.autoTextThumb ul,
.autoTextThumb ol {
	padding-left: 3.2px;
}
a {
	color:#000000;
}

ul {
	list-style-type:lower-latin;
}

/* navigation bar */

.nav-strip {
	height:20px;
	padding:5px 0px 3px 5px;
	margin-bottom:5px;
}

.navBar {
	vertical-align:middle;
	width:151px;
	font-weight:bold;
	display:inline-block;
	cursor:pointer;
}

.navBar, .navBar a {
	color:gray;
}

/* tags */

div.tagContainer {
	overflow:hidden;
	margin:-2px 5px 7px 5px;
}

div.tagDiv {
	float:left;
	margin-right:30px;
	font-size:8px;
}

p.projectTitle {
	margin:0px;
	font-weight:bold;
}

p.projectInfo {
	font-style:italic;
}

p.projectCollaborators {
	font-style:italic;
}

/* thumbnails */

div.relatedProjects {
	overflow:hidden;
	margin:5px 5px 20px 5px;
}

div.relatedProject {
	float:left;
	position:relative;
	overflow:hidden;
	height:59px;
	width:88px;
	margin-right:3px;
}

div.relatedProject img.crop {
	margin-top:-3px;
	position:absolute;
}

/* gallery */

div.gallery {
	overflow-x:scroll;
}

div.gallery-strip {
	width:100000px;
}

div.gallery-wrapper {
	overflow:hidden;
	margin:0px 5px 0px 5px;
}

.thumb {
	cursor:pointer;
}

div.relatedProjects .thumb {
	width:88px;
	height:59px;
}
div.relatedProjects .thumb.crop {
	width:88px;
	height:66px;
}

.galleryItemWrap {
	float:left;
	margin:0px 3px 5px 0px;
	position:relative;
}

.projectText {
	width:346px;
}
.autoTextThumb .projectText {
	width:68px;
}

.textColumn {
	width:342px;
	float:left;
}
.autoTextThumb .textColumn {
	width: 75px;
}

.galleryItemWrap.textTwoColumns {
	border-right-style:dotted;
	border-right-width:1px;
	height:461px;
}
.autoTextThumb.textTwoColumns {
	height:100px;
}

.noBorder {
	border:none;
}

.vimeo .navArrow {
	top:20%;
	height:60%;
}

.pannellum .navArrow {
	width: 10%;
}
.pannellum .navArrow.left {
	top:100px;
	height:276px; /* 476 - 2 * 100 */
}

.textTwoColumns .navArrow {
	width: 10%;
	top: 200px;
	height: 76px; /* 476 - 2 * 200 */
}

.navArrow {
	position:absolute;
	top:0px;
	display:none;
	width:33%;
	height:100%;
	cursor:pointer;
}

.navArrow_black img {
/*IE compatibility*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
/*normal browsers*/
	opacity:0.3;
}

.navArrow_white img {
/*IE compatibility*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
/*normal browsers*/
	opacity:0.7;
}

.left { left:0px }
.right { right:0px }
.leftArrow {left:13px }
.rightArrow {right:13px }

.navArrowImg {
	position:absolute;
	top:50%;
	width:40px;
	height:40px;
	margin-top:-20px;
}

.selected .trapClicksIfNotSelected {
	display: none;
}
.trapClicksIfNotSelected {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
}

.caption {
	font-size:8px;
	margin:0px 0px 0px 5px;
}

#tooltip{
	position:absolute;
	border:1px solid #cccccc;
	background:#ffffcc;
	padding:2px 3px;
	box-shadow:4px 4px 15px grey;
}

/* text columns */

.txtItem {
	width:382px;
	display:inline-block;
	cursor:pointer;
	padding:3px 0px 10px 2px;
}