/* css projects exhibit */
/* #img-container { z-index:-1; }
*/
.info_trigger { text-transform:uppercase; top:18px; left:254px; display:none; position:fixed; color:#666; font-style:normal;  padding:10px 0px 10px 0px; font-size:11px; } 
.info_mock_trigger { text-transform:uppercase; margin-top:-10px; margin-left:-10px; color:#666; font-style:normal;  padding:10px; font-size:11px; display:block; }

#project_description { z-index: 9999; opacity: .95; position: fixed; right: 0px; width: 300px; top: 0px; background: #fff;
padding: 15px 25px 0px 25px; font-size: 12px; color: #666; font-style: normal; text-align: left; font-weight: normal; line-height: 16px; -moz-box-shadow: 0px 0px 6px #dedede; -webkit-box-shadow: 0px 0px 6px #dedede; height:auto; margin-top:95px; }
#project_description p span { font-family: 'proxima-nova';
font-weight: 400; color:#000; text-transform:uppercase;
font-style: italic;white-space: nowrap; }
#project_description:hover { -webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out; opacity:1; }

#project_container { z-index:10000; right: 10px; width: 100%; }
#project_header:hover { cursor:pointer; }
#project_header { z-index:10001; }

.information.closed { position:relative; background:url('elements/help.png') 0px 0px no-repeat; display:inline-block; width:25px; height:28px; margin-bottom:-10px; opacity:.5; }
.information.open { position:relative; background:url('elements/help.png') -50px 0px no-repeat; display:inline-block; width:25px; height:28px; margin-bottom:-10px; opacity:.5; }
.help:hover, .information:hover { cursor:pointer; }

.help { position:relative; background:url('elements/help.png') -25px 0px no-repeat; width:25px; height:28px; margin-bottom:-10px; opacity:0; display:inline-block; margin-right:-5px; }

.picture:hover { cursor:pointer; } 


#lightbox {
  height: 100%;
  overflow: visible;
  position: relative;
  display:none; 
}
#lightbox_content {
  height:200%;
  width: 100%;
  left:0;
  position:absolute;
  top:-63%;
}
.slides {
  height: 100%;
  width: 100%;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
}
.slides tr {
  height: 100%;
}
.slides td {
  padding: 0;
  height: 100%;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}
.slide {
position: relative;
}

.slide a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
}
.slide img {
  	margin: 0 auto;
  	display: block;
  	margin-bottom:4px;
  	max-height: 780px;
  	background: url(elements/loading.gif) 50% 50% no-repeat;
}
.loading { }
#lightboxNav {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2000;
}
#lightboxNav #goLeft, #lightboxNav #goRight {
  width: 50%;
  height: 98%;
  /* background: url(elements/left.png) no-repeat 2% center; */
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  cursor: pointer;
  z-index: 3000;
  text-indent: -999em;
  overflow: hidden;
  opacity: .1;
  border-bottom:10px solid #fff;
}

#lightboxNav a#goLeft:hover, #lightboxNav a#goRight:hover {
  cursor:pointer;
  opacity: 1; height:98%;
  border-bottom:10px solid #eee;
}
/* #lightboxNav #goLeft { margin-left:150px; } */
#lightboxNav #goRight {
  /* background: url(elements/right.png) no-repeat 98% center; */
  position: absolute;
  right: 0;
  left: auto;
}
#links-page {
  list-style: none;
  margin: 0;
}
table {
  margin: 0 0 1em;
}
td {
  color: #999;
  vertical-align: top;
  background:#fff;
  padding: 1.25em 10px 0 0;
  width: auto;
}

.slide .image_caption {
	margin:0px auto;
	height:100px;
	margin-bottom:-100px;
	width: 100%;
	background: none; 
	line-height:16px; 
	z-index:10001; 
}



.image_caption .title { font-weight:normal; color:#333; }
.image_caption .caption { display:block; color:#999; }

#content { margin-left:0px; height:100%; display:none; }
::selection {background: #efefef; color: #000;}
::-moz-selection {background: #efefef; color: #000;}
img::selection { background: transparent; }
img::-moz-selection	{ background: transparent; }
.project_title:hover { color:#000; }
/* #nav_info { z-index: 9999; background:#fff;
opacity: 0;
-moz-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; 
-moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; 
position: fixed; top:-75px;
right: 299px;
width: 110px;
-webkit-box-shadow: 0px 0px 6px #CCC;
-moz-box-shadow: 0px 0px 6px #CCC; 
height: 66px;
padding: 4px 0px 0px 20px;
margin-top: 20px; }
*/

#share_this { float:left; width:200px; }
#nav_info { color:#cecece; float:right; margin-top: 28px;
padding-top: 8px;
width:100px; padding-bottom:10px; }

.project_title_text { padding: 0px 0px 10px 200px; max-width: 400px; opacity:1 !important; }
.help_buttons { position: absolute;
	right: -5px;
	top: 5px;
} 
#nav_info:hover { cursor:help; } 
#nav_keys { display: inline-block; margin: 0px; padding: 0px; background: url('elements/sprite_keys.png') 0px 10px no-repeat transparent; width: 52px; height: 54px; margin-right: 5px;  }
#nav_keys:hover { background:url('elements/sprite_keys.png') 0px -58px no-repeat;  }
#nav_mouse { display: inline-block; margin: 0px 0px 0px 8px; padding: 0px; background: url('elements/sprite_keys.png') -55px 6px no-repeat transparent; width: 30px; height: 55px; }
#nav_mouse:hover { background:url('elements/sprite_keys.png') -55px -49px no-repeat;  }

.scrolled { width:100% !important;  }
.scrolled img { margin-right:80px; }
.scrolled #slide-1 img { margin-left:235px; }
#lightbox.scrolled { padding-right:20px; width:100% !important; }

.scrolled.last img { margin-right:10px; }
/*
#header > div {
    display: none;
}
#header > div:first-child {
    display: block !important;
}
#header:hover > div {
	display: block;
}​
*/

.with-video { 
position:absolute; left:50%; top:50%; background:url('elements/with-video.png') 50% 50% no-repeat; width:90px; height:90px; z-index:5000; }
.with-video:hover { height:100px; cursor:pointer;  } 

.close_video_slide {
z-index: 10000001;
text-transform: uppercase;
color: #000;
padding: 10px;
text-align: right;
width: 970px;
margin: 0 auto;
}
.close_video_slide:hover { cursor:pointer; color:#0092D1; }

.video_slide { display:none; }

.video_slide iframe { z-index:1000000;
width: 100%;
height: 700px;
background: #fff;
} 

.inline_description { display:none; }

.iphone #lightbox { margin-left:300px; }
.iphone #lightbox .slide img {height:600px; margin-top:200px; }
.iphone .help_buttons, .iphone .nav_info, .iphone #project_description { display:none !important; }
.iphone .inline_description { display:block !important; height:800px; width:400px; margin-top:200px; padding:40px; font-size: 12px; color: #666; font-style: normal; text-align: left;  font-weight: normal; line-height: 16px; }
.iphone .slide .image_caption { display:block !important; } 
.iphone #nav_info { display:none; }

.story #slide-1 .image_caption { margin-left:235px !important; }