@charset "utf-8";
/* CSS Document */
	
.content-Gal {
	width:100%;
	margin-top:30px;
	padding-bottom: 60px;   /*must be same height as the footer*/
	/*border-color: 10px solid red;*/
}
.thumbnails {
	position: relative;
	margin-top: 0px;
	margin: 0 auto;
}
.thumbnails img {
	width:60px;
	height: 45px; /*80 x 60*/
	border: 4px solid #555;
	padding: 1px;
	margin: 5px 5px 5px 0;
}
.thumbnails img:hover {
	border: 4px solid #00ccff;
	cursor:pointer;
}
.preview {
	position: relative;
	width: 100%; /* 375 x 281*/
	height: 200px;
	margin: 0 auto;
	
	margin-bottom:10px;
	background-color:#CCCCCC;
	/*border: 2px solid #444;*/
}
.preview img {
	padding: 1px;
	width: auto;
	height:200px;
}
@media screen and (min-width: 600px) { 
#menu {	display: block !important;}
#menu-trigger {	display: none;}

.content-Gal {
	width:100%;
	margin-top:30px;
	padding-bottom: 60px;   /*must be same height as the footer*/
	/*border-color: 10px solid red;*/
}
.thumbnails img {
	width:80px;
	height: 60px; /*80 x 60*/
	border: 4px solid #555;
	padding: 1px;
	margin: 0 10px 5px 0;
	
}
.thumbnails img:hover {
	border: 4px solid #00ccff;
	cursor:pointer;
}
.preview {
	position: relative;
	width: 100%; /* 375 x 281*/
	height: 356px;
	margin: 0 auto;
	margin-bottom:20px;
	background-color:#CCCCCC;
	/*border: 2px solid red;*/
}
.preview img {
	padding: 1px;
	width: auto;
	height: auto;
}

/* iPad */
	.no-transition {
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
		opacity: 1;
		visibility: visible;
		display: none;  		
	}

	#menu li:hover > .no-transition {
		display: block;
	}