#pageLogo {
	background: url("../../../en/images/gallery_logo.png") no-repeat 0px 0px; left: 150px; top: 480px; width: 273px; height: 165px;   position: absolute;
}
#pageBox {                                                          
	background: url("../../../en/images/gallery_box.png") no-repeat 0px 0px; left: 80px; top: 110px; width: 500px; height: 500px;   position: absolute;
  padding-left:17px;
}
#pageBox * {                                                          
  outline: none;
}

.mfp-arrow-left:after,
.mfp-arrow-left:before,
.mfp-arrow-right:after,
.mfp-arrow-right:before,
.mfp-a,
.mfp-b {
  display: none;
   }

button.mfp-arrow {
   }

button.mfp-arrow-left {
	background: url("../../../images/buttons.png") no-repeat 0px 0px; left: 90px; top: 50%; width: 36px; height: 85px; left: 50px;  cursor: pointer;
   }

button.mfp-arrow-right {
	background: url("../../../images/buttons.png") no-repeat -36px 0px; top: 50%; width: 36px; height: 85px;  right: 50px;  cursor: pointer;
   }

button.mfp-arrow-left:hover {
	background-position: 0px -88px;
}
button.mfp-arrow-right:hover {  
	background-position: -36px -88px;
}

.thumbImg {
  width: 150px;
  height: 150px; 
  padding: 0px;
  display: inline-block;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  cursor: default;
  outline: 1px solid rgba(255, 255, 255, 0) !important;
  outline: none;
  background-image: url("../../../images/overlay_bg.png");
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin: 1px 8px 8px 1px;

}
.thumbImg:hover {
  outline: 1px solid rgba(255, 255, 255, 1) !important;
  cursor: pointer;
}
.thumbDoc {
  width: 150px;
  height: 150px; 
  padding: 0px;
  display: inline-block;
  color: #ffffff;
  text-align: center;   
  vertical-align: middle;
  overflow: hidden;
  cursor: default;
  outline: 1px solid rgba(255, 255, 255, 0) !important;
  background-color: #c2b59b;
  outline: none;
  margin: 1px 8px 8px 1px;
}
.thumbDoc:hover {
  outline: 1px solid rgba(255, 255, 255, 1) !important;
  cursor: pointer;
}
.thumbDoc p {
  position: relative;
  top: 40%;
}
.thumbContainer {
    
}
.thumbContainer div {
  
}
.thumbContainer img {
  
}
.thumbContainer p {

}
.allThumbsContainer {
  width: 550px;
  height: 600px;
  position: absolute;
  left: 0px;  
  top: 0px;
  overflow: auto;
  z-index: 12;
}
.contentTitle {
	width: 100%; color: rgb(255, 255, 255); margin-bottom: 10px; float: left;  line-height: 14px;   font-size: 9pt;  
}
.contentTitle a {
	color: rgb(255, 255, 255); text-decoration: none; display: block;
}
.contentTitle a:hover {
	color: #c2b59b; text-decoration: none; display: block;
}
.dbBox {
	left: 50%; top: 50%; width: 1024px; height: 768px; margin-top: -30px; margin-left: -295px; position: absolute;
}
.dbTitle {
 font-size: 1.8em;
 font-weight: 900;
 color: #ffffff;
 text-align: center;
 margin-left: -30px;
 text-transform: uppercase;
 
}
.dbContent {
 font-size: 1.2em;
 font-weight: 600;
 color: #ffffff; 
 margin-bottom: 10px;
 margin-left: -30px;
  text-align: center;
}