body {
  margin:0em;
  background:#214031;
  overflow:hidden;
}

#menu {
 position:absolute;
 left:0px;
 top:0px;
 width:300px;
 color:#FDFCEB;
 font-variant:small-caps;
 background:#173B2A url(/photoviewer2/images/tile-r.gif) repeat-y top right;
}

#menu ul {
 list-style-type:none;
 margin:0.25em 1.25em 0.25em 0.25em;
 padding:0em;
 overflow:auto;
 height:675px;
}

#menu ul ul {
 margin:0.25em;
 padding:0em;
 height:auto;
}

#menu li {
 display:block;
 margin:0em;
 padding:0em;
}

#menu h3 {
 font-size:1.0em;
 font-weight:normal;
 text-transform:capitalize;
 color:#DBAE5B;
 margin:0em;
}

#menu h3 a {
  display:block;
  background:url(/images/minus.gif) no-repeat 1% 50%;
  text-indent:1em;
}


#menu h3.off a {
  background-image:url(/images/plus.gif);
}


#menu ul li a {
 display:block;
 text-decoration:none;
 color:#DBAE5B;
 font-size:0.9em; /* 0.85em / 1.1em line */
 text-transform:capitalize;
 line-height:1.3em; /* IE requires height */
}

.hd, .c, .ft {
  font-size:1px;
  height:6px;
}

#menu .hd {
  background:url(/photoviewer2/images/box/1/tl.gif) no-repeat top left;
}

#menu .hd .c {
  background:url(/photoviewer2/images/box/1/tr.gif) no-repeat top right;
}

#menu .ft {
  background:url(/photoviewer2/images/box/1/bl.gif) no-repeat bottom left;
}

#menu .ft .c {
  background:url(/photoviewer2/images/box/1/br.gif) no-repeat bottom right;
}

#menu .bd {
  border-left:1px solid #fff;
  border-right:1px solid #fff;
  *margin-top:-4px;
  padding-left:75px;
  background-repeat:no-repeat;
  background-position:2% 50%;
  height:3.4em;
}

#menu .bd p {
  font-size:0.7em;
  margin:0px;
}

#menu .bd h5 {
  margin:0px;
}


#filmstrip {
  position:absolute;
  bottom:-100px;
  left:0px;
  width:100%;
  height:100px;
  background:#010d0a;
  padding-left:5px;
}

#filmstrip .btn-l, #filmstrip .btn-r, #filmstrip .content {
  float:left;
  display:inline;
  height:75px;
  margin-top:12px;
}

#filmstrip .content {
  width:935px;
  overflow:hidden;
  position:relative;
}

#filmstrip .btn-l, #filmstrip .btn-r {
  width:30px;
}

.btn-l a, .btn-r a {
  display:block;
  height:30px;
  margin-top:25px;
}

.btn-l a {
  background:url(/photoviewer2/images/sprite-l.gif) no-repeat 0px 0px;
}

.btn-r a {
  background:url(/photoviewer2/images/sprite-r.gif) no-repeat 0px 0px;
}

.btn-l a:hover,
.btn-r a:hover {
  background-position:0px -30px;
}

.item .bd .l, .item .bd .r {
  float:left;
  display:inline;
  height:3.0em;
}

.item .bd .l {
  width:80px;
  text-align:center;
}

.item .bd .l img {
  height:50px;
  vertical-align:middle;
}

.item .bd .r {
  font-size:0.8em;
  font-weight:bold;
}

.property .bd {
  padding-left:0px !important;
}

#preload-con {
  display:none;
}

.item.property {
  margin-top:0.25em;
}

#filmstrip .content ul {
  position:absolute;
  margin:0px;
  padding:0px;
  width:10000px;
  height:75px;
  top:0px; 
}

#filmstrip .content li {
  list-style-type:none;
  float:left;
  display:inline;
  width:75px;
  height:75px;
  margin:2px;
  padding:0px;
  text-align:center;
}

#filmstrip .content li a {
  display:block;
  width:75px;
  height:75px;
  text-align:center;
  border:none;
  margin:0px;
  padding:0px;
}

#filmstrip .content li a:hover, #filmstrip .content li a.selected {
  background:#fff;
}

#filmstrip .content li img {
  border:none; 
}

#img-con {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:590px;
  background:url() no-repeat 50% 50%;
}

#show-menu {
  position:absolute;
  top:3px;
  left:3px;
  display:none;
  width:30px;
  height:30px;
}

#show-menu a {
  display:block;
  width:30px;
  height:30px;
  background:url(images/sprite-open_menu.gif) no-repeat 0px 0px;
}

#show-menu a:hover {
  background-position:0px -30px;
}

#site-container {
  position:absolute;
  top:0px;
  left:0px;
  overflow:hidden;
}

#image-loader {
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-110px;
  margin-top:-15px;
  display:none;
  width:220px;
  height:30px;
  color:#DBAE5B;
  text-align:center;  
}