/* GALLERY STYLES */

#contentbox-gallery { max-width: 100%; margin: 0 auto; }

.gal-pad	{ padding: 10px 10px 28px 10px; }

.gal-top	{
		text-align: center;
		max-width: 1100px;
		padding: 0px 10px 0px 10px;
		margin: 0 auto;
		}

.Gal-title	{ 
		color: #000000; 
		font: 16px "Montserrat", arial, sans-serif; 
		font-weight: normal; 
		line-height: 150%;
		padding: 5px 0px 2px 0px;
		}

/* NEXT IS TITLE USED ON gallery-home.htm */

.Gal-title-2	{
		font: 15px "Montserrat", arial, sans-serif; 
		font-weight: normal; 
		line-height: 150%;
		}

/* GALLERY OVERALL MAXIMUM WIDTH */

.gal-canvas	{
		max-width: 1400px;
		padding: 0px 0px 0px 0px;
		margin: 0 auto;
		}

/* GALLERY % CELL WIDTH OF EACH THUMB BOX */

.galrow-box	{
		float: left;
		width: 33.3%;
		}

.galrow-box:nth-child(3n+1)
		{
		clear:both;
		}

/* EDIT NEXT CLASS FOR THE THUMBNAILS MAX WIDTH */

.Galthumb-box	{
		font-size: 13px;
		line-height: 150%;
		text-align: center;
		padding: 20px 5px 10px 5px;
		margin: 0px auto 10px auto;
		max-width: 302px;
		min-height: 100px;
		}

.Galthumb	{
		width: 100%;
		max-width: 100%;
		height: auto;
		display: block;
		margin: 0px auto 0px auto;
		}

.Galthumb-marg	{
		margin-bottom: 8px;
		}

.Galborder	{
		border: #000000 1px solid;
		vertical-align: bottom;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s;
		}

a:hover .Galborder 
		{
		border: #2A8FD7 1px solid;
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: gray;
		}


/* GALLERY MENU */

#gal-menu	{
		text-align: left;
		padding: 2px 0px 2px 21px;
		}

#gal-menu a	{
		font-family: "Montserrat", "Open Sans", arial, sans-serif;
		font-size: 14px;
		font-weight: 400;
		line-height: normal;
		text-align: center;
		display: inline-block;
		padding: 3px;
		margin: 3px 1px 3px 1px;
		min-width: 20px;
	/* CORNER ROUNDING */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
	/* FADE UP */
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s;
		}

#gal-menu a:link,
#gal-menu a:visited,
#gal-menu a:active	{
			color: #000000;
			text-decoration: none;
			background-color: #FFFFFF;
			border: #C0C0C0 1px solid;
			}

#gal-menu a:hover	{
			color: #2983FB;
			background-color: #FFFFFF;
			text-decoration: none;
			border: #2983FB 1px solid;
			}

/* CURRENT GALLERY HIGHLIGHT */

#gal-menu a.current-gal
 		{
		color: #FFFFFF;
		background-color: #2983FB;
		border: #2983FB 1px solid;
		}







/***************
START Media Queries #1 WHEN PAGE WIDTH LESS THAN 890 IS ACTIVE (FOR TABLET)
***************/
@media handheld and (max-width: 890px),
   screen and (max-device-width: 890px),
   screen and (max-width: 890px) 
	{


#gal-menu	{ padding: 2px 0px 2px 16px; }


	}
/***************
END Media Queries #1
***************/







/***************
START Media Queries #2 WHEN PAGE WIDTH LESS THAN 740 IS ACTIVE
***************/
@media handheld and (max-width: 740px),
   screen and (max-device-width: 740px),
   screen and (max-width: 740px) 
	{


/* MQS GALLERY */

.Gal-title	{ font-size: 12px; }

.Gal-title-2	{ font-size: 12px; }

.galrow-box	{
		float: left;
		width: 33%;
		}

.galrow-box:nth-child(4n+1)
		{
    		clear:none;
		}

.galrow-box:nth-child(3n+1)
		{
    		clear:both;
		}

#gal-menu	{ padding: 2px 0px 2px 5px; }


	}
/***************
END Media Queries #2
***************/






/***************
START Media Queries #3 -  WHEN PAGE WIDTH LESS THAN 482 IS ACTIVE
                      CLASSES HERE CAN ALSO BE FOUND IN THE style.css
***************/
@media handheld and (max-width: 482px),
   screen and (max-device-width: 482px),
   screen and (max-width: 482px) 
	{


/* GALLERY */

.Galthumb-box	{ font-size: 11px; }

.galrow-box	{
		float: left;
		width: 50%;
		}

.Galthumb-box	{ padding: 10px 2px 10px 2px; }

.galrow-box:nth-child(3n+1)
		{
    		clear:none;
		}

.galrow-box:nth-child(2n+1)
		{
    		clear:both;
		}

input[type=submit].button-order 
		{
		font-size: 16px;
		padding: 6px 3px 6px 3px;
		}

#gal-menu	{ display: block; }


	}
/***************
END Media Queries #3
***************/