@charset "utf-8";
/* CSS Document */
bodyGrid{
    display: grid;
    grid-columns: 200px 1% 1fr;
    grid-rows: auto 15px auto 15px auto;
    border: 1px;
}
.bodyGrid  ul{
    grid-column-span: 5;
}
.firstGrid { grid-row: 1; }
.secondGrid { grid-row: 2; }
.thirdGrid { grid-row: 3; }
.fourthGrid { grid-row: 4; }
.fifthGrid { grid-row: 5; }
photoGallery {
	width:30%;
	min-width:300px;
	margin:0 auto;
}
photoGallery:after {
	display:block;
	clear:both;
}
.photoGallery ul {
	width:100%;
	background:#e4e0e0;
	list-style:none;
	float:left;
    border: 1px;
	padding:0 0 1% 0;
	margin-top:0px;
}

.photoGallery li {
	width:auto;
	float:left;
	margin:1% 0 0 1%;
	position:relative;
}

ul#photoGallery li img {
	float:left;
	border:2px solid #eee;
}

/*----------------------------------------
	Gallery Five
-----------------------------------------*/
.gal-5 li {
	-moz-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	transition:all 0.6s ease;
	opacity:0.6;
	position:relative;
}

.gal-5 li:hover {
	opacity:1;
}