@charset "UTF-8";
/* CSS Document */

body,html{
  margin:0px;
  padding:0px;
  background:#282521;
  font-family:Helvetica, Arial, sans-serif;
}

a:hover { text-decoration:none; }

a { outline: none; }

img { border : 0; }

a.heading:hover { text-decoration:underline !important; }

@font-face {
  font-family: 'klavika';
  src: url("fonts/Klavika-Light.otf") format("opentype");
  font-weight:100;
  font-style: normal;
}

@font-face {
  font-family: 'klavika';
  src: url("fonts/Klavika-Medium.otf") format("opentype");
  font-weight:400;
  font-style: normal;
}

#wrap {
  max-width:1176px;
  min-width:1176px;
  height:600px;
  margin:0px;
  padding:0px;
  position:relative;
  top:100px;
  left:0px;
  z-index:2;
}

#top-banner {
  position:absolute;
  top:0px;
  width:100%;
  height:16px;
  color:#fff;
  background:#7f1519;
  text-align: center;
  padding: 20px;
}

#backdrop {
  z-index:1;
  display:block;
  height:446px;
  width:100%;
  position:absolute;
  top:100px;
  background:#ebe7dd;
  border-bottom: 3px solid #635B58;
}

#logo2 {
  margin-top: 3px;
}

.logo {
  float:left;
  max-height:65px;
  margin-right: 17px
}

#logos-wrapper {
  position: absolute;
  left: 81px;
  top: 34px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.logo:hover {
  opacity:0.7 !important;
  filter:alpha(opacity=70) !important;
}

#top_links {
  float:right;
  font-size:13px;
  margin-top:27px;
}

#login {
  padding-bottom: 8px;
  min-height: 15px;
}

.top_link {
  text-decoration: none;
  color:#494949;
  margin-left: 8px;
}

span.nextprev {
  background-color:#282521;
  background-position:center;
  background-repeat:no-repeat;
  display:none;
  height:100%;
  width:48px;
  position:absolute;
  top:0px;
  right:0px;
}

#leftimg:hover span.nextprev { display:block; opacity: 0.5; filter:alpha(opacity=50);}

#rightimg:hover span.nextprev { display:block; opacity: 0.5; filter:alpha(opacity=50);}

#leftimg {
  display:block;
  width:248px;
  height:350px;
  position:absolute;
  top:82px;
  left:-200px;
  background:#1c1c1c;
  z-index:6;
}

#rightimg {
  display:block;
  width:500px;
  height:350px;
  position:absolute;
  top:82px;
  left:677px;
  background:#1c1c1c;
  z-index:6;
}

#rightimg span.nextprev { background-image:url(../images/next.png); }

#leftimg span.nextprev { background-image:url(../images/previous.png); }

#leftbar {
  display:none;
  width:48px;
  height:464px;
  position:absolute;
  top:94px;
  left:0px;
  background:#262626;
  z-index:1;
}

#text {
  display:block;
  width:568px;
  height:275px;
  margin:0px;
  padding:30px 0px 0px;
  position:absolute;
  top: 86px;
  left:81px;
  color:#494949;
  z-index:14;
}

#text a{ color:#494949; }

#text a:hover{ text-decoration:none; }

#text #breadcrumbs {
  position:absolute;
  top:0px;
  left:24px;
}

#text #breadcrumbs, #text #breadcrumbs a {
  color:#95938e;
  text-decoration:none;
  font-size:20px;
  font-family:klavika, Helvetica, Arial, sans-serif !important;
  font-weight:100;
  margin: -35px 0px 0px -2px;
  position: relative;
}

#text #breadcrumbs a:hover { text-decoration:underline; }

#text span.breadcrumarrow {
  padding: 0px 8px;
  margin:0px;
  font-size:20px;
}

/* HEADINGS */
#text h1 {
  font-family:klavika, Helvetica, Arial, sans-serif !important;
  font-weight:400;
  margin:5px 0px 5px 0px;
  padding:5px 25px 0px 20px;
  font-size: 32px;
  line-height:40px;
}

#text p {
  font-size:14px;
  margin:0px 0px 10px 0px;
  padding:0px 23px;
  line-height:20px;
  font-family:Helvetica,Arial,sans-serif;
  overflow-y: auto;
  max-height: 220px;
}

#text a.launch{
  text-decoration:underline;
  font-weight:bold;
  padding:0px 23px;
  font-size:14px;
  font-family:Helvetica,Arial,sans-serif;
  line-height:20px;
}

#text a.launch:hover { color:#999; }

/*APPLIES TO ONLY THUMBNAIL STATS*/
#thumbnailstats #currentinfo {
  border-color:#414141 !important;
  top:587px !important;
  left:668px !important;
  color:#fff !important;
  border:none !important;
}

#thumbnailstats .currentstats{
  color:#fff !important;
  right:10px !important;
  text-align:right;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#thumbnailstats .currentstats a.statlocations { border-right:none !important; }

#thumbnailstats a, #thumbnailstats .statspopup {
  color:#fff !important;
  text-decoration:none;
  background:#65635d !important;
  border-color:#414141 !important;
}

#thumbnailstats #currentinfo a:hover { color:#CCC !important; }

#thumbnailstats .currenttitle {
  margin-top:-1px !important;
  color:#fff !important;
  /*left:-106px !important;*/
  left: -70px !important;
  position:absolute;
}

/*APPLIES TO BOTH STATS AREAS FOR VIEWING PROJECT AND THUMBNAILS*/
#currentinfo {
  display:block;
  width:397px;
  border-top:1px solid #999;
  position:absolute;
  top:310px;
  color:#9d9c9a;
}

.currenttitle {
  font-size:11px;
  margin:7px 0px 0px;
  padding:0px;
  color:#666;
  position:absolute;
  left:11px;
  display:block;
  width:100px;
  line-height:14px;
}

#currentinfo .currentstats {
  font-size:11px;
  /*margin:8px -42px 10px 0px;*/
  width: 280px;
  margin: 8px -55px 10px 0px;
  padding:0px;
  color:#9d9c9a;
  position:absolute;
  right:10px;
  z-index:14;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#mainstats { bottom: 98px; }

#currentinfo #mainstats{
  margin:8px -41px 10px 0px !important;
  z-index: 14;
}

#currentinfo a, .statspopup {
  color: #494949;
  text-decoration:none;
  background:#fff;
  border:1px solid #999;
}

#currentinfo h2 {
  color: #494949;
}

#main_content h2 {
  color: white;
}

#currentinfo a:hover { color:#888 !important; }

.currentstats a {
  padding:11px 11px;
  border-left:none !important;
  height:20px;
}

.currentstats a:hover img{
  opacity:0.6;
  filter:alpha(opacity=60);
}

.currentstats a.statlocations { padding-right:26px !important; }

.statlocations img {
  position:absolute;
  padding:0px;
  margin:0px;
  top:-4px;
  border:none;
}

.viewingpopup .currentstats a {
  padding-top:8px;
  border-top:none !important;
}

.viewingpopup .currentstats a.selected {
  padding-top:9px !important;
  border-top:none;
}

.currentstats a.leftborder { border-left:1px solid #999 !important; }

.statspopup {
  display:none;
  min-width:427px;
  position:absolute;
  bottom:0px;
  z-index:14;
}

.statspopup span ul{
  list-style:none;
  margin:0px;
  padding:0px;
  font-size:12px;
  line-height:17px !important;
}

.statspopup span ul li {
  margin:0px;
  padding:0px;
}

.statspopup span p {
  max-height:240px;
  margin:0px;
  overflow-y:auto;
  line-height:17px !important;
}

.viewingpopup .statspopup { display:block; }

.statspopup span{
  display:none;
  padding: 12px 20px 20px 20px;
}

.statspopup span.selected { display:block; }

.statspopup span h4 {
  font-size:20px;
  font-weight:100;
  margin:0px 0px 1px !important;
  padding:0px !important;
  font-family:klavika, Helvetica !important;
}

.statspopup span h2 {
  font-size:30px;
  font-weight:bold;
  margin:0px 0px 10px 0px !important;
  padding:0px !important;
  font-family:klavika, Helvetica !important;
  line-height:32px;
}

.statspopup span p {
  font-size:12px !important;
  margin:0px !important;
  padding:0px !important;
}

a.close {
  padding:8px 12px;
  font-size:12px;
  margin:0px;
  position:absolute;
  top:-3px;
  right:5px;
}

#thumbnailcontrols {
  position:absolute;
  bottom:118px;
  left:1096px;
  display:block;
  width:128px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#thumbnailcontrols a {
  margin:0px;
  padding:15px 12px 8px;
  text-decoration:none;
  background:#282521;
  border:1px solid #414141;
  border-left:none;
}

#thumbnailcontrols a img {
  position:relative;
  bottom:0px;
  margin:0px;
  padding:0px;
  border: none;
}

#thumbnailcontrols a:hover img {
  opacity:0.6;
  filter:alpha(opacity=60);
}

#filter {
  display:block;
  position:absolute;
  top:453px;
  left:80px;
  z-index:20;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#filter p {
  color:#999;
  margin: 0px 0px 9px 18px;
  padding:0px;
  font-size:12px;
}

#filter a {
  color:#999;
  margin:0px 0px 0px 20px;
  padding:0px;
  font-size:14px;
}

#filter a.clearfilter {
  margin: -28px 0px 0px 420px;
  position: absolute;
  width: 80px;
  font-size:12px;
  display:none;
  text-decoration:none;
}

#filter a.clearfilter:hover { color:#fff; }

#filter #mainfilter, #filter #subfilter { display:inline; }

#filter #subfilter{
  display:none;
  position:relative;
  left:-2px;
}

#filter a.current {
  text-decoration:none;
  display:inline-block;
  color:#fff;
  width: 132px;
  margin:0px;
  font-size:13px;
  background-position:center right;
  background-repeat:no-repeat;
  background-image:url(../images/downarrow.png);
  white-space:nowrap;
}

#subfilter a.current {
  width: 110px !important;
  overflow: hidden;
}

#filter a.current:hover{ color:#fff; }

#filter #mainfilter a.current {
  padding:10px 14px;
  background-color:#65635d;
  border:1px solid #414141;
  z-index:11;
  overflow: hidden;
  opacity: 1;
}

#filter a.clearfilter:hover {
  color: white !important;
}

#filter #subfilter a.current {
  width:221px !important;
  padding:11px 13px 9px 14px;
  border:1px solid #414141;
  background-color:#282521;
  border-left:none;
  position:relative;
  left:-1px;
  z-index:12;
  overflow: hidden;
}

#filter ul {
  display:none;
  margin:0px;
  padding:0px;
  color:#fff;
  list-style:none;
  position:absolute;
  width: 160px;
  bottom:3px;
  border:1px solid #282521;
  background-color:#65635d;
  z-index:11;
}

#subfilter ul {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 400px;
  width: 248px;
  left:-2px;
  border:1px solid #414141;
  background-color:#282521;
  z-index:13;
}

#filter ul li {
  display:block;
  margin:0px;
  padding:0px;
}

#filter ul li p {
  color:#FFF;
  padding:10px 14px 5px;
  margin:0px;
  font-size:20px;
  font-weight:700;
}

#filter ul li a {
  font-size:13px;
  display:block;
  padding:4px 14px 10px;
  margin:0px;
  color:#fff;
  text-decoration:none;
}

#subfilter ul li a {
  width:201px;
  padding-bottom:9px;
  padding-right:23px;
}

#filter ul li a:hover { color:#CCC; }

#filter ul li a.filtering { background:url(../images/check.png) no-repeat right center; }

#thumbnails {
  display:block;
  width:1095px;
  height:100%;
  position:absolute;
  top:484px;
  left:56px;
  white-space:nowrap;
  overflow: hidden;
  margin: 0px 0px 0px 25px;
}

#bottomcontent {
  position: absolute;
  height: 150px;
  display:block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#thumbnailscontainer {
  display:block;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  white-space:nowrap;
}

#thumbnails a {
  display:inline-block;
  width:60px;
  height:67px;
  margin: 0px 0px 0px 2px;
  background:#000;
  white-space:nowrap;
  border:none;
  position:relative;
}

.list{
  display:block;
  width:1095px;
  height:auto !important;
  position:absolute;
  top:0px;
  left:25px;
  padding:0px 0px 0px 2px;
  white-space:normal !important;
  width: 1180px;
}

.list a {
  background:none !important;
  display:inline-block !important;
  width:210px !important;
  height:18px !important;
  margin: 0px 0px 0px 8px !important;
  padding:0px;
  background:#000;
  opacity:1;
  filter:alpha(opacity=100);
  font-size:12px;
  color:#fff;
  border:none;
  position:relative;
  text-decoration:none;
  white-space:normal !important;
}

.list a.about {
  border:none !important;
  margin-left:2px !important;
  background:none !important;
  display:block !important;
  width:120px !important;
  height:18px !important;
  padding:0px !important;
  position:absolute !important;
  top: 0px !important;
  text-decoration:none;
}

.list .viewing {
  opacity:1 !important;
  filter:alpha(opacity=100) !important;
  font-weight:bold;
  border:none !important;
}

.list p.hovertitle {
  display:block !important;
  position:relative !important;
  top:0px !important;
  margin:0px;
  padding:4px 0px !important;
  color:#fff;
  font-size:12px;
  background:none !important;
  z-index:20;
}

.list span#section {
  display:inline-block;
  height:100% !important;
  position:relative;
  padding:30px 0px 10px 0px !important;
  margin:20px 40px 10px 0px !important;
  width:240px !important;
  z-index:10;
  color:#888;
  top:0px !important;
  vertical-align:top;
  white-space:normal !important;
}

.list .sectiontitle {
  display:none !important;
  white-space:normal !important;
}

#thumbnails a.about {
  width:120px;
  height:84px;
  margin:0px;
  position:relative;
  top:14px;
}

#thumbnails span.collapsed a { display:none; }

#thumbnails span.collapsed a.about { display:inline-block !important; }

#thumbnails span a {
  opacity:0.4;
  filter:alpha(opacity=40);
}

#thumbnails .thumbs span.selected a {
  opacity:1 !important;
  filter:alpha(opacity=100) !important;
}

#thumbnails a:hover {
  opacity:1;
  filter:alpha(opacity=100);
}

#thumbnails a.viewing {
  opacity:1;
  filter:alpha(opacity=100);
  border:5px #fff solid;
  width:50px;
  height:60px;
}

#thumbnails a.about.viewing {
  opacity:1;
  filter:alpha(opacity=100);
  border:5px #fff solid;
  width:110px;
  height:74px;
}

#thumbnails span#section {
  display:inline-block;
  height:120px;
  position:relative;
  padding:0px 0px 10px 0px;
  margin:0px 0px 0px 2px;
  z-index:10;
  color:#888;
}

#thumbnails span p.hovertitle {
  position:absolute;
  display:none;
  top:69px;
  margin:0px;
  padding:12px 11px;
  color:#fff;
  background:#4c4842;
  font-size:12px;
  z-index:20;
}

a.lastthumb p.hovertitle {
  right:0px !important;
  top:79px;
  margin: 0px 0px 0px 4px;
}

#thumbnails a.viewing p.hovertitle {
  margin: 0px -5px 0px 0px;
  color: #fff !important;
}

#thumbnails span a:hover p.hovertitle {
  display:block;
  color: #fff !important;
}

#thumbnails span a.about:hover p.hovertitle{ display:none; }

.thumbs span a.viewing p.hovertitle {
  top:67px !important;
  margin-left:-5px !important;
}

.thumbs span p.sectiontitle {
  position:absolute;
  left:0px;
  margin:0px;
  padding:20px 0px;
  font-size:12px;
  width:120px;
  z-index:1;
  cursor:pointer;
  white-space:normal !important;
}

.thumbs span:hover p.sectiontitle{ color:#fff; }

.thumbs span p.sectiontitle p {
  margin-left:5px;
  display:inline;
  font-family:Helvetica,Arial,sans-serif;
  position:relative;
  bottom:1px;
  white-space:normal !important;
}

#bottomcontent a.right, #bottomcontent a.left {
  width:25px;
  height:78px;
  position:absolute;
  top:16px;
  margin: 0px 0px 0px 0px;
  padding:0px;
  opacity:0.5;
  filter:alpha(opacity=40);
}

#bottomcontent a.right:hover, #bottomcontent a.left:hover {
  opacity:1;
  filter:alpha(opacity=100);
}

#bottomcontent a.right {
  left: 1185px;
  top: 500px;
  background:url(../images/right.png) right center no-repeat;
}

#bottomcontent a.left {
  left:50px;
  background:url(../images/left.png) left center no-repeat;
  top: 500px;
}

#footer {
  margin: 160px 0px 20px 80px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#footer p {
  margin:0px !important;
  padding:0px !important;
  font-size:11px !important;
  line-height:14px !important;
  display:block !important;
  color:#777 !important;
}

#footer p a{
  color:#777 !important;
  margin:0px !important;
  padding:0px !important;
  width: auto !important;
  height:auto !important;
  font-size:11px !important;
  text-decoration:none;
  font-style:italic;
  background:none !important;
  opacity:1 !important;
  filter:alpha(opacity=100) !important;
}

#footer p a:hover { color:#fff !important; }

.spinner_light {
  background-image:url(../images/spinner_light.gif);
}

.spinner_dark {
  background-image:url(../images/spinner_dark.gif);
}

.mask_project {
  background: black;
  position: absolute;
  top: 17px;
  width: 120px;
  height: 78px;
  margin-left: 2px;
}

.mask_page {
  background: black;
  position: absolute;
  top: 17px;
  width: 60px;
  height: 67px;
  margin-left: 2px;
}

#section.collapsed .mask_page {
  display: none;
}

#thumbnailscontainer.list .mask_project, #thumbnailscontainer.list .mask_page {
  display: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  background: none !important;
  border: none !important;
}

.launch.ui-state-hover {
  background: none !important;
  border: none !important;
}