/* CSS Document */

.simplegallery{ //CSS for Simple Gallery 
	position: relative; /*keep this intact*/
	visibility: hidden; /*keep this intact*/
	border: 0; /* default border of gallery */
//*	max-width: 1309;*//
}

.simplegallery .gallerylayer{
	height: auto;
	text-align: center;

}

.simplegallery .gallerylayer:before{ /* technique to vertical center gallery contents */
  content: '';
  display: inline-block;
  vertical-align: top;
  height: auto;
}

.simplegallery .gallerylayer .galleryinner{
	position: relative;
	width: auto;
	vertical-align: top;
	display: inline-block;
}

.simplegallery .gallerylayer .galleryinner.responsive img{
	max-width: 100%;
	min-width: 100%;
	display: inline-block;
}

.simplegallery .gallerydesc{
    background: rgba(255, 255, 255, 0.8);
	//*max-width: 1309;*//
	left: 0;
	top: -5;
	position: absolute;
	height:auto;
	max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	left: 0;
	z-index: 1002;
}

.simplegallery .gallerydesc:before{ /* overlay beneath description panel */
	content: '';
	position: absolute;
	background: rgba(255, 255, 255, 0.8);
	//*max-width: 1309;*//
	left: 0;
	top: 0;
}


.simplegallery .gallerydesc {
	width: auto;
	height: auto;
	color: black;
	text-align: left;
	padding: -5px;
    /* padding inside description panel */
    z-index: 1002;
}

.gallerydesctext{
	width: auto;
	height: auto;
	color: black;
	text-align: left;
	padding: -5px;
    /* padding inside description panel */
    z-index: 1002;
}

.arrowunderline{
list-style-type:none;
margin:0;
padding:0;
text-align:left; /* enter "left", "right", or "center" to orient the menu accordingly */
font: 18px arial;
}

.arrowunderline li{
display:inline;
margin-right:25px; /* spacing between each menu item */
}

.arrowunderline li a{
position:relative;
color:black;
padding-bottom:2px; /*spacing between each menu item and arrow underline beneath it */
text-decoration:none;
}

.arrowunderline li a:hover{
border-bottom:3px solid purple; /* style of arrow underline */
}

.arrowunderline li a:hover:after{ /* use CSS generated content to add arrow to the menu */
content:'';
width:0;
height:0;
position:absolute;
left:50%;
margin-left:-5px; /* value should match border-width below */
bottom: 0;
border-width:5px; /* value should match margin-left above */
border-style:solid;
border-color: transparent transparent purple transparent; /* create up arrow */
}