@charset "UTF-8";
/*  CSS Document                        */
/*  Portfolio Gallery 1.0				*/
/*  Mark Fowle - Exhibitsalive.com		*/
/*  Last Update: 08/05/13				*/
/*  Last Update: 09/29/14				*/
/*  Last Update: 10/06/17				*/

body {
	/*following used to eliminate blue selection*/
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;	
}

h1 { 
	color:#fff;
	margin: 15px 0px 12px 0px; 
	margin: 0px 0px .5em 0px; 
	font-family: "tekton-pro", "Trebuchet MS", Verdana, sans-serif;
	font-size: 48px;
	font-weight: 600px;	
	line-height:1.5em;
	}
	
h2 { 
	color:#fff;
	margin: 0px 0px .5em 0px; 
	font-family: "tekton-pro", "Trebuchet MS", Verdana, sans-serif;
	font-size: 32px;
	font-weight: normal;	
	}
	
h3 { font-size: 1.2em; margin: 0px 0px 0px 0px; color: #fff; }

p,ul { margin: 0px 0px 1.5em 0px; line-height: 22px; color: #fff; }

a { 
	text-decoration: none;
	color: #bbb; 
}

a:visited {
	text-decoration: none;
	color:#888;
}

a:hover {
	text-decoration: none;
	font-size:1.1em;
	font-weight:bold;
}

.clear { clear: both; line-height: 1px; }

.cards
{
	position:absolute;
	width:550px;
	left: 0px;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out; 
}
		/********************************/

p.sm2_button {
	position:relative;
	display:inline-block; /* If you worry about old browser bugs, Firefox 2 might not like this and may need -moz-inline-box instead. :D */
	width:60px; height:60px;
	text-indent:-9999px; /* don't show link text */
	overflow:hidden; /* don't draw inner link text */
	vertical-align:middle;
	/* and, a bit of round-ness for the cool browsers. */
	border-radius:6px;
 	/*vertical align tweak 
 	margin-top:-1px; 
	margin-bottom:-1px; */
	 
	/* safari 3.1+ fun (/W3 working draft extension, TBD.) */
	-webkit-transition-property: hover;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out 0s; /* firefox 4 (couldn't sort out -moz-transform vs. MozTransform, so, "all" for now) */
	-o-transition-property: background-color; /* opera 10.5 */
	-o-transition-duration: 0.15s;
	background: no-repeat 2px ;
	
	/* weird IE 6/7 display fixes, and/or I'm doing it wrong */
	*text-indent:0px;
	*line-height:99em;
	*vertical-align: top;
	background-color:rgba(255,255,255,.25);
	background-image:url(arrow-white-2X.png);
	background-position:center;
	/*
	background-image:url(
	data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOFJREFUeNrE18sNwyAMgGHs9t6MkE5GRmCDjpps0BEoHJqWFixeti1xiiL4vwNKjBkc7/1t5H004+PCIazRmFgf1jOsXesAD/8Zq1X/nl2zXlYhUy+rUKiXUSDquxR67gEX1kI8X9kUKuqbFXByPZ9CQ32TAjLUz1foqK9WQKb6eQoD9VUKyFhfpQAVXzvH4AHiHABw7xFwEzYnFUCgnlRAgXpSAYTqiwooVF9UAMH6rEJOYGPc/E8hJxBvrpX5q+5UwJ/NrcDmiQIo1CcKV4X6RAGU6k+Fy1f9pvB7ubwEGAAwzNmIAAMzrAAAAABJRU5ErkJggg==);		
	*/
	*background-image:url(arrow-white-2X.png); 
	*background-position:5px 4px; /* IE 6 again */		
}

p.sm2_button:hover {
	background-color:rgba(200,200,200,.5);
}

.hide{
	visibility:hidden;	
}

.show{
	visibility:visible;	
}

.cardUp {
/*	top:-768px;*/	
	left:-700px;	
}

.cardDwn {
/*	top:0px;*/
	left:0px;	
}

#gallery {
	position:relative;
	width:700px;
	height:500px;
	margin: 0 auto;	
	overflow:hidden; 
}

#photos{
	position:relative;
	top:50px;
	margin: 0 auto;
	width:550px;
}

nav {
	position: relative;
/*	left:-25px;*/
	top:375px;
	width:700px;
	height:100px;
	margin: 0 auto;
}

#btnFwd{
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	position: relative;
	float: right;
	margin-right: 10px;
	top: 0px;
 } 

#btnRev{
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	position: relative;
	float:left;
	margin-left:10px;
	top: 0px;
}

#descriptionBox {
	position: relative;
	width: 500px;
	height: 40px;
	margin: 0 auto;
	padding:10px;
	top: 0px;
	overflow: hidden;
	background-color: rgba(0,0,0,.65);
	box-shadow: 8px 8px 5px rgba(0,0,0,.25);
	border-radius: 10px;
	color: #FFF;
	text-align: center;
}

#xOfx {
	color:#888;
	margin-top:5px;
}

#description, #xOfx {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;	
}

#titleBox {
	color:#FFF;
	top:0px;
	height:30px;
	font-family: "tekton-pro", "Trebuchet MS", Verdana, sans-serif;
	font-size: 24px;
	font-weight:bold;	
	line-height:30px;
}
#galleryFooter {
	width:800px;
	height: 150px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
}
@viewport {
   	width: device-width;
	initial-scale:1.0;
   	user-zoom: fixed;
   	max-zoom: 1; 

   	-webkit-width: device-width;
	-webkit-initial-scale:1.0;
   	-webkit-user-zoom:fixed;
   	-webkit-max-zoom: 1; 

}

.poi:hover {
	cursor:pointer;	
}

/*vvvvvvvvvvvv Scroll Bar styles vvvvvvvvvvvv*/
/* https://css-tricks.com/custom-scrollbars-in-webkit/ */
::-webkit-scrollbar {
	width: 20px;   
	margin-right: 5px;
/*			background-color:#313131;*/
	background-color: rgba(51,102,204,.01);
}
::-webkit-scrollbar-track {
	border-radius: 5px;
	margin-right: 5px;
	background-color: rgba(0,0,0,.85);
/*			background-color: #3366cb;*/

	/*  gives button look, remove for flat look*/
	/*-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,1);*/
}
::-webkit-scrollbar-thumb {
	border-radius: 5px;
/*			background-color: rgba(0,0,0,0.50);*/
	margin-right: 5px;
	background-color: rgba(100,100,100,0.50);
	/* -webkit-box-shadow: inset 1px 1px 15px rgba(0,0,0,1);*/
}
/*^^^^^^^^^^^^ End Scroll Bar styles ^^^^^^^^^^^^^^^*/