body { background-color: #f4f4f4; margin: 12px; }
body,p,td {
   font-family:ff-meta-web-pro, Verdana, sans-serif; 
   color: #000000;
   font-size: 10pt;
}
i,em {
   font-style:normal;
   color: #303030;
}

p { width: 60%;}
a { color: #000000; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: none; display: block; }
img.overlay_left,img.overlay_right { 
   z-index:2; 
   position: absolute; 
   width: 440px; 
   height: 660px; 
}
img.overlay_right {
   left: 440px;
}

#buttons {
   width: 880px;
   height: 21px;
   margin-bottom: 6px;
}
.button_logo { display:inline; cursor: pointer; margin-right: 30px; }
.button,.button_active { display:inline; margin-right:15px; vertical-align: text-bottom; cursor:default; color: #606060; }
.button a { color: #606060; }
.button_active,.button_active a { color: black; }
.button:hover,.button a:hover { color: black; }
.button_fb { display:inline;  cursor: pointer; margin-left: 5px; float:right; }
#_active { margin-left: -10px; margin-right: 15px; }

.folder,.folder_active {
  margin-bottom: 4px;
  margin-left: 0px;
  margin-right: 0px;
  color: #606060;
}
.folder a,.folder_active a {
  color: #606060;
}
.folder_active,.folder_active a { color: black; }
.folder:hover,.folder a:hover { color: black; }

div.frame {    
  width: 880px;
  height: 660px;
  overflow: hidden;
}
#photo img { position: absolute; }

#frame_nav {
  position: relative;
  margin-top: 3px;
  height: 25px;
  width: 880px;
}
#arrow_left,#arrow_right {
  cursor: pointer;
  visibility: hidden;
  float: left;
} 
#thumbs {
  cursor: pointer;
  float: left;
  margin-left: 4px;
}
#counter {
  font-size: 9px;
  color: #606060;
  width: 44px;
  float: left;
}
#progress,#progress_done {
  position: absolute;
  height: 1px;
  top: 5px;
  left: 730px;
  visibility: hidden;
}
#progress {
  width: 150px;
  background-color: #cccccc;
}
#progress_done {
  width: 0px;
  background-color: black;
}
#sidebar {
  position: absolute;
  left: 904px;
  top: 40px;
  width: 200px;
  height: 660px;
}

div.footer { }
div.footer img { display: inline; float: right; margin-bottom: 6px; margin-left: 8px; }

div.overlay {
  position:absolute;
  visibility:hidden;
  top:39px;
  width:480px;
  height:180px;
  z-index: 210;
}
div.overlay_bg {
  position: absolute;
  width:100%; height: 100%;
  opacity:0.75;
  filter: alpha(opacity=75);
  background-color: #ffffff;
  //border: 1px solid #cccccc;
}
div.overlay_links {
  position: absolute;
  margin: 6px;
}

div.thumbnails {
  width: 300px;
  position: absolute;
  left: 160px;
}
div.thumbnails img {
  float: left;
  margin: 2px;
  padding: 0px;
  height: 25px; 
  display: none;
}

div#thumbs_overlay {
  position: absolute;
  visibility: hidden;
  width: 880px;
  top: 634px;
  height: 66px;
  z-index: 205;
}
div.thumbs_bg {
  position: absolute;
  width:100%; height: 100%;
  opacity:0.85;
  filter: alpha(opacity=85);
  background-color: #888888;
}
div.thumbs_left, div.thumbs_right {
  position: absolute;
  cursor: pointer;
  width: 30px;
  margin-top: 6px;
}
div.thumbs_right {
  left: 850px;
}
div.thumbs_scroller {
  position: absolute;
  width: 820px;
  height: 54px;
  left: 30px;
  margin: 6px 0px;
  overflow: hidden; 
}
div#thumbs_content {
  position: absolute;
  left: 0px;
  width: 10000px;
  height: 54px;
}
div#thumbs_content img {
  float: left;
  margin: 2px;
  padding: 0px;
  height: 50px;
  cursor: pointer;
}

#description p {
  margin-top: 2px;
  margin-bottom: 5px;
  color: #303030;
}