* {
  font-family: Arial;
}
.photocontainer {
    width: 900px;
    max-width:900px;
    height: 250px;
    max-height: 250px;
    display:block;
    background: transparent url(gallery_bg.png) repeat;
    overflow: scroll;
    overflow-x:hidden;
}
    .albumname {
        width:195px;
        max-width: 195px;
        height:100%;
        display:block;
        float:left;
        border-right: 1px #373616 solid;
    }
      .albumname ul {
        padding:0px;
        margin:0px;
        list-style:none;
      }
        .albumname ul li {
          line-height: 32px;
          text-indent: 10px;
          border-bottom: 1px #b4a5a3 solid;
        }
          .albumname ul li a {
            text-decoration: none;
            color: #FFF;
            font-size: 16px;
            font-weight: bold;
            border-bottom: 1px #3b302e solid;
            line-height: 32px;
            display:block;
            cursor: pointer;
          }
          .albumname ul li a:hover {
            background: url(albumbut_over2.png) repeat-x center;
            box-shadow: inset 0 0 10px #007ce1;
          }
          .currentalbum {
            background: url(albumbut_over2.png) repeat-x center;
            box-shadow: inset 0 0 10px #007ce1;
          }

.albumlist {
    width: 690px;
    max-width: 684px;
    height:100%;
    float:right;
    display:block;
border-left: 1px #b0ad9f solid;
}



/* ---------- gallery styles start here ----------------------- */
.albums {
	list-style: none;
	margin: 0;
	padding: 0;
}
    .albums li {
    	padding: 10px;
    	margin: 0;
    	float: left;
    	position: relative;
    	width: 150px;
    	height: 98px;
    }
        .albums li:hover img {
        	border-color: #000;
        }
        .albums img {
        	background: #fff;
        	border: solid 1px #888;
        	padding: 1px;
            width:150px;
            height:98px;
        }
        .albums em {
        	background: url(gallery_bg.png) repeat;
        	color: #FFF;
        	font-style: normal;
        	padding: 2px 10px;
        	display: block;
        	position: absolute;
        	top: 86px;
        	left: 12px;
        	border: 1px solid #999;
        	border-left-color: #888;
            border-width: 1px 0 0 0;
            width:130px;
            text-align:left;
        }
        .albums a {
        	text-decoration: none;
            cursor: pointer;
        }
        .albums a:hover em {
        	/*background: url(images/orange-gradient.gif) repeat-y;
        	border-color: #c25b08;*/
        }
/***********************************************************/
/**********/
.backphoto {
  z-index: 4;
  position: absolute;
  background: url(gallery_bg.png) repeat;
  display:block;
  width:100%;
  height:100%;
  overflow:hidden;
  overflow-x:hidden;
  display: none;
  top:0px;
  left:0px;
}
.photolist {
  z-index: 5;
  position: absolute;
  background: url(gallery_bg.png) repeat;
  display:block;
  width:900px;
  height:300px;
  overflow:auto;
  overflow-x:hidden;
  display: none;
  top:300px;
  left:115px;
}
    strong.closephoto {
      z-index: 6;
      position: absolute;
      font-size:2.0em;
      font-weight:bold;
      top:0px;
      left:0px;
    }
    /*****/
    .photos {
    	list-style: none;
    	margin: 0;
    	padding: 0;
        z-index: 7;
    }
        .photos li {
        	padding: 10px;
        	margin: 0;
        	float: left;
        	position: relative;
        	width: 150px;
        	height: 98px;
            display:none;
        }
            .photos li:hover img {
            	border-color: #000;
            }
            .photos img {
            	background: #fff;
            	border: solid 1px #888;
            	padding: 5px;
                width:150px;
                height:98px;
            }
            .photos a {
            	text-decoration: none;
            }

.allalbums {
  /*display: none; */
}
.hidealbums {
  display: none;
}
.allalbums a {
display: block;
}