html {
			scroll-behavior: smooth;
		}		
		body {
			max-width:960px;
			margin-left: auto;
			margin-right: auto; 
			background-color: #a19e9e;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 24px;
			border: 2px solid #fe0201; 

		}

		* { max-width:100%;}
		
		img {
			max-width: 100%;
			height: auto;
		}

		.noshadow  { text-shadow: none; }		
		p,h1,h2,h3,li{ text-shadow: 2px 2px #000000; } 
        
		.container {
            display: grid;
           grid-template-columns: repeat(12, 1fr);  

			grid-template-rows:auto; /*; 30; */
			grid-gap: 2px;
			background-image: url('BackgroundCollage.jpg');
			background-repeat: no-repeat;
			background-size: cover;        
		
		}
		
		header {
			grid-column: 1 / 13;
			grid-row: 2;
			margin-top:50px;		
		}
		.menu {
			background-image: linear-gradient(to right,rgb(248,139,58), gray); 
			position:fixed;
		}
        
		footer {
        
            padding: 15px 20px;
			background-image: linear-gradient(to right,rgb(248,139,58), gray);
			background-size: auto;
			color: black;
			font-size: 12px;
			max-width: 100%;
			text-shadow:none;
		}
        .picarea {
			border:1px solid  rgb(255,255, 255); /*rgb(248,139,58); */ 
	/* or any other width */
  margin: 0 auto;

/*			
			justify-items:center;
			align-items: center; 
			padding: 20px;
*/
		}
		.pictitle { 
			/*border: 2px solid #f0b400; */ /*rgb(248,139,58)*/  /*white*/;
			padding-left: 4px; 
			color: rgb(248,139,58); 
			text-align: center;
		}


        /*.picarea img {border:2px solid white; } */ 
		
		.hilites {
			
		/*	background-image: url('deckplatebk.jpg'); */
		/*	color: #e72a29; */
			color: rgb(248,139,58);
			/* border: 2px solid rgb(248,139,58); */
			border: 1px solid white;
			padding: 5px;		
			text-align: center;
		}
		
		.hilites {
			grid-column: 3/11;
			grid-row: 3/8;
		
		}

		.image1 { 
			
			padding-left: 4px; 
			grid-column: 3/7; 
			grid-row: 13/15; 
			border: 4px solid #fff; 
			background-color: #000;
			} 
		
		.menu {
			grid-column: 1/8;
			grid-row: 1;
		}
		.vidarea {
			grid-column: 9/13;
			grid-row: 3/8;

			max-width: 80%;
			border: 2px solid rgb(248,139,58);		
		}
		
		.phone {
			font-size: 1rem; 
			padding: 20px;		
			color: white;
		}
		
		
/* Following is for image slide show */
		.innergrid {
			display: grid;
			grid-template-columns: repeat(8, 1fr);
		/*	grid-template-rows: auto; */
			grid-template-rows: repeat( 8, 1fr);
		}
	.slider{
		grid-column:3/11;
		grid-row: 1/10;
		margin:50px auto;
		width:80%;
		border: 4px solid green;
	}
 
	.sliderx{
		grid-column:1/9;
		grid-row: 1/10;
		margin:50px auto;
		width:80%;
		border: 2px solid green;
	}
 

	.img-box {
		grid-column:1/10;
		grid-row: 1/9;
	
		/* border: 4px solid blue; */
	}
	.img-box img{
		width:100%;
	}

	.loc {
		grid-column: 5/7;
		grid-row: 5/10;
		background-color: red;
		}

	.btn{
		border:none;
		outline:none;
		background:#888;
		padding:10px 30px;
		font-size: 20px;
		color:#ddd;
		cursor: pointer;
		margin:10px auto;			 
	}

	.btnrandom {
		border:none;
		outline:none;
/*		background:#888; */
	    background: rgba(38, 58, 87, 0.4); 
/*		padding:10px 30px;*/
		font-size: 2rem; /*22px;*/
		color: #e2dfdb;
		/* color:white; */
		font-weight: bold;
		
		cursor: pointer;
		/*margin:10px auto;	 */
	
	}
	.nextpos {
		grid-column: 9;
		grid-row: 4;
		padding-left:8px;	
	}
	.prevpos {
		grid-column: 1;
		grid-row: 4;
	}
	.closepos {
		grid-column:1;
		grid-row:1;
	}
	
	.btn:hover{
		background: #111;
	}
	.btnrandom:hover {
		background: #111;
	}

	#fg_formContainer
	{
		grid-column:4/8;
		grid-row: 2/3;
		background-image: linear-gradient(to right,rgb(255,63,4), gray);
		/* background:#fe6000; */
		/*border:5px solid gray; */
		border:5px solid white;
		padding:0;
		/* position:absolute; */
		z-index:999; 
		cursor:default;   
		border-radius:20px;   
		display:none;
	}
    #fg_container_header {
	   height:30px;
	   background:#000066;
	   border-top-right-radius:10px;
	   -moz-border-radius-topright:10px;
	   -webkit-border-top-right-radius:10px;
	   -khtml-border-top-right-radius: 10px;
	   
	   border-top-left-radius:10px;
		grid-column: 1/12;
		grid-row: 1;
	
	}

	#fg_form_InnerContainer {
		grid-column: 1/12;
		grid-row:2/3;
		border:5px solid red;

/* 	border-radius:20px;  */
	}
    
	#fg_box_Close {
		grid-column: -1;
		grid-row: 1;
		//margin-bottom:4px;
	}
	#fg_submit_success_message
	{
		display:none;
		padding:15px;
		color:#fff;
		font-family:Verdana,Arial;
		font-size:12pt;
		font-weight:bold;   
		text-shadow:none;
		border:10px solid white;
		grid-column:1/10;
		grid-row: 2/3;

	}
	#fg_backgroundpopup
	{
		grid-column: 1/12;
		grid-row:2/3;
	}
	#contactus 
	{
		/*border:2px solid yellow; */
	
	}

	/* Debug: style any thank-you popup we might have */
/*
	#thankyou-popup, 
	#fg_thankyouContainer {
	  grid-column: 4 / 8;
	  grid-row: 2 / 3;
	  background-image: linear-gradient(to right, rgb(255,63,4), gray);
	  border: 5px solid white;
	  padding: 20px;
	  z-index: 999;
	  cursor: default;
	  border-radius: 20px;
	  display: none;
	  text-align: center;
	}
*/

	#thankyou-popup,
	#fg_thankyouContainer {
	 grid-column: 4 / 8;
	 grid-row: 2 / 3;
	 background-image: linear-gradient(to right, rgb(255,63,4), gray);
	 border: 5px solid white;
	 z-index: 999;
	 cursor: default;
	 border-radius: 20px;
	 text-align: center;
	 padding: 10px 18px; 
	 display: none;
	 height: 40%;
	 p {
		font-size: 80%;
		color:white;
	}	
	 button {
		 width: 20%;
		 height: 20%;
	}	
	}
	
/*	
	div[id*="thank"] {
	  grid-column: 4 / 8;
	  grid-row: 2 / 3;
	  background-image: linear-gradient(to right, rgb(255,63,4), gray);
	  border: 5px solid white;
	  border-radius: 20px;
	  z-index: 999;
	  padding: 20px;
	  text-align: center;
	  cursor: default;
	}


	div[id*="thank"] button {
	  margin-top: 10px;
	  padding: 8px 18px;
	  border-radius: 10px;
	  border: none;
	  background-color: white;
	  color: #333;
	  font-weight: bold;
	  cursor: pointer;
	}
*/

/* end: image slide show css */

		@media screen and (max-width: 450px) {
			.hilites {
				grid-column: 1/13;
				grid-row: 3/8;	
			}
			.vidarea {
				grid-column: 1/12;
				grid-row:8;
				max-width:70%
			border: 2px solid green; /*rgb(248,139,58);*/	
			}
			.picarea {
				grid-column:8;
				grid-row: 9/17;
			}
 
			.image1 { 
				grid-column:3/11; 
				grid-row: 13;
				border: 4px solid #fff;
			}
			header {
				margin-top: 120px;
			}
			.phone {
				font-size: 18px;
			    color:white
				white-space: nowrap;
			}
		    #fg_formContainer {
				grid-column: 1/12;				
				grid-row:2;

			}
			#message {
				font-size: 20pt;
				max-width: 95%;
			}
			
			#fg_submit_success_message
			{
				grid-column:4/10;
				grid-row: 2;
			}
		}


		.vidtitle { 
			grid-column: 2;
			grid-row: 10;
			color:white;
			font-size: 30;
			font:bold;
		}
		
		.picarea {
			grid-column: 1/11;
			grid-row:13/15;
		}
		.foothype {
			background-image: linear-gradient(to right, #ff4201, gray); 
			background-size: auto;
			color: black;
			font-size: 12px;
		}
				
		footer {
			grid-column: 1 / 13;
			grid-row: 25;
		}
		.footinfo {
			grid-column: -1
			grid-row: 15;
		}
		div.picarea > ul > li {text-shadow:none;}
		
		div.showarea {
			grid-column: 3 / 6;
			grid-row: 7;
			visibility:hidden;
		}
		
		.menu > ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			overflow: hidden;
			background-image: linear-gradient(to right, #ff4201, gray); 
			
			background-size: auto;
		
		}

		.menu > ul > li > a {
			display: block;
			color: white;
			text-align: center;
			padding: 10px;
			text-decoration: none;
		}
		.menu > ul > li > a:hover {
			background-color: #C0C0C0;
		}
		.menu > ul > li { float:left;} 
/*
		.hideme { display:none; }
		.picdiv{ grid-column: 2/10; grid-row: 9/14; }
*/