/* PECMS GALLERY CSS */

div.gallery						{ padding: 30px 0px; }
div.gallery .inner					{ }
div.gallery .inner .gimage				{ margin: 5px; }
div.gallery .inner .gimage a				{ width: 100%; height: 100%; display: block; overflow: hidden; position: relative; }
div.gallery .inner .gimage a img			{ width: 100%; height: 100%; display: block; }
div.gallery .inner .gimage a table			{ width: 100%; height: 100%; text-align: center; color: #FFFFFF; text-transform: lowercase; font-family: "Lobster", cursive; font-size: 44px; position: absolute; top: 0px; }
div.gallery .inner .gimage a:hover			{ }
div.gallery .inner .gimage a:hover table		{ color: #3B3C3D; background-color: rgba(255, 255, 255, 0.5); }

div.gdetails						{ padding-bottom: 30px; }
div.gdetails .outer					{ margin: 0 auto; }
div.gdetails .outer h2					{ margin: 10px 0px; }
div.gdetails .outer .gdesc				{ width: 295px; float: left; margin: 0px 11px 11px 11px; }
div.gdetails .outer .iimage				{ }
div.gdetails .outer .iimage a				{ width: 99%; height: auto; display: block; border: 1px solid #3B3C3D; position: relative; overflow: hidden; }
div.gdetails .outer .iimage a img			{ width: 100%; height: auto; display: block; }
div.gdetails .outer .iimage a span			{ width: 96%; display: block; padding: 10px 2%; color: #FFFFFF; background-color: rgba(96, 96, 96, 0.5); position: absolute; left: 1px; top: 100%; }
div.gdetails .outer .iimage a:hover img			{ }
div.gdetails .back					{ padding-top: 30px; text-align: center; }