<style type="text/css" media="all">

/**
 * RESET
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block;
}

html, body {
		background-color: #1d1d1d;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  

}

html {

overflow: -moz-scrollbars-none !important; 

}


body {

	color: #000;
	font-size: 11pt;
	line-height: 16pt;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
font-family:'ITC Giovanni W01 Book', serif;


  padding: 0;

}

.centerText {
	text-align: center;
}

p {
	margin: 0 0 .7em 0;
}
a {
  text-decoration: none;
}
/**
 * BOX HACKING
 */

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
	border:none;
}

h1 {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
}
h2 {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
}
a,  a:link {
	color: #fff;

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

  text-decoration: none;
}
a:hover {
	color: #b6ecff;
	text-decoration: none;
}
a:focus {
	color:  #FFF;
}
a:active {
	color:  #FFF;
}

.hrule {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(255, 255, 255, 0.5);	
	height:1px;
	margin:.6em 0;
	padding:0 0 0 0;
}


.smalltext {
		font-size: .8em;
	line-height: 1.2em;
	padding-bottom:5px;

}


.hidden {
	display:none;
}
.noviz {
	opacity: 0;
	}
	
.mainContent {
	margin-top: 100px;
	width: 90%;
	max-width:1600px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	text-align: center;
}

.textPicBox {
		float: right;
	width: 40%;
	margin: 0 0 20px 20px;
	text-align: center;
}
.textPic {
width:100%;
height: auto;
	border: 1px solid #000;
}

.textArea {
	display: block;
	width: 90%;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	font-size: 1.5rem;
	line-height:1.7em;
	color: #cecece;
}

.textArea a , .textArea a:link {
	color: #8e9dbe;
	text-decoration: none;
}
.textArea a:hover {
	color: #37c;
	text-decoration: none;
}
.textBump {
	font-size: 1.2em;
}

@media only screen and (max-width: 700px) {  
.textArea {

	font-size: 1.3rem;
	line-height:1.5em;

}
.textBump {
	font-size: 1em;
}

}


.swipe {
  overflow: hidden;

  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;

  position: relative;
}

 .sliderPic {
		   padding: 0;
  display: block;
  margin: 0 auto;
  max-height: 90%;
  max-width: 90%;
   border: 1px solid #000;
 }
 

.controlArrow {
	-webkit-user-select: none; /* webkit (safari, chrome) browsers */
	-moz-user-select: none; /* mozilla browsers */
	-khtml-user-select: none; /* webkit (konqueror) browsers */
	-ms-user-select: none; /* IE10+ */
	position: absolute;
	z-index: 4;
	top: 50%;
	cursor: pointer;
	width: 0;
	height: 0;
	border-style: solid;
	margin-top: -38px;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: .7;
}
.controlArrow.prev {
	left: 10px;
	width: 0;
	border-width: 28.5px 24px 28.5px 0;
	border-color: transparent #6a6a6a transparent transparent;
}
.controlArrow.next {
	right: 10px;
	border-width: 28.5px 0 28.5px 24px;
	border-color: transparent transparent transparent #6a6a6a;
}



.scaleW {
	width: 90%;
	height:auto;
}
.scaleH {
	height: 90%;
	width: auto;
}

 .section {

height: 98vh;


 }
 .picHolder {
		 width: 77%;
	height: 85%;
	max-width: 1200px;

	vertical-align: middle;
			 margin-left: auto;
	margin-right: auto;

	padding-top: 50px;
 }
.picBox {

height: 100%;
width:100%;

	margin-left: auto;
	margin-right: auto;
		background-position:center center;
				background-repeat: no-repeat;
				background-size: contain;
	
}




.galScrim {
		background-color: #fff;
	position: fixed;
		 z-index: 2600;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	display: none;
}

 .zoomBox {
	 width: 94vw;
	 height: 94vh;
	 z-index: -1;
	 position: absolute;
	 top: 30px;
	right: 0;
	left: 0;

text-align: center;
opacity:0;
overflow: hidden;

		 margin-left: auto;
	margin-right: auto;

 }
 
 .zoomPicBox {


 }

 
 .bigPicBox {
	position: absolute;
	width: 100vw;
height: 100vh;

	top: 0;
	left:0;
	right: 0;
		margin-left: auto;
	margin-right: auto;
	z-index: 2500;
	display: none;
background-color: #fff;


	
}
.bigPicHolder {

display: block;
 height: 96%;
  width: 94%;
  margin-top: 1%;
text-align: center;
	margin-left: auto;
	margin-right: auto;

			background-position:center center;
				background-repeat: no-repeat;
				background-size: contain;
cursor: pointer;
}


.bigPic {
	position: relative;
	z-index: 2;
	  padding: 0;
  display: block;
  margin: 0 auto;

   border: 1px solid #000;
  
}

.navBox {
	 
	position: absolute;
	z-index: 3100;
	top: 0;
	right: 20px;
	margin-right: 0px;
 height:40px;
 width: 40px;
	text-align: left; 
 color: #fff;
 display: none;


 }
 
 
@media only screen and (max-height: 850px)  {

.navBox {

	right: 2%;



 }
}


 
.sizeBut {
 height:40px;
 width: 40px;
display: none;
	 border: 1px solid #000;
	 border-top-width: 0px;
		 padding: 10px;
		 margin-bottom: 10px;
		font-size: 1.4rem;
	
	 cursor: pointer;
	 text-align: center;
	  background-color: rgba(72, 72, 72, 0.8);
}

.butBright {
	 border-color: rgba(92, 154, 192, 1);
}
.sizeButBox {
	height:40px;
}



.contentBox {
	 position: absolute;
	 top: 0;
	 left:0;
	 width: 100%;
	 height:62px;
	 text-align: center;
	 color: #fff;
z-index: 1000;


 }
 
 .contentBut {
	 display: inline-block;
	  height:40px;
	 border: 1px solid #000;
	 border-top-width: 0px;
		 padding: 10px;
		 margin-bottom: 10px;
		font-size: 1.4rem;
	  background-color: rgba(72, 72, 72, 0.5);
	 cursor: pointer;
 }
 
 .contentBut:hover , .sizeBut:hover {
		  border: 1px solid #fff;
	 border-top-width: 0px;
	  background-color: rgba(50, 50, 50, 1);
 }
 


 .sizerBox {
margin-top: 7%;
 }
 .spacer {
	 height: 30px;
 }
 .navBut {

	 border: 1px solid #000;

	 width: 40px;
	 height: 40px;
	 background-color: rgba(0, 0, 0, 0.2);
	 cursor: pointer;

	 text-align: center;
	 color: #fff;
	 font-size: 30px;
			   border-top-width: 0px;
		  display: inline-block;
			   margin: 0px;
			  
 }
 

	 
 .linkBut {
	 background-color: rgba(0, 0, 0, 0.4);

	  display: inline-block;
		white-space: nowrap;
		padding: 10px 15px;
		margin: 10px 20px;
		border: 1px solid #989898;
		cursor: pointer;
	 }
	 
	 
	 
 .linkBut:hover {
	 border-color: rgba(69, 188, 231, 1);
	  background-color: rgba(0, 0, 0, 1);
 }	 
 
 
 @media only screen and (max-width: 420px) { 
	.linkBut {
		font-size: 0.8em;
		padding: 5px 10px;
		margin: 10px 15px;
	} 
 }
	  .frameBox {
		   font-size: 1.7em;

	  display: inline-block;
		   border: 0px solid rgba(209, 209, 209, 0.6);
	 }

 
 .sizeSmall {
		  background-color: rgba(0, 0, 0, 0.5);
 }
 .navButTop {
		  border-top-width: 0px;
		  display: inline-block;
			   margin: 0px;
 }
  .navButSide {
		  border-right-width: 0px;
		  display: block;
			   margin-bottom: 15px;
 }
 
  .navBut:hover {

	 background-color: rgba(0, 0, 0, 1);
			color: #fff;
  }
 .navButText {
	 
				 position: relative;
  top: 50%;
  transform: perspective(1px) translateY(-50%);
 }




 

 
 .closer {
	 margin-bottom: 0px;

color: #888;

	 font-family: sans-serif;
	 
	  height:40px;
 width: 40px;

	 border: 1px solid #000;
	 border-top-width: 0px;
		 padding: 10px;
		 margin-bottom: 10px;
		font-size: 1.4rem;
	
	 cursor: pointer;
	 text-align: center;
	  background-color: rgba(72, 72, 72, 0.8);

}
/*  .closerBox {
position: absolute;
z-index: 200;
top:0;
left:20px;

	text-align: center; 
	display: block;
	 
	  height:40px;
 width: 40px;
	
 } */
.closerHolder {

	position: absolute;
	 z-index: 2000;
	 top:0;
	 left:0;
	 width:100%;
	 height: auto;
	 text-align: center; 
}
 .closerBox {

 display: block;
	  
	   height:40px;
  width: 40px;
  margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	 
  }
  
 .closerBox:hover > .closer {
	 color:#fff;
 }
  
 .topBut {
	  /* border-top-width: 0px; */
 }
 
 
 #plateSmall{
		 background-color: #3b3b3b;
		position:fixed;
			z-index: 2;
top:0;
	width 100%;
	height: 30px;
		display:block;
		width: 100%;

		text-align:center;
		color: #f2f2f2;
		padding: 0 0 0 0;
			 border-bottom: 1px solid #2e2e2e;
			 
	}
	

.platePicSmall {
	opacity: 1;	
	height: 100%;
	width: auto;
	margin: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

 #basePlate{
		 background-color: #3b3b3b;

	width 100%;
	height: 30px;
		display:block;
		width: 100%;


		text-align:center;
		color: #f2f2f2;
		padding: 0 0 0 0;
			 border-bottom: 1px solid #2e2e2e;
			 
	}
	

.basePlatePic {
	opacity: 1;	
	height: 100%;
	width: auto;
	margin: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.picZoom {

	width: 90%;
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;

}


.infoBox {
/* position: relative;
z-index: 2; */
text-align: center;
}

.infoText {
			  padding: 2% 10px 10px;
color: #c3c3c3;
}





.smallBox {
	display: inline;
	  border: 1px solid #a1a1a1;
	  padding: 0 .25em;
font-size: .8em;
	height: 1em;
	width: 1em;
	vertical-align: top;
	margin: 0 .25em;
}


.galBox {
  width: 100%;
  min-height: 100%;

	z-index: -100;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
  margin-right: auto;
  margin-left: auto;

opacity: 0;
	
}

.galBoxZ {
	
	z-index: 12000;
}

.pageBox {
  width: 100%;
  min-height: 100%;

	z-index: 12000;
	
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: #333;
  margin-right: auto;
  margin-left: auto;
opacity: 0;
	
}

.pageBoxZ {
min-height: 1px;
height: 1px;

overflow: hidden;
	z-index: -10;

}


.popBox {
  width: 90%;
max-width: 1200px;
	z-index: 2000;
	position: absolute;
	top: 10%;
	left: 0;
	right: 0;
	padding: 0 2% 2% 2%;
	
  margin-right: auto;
  margin-left: auto;

	display: none;

	opacity: 0;
	text-align: center;
}
/* 
.popBox .closerBox {
margin-bottom: 20px;
} */

.popBox  {
	margin-bottom: 20px;
	}
	
.scrim {
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 4000;
		background-color: #484848;
	display: none;
	
}
.loader {

	position: absolute;
	top: 0;
	left: 0;
z-index: -20;

	display: none;


}

.gridBox {
	padding: 20px;
}

.masonryBox {
	  margin-left: auto;
	  margin-right: auto;
	
	   background-color: rgba(0, 0, 0, 0.5);
	   padding-bottom: 1rem;
	   max-width: 400px;

  }
  
  
.masonry-wrapper {
  padding: 1.5em;
max-width: 700px;
  margin-right: auto;
  margin-left: auto;
}


.gridTop {
	margin-top: 20px;
	}
.grid {

	width: 96%;
	max-width: 1600px;
		margin-left: auto;
	margin-right: auto;

}

.navGrid {

	  background-color: rgba(59, 59, 59, 0.7);
	  display: block;
	}
	
.navGrid2 {
		max-width: 800px;
	}	
	.stamp {
  position: absolute;
z-index: 500;
  left: 0;
  top: 0;
  width: 100%;
  height: 80px;
}



.cursor {
cursor: pointer;	
	}
 
 .iconPic {
	width:100%;
	height: auto;

	display: block;

}

.gridIconPic {
	width:100%;
	max-width: 700px;
	height: auto;
	 border: 3px solid #686868;
			margin-left: auto;
	margin-right: auto;
	 cursor: pointer;
}
.gridIconPic:hover {
	border-color: #39b8cb;
	}


.baseGridPopBox {
	position: absolute;
	width: 100%;
	height: 100vh;
	max-height: 100vh;
	top: 0;
	left:0;
	z-index: 5;
	display: none;
	background-color: #fff;
color: #6a6a6a;
	
}

.bigPic {
	position: relative;
	z-index: 2;
	  padding: 0;
  display: block;
  margin: 0 auto;
  max-height: 90%;
  max-width: 90%;
   border: 1px solid #000;
  
}

.popGrnd {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	top:0;
	left:0;

	}
	
.galGuideTextBox {
margin: 0px 10px 0px 10px;

}
.guideText {
	font-size: 1rem;
	color: #a1a1a1;
	line-height: 1.5em;
}
	
		.popGuideBox {
		position: absolute;
		z-index: 100;
		top: 0;
		right: 0;
		left: 0;
	
		margin-left: auto;
margin-right: auto;

display: table;
		padding: 0;
		
		text-align: center;


	}
	
	
	.guideHolder {
			width: 180px;
	opacity: 0;
display: none;
			background-color: rgba(255, 255, 255, 0.9);
			margin: 0;
			padding: 10px 20px;
	
	}
	
	.guideCell {
display: table-cell;
	vertical-align: middle;


	}
.popGuideTextBox {

		

}

.popGuideText {


}
	

.baseGridBox {
	padding: 20px ;

	max-width: 850px;
}


	
.baseGridTop {
	margin-top: 20px;
	}
.baseGrid {

	width: 100%;
	max-width: 1900px;
		margin-left: auto;
	margin-right: auto;

}
/* fluid 5 columns */
.baseGrid-sizer,
.baseGrid-item { padding: 0px 2%; }
/* 2 columns */
.baseGrid-item-width2 { width: 40%; }


.squarePics {
	width: 100%;
		margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
	
.non-grid-item {
	width: 44%;

max-width: 900px;
display: inline-block;

		margin-left: auto;
	margin-right: auto;
	}
	



.guidePopBox {

	position: absolute;
	width:100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 5000;
	text-align: center;
		background-color: #484848;
			display: table;

}
.guideBox {
  display: table-cell;
   vertical-align: middle;

	  margin-left: auto;
  margin-right: auto;
  
  color: #fff;
  
	

	
}


.guideCloser {
	background-color: rgba(255, 255, 255, 0.47);
	border-color: #7d7d7d;
	border-width: 1px;
line-height: 1em;

}


.textBut {
	margin: 1em 10px 10px 10px;
	font-size: 1.2em;
	
	border: 1px solid #fff;
	padding: 10px;
	display: inline-block;
	cursor: pointer;
}

.textBut:hover {
	border-color: #a7a7a7;
background-color:#5c5c5c;
}
 


 .name {
	font-size: 1.1rem;
}

.info {
	font-size: .9rem;	
}
.bigScreen {
	display: none;
}

.noFloat {
	display: block;
	float: none;
	margin-left: auto;
	  margin-right: auto;
}
.align-center {
	text-align: center;
	margin-left: auto;
	  margin-right: auto;
}
@media only screen and (max-width: 500px) {  
	

.textPicBox {
	display: block;
	float: none;

	margin: 0 0 20px 0;

	width:60%;
		margin-right: auto;
	margin-left: auto;
	
}

}





@media only screen and (max-width: 660px)  {

.navItem {
	width:100%;
	}

}







@media (min-width: 900px), (min-height: 900px) {
.bigScreen {
	display: inline-block;
}
.smallScreen {
	display: none;
}
}

 @media (max-height: 800px) { 


 


 .notMobile {
	display: none;
	 }
	 
	
	 }
	 
	 

 @media (max-height: 800px) { 

 .section {


padding-top: 10px;

 }
 


 .zoomBox {
	 height: 90vh;
		  top: 5%;
	 }
	 

	 }
	 
	  
 @media  (max-height: 400px) { 



	 }
	 
		   
 @media (min-height: 801px) and (max-height: 1200px) { 


 
 .name {
	font-size: 1.3em;
}




	 }
	 

@media only screen and (max-height: 670px) { 
.info {
display: none;
} 

.guideText {
		  font-size: 1rem;

  line-height: 1.5em;
}


@media only screen and (min-width: 1200px) { 
 .name {
	font-size: 1.4rem;
}

.info {
	font-size: 1rem;	
}

}




	 
@media only screen and (max-width: 1200px) and (min-width: 601px) { 

.infoText {


	font-size: .8em;
} 
}


</style>
