/* Start of CMSMS style sheet 'Galleria' */
/* CSS Styling and Layout for the gallery templates */
/* Based off of the default Galleria simple demo template */
/* Modified to fit by: Tyler Boespflug - Pixel Puzzler Productions */

/*{margin:0;padding:0}*/
#gallery_wrapper ul {list-style-type:none;}
.gallery_unstyled img {margin: 5px auto;}


.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */


#gallery_wrapper {position: relative; display: block; margin-bottom:25px;}
.caption{ color:#576780; margin-left: 310px; text-align: center; display: block; width: 550px; line-height: 16px; font-size: 14px; font-style: italic; padding-top: 5px; background-color:#fff; font-family: Arial, Helvetica, sans-serif;}
.gallery {float:left; padding: 0 0 0 2px; margin: 0; width:100%;}
.gallery li{width:55px;height:55px;border:3px double #eee;margin: 0 2px 2px 0;background:#eee; } 
.gallery li.hover{border-color:#bbb;}
.gallery li.active{border-style:solid;border-color:#222;}
.gallery li div{left:5px}
.gallery li div .caption{font:italic 12px; georgia,serif;}
.nav{width: 100%; text-align: center; clear:both; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing:; text-transform:uppercase;}
.nav a {color: #990000; text-decoration: none;}
.nav a {color: #998F79; text-decoration: none;}
#main_image{margin:0 auto 0 auto; text-align:center; }
#main_image img{max-height: 550px; max-width: 550px;}

#pane4 {float: left;}
#main_image_multiple {margin: 23px auto 0 310px; text-align: center;}
#main_image_multiple img{max-height: 550px; max-width: 550px;}
    
.thumbArea {
  float: left;
  width: 265px;
  text-align: center;
  margin-left: 10px;
}
  
.scroll-pane {
  width: 264px;
  height: 378px;
  overflow: hidden;
}


.holder {
  width: 266px;
  height: 429px;
  overflow: hidden;
  float: left;
  margin: 0;
  padding: 0;
}

.galleryDiv {
  width: 265px;
  height: 430px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.galleryHeader {
  height:18px;
  width: 259px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  margin-top: 10px;
  margin-left: 10px;
  padding: 2px 2px 2px 0px;
  font-family: Arial, Helvetica, sans-serif;
  text-transform:uppercase;
}
#galleryNav {
  width: 90%;
  margin: 5px auto 5px auto;
  font-size: 12px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  text-transform:nono;
  text-align: left;
  margin-bottom: 0px;
  margin-left: 10px;
  }
  
#galleryNav a{
  text-decoration: none;
  color: #6A7B8F;
}

#galleryNav a:hover{
  text-decoration: none;
  color: #D8D2C5;
}

.jScrollPaneContainer {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.jScrollPaneTrack {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  height: 100%;
  background: #aaa;
}
.jScrollPaneDrag {
  position: absolute;
  background: #666;
  cursor: pointer;
  overflow: hidden;
}
.jScrollPaneDragTop {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.jScrollPaneDragBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
a.jScrollArrowUp {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  text-indent: -2000px;
  overflow: hidden;
  /*background-color: #666;*/
  height: 9px;
}
a.jScrollArrowUp:hover {
  /*background-color: #f60;*/
}

a.jScrollArrowDown {
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  text-indent: -2000px;
  overflow: hidden;
  /*background-color: #666;*/
  height: 9px;
}
a.jScrollArrowDown:hover {
  /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
  /*background-color: #f00;*/
}  

:focus {
  outline: none;
}


/* End of 'Galleria' */