/* CSS Document */
body {
background-image: url(images/background.gif);
background-repeat:no-repeat;
background-position:200px -50px;
background-color:#000;
color:#BBBBBB;
font-size:small;
font-family:arial;
overflow-x:scroll;
font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
}
a {
color:#fff;
cursor:pointer;
text-decoration:none;
}
a:hover {color:#699;
text-decoration:none;
}
h1{
padding-left:10px;
font-size:large;
}
#content{
background-color:#020202;
position:absolute;
top:40%;
margin-top:-160px;
z-index:2;
}

#navigation {
position:absolute;
top:40%;
right:100px;
margin-top:-210px;
z-index:2;
}
#video {
height:270px;
width:380px;
}
#exhibit img {
height:240px;margin-bottom:15px;
}
.names{font-size:x-small;color:#999;}
.thumbnails{background-color:#050505;width:15px !important;cursor:pointer;padding:1px;height:52px;}
.thumb{width:45px;height:45px; border:1px solid #999;opacity:.9;margin:1px;}
.hide{display:none;}
.aw_hover {background-color:#060606;cursor:pointer!important;}
.aw_hover a{color:#fff;cursor:pointer;}
.aw_inactive { background-color:#000; }
#top{background-color:#000; font-size:11px; padding:5px;}
#exhibitions{background-color:#330033;padding:2px 10px 2px 10px;color:#AAA;}
#links{background-color:#003300;padding:2px 10px 2px 10px;color:#AAA;}
#guestbook{background-color:#0F5A5A;padding:2px 10px 2px 10px;color:#AAA;}
#minimize{background-color:#111;padding:2px 10px 2px 10px;color:#FFF;}
#artwork{background-color:#222;padding:2px 10px 2px 10px;color:#AAA;}

#overlay {
  /*
  slows down scrolling speed with fixed prop. 
  */
  width:1920px;
  height:100%;
  background:none;  
  position:absolute;
  top:0;
  left:0;
  z-index:0;
}
.brand {
  font-size:18px;
  
  color:#888;
  position:absolute;
  top:40%;
  left:78px;
  z-index:3;
  margin-top:-235px;
}
.brand b{
  display:block;
  font-weight:normal;
}
.brand a {
  color:#555;
}
.brand a:hover {
  color:#34ADF0;
  text-decoration:underline;
}
.brand small {
  font-size:11px;
  color:#555;
  display:block;
  margin-bottom:10px;
}
.brand h1 {
  margin:0 0 5px 0;
  padding:0;
  color:#eee;
  display:block;
  font-size:22px;
  font-weight:100;
}
.arrow {position:absolute; left: 840px; top:40%; font-size:70px;color:#fff; margin-top:240px; opacity:0.1;}
.arrow:hover {opacity:1!important;}
.arrow span {font-size:12px;color:#ccc;display:block;text-align:left;padding-left:20px;color:#555}
.arrow {font-size:30px;text-align:center;}