body {
	background: #222;
	color: #eee;
	margin-top: 20px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
a {
	color: #FFF;
	text-decoration: none;
}
a:hover {
	color: #00ccff;
	
}
.thumbnails img {
	height: 200px;
	border: 4px solid #555;
	padding: 1px;
	margin: 0 10px 10px 0;
}

.thumbnails img:hover {
	border: 4px solid #00ccff;
	cursor:pointer;
}

.preview img {
	border: 4px solid #555;
	padding: 1px;
	width: 400px;
	margin: 0 10px 10px 0;
}


.thumbnailsRight img {
	height: 75px;
	border: 4px solid #555;
	padding: 1px;
	margin: 0 10px 10px 0;
	float: bottom;
	
}

.thumbnailsRight img:hover {
	border: 4px solid #00ccff;
	cursor:pointer;
}

.previewRight img {
	border: 4px solid #555;
	padding: 1px;
	max-height: 550px;
	max-width: 700px;
	margin: 0 10px 10px 0;
	
}






/* quick reset */
* {
  margin: 0;
  padding: 0;
  border: 0;
}

/* relevant styles */
.img__wrap {
  position: relative;
  height: 200px;
  width: 257px;
}

.img__description {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(29, 106, 154, 0.72);
  color: #fff;
  visibility: hidden;
  opacity: 0;

  /* transition effect. not necessary */
  transition: opacity .2s, visibility .2s;
}

.img__wrap:hover .img__description {
  visibility: visible;
  opacity: 1;
}











::-webkit-scrollbar {
    width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.8);*/ 
    -webkit-border-radius: 10px;
    background-color:#555;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background:#999; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

@font-face { font-family: SilkRemington; src: url('SilkRemington-SBold.otf'); } 
@font-face { font-family: SilkRemington; font-weight: bold; src: url('SilkRemington-SBold.otf');}
h3 { font-family: SilkRemington, sans-serif; font-size: 40px; }
h2 { font-family: SilkRemington, sans-serif; font-size: 20px; }
h4 { font-family: SilkRemington, sans-serif; font-size: 15px; }
h5 { font-family: SilkRemington, sans-serif; font-size: 17px; }