/* BODY */
	body { font-family: 'Open Sans',Georgia,'Helvetica Neue',Arial,sans-serif; background:#000; color:#fff; font-size:23px;}

	img {
		max-width: 100%;
		max-height: 100%;
	}
	.h1, .h2, .h3, h1, h2, h3 {
		margin: 20px 0;
	}

/* SPLASH 
-------------------*/
	.splash {
		max-width:1226px; 
		display:block;
		margin-left: auto;
		margin-right: auto;
		border:0px solid #fff;
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.splash img {
	  width: 100%;
	  height: auto;
	}

	.helper {
		display: inline-block;
		width: 100%;
		height: 100%;
		position: relative;
		border: 0px solid green;
		vertical-align: middle;
	}



/* MAIN 
------------------*/

	textarea { color:#000 }
	input { color:#000 }
	select { color:#000 }

	a { border-bottom:0px solid #ff0; color:#ff0; padding:0 0 1px 0; margin:0 0 5px 0; transition: all 0s;  }
	a:hover { color:#fff; text-decoration:none}
	a:link { color: #ff0; }
	a:visited { color: #ffbf00; }
	a:active {  color: #000; }




/* SIDE MENU */
	.sideMenu { height:100%; xdisplay:block; float:left; background:#ddd; width:250px; padding:30px; font-family:calibri; font-size:1.3em; }
	.sideMenuAnimate {
		position:absolute;
		animation: 		fadeRight 0.5s;
		-webkit-animation:fadeRight 0.5s;
		-moz-animation:	fadeRight 0.5s;
		-o-animation:		fadeRight 0.5s;
		-ms-animation:	fadeRight 0.5s;
	}

	@keyframes fadeRight {
	  0% {opacity:0; left:-150px; }
	  100% {opacity:1; left:0px}
	}

	@-moz-keyframes fadeRight {
	  0% {opacity:0;}
	  100% {opacity:1;}
	}

	@-webkit-keyframes fadeRight {
	  0% {opacity:0;}
	  100% {opacity:1;}
	}

	@-o-keyframes fadeRight {
	  0% {opacity:0;}
	  100% {opacity:1;}
	}

	@-ms-keyframes fadeRight {
	  0% {opacity:0;}
	  100% {opacity:1;}
	}




	.sideMenu hr{ 
		border-color: #000;
		border-width: 3px;
		max-width: 100%;
		margin-top: 2px;
		margin-bottom: 2px;
		border: 0;
		border-top: 3px solid #000;
	}

	.sideMenu a { border-bottom:0px solid #000; color:#000; text-shadow: 2px 2px #fff; transition: all 0s; padding:0 0 0 3px; xline-height: 1.6; }
	.sideMenu a:hover { xtext-decoration: none; color:#f00;}
	.sideMenu a:link { color: #000; }
	.sideMenu a:visited { color: #000; }
	.sideMenu a:active {  color: #000; }
	
	.sideMenu ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.sideMenu li{ 
		border-color: #000;
		border-width: 3px;
		max-width: 100%;
		padding: 10px 0 6px 0 ;
		border-bottom: 3px solid #000;
	}
	.subMenu {
		margin:10px 0 4px 0;
		padding:0 0 5px 10px;
		background:#ddd;
	}
	.subMenu li { border:0px; border-bottom:1px solid #fff;  margin:4px 0; font-size:0.7em; line-height:1em }
	
	.menuSelect 		{ background:#999; padding:10px; }
	.menuSelect a  		{ padding:0 0 0 3px; text-shadow: none; xline-height: 1.6; }

	.copyRight {xposition:absolute; bottom:0; left:0; width:100%; font-size:14px; color:#111; text-align:center; padding:10px 20px;}

	.counterBox { border:1px solid #666; background:#fff; color:#fff; text-align:center }
	.counterItem { border-left:1px solid #666; padding:8px 3px; background:#000; font-weight:bold; display: inline-block }
	.counterLeftItem { border-left:1px solid #666; padding:8px 0px; display: inline-block; }


/* TEXT AREA 
---------------------*/

	.contentArea { border:0px solid #0f0; display:block; margin:0 0 0 250px; padding:50px;  height:100%; overflow-y: scroll; line-height: 1.6; background-position: top; background-repeat: no-repeat; background-size: 100% auto; background-color:#000 }

	.contentArea2 { border:0px solid #0f0; display:block; margin:0px; padding:0px;  height:100%; overflow-y: scroll; line-height: 1.6; background-position: top; background-repeat: no-repeat; background-size: 100% auto; background-color:#f2f1ec }


	.textContentArea h1 {
		font-size:2.2em;
		font-weight:bold;
		color:#fff
	}
	.textContentArea h2 {
		color:#fff;
		font-weight:bold;
		font-size:1.8em;
		xborder-bottom:1px solid #eee;
	}
	.textContentArea h3 {
		color:#fff;
		font-weight:bold;
		font-size:1.2em;
		border-bottom:1px solid #eee;
	}
	
	.textContentArea select {
		color:#000;
		font-weight:bold;
		font-size:1em;
		border-bottom:1px solid #eee;
	}
	
	.textContentArea p {
		font-size:1.1em;
		margin-bottom:32px;
	}


	.galleryContentArea {
		border:0px solid #f00;
		height: calc(100%);
		overflow:hidden;
		position:relative;
	}
	.galleryContentArea h1 {
		font-size:2em;
		color:#fff
	}
	.galleryContentArea h2 {
		color:#fff;
		font-weight:bold;
		font-size:1.8em;
		xborder-bottom:1px solid #eee;
	}
	.galleryContentArea h3 {
		color:#fff;
		font-weight:bold;
		font-size:1.2em;
		border-bottom:1px solid #eee;
	}
	
/* TEXT AREA FORMATTING 
---------------------------*/


	.inlineRight 	{ float:right; margin:0 0 10px 14px; border:2px solid #333; text-align:center; font-size:0.6em }
	.inlineLeft 	{ float:left; margin:0 14px 10px 0; border:2px solid #333; font-size:0.6em }
	.noBorder 		{ border:0px solid #333; }
	.noMargin 		{ margin:0px; }
	.noPad 			{ padding:0px; }

	.inlineRightBox { float:right; margin:0 0 10px 10px; border:8px solid #ddd; text-align:center; font-size:16px; font-weight:bold }
	.inlineRightBox img { margin:0 0 10px 0; border:0px solid #333; width:284px }

	.detailBox1 	{ background-color: rgba(255, 255, 255, 0.3);  border: 1px solid rgba(0, 0, 0, 0.8);  padding: 20px;  font-size: 1em;  text-align: left; }
	.detailBox2 	{ background-color: rgba(155, 255, 255, 0.3);  border: 1px solid rgba(0, 0, 0, 0.8);  padding: 20px;  font-size: 1em;  text-align: left; }
	.detailBox3 	{ background-color: rgba(255, 155, 255, 0.3);  border: 1px solid rgba(0, 0, 0, 0.8);  padding: 20px;  font-size: 1em;  text-align: left; }
	.detailBox4 	{ background-color: rgba(255, 255, 155, 0.3);  border: 1px solid rgba(0, 0, 0, 0.8);  padding: 20px;  font-size: 1em;  text-align: left; }
	.detailBox5 	{ background-color: rgba(155, 255, 155, 0.3);  border: 1px solid rgba(0, 0, 0, 0.8);  padding: 20px;  font-size: 1em;  text-align: left; }
	.detailBoxFilms	{ background-color: rgba(255, 155, 255, 0.3);  border: 2px solid #fff; width:100%;	  padding: 20px;  font-size: 1em;  text-align: left; }
	.detailBoxFilms h2	{ border-bottom:1px solid #fff }
	.detailBoxFilms h3	{ border-bottom:0px solid #fff }

	.featureBox1 	{ background-color: rgba(155, 255, 255, 0.3);  border: 1px solid #fff;  padding: 10px; margin:0 0 0 10px; font-size: 1em; font-size:84%; float:right;}
	.featureBox1 h3	{ padding: 3px; margin:0 0 10px 0;}



.reviewBox { padding:5px; margin:5px 0 0 5px; border-bottom:1px solid #000}
.reviewRatingBox { padding:1px; margin:3px 0px 6px 6px; border:1px solid #111; background:#ddd; line-height:125%; float:right; }
.reviewRatingBox th {  color:#fff;}
	.detailBox1 h3 { margin-top: 4px }
	.centreBox { width:100%; text-align:center }


	.boxQuote { background:#ddd; color:#000; width:76%; padding:20px; margin:0 0 10px 120px; background:rgba(255, 255, 255, 0.75); }
	.boxQuote a { color:#fff; font-weight:bold }
	.boxQuoteInner { color:#000 }
	.emailText { border:1px solid #ddd; background:#fff; padding:10px; color:#000}

	.homepageBox 		{ margin:0 10px 0 0; float:left; }
	.homepageBox h3 	{ border:0px; margin:6px 0; }
	.homepageBoxInner	{ border:1px solid #fff; padding:10px; }
	.homePageBoxTitle	{ border:1px solid #ddd; background:#666; padding:0px 4px }

	
	.marginRight10 { margin:0 10px 0 0; }
	.marginRight20 { margin:0 20px 0 0; }
	.marginLeft10 { margin:0 0 0 10px; }
	.marginLeft20 { margin:0 0 0 20px; }
	
	.colour01 { background:rgba(155, 255, 255, 0.3);  }
	.colour02 { background:rgba(155, 255, 155, 0.3); }
	
	.blue { color:blue; }
	.red { color:red; }
	.green { color:green; }


	.framed			{ xpadding:20px 20px 0 20px; text-align:center; border:10px solid #fff; color:#fff; width:auto }
	.framed2		{ text-align:center; border:20px solid #fff; color:#fff; width:auto }
	.framed3		{ padding:10px; text-align:center; border:10px solid #fff; color:#fff; width:auto }
	.framedYellow	{ border:2px solid #ff0}
	.backBlack		{ background:#000 }

		.s50 img { width:50px }
		.s100 img { width:100px }
		.s150 img { width:150px }
		.s200 img { width:200px }
		.s240 img { width:240px }
		.s250 img { width:250px }
		.s300 img { width:300px }
		.s350 img { width:350px }
		.s400 img { width:400px }
		.s450 img { width:450px }
		.s500 img { width:500px }
		.s550 img { width:550px }
		
		.f65 { width:79px }
		.f130 { width:138px }
		.f150 { width:150px }
		.f200 { width:200px }
		.f250 { width:250px }
		.f250 img { width:100px }
		.f300 { width:300px }
		.f350 { width:350px }
		
	.third1 { width:32% }
	.third2 { width:65% }
	.1quarter { width:25% }
	.half { width:50% }
	.3quarter { width:75% }
	
		.textContentArea p:first-of-type:first-letter {
			color: #903;
			float: left;
			font-size: 75px;
			line-height: 60px;
			padding-top: 4px;
			padding-right: 8px;
			padding-left: 3px;
		}

		.textContentArea td {
			font-size: 1em;
			border:1px solid #ddd;
			padding: 4px 8px;
			color: #000;
			background:rgba(155, 255, 255, 0.5);
		}
		.textContentArea th {
			font-size: 1em;
			border:1px solid #ddd;
			padding: 4px 8px;
			background:rgba(0, 0, 0, 0.5);
			text-transform:uppercase;
		}

		.grid-container {
			display: grid;
			grid-template-columns: auto auto;
			border:2px solid #ddd;
			padding: 10px;
			grid-column-gap: 20px;
			grid-row-gap: 20px;
		}
		.grid-container3 {
			display: grid;
			grid-template-columns: auto auto auto;
			border:2px solid #ddd;
			xbackground-color: #2196F3;
			padding: 10px;
			grid-column-gap: 20px;
			grid-row-gap: 20px;
		}
		
		.grid-container6 {
			display: grid;
			grid-template-columns: auto auto auto auto auto auto;
			border:2px solid #ddd;
			padding: 3px;
			grid-column-gap: 6px;
			grid-row-gap: 6px;
		}
			.grid-container6 .grid-item {
				display:inline-box;
				background-color: rgba(255, 255, 255, 0.3);
				border: 1px solid rgba(0, 0, 0, 0.8);
				padding: 4px;
				font-size: 0.7em;
			}
			.grid-container6 .grid-item ul {
				padding: 4px;
				list-style:none;
			}

		.grid-item {
			background-color: rgba(255, 255, 255, 0.3);
			border: 1px solid rgba(0, 0, 0, 0.8);
			padding: 20px;
			font-size: 1em;
			text-align: left;
		}

		.grid-item h2 {
			margin: 0px;
		}
		.grid-item h3 {
			margin: 0px;
		}

		.grid-item2 {
			background-color: rgba(255, 255, 255, 0.3);
			border: 1px solid rgba(0, 0, 0, 0.8);
			padding: 20px;
			font-size: 1.4em;
			text-align: left;
		}

		.grid-item2 img {
			object-fit: cover;
			xmin-width: 100%;
			xmin-height: 100%;
			display: block;
			max-height: 190px;
			max-width: 190px;
		}
		.grid-item3 {
			background-color: rgba(155, 255, 255, 0.3);
			border: 1px solid rgba(0, 0, 0, 0.8);
			padding: 20px;
			font-size: 1.4em;
			text-align: center; 
		}

		.grid-item3 img {
			object-fit: cover;
			max-height: 190px;
			max-width:100%
		}



#inspMiniMenu {
	xposition:absolute;
	display:none;
	margin:0 0 10px 0;
	xbackground:#666;
	z-index:999;
}
#inspMiniMenu li {
	margin:0 0 6px 0;
	line-height:1.2em;	
	background:#333;
	padding:2px; 
}
#inspMiniMenu a {
	border-bottom:none;

	text-decoration:none;
}


.inspMiniMenuButton {
	position:absolute;
	top:20px;
	right:30px;
	color:#000;
	background:#ccc;
}


/* IMAGE GALLERY */

	.galleryItemsTop { border:0px solid #00f; background:#eee; width:250px; color:#000; font-weight:bold; font-size:0.7em; text-align:center; margin:10px 0 0 0 }
	.galleryItems { border:1px solid #fff; width:250px; overflow-y: scroll; padding:5px 0 5px 5px; left:0px; top:210px; bottom:5px; right:115px; position:absolute; float:left; }
	.galleryItems button { width:50px; height:61px; margin:0 4px 0 0 }
	.galleryDisplay { padding:0px; text-align:center; left:250px; top:210px; bottom:5px; right:5px; position:absolute; }
	.galleryDisplay img { vertical-align: middle; max-width:100%; height:100%; object-fit: contain; }

	.gallerySelectBox { padding:10px }
	.gallerySelectBox select { padding:2px; width:45% }
	.galleryTop {width:100%; padding:4px; border:1px solid #ddd; background:#fff}
	.imageGallery { max-height:700px; overflow-y: scroll;  border:1px solid #fff; width:220px; float:left }





/* ANIMATIONS */


.fade-in-image {
  animation: 		fadeIn 5s;
  -webkit-animation:fadeIn 5s;
  -moz-animation: 	fadeIn 5s;
  -o-animation: 	fadeIn 5s;
  -ms-animation: 	fadeIn 5s;
}

.fade-in-g1, .fade-in-image-fast {
  animation: 		fadeIn 2.5s;
  -webkit-animation:fadeIn 2.5s;
  -moz-animation: 	fadeIn 2.5s;
  -o-animation: 	fadeIn 2.5s;
  -ms-animation: 	fadeIn 2.5s;
}

.fade-in-g2 {
  animation: 		fadeIn 4s;
  -webkit-animation:fadeIn 4s;
  -moz-animation: 	fadeIn 4s;
  -o-animation: 	fadeIn 4s;
  -ms-animation: 	fadeIn 4s;
}
.fade-in-g3 {
  animation: 		fadeIn 6s;
  -webkit-animation:fadeIn 6s;
  -moz-animation:	fadeIn 6s;
  -o-animation:		fadeIn 6s;
  -ms-animation:	fadeIn 6s;
}
.fade-in-g4 {
  animation: 		fadeIn 8s;
  -webkit-animation:fadeIn 8s;
  -moz-animation:	fadeIn 8s;
  -o-animation:		fadeIn 8s;
  -ms-animation:	fadeIn 8s;
}
.fade-in-g5 {
  animation: 		fadeIn 10s;
  -webkit-animation:fadeIn 10s;
  -moz-animation:	fadeIn 10s;
  -o-animation:		fadeIn 10s;
  -ms-animation:	fadeIn 10s;
}

.fade-in-g6 {
  animation: 		fadeIn 11s;
  -webkit-animation:fadeIn 11s;
  -moz-animation:	fadeIn 11s;
  -o-animation:		fadeIn 11s;
  -ms-animation:	fadeIn 11s;
}

.fade-in-g7 {
  animation: 		fadeIn 12s;
  -webkit-animation:fadeIn 12s;
  -moz-animation:	fadeIn 12s;
  -o-animation:		fadeIn 12s;
  -ms-animation:	fadeIn 12s;
}

.fade-in-g8 {
  animation: 		fadeIn 13s;
  -webkit-animation:fadeIn 13s;
  -moz-animation:	fadeIn 13s;
  -o-animation:		fadeIn 13s;
  -ms-animation:	fadeIn 13s;
}



	@keyframes fadeIn {
	  0% {opacity:0;}
	  100% {opacity:1;}
	}

	@-moz-keyframes fadeIn {
	  0% {opacity:0;}
	  100% {opacity:1;}
	}

	@-webkit-keyframes fadeIn {
	  0% {opacity:0;}
	  100% {opacity:1;}
	}

	@-o-keyframes fadeIn {
	  0% {opacity:0;}
	  100% {opacity:1;}
	}

	@-ms-keyframes fadeIn {
	  0% {opacity:0;}
	  100% {opacity:1;}
	}


.fade-in-menu {
  animation: fadeInmenu 1s;
  -webkit-animation: fadeInmenu 1s;
  -moz-animation: fadeInmenu 1s;
  -o-animation: fadeInmenu 1s;
  -ms-animation: fadeInmenu 1s;
}
	@keyframes fadeInmenu {
	  0% {opacity:0; width:0px}
	  100% {opacity:1; width:100%}
	}

	@-moz-keyframes fadeInmenu {
	  0% {opacity:0;}
	  100% {opacity:1;}
	}

	@-webkit-keyframes fadeInmenu {
	  0% {opacity:0;}
	  100% {opacity:1;}
	}

	@-o-keyframes fadeInmenu {
	  0% {opacity:0;}
	  100% {opacity:1;}
	}

	@-ms-keyframes fadeInmenu {
	  0% {opacity:0;}
	  100% {opacity:1;}
	}


.blink {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}



/* SCREEN SHRINK
---------------*/
@media screen and (max-width: 1600px) {
	.imageGallery { width:100%;}
	ul {
		padding: 10px 0 0 20px;
	}
}


/* First Level Side Menu Shrink */
@media screen and (max-width: 1288px) {
	.splash {
		top: 25%;
		left: 10%;
		-ms-transform: translate(-5%, 0%);
		transform: translate(-5%, 0%);
	}

    .sideMenu {
		padding:10px 10px 0  10px; font-family:calibri; font-size:1.1em; width: 180px;
    }

	.subMenu {
		padding:0 0 0 6px;
		background:#ddd;
	}
	.subMenu a { border-bottom:0px solid #000; font-size:0.8em; line-height:1.6em }	

	.subMenu li { border-width:1px; border-bottom:1px solid #fff; margin:4px 0; font-size:0.9em; }

	.contentArea { border:0px solid #0f0; margin:0 0 0 180px; padding:30px; line-height: 1.6;  background-size: 1300px 1000px; }

		.s50  img { width:50px }
		.s100 img { width:100px }
		.s150 img { width:150px }
		.s200 img { width:100px }
		.s240 img { width:240px }
		.s250 img { width:250px }
		.s300 img { width:200px }
		.s350 img { width:250px }
		.s400 img { width:300px }
		.s450 img { width:350px }
		.s500 img { width:300px }
		.s550 img { width:350px }
		
.f130 { width:100px }
.f130 img{ width:70px }
.f250 { width:180px }
.f250 img { width:60px }
		

	
	.galleryContentArea h1 {
		font-size:1.4em;
	}
	
	.grid-container {
		grid-template-columns: auto;
	}
	.grid-container3 {
		grid-template-columns: auto;
	}




	.framed {  border:4px solid #fff; }
	.framed2 { border:4px solid #fff; }
	.framed3 { padding:4px; border:3px solid #fff; }

}




@media screen and (max-width: 888px) {
    body { font-size:1.6em }
	
	h1, h2, h3 {
		margin: 10px 0;
	}
	ul {
		padding: 10px 0 0 20px;
	}

	.sideMenu {
		padding:10px 4px 0  4px; font-family:calibri; font-size:1.1em; width: 120px;
    }
	.subMenu {
		padding:0 0 0 6px;
		background:#ddd;
	}
	.subMenu li { border:0px; border-bottom:1px solid #fff;  margin:0px 0 0 0; padding:4px 0; font-size:0.9em; line-height:1.6em }
	.copyRight { font-size:12px;  padding:10px 10px;}

	.contentArea		{ margin:0 0 0 120px; padding:10px;  line-height: 1.4;   background-size: 1300px 1000px; }
	.contentArea h1		{ margin:10px 0;}
	.xcontentArea img	{ width:25%; } 
	.contentArea h2		{ font-size:1.4em; }


	.detailBox1 	{ padding: 10px;  font-size: 1em; }
	.detailBox2 	{ padding: 10px;  font-size: 1em; }
	.detailBox3 	{ padding: 10px;  font-size: 1em; }
	.detailBox4 	{ padding: 10px;  font-size: 1em; }
	.detailBoxFilms	{ padding: 10px;  font-size: 1em; }



	.boxQuote { width:96%; padding:10px; margin:0 0 10px 0px;}
		
		.s50  img { width:50px }
		.s100 img { width:100px }
		.s150 img { width:150px }
		.s200 img { width:100px }
			.s240 img { width:200px }
		.s250 img { width:250px }
		.s300 img { width:200px }
		.s350 img { width:250px }
		.s400 img { width:200px }
		.s450 img { width:250px }
		.s500 img { width:200px }
		.s550 img { width:250px }


		.f130 img{ width:50px }
		.f250 { width:180px }
		.f250 img { width:60px }
		
	.grid-container {
		grid-template-columns: auto;
	}
	.grid-container3 {
		grid-template-columns: auto;
	}
		.grid-container6 {
			grid-template-columns: auto auto auto;
			grid-column-gap: 2px;
			grid-row-gap: 2px;
		}


	.homepageBox { width:100% }

	.galleryItems { padding:2px; top:140px; width:150px }
	.galleryItems img { width:50px; height:61px; margin:0 4px 0 0 }
	.galleryItems button { width:50px; height:61px; margin:0 4px 0 0 }
	.galleryDisplay { left:150px; top:140px; bottom:115px; right:5px; }
	.galleryDisplay img { max-width:100%; width:auto; height:auto;  }
	
}





@media screen and (max-width: 600px) {
    body { font-size:1.6em } 
	
	.textContentArea h1 {
		font-size:1.6em;
	}
	.textContentArea h3 {
		font-size:1.2em;
	}


    .sideMenu {
		padding:10px 2px 0 2px; font-size:0.8em; width: 90px;
    }
	.subMenu {
		padding:0 0 0 6px;
		background:#ddd;
	}
	.subMenu li { border:0px; border-bottom:1px solid #fff;  margin:0px 0 0 0; padding:4px 0; font-size:0.8em; line-height:1.6em }



	.copyRight { font-size:10px; padding:10px 3px;}

	.contentArea { margin:0 0 0 90px; padding:10px; line-height: 1.4;  background-size: 800px 600px; }
	.contentArea h1 { margin:10px 0;}

	.boxQuote {  width:96%; padding:10px; margin:0 0 10px 0px;}

.homePageBoxTitle { display:none }

	.inlineRight { margin:0 0 4px 6px }
	.xinlineLeft { margin:0 6px 4px 0 }
		 .s50 { width:50px }
		.s100 { width:70px }
		.s150 { width:80px }
		.s200 { width:90px }
			.s240  { width:100px }
		.s250 { width:125px }
			.s300 { width:150px }
		.s350, inlineRight img { width:115px }
			.s400  { width:120px }
		.s450 { width:125px }
		.s500 { width:125px }
		.s550 { width:125px }

		.f250 { width:60px }
		.f250 img { width:45px }

	.grid-container {
		grid-template-columns: auto;
		padding: 2px;
		grid-column-gap: 2px;
		grid-row-gap: 2px;
	}
	.grid-container3 {
		grid-template-columns: auto;
		padding: 6px;
		grid-column-gap: 2px;
		grid-row-gap: 2px;
	}
	.grid-item {
		padding: 10px;
		font-size: 0.9em;
	}

	.galleryItemsTop {display:none}
	.galleryItems { width:75px; padding:2px; top:150px; right:115px; }
	.galleryItems img { width:50px; height:61px; margin:0 4px 0 0 }
	.galleryItems button { width:50px; height:61px; margin:0 4px 0 0 }
	.galleryDisplay { left:75px; top:150px; bottom:115px; right:5px; }
	.galleryDisplay img { max-width:100%; width:auto; height:auto;  }
	
	.galleryTop select {width:100%; padding:4px; border:1px solid #ddd; background:#fff; font-size:0.8em}

.reviewRatingBox { padding:1px; margin:3px 0px 6px 6px; border:1px solid #111; background:#ddd; line-height:125%; width:100% }
.reviewRatingBox table { width:100% }

	.textContentArea p:first-of-type:first-letter {
		font-size: 50px;
		line-height: 30px;
		padding-top: 4px;
		padding-right: 4px;
		padding-left: 3px;
	}

	.framed {  border:4px solid #fff; }
	.framed2 { border:4px solid #fff; }
	.framed3 { padding:4px; border:3px solid #fff; }

audio { width: 200px; }
}




/* CONVERT TOP MENU TO ICONS */
/*
@media screen and (max-width: 888px) {
    body { font-size:1.6em } 
    img { width:25%!important; } 

	.sideMenu {
		height:100px; background:#fff; width:100%; padding:10px; font-family:calibri; font-size:1.4em; 
    }
	.menuSelect 		{ background:none; padding:10px; }
	.contentArea { 
		border:2px solid #0f0; xdisplay:block; margin:0px; padding:30px;  height:100%; overflow:scroll; line-height: 1.6; background-position: top; background-repeat: no-repeat; background-size: 100% auto; background-color:#000 
	}
	.imageGallery { width:100%;}
	.imageGallery img { width:40px!important; }
	.inlineRight {  font-size:0.6em }
	.inlineLeft img { width:25% }

	.copyRight { display:none;}
	.subMenu { display:none;}
	.menuSelect {width:none;}

	.sideMenu li
	{
		color:#000;
		display:block;
		float:left;
		xwidth:100px;
		height:35px;
		padding: 5px;
		border-bottom: 0px solid #000;
	}
	a.hom {
		text-indent:-9999px;
		background: url("../img/b_home.png") top left;
		display: block;
		height: 66px;
		width: 56px;
	}
	a.abt {
		text-indent:-9999px;
		background: url("../img/b_about.png") top left;
		display: block;
		height: 66px;
		width: 56px;
	}
	a.bio {
		text-indent:-9999px;
		background: url("../img/b_bio.png") top left;
		display: block;
		height: 66px;
		width: 56px;
	}
	a.flm {
		text-indent:-9999px;
		background: url("../img/b_film.png") top left;
		display: block;
		height: 66px;
		width: 56px;
	}
	a.gal {
		text-indent:-9999px;
		background: url("../img/b_gallery.png") top left;
		display: block;
		height: 66px;
		width: 56px;
	}
	a.art {
		text-indent:-9999px;
		background: url("../img/b_art.png") top left;
		display: block;
		height: 66px;
		width: 56px;
	}
	a.pub {
		text-indent:-9999px;
		background: url("../img/b_pub.png") top left;
		display: block;
		height: 66px;
		width: 56px;
	}
	a.bok {
		text-indent:-9999px;
		background: url("../img/b_book.png") top left;
		display: block;
		height: 66px;
		width: 56px;
	}
	a.ins {
		text-indent:-9999px;
		background: url("../img/b_ins.png") top left;
		display: block;
		height: 66px;
		width: 56px;
	}
	a.ref {
		text-indent:-9999px;
		background: url("../img/b_ref.png") top left;
		display: block;
		height: 66px;
		width: 56px;
	}
	a.con {
		text-indent:-9999px;
		background: url("../img/b_con.png") top left;
		display: block;
		height: 66px;
		width: 56px;
	}
	
	.grid-container {
	  display: grid;
	  grid-template-columns: auto auto;
	  border:2px solid #ddd;
	  padding: 10px;
	  grid-column-gap: 20px;
	  grid-row-gap: 20px;
	}
	.grid-container3 {
	  display: grid;
	  grid-template-columns: auto auto;
	  border:2px solid #ddd;
	  xbackground-color: #2196F3;
	  padding: 10px;
	  grid-column-gap: 20px;
	  grid-row-gap: 20px;
	}
}

@media screen and (max-width: 777px) {
   a { transform:scale(0.5); transform-origin: left; }
   	body { font-size:1.4em } 
	.inlineRight {  }
	.inlineLeft { width:25%; height:50% }


	.grid-container3 {
	  display: grid;
	  grid-template-columns: auto auto;
	  border:2px solid #ddd;
	  xbackground-color: #2196F3;
	  padding: 10px;
	  grid-column-gap: 20px;
	  grid-row-gap: 20px;
	}
   
	#wrap
	{
		background:yellow;
		height:54px;
		width:34px;
		padding:4px;
		float:left;
		-webkit-transition:0.5s all;
		-moz-transition:0.5s all;
	}

		#wrap:hover
		{
			xheight:300px;
			xwidth:260px;
		}

		.quarter
		{
			padding:3px;
			-webkit-transform: scale(0.2);
			-moz-transform: scale(0.2);
			-o-transform: scale(0.2);
			transform: scale(0.2);
			background:red;
			width:250px;
			float:left;
			-webkit-transform-origin:left top;
			-webkit-transition:0.5s all;
			-moz-transition:0.5s all;
		}


		#wrap:hover .hom .abt .bio .flm .gal .art .pub .bok .ref .con
		{
			-webkit-transform: scale(0.8);
			-moz-transform: scale(0.8);
			-o-transform: scale(0.8);
			transform: scale(0.8);
			-webkit-transform-origin:left top;
			-moz-transform-origin:left top;
			padding:3px;
		}
}


*/