/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
  margin: 0;
  padding: 0;
}

body {
  font-size: 12px;
  line-height: 18px;
  font-family: Courier, "Courier New", monospace;
  font-weight: normal;
  background-color: #fff;
  color: #333333;
  letter-spacing: 0.05em;
  text-align: top;
}


/* Hack for Safari/Webkit, it doesn't support letter-spacing below 0.1 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  body { 
    letter-spacing: 0.1em; 
  }
}


a:link,
a:visited { 
  text-decoration: underline; 
  color: #333333;
}

a:hover { 
  color: #0099ff;
}

a img {
  border: none; 
}

#page {
  position: absolute;
  margin: 50px 0 0 50px;
  background-color: #FFFFFF;
  z-index: 999;
}

#title {
  position: absolute;
  width: 225px;
  top: 0px;
  left: 0px;
  cursor: pointer;
}

a#title-a:visited,
a#title-a:hover,
a#title-a {
  color: #333333;
  text-decoration: none;
  display: block;
}

#main-menu {
  width: 225px;
  top: 53px;
  /* to extend padding so we can hide divs behind it */
  left: -50px;
  padding-left: 50px;
  position: relative;
  height: 450px;
  background-color: #FFFFFF;
  z-index: 100;
}

#project-page-right-menu a:link,
#project-page-right-menu a:visited,
.menu a:link,
.menu a:visited {
  text-decoration: none;
}

#project-page-right-menu a:hover,
.menu a:hover {
  color: #333333;
  text-decoration: underline;
}

.menu ul {
  list-style: none;
  margin: 0 0 12px 0;
}

#project-page-right-menu a.active,
.menu li.active {
  text-decoration: underline;
}

#content {
  position: absolute;
  height: 100%;
  margin: 0 0 0 225px;
  top: 0;
}

.container {
  position: absolute;
  width: 540px;
}

#once { clear: left; }

.container h3,
.exhibit-header p.exhibit-title {
  height: 53px;
  width: 500px;
}

#description-div {
  width: 535px;
}

#description-div.horizontal {
  position: absolute;
  float: left;
  padding-right: 25px;
}

#description-div p {
  margin-bottom: 25px;
}

#exhibit-nav-top {
  position: absolute;
  top: 0;
}

#exhibit-nav-top div {
  position: absolute;
  right: -620px;
}

#exhibit-nav-top div.next-arrow {
  right: -635px;
}

#exhibit-nav-footer div {
  float: left;
  margin-bottom: 12px;
  line-height: 12px;
}


#exhibit-nav-footer .prev-arrow {
  position: absolute;
  left: -15px;
}

.nav-arrow {
  color: #0099ff;
  z-index: 999;
  display: none;
}

#exhibit-nav-footer .next-arrow {
  position: relative;
  left: 5px;
}

#exhibit-nav-top .next-arrow {
  position: absolute;
  right: 100px;
  top: 0;
}

.exhibit-nav a,
.exhibit-nav a:hover {
  text-decoration: none;
  color: #333333;
}

#video-container .exhibit-image {
  margin-bottom: 25px;
}

#img-container img {
  margin-bottom: 15px;
  margin-right: 45px;
}

.exhibit-footer {
  width: 595px;
  margin: 10px 0 25px 0;
}

#exhibit-footer-horizontal {
  width: 595px;
  margin: 0 25px 0 20px;
  display: inline-block;
  position: relative;
  top: 0;
  right: 0;
}

#addl-p {
  clear: left;
  height: 30px;
}

.main-link-wrapper {
  clear: both;
}

#img-container-horizontal {
  background-color: #FFFFFF;
  white-space: nowrap;
  margin-bottom: 80px;
  position: relative;
  left: 560px;
}

#img-container-horizontal .exhibit-image {
  margin-right: 15px;
  display: inline-block;
  vertical-align: top;
}

.project-thumb {
  position: relative;
  float: left;
  margin: 0 45px 25px 0;
  width: 160px;
  height: 200px;
  letter-spacing: 0em;
}

.project-thumb img {
  position: absolute;
  top: 36px;
}

.project-thumb a {
  display: block;
  width: 160px;
  height: 200px;
  z-index: 1000;
  text-decoration: none;
}

.project-thumb a:hover {
  color: #333333;
}

.project-thumb p {
  line-height: 14px;
  margin-top: 2px;  /* account for fact that the headline we want to aline to has a 18px line-height */
}

#exhibit-footer-horizontal .project-thumb {
}

.last {
  margin-right: 0;
}

.project-page-thumb-container {
  width: 615px;
}

.project-page-thumb-container .project-thumb {
  float: left;
}

#project-page-right-menu {
  position: absolute;
  left: 620px;
  top: 53px;
  height: 100%;
  width: 160px;
}

#project-page-view {
  position: absolute;
  width: 160px;
  top: 0px;
  left: 620px;
}

.horizontal-pagination-container {
  line-height: 12px;
}