body {
    margin: 0;
    min-width: 320px;
	color:#ff0000;
	font-family: 'Source Sans Pro', sans-serif; 
	background-color:#FFFFFF;
}

  a.postcodelinks:link {text-decoration:none; color:#B02227; }
     a.postcodelinks:visited {text-decoration:none; color:#B02227; }
     a.postcodelinks:hover {text-decoration:none; color:#B02227; }
     a.postcodelinks:active {text-decoration:none; color:#B02227; }

 a.bodylinks:link {text-decoration:none; color:#ffffff; }
     a.bodylinks:visited {text-decoration:none; color:#ffffff; }
     a.bodylinks:hover {text-decoration:none; color:#ffffff; }
     a.bodylinks:active {text-decoration:none; color:#ffffff; }

 a.gallerylinks:link {text-decoration:none; color:#FFFFFF; font-size:10pt;}
     a.gallerylinks:visited {text-decoration:none; color:#FFFFFF; font-size:10pt; }
     a.gallerylinks:hover {text-decoration:none; color:#FFFFFF; font-size:10pt;}
     a.gallerylinks:active {text-decoration:none; color:#FFFFFF; font-size:10pt; }


 a.boathouselinks:link {text-decoration:none; color:#FFFFFF; }
     a.boathouselinks:visited {text-decoration:none; color:#FFFFFF;  }
     a.boathouselinks:hover {text-decoration:none; color:#EBEBEB; }
     a.boathouselinks:active {text-decoration:none; color:#FFFFFF; }

a.mainlinks:link {text-decoration:none; color:#111111; }
     a.mainlinks:visited {text-decoration:none; color:#111111; }
     a.mainlinks:hover {text-decoration:none; color:#111111; }
     a.mainlinks:active {text-decoration:none; color:#111111; }




.aoctxt {color:#B02227; font-weight:600; font-size:12pt;}




.contactheads{ font-weight:bold; font-size: 10pt; color:#B02227; }

.redtxt { font-weight:bold; font-size: 10pt; color:#0071BA; }

.redtxt2 { font-weight:bold; font-size: 10pt; color:#FFFFFF; }

.goldtxt2023 {color:#D4D66F;}

.formheads { font-weight:bold; font-size:12pt; color:#ea7605;   }


/*IPHONE STYLES*/
@media only screen and (max-width: 480px) {
	


.topmobilelinks {width:100%;  margin-top:0px; background-color:#959595; height:auto; position:relative; float:left; display:block;}	
			


 .topholderdesk1{ width:100%; height:auto; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
  z-index:1; top:0px; background-color:#B02227;
 }  	
	

	
	
 .topholder{ width:100%;  height:auto;   position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px;  }  
	

.linksmain {display:none; }	
	

	


	
.desklogo2023 {width:100%; margin-left:0px;  margin-top:30px;   height:137px; position:relative; float:left; background-image:url("desklogo.png"); background-position: center center; background-repeat: no-repeat; background-size: auto;	margin-bottom:30px; }	
	

	
	


.fade-element8 { width:100%; margin-left:0px; margin-top:0px; background-color:#ffffff; height:auto; position:relative; float:left;
}
		
	
		
	
	

 .homesectionholdernew2020 { width:100%; height:auto; position:relative;  text-align:center; margin-left:0px; margin-right:0px; display:block; 
  z-index:1; margin-top:0px; float:left; }		
	
.hometxtholder3 { width:100%; height:auto; position:relative;   margin-left:0px;   z-index:1; margin-top:20px; float:left; display:block; }	
		
	
	
	
	

	
	
.hometxt4 {width:94%; margin-left:3%; margin-right:3%; margin-bottom:30px; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center;}	
	

	
	
	

	

	
.hometxt3 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:15px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;}		
	

	

	

	
	
		
	
.footersection{ width:100%; height:auto; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-color:#B02227;
  z-index:1; margin-top:0px; } 	
	
 .footerholder{ width:100%; height:auto; position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block;  z-index:1; margin-top:0px; float:left; }	
	
		
	
.footerlinks {width:94%; position:relative; float:left; height:auto;  margin-top:30px;  margin-left:3%; margin-right:3%; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF;  text-align:center; margin-bottom:30px;}	

	
	
	
	
.topimage1 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:280px; position:relative; float:left; background-image:url("topimage1mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}
	
	
.topimage2 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:280px; position:relative; float:left; background-image:url(topimage2mob.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}		

	
	
	
	
	
	
	
	


	
	
	
	

		
	
	
	

	
	
	

	
		
	
	
	
	
	


	

	
	
		
	


	
	
	
	
	
	
	

	
	
	
	
	
	h1 	{ font-family: 'Poppins', sans-serif;  font-weight:700; color:#B02227;   text-align:center; font-size:14pt;}
	
	h3 	{ font-family: 'Poppins', sans-serif;  font-weight:700; color:#B02227;   text-align:center; font-size:14pt;}
	
	
	
	
}


@media only screen and (min-width : 481px) and (max-width : 1024px)  {
	

	.topmobilelinks {width:100%;  margin-top:0px; background-color:#959595; height:auto; position:relative; float:left; display:block;}	
			


 .topholderdesk1{ width:100%; height:auto; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
  z-index:1; top:0px; background-color:#B02227;
 }  	
	

	
	
 .topholder{ width:100%;  height:auto;   position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px;  }  
	

.linksmain {display:none; }	
	

	


	
.desklogo2023 {width:100%; margin-left:0px;  margin-top:30px;   height:137px; position:relative; float:left; background-image:url("desklogo.png"); background-position: center center; background-repeat: no-repeat; background-size: auto;	margin-bottom:30px; }	
	

	
	


.fade-element8 { width:100%; margin-left:0px; margin-top:0px; background-color:#ffffff; height:auto; position:relative; float:left;
}
		
	
		
	
	

 .homesectionholdernew2020 { width:100%; height:auto; position:relative;  text-align:center; margin-left:0px; margin-right:0px; display:block; 
  z-index:1; margin-top:0px; float:left; }		
	
.hometxtholder3 { width:100%; height:auto; position:relative;   margin-left:0px;   z-index:1; margin-top:20px; float:left; display:block; }	
		
	
	
	
	

	
	
.hometxt4 {width:94%; margin-left:3%; margin-right:3%; margin-bottom:30px; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center;}	
	

	
	
	

	

	
.hometxt3 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:15px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;}		
	

	

	

	
	
		
	
.footersection{ width:100%; height:auto; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-color:#B02227;
  z-index:1; margin-top:0px; } 	
	
 .footerholder{ width:100%; height:auto; position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block;  z-index:1; margin-top:0px; float:left; }	
	
		
	
.footerlinks {width:94%; position:relative; float:left; height:auto;  margin-top:30px;  margin-left:3%; margin-right:3%; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF;  text-align:center; margin-bottom:30px;}	

	
	
	
	
.topimage1 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:490px; position:relative; float:left; background-image:url("topimage1pad.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}
	
	
.topimage2 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:490px; position:relative; float:left; background-image:url(topimage2pad.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}		

	
	
	
	
	
	
	
	


	
	
	
	

		
	
	
	

	
	
	

	
		
	
	
	
	
	


	

	
	
		
	


	
	
	
	
	
	
	

	
	
	
	
	
	h1 	{ font-family: 'Poppins', sans-serif;  font-weight:700; color:#B02227;   text-align:center; font-size:14pt;}
	
	h3 	{ font-family: 'Poppins', sans-serif;  font-weight:700; color:#B02227;   text-align:center; font-size:14pt;}
		

	
 }  

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation:  portrait)  {
	

	
	
	
	
		
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	
	
	

	

}





/* Desktops and laptops ----------- */


@media only screen
and (min-width : 1025px) {
	

	.homebox4 {display: none;}	
	
	.gatedesignsmobilebar {display:none;}	
	
	.formmob {display:none; }	
	.topmobilelinks {display:none;}	
	
	.topmobilebar {display:none;}
	
		
.serviceslistmob { display: none;}	


			


 .topholderdesk1{ width:100%; height:177px; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
  z-index:1; top:0px; background-color:#B02227;
 }  	
	
 .topbardesk2023{ width:100%; height:4px; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
 top:0px; background-color:#111111;
 }  	
	
	
 .topholder{ width:1025px;  height:197px;   position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px;  float:none;}  
	

.linksmain {width:100%; margin-left:0px; margin-top:0px;  background-color:#959595; height:41px; position:relative; float:left; display:block; }	
	
 .linksmain2020holder { width:1024px;  height:41px; position:relative; background-color:#959595; text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px; float:none; }		
	


	
.desklogo2023 {width:100%; margin-left:0px;  margin-top:20px;   height:137px; position:relative; float:left; background-image:url("desklogo.png"); background-position: center center; background-repeat: no-repeat; background-size: auto;	margin-bottom:0px;  }	
	

	
	


.fade-element8 { width:100%; margin-left:0px; margin-top:0px; background-color:#ffffff; height:auto; position:relative; float:left;
}
		
	
		
	
	

 .homesectionholdernew2020 { width:100%; height:auto; position:relative;  text-align:center; margin-left:0px; margin-right:0px; display:block; 
  z-index:1; margin-top:0px; float:left; }		
	
.hometxtholder3 { width:100%; height:auto; position:relative;   margin-left:0px;   z-index:1; margin-top:20px; float:left; display:block; }	
		
	
	
	
	

	
	
.hometxt4 {width:94%; margin-left:3%; margin-right:3%; margin-bottom:30px; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center;}	
	

	
	
	

	

	
.hometxt3 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:15px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;}		
	

	

	

	
	
		
	
.footersection{ width:100%; height:auto; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-color:#B02227;
  z-index:1; margin-top:0px; } 	
	
 .footerholder{ width:1024px; height:auto; position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block;  z-index:1; margin-top:0px; float:none; }	
	
		
	
.footerlinks {width:94%; position:relative; float:left; height:auto;  margin-top:30px;  margin-left:3%; margin-right:3%; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF;  text-align:center; margin-bottom:30px;}	

	
	
	
	
.topimage1 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:581px; position:relative; float:left; background-image:url("topimage1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}
	
	
.topimage2 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:580px; position:relative; float:left; background-image:url(topimage2.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}		

	
	
	
	
	
	
	
	


	
	
	
	

		
	
	
	

	
	
	

	
		
	
	
	
	
	


	

	
	
		
	


	
	
	
	
	
	
	

	
	
.homelink {width:60px; margin-left:10px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#B3B3B3; text-align:center;}	
	
.aboutlink {width:60px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}		
	
	
.gutterslink {width:180px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}	
	
.roofinglink {width:164px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}	
	
	
	
.testimonialslink {width:120px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}		
	
	
.contactlink {width:90px; margin-left:10px; margin-right:10px; position:relative; float:right; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}		
	
	
	h1 	{ font-family: 'Poppins', sans-serif;  font-weight:700; color:#B02227;   text-align:center; font-size:24pt;}
	
	h3 	{ font-family: 'Poppins', sans-serif;  font-weight:700; color:#B02227;   text-align:center; font-size:18pt;}	
	
	
	
	
	
	

	
}






@media only screen
and (min-width : 1200px) {
	

	.homebox4 {display: none;}	
	
	.gatedesignsmobilebar {display:none;}	
	
	.formmob {display:none; }	
	.topmobilelinks {display:none;}	
	
	.topmobilebar {display:none;}
	
		
.serviceslistmob { display: none;}	


			


 .topholderdesk1{ width:100%; height:177px; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
  z-index:1; top:0px; background-color:#B02227;
 }  	
	
 .topbardesk2023{ width:100%; height:4px; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
 top:0px; background-color:#111111;
 }  	
	
	
 .topholder{ width:1200px;  height:197px;   position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px;  }  
	

.linksmain {width:100%; margin-left:0px; margin-top:0px;  background-color:#959595; height:41px; position:relative; float:left; display:block; }	
	
 .linksmain2020holder { width:1024px;  height:41px; position:relative; background-color:#959595; text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px; float:none; }		
	


	
.desklogo2023 {width:100%; margin-left:0px;  margin-top:20px;   height:137px; position:relative; float:left; background-image:url("desklogo.png"); background-position: center center; background-repeat: no-repeat; background-size: auto;	 }	
	

	
	


.fade-element8 { width:100%; margin-left:0px; margin-top:0px; background-color:#ffffff; height:auto; position:relative; float:left;
}
		
	
		
	
	

 .homesectionholdernew2020 { width:100%; height:auto; position:relative;  text-align:center; margin-left:0px; margin-right:0px; display:block; 
  z-index:1; margin-top:0px; float:left; }		
	
.hometxtholder3 { width:100%; height:auto; position:relative;   margin-left:0px;   z-index:1; margin-top:20px; float:left; display:block; }	
		
	
	
	
	

	
	
.hometxt4 {width:94%; margin-left:3%; margin-right:3%; margin-bottom:30px; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center;}	
	

	
	
	

	

	
.hometxt3 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:15px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;}		
	

	

	

	
	
		
	
.footersection{ width:100%; height:auto; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-color:#B02227;
  z-index:1; margin-top:0px; } 	
	
 .footerholder{ width:1024px; height:auto; position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block;  z-index:1; margin-top:0px; float:none; }	
	
		
	
.footerlinks {width:94%; position:relative; float:left; height:auto;  margin-top:30px;  margin-left:3%; margin-right:3%; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF;  text-align:center; margin-bottom:30px;}	

	
	
	
	
.topimage1 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:581px; position:relative; float:left; background-image:url("topimage1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}
	
	
.topimage2 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:580px; position:relative; float:left; background-image:url(topimage2.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}		

	
	
	
	
	
	
	
	


	
	
	
	

		
	
	
	

	
	
	

	
		
	
	
	
	
	


	

	
	
		
	


	
	
	
	
	
	
	

	
	
.homelink {width:60px; margin-left:10px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#B3B3B3; text-align:center;}	
	
.aboutlink {width:60px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}		
	
	
.gutterslink {width:180px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}	
	
.roofinglink {width:164px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}	
	
	
	
.testimonialslink {width:120px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}		
	
	
.contactlink {width:90px; margin-left:10px; margin-right:10px; position:relative; float:right; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}		
	
	
	h1 	{ font-family: 'Poppins', sans-serif;  font-weight:700; color:#B02227;   text-align:center; font-size:24pt;}
	
	h3 	{ font-family: 'Poppins', sans-serif;  font-weight:700; color:#B02227;   text-align:center; font-size:18pt;}
	
	
}

@media only screen
and (min-width : 1300px) {
	
	.homebox4 {display: none;}	
	
	.gatedesignsmobilebar {display:none;}	
	
	.formmob {display:none; }	
	.topmobilelinks {display:none;}	
	
	.topmobilebar {display:none;}
	
		
.serviceslistmob { display: none;}	


			


 .topholderdesk1{ width:100%; height:177px; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
  z-index:1; top:0px; background-color:#B02227;
 }  	
	
 .topbardesk2023{ width:100%; height:4px; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
 top:0px; background-color:#111111;
 }  	
	
	
 .topholder{ width:1300px;  height:197px;   position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px;  }  
	

.linksmain {width:100%; margin-left:0px; margin-top:0px;  background-color:#959595; height:41px; position:relative; float:left; display:block; }	
	
 .linksmain2020holder { width:1024px;  height:41px; position:relative; background-color:#959595; text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px; float:none; }		
	


	
.desklogo2023 {width:100%; margin-left:0px;  margin-top:20px;   height:137px; position:relative; float:left; background-image:url("desklogo.png"); background-position: center center; background-repeat: no-repeat; background-size: auto;	 }	
	

	
	


.fade-element8 { width:100%; margin-left:0px; margin-top:0px; background-color:#ffffff; height:auto; position:relative; float:left;
}
		
	
		
	
	

 .homesectionholdernew2020 { width:100%; height:auto; position:relative;  text-align:center; margin-left:0px; margin-right:0px; display:block; 
  z-index:1; margin-top:0px; float:left; }		
	
.hometxtholder3 { width:100%; height:auto; position:relative;   margin-left:0px;   z-index:1; margin-top:20px; float:left; display:block; }	
		
	
	
	
	

	
	
.hometxt4 {width:94%; margin-left:3%; margin-right:3%; margin-bottom:30px; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center;}	
	

	
	
	

	

	
.hometxt3 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:15px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;}		
	

	

	

	
	
		
	
.footersection{ width:100%; height:auto; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-color:#B02227;
  z-index:1; margin-top:0px; } 	
	
 .footerholder{ width:1024px; height:auto; position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block;  z-index:1; margin-top:0px; float:none; }	
	
		
	
.footerlinks {width:94%; position:relative; float:left; height:auto;  margin-top:30px;  margin-left:3%; margin-right:3%; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF;  text-align:center; margin-bottom:30px;}	

	
	
	
	
.topimage1 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:581px; position:relative; float:left; background-image:url("topimage1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}
	
	
.topimage2 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:580px; position:relative; float:left; background-image:url(topimage2.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}		

	
	
	
	
	
	
	
	


	
	
	
	

		
	
	
	

	
	
	

	
		
	
	
	
	
	


	

	
	
		
	


	
	
	
	
	
	
	

	
	
.homelink {width:60px; margin-left:10px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#B3B3B3; text-align:center;}	
	
.aboutlink {width:60px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}		
	
	
.gutterslink {width:180px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}	
	
.roofinglink {width:164px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}	
	
	
	
.testimonialslink {width:120px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}		
	
	
.contactlink {width:90px; margin-left:10px; margin-right:10px; position:relative; float:right; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}		
	
	
	h1 	{ font-family: 'Poppins', sans-serif;  font-weight:700; color:#B02227;   text-align:center; font-size:24pt;}
	
	h3 	{ font-family: 'Poppins', sans-serif;  font-weight:700; color:#B02227;   text-align:center; font-size:18pt;}
	
	
	
}

@media only screen
and (min-width : 1400px) {
	

		.homebox4 {display: none;}	
	
	.gatedesignsmobilebar {display:none;}	
	
	.formmob {display:none; }	
	.topmobilelinks {display:none;}	
	
	.topmobilebar {display:none;}
	
		
.serviceslistmob { display: none;}	


			


 .topholderdesk1{ width:100%; height:177px; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
  z-index:1; top:0px; background-color:#B02227;
 }  	
	
 .topbardesk2023{ width:100%; height:4px; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
 top:0px; background-color:#111111;
 }  	
	
	
 .topholder{ width:1400px;  height:197px;   position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px;  }  
	

.linksmain {width:100%; margin-left:0px; margin-top:0px;  background-color:#959595; height:41px; position:relative; float:left; display:block; }	
	
 .linksmain2020holder { width:1024px;  height:41px; position:relative; background-color:#959595; text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px; float:none; }		
	


	
.desklogo2023 {width:100%; margin-left:0px;  margin-top:20px;   height:137px; position:relative; float:left; background-image:url("desklogo.png"); background-position: center center; background-repeat: no-repeat; background-size: auto;	 }	
	

	
	


.fade-element8 { width:100%; margin-left:0px; margin-top:0px; background-color:#ffffff; height:auto; position:relative; float:left;
}
		
	
		
	
	

 .homesectionholdernew2020 { width:100%; height:auto; position:relative;  text-align:center; margin-left:0px; margin-right:0px; display:block; 
  z-index:1; margin-top:0px; float:left; }		
	
.hometxtholder3 { width:100%; height:auto; position:relative;   margin-left:0px;   z-index:1; margin-top:20px; float:left; display:block; }	
		
	
	
	
	

	
	
.hometxt4 {width:94%; margin-left:3%; margin-right:3%; margin-bottom:30px; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center;}	
	

	
	
	

	

	
.hometxt3 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:15px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;}		
	

	

	

	
	
		
	
.footersection{ width:100%; height:auto; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-color:#B02227;
  z-index:1; margin-top:0px; } 	
	
 .footerholder{ width:1024px; height:auto; position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block;  z-index:1; margin-top:0px; float:none; }	
	
		
	
.footerlinks {width:94%; position:relative; float:left; height:auto;  margin-top:30px;  margin-left:3%; margin-right:3%; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF;  text-align:center; margin-bottom:30px;}	

	
	
	
	
.topimage1 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:581px; position:relative; float:left; background-image:url("topimage1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}
	
	
.topimage2 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:580px; position:relative; float:left; background-image:url(topimage2.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}		

	
	
	
	
	
	
	
	


	
	
	
	

		
	
	
	

	
	
	

	
		
	
	
	
	
	


	

	
	
		
	


	
	
	
	
	
	
	

	
	
.homelink {width:60px; margin-left:10px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#B3B3B3; text-align:center;}	
	
.aboutlink {width:60px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}		
	
	
.gutterslink {width:180px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}	
	
.roofinglink {width:164px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}	
	
	
	
.testimonialslink {width:120px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}		
	
	
.contactlink {width:90px; margin-left:10px; margin-right:10px; position:relative; float:right; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}		
	
	
	h1 	{ font-family: 'Poppins', sans-serif;  font-weight:700; color:#B02227;   text-align:center; font-size:24pt;}
	
	h3 	{ font-family: 'Poppins', sans-serif;  font-weight:700; color:#B02227;   text-align:center; font-size:18pt;}
	
	
	
	
	
	
	
	
	
}



/* large Screen ----------- */
@media only screen and (min-width : 1500px) {
	
	.homebox4 {display: none;}	
	
	.gatedesignsmobilebar {display:none;}	
	
	.formmob {display:none; }	
	.topmobilelinks {display:none;}	
	
	.topmobilebar {display:none;}
	
		
.serviceslistmob { display: none;}	


			


 .topholderdesk1{ width:100%; height:177px; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
  z-index:1; top:0px; background-color:#B02227;
 }  	
	
 .topbardesk2023{ width:100%; height:4px; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
 top:0px; background-color:#111111;
 }  	
	
	
 .topholder{ width:1500px;  height:197px;   position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px;  }  
	

.linksmain {width:100%; margin-left:0px; margin-top:0px;  background-color:#959595; height:41px; position:relative; float:left; display:block; }	
	
 .linksmain2020holder { width:1024px;  height:41px; position:relative; background-color:#959595; text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px; float:none; }		
	


	
.desklogo2023 {width:100%; margin-left:0px;  margin-top:20px;   height:137px; position:relative; float:left; background-image:url("desklogo.png"); background-position: center center; background-repeat: no-repeat; background-size: auto;	 }	
	

	
	


.fade-element8 { width:100%; margin-left:0px; margin-top:0px; background-color:#ffffff; height:auto; position:relative; float:left;
}
		
	
		
	
	

 .homesectionholdernew2020 { width:100%; height:auto; position:relative;  text-align:center; margin-left:0px; margin-right:0px; display:block; 
  z-index:1; margin-top:0px; float:left; }		
	
.hometxtholder3 { width:100%; height:auto; position:relative;   margin-left:0px;   z-index:1; margin-top:20px; float:left; display:block; }	
		
	
	
	
	

	
	
.hometxt4 {width:94%; margin-left:3%; margin-right:3%; margin-bottom:30px; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center;}	
	

	
	
	

	

	
.hometxt3 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:15px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;}		
	

	

	

	
	
		
	
.footersection{ width:100%; height:auto; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-color:#B02227;
  z-index:1; margin-top:0px; } 	
	
 .footerholder{ width:1024px; height:auto; position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block;  z-index:1; margin-top:0px; float:none; }	
	
		
	
.footerlinks {width:94%; position:relative; float:left; height:auto;  margin-top:30px;  margin-left:3%; margin-right:3%; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF;  text-align:center; margin-bottom:30px;}	

	
	
	
	
.topimage1 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:581px; position:relative; float:left; background-image:url("topimage1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}
	
	
.topimage2 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:580px; position:relative; float:left; background-image:url(topimage2.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}		

	
	
	
	
	
	
	
	


	
	
	
	

		
	
	
	

	
	
	

	
		
	
	
	
	
	


	

	
	
		
	


	
	
	
	
	
	
	

	
	
.homelink {width:60px; margin-left:10px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#B3B3B3; text-align:center;}	
	
.aboutlink {width:60px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}		
	
	
.gutterslink {width:180px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}	
	
.roofinglink {width:164px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}	
	
	
	
.testimonialslink {width:120px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}		
	
	
.contactlink {width:90px; margin-left:10px; margin-right:10px; position:relative; float:right; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}		
	
	
	h1 	{ font-family: 'Poppins', sans-serif;  font-weight:700; color:#B02227;   text-align:center; font-size:24pt;}
	
	h3 	{ font-family: 'Poppins', sans-serif;  font-weight:700; color:#B02227;   text-align:center; font-size:18pt;}

	
}


/* large Screen ----------- */
@media only screen and (min-width : 1700px) {
	

	.homebox4 {display: none;}	
	
	.gatedesignsmobilebar {display:none;}	
	
	.formmob {display:none; }	
	.topmobilelinks {display:none;}	
	
	.topmobilebar {display:none;}
	
		
.serviceslistmob { display: none;}	


			


 .topholderdesk1{ width:100%; height:177px; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
  z-index:1; top:0px; background-color:#B02227;
 }  	
	
 .topbardesk2023{ width:100%; height:4px; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
 top:0px; background-color:#111111;
 }  	
	
	
 .topholder{ width:1700px;  height:197px;   position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px;  }  
	

.linksmain {width:100%; margin-left:0px; margin-top:0px;  background-color:#959595; height:41px; position:relative; float:left; display:block; }	
	
 .linksmain2020holder { width:1024px;  height:41px; position:relative; background-color:#959595; text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px; float:none; }		
	


	
.desklogo2023 {width:100%; margin-left:0px;  margin-top:20px;   height:137px; position:relative; float:left; background-image:url("desklogo.png"); background-position: center center; background-repeat: no-repeat; background-size: auto;	 }	
	

	
	


.fade-element8 { width:100%; margin-left:0px; margin-top:0px; background-color:#ffffff; height:auto; position:relative; float:left;
}
		
	
		
	
	

 .homesectionholdernew2020 { width:100%; height:auto; position:relative;  text-align:center; margin-left:0px; margin-right:0px; display:block; 
  z-index:1; margin-top:0px; float:left; }		
	
.hometxtholder3 { width:100%; height:auto; position:relative;   margin-left:0px;   z-index:1; margin-top:20px; float:left; display:block; }	
		
	
	
	
	

	
	
.hometxt4 {width:94%; margin-left:3%; margin-right:3%; margin-bottom:30px; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center;}	
	

	
	
	

	

	
.hometxt3 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:15px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;}		
	

	

	

	
	
		
	
.footersection{ width:100%; height:auto; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-color:#B02227;
  z-index:1; margin-top:0px; } 	
	
 .footerholder{ width:1024px; height:auto; position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block;  z-index:1; margin-top:0px; float:none; }	
	
		
	
.footerlinks {width:94%; position:relative; float:left; height:auto;  margin-top:30px;  margin-left:3%; margin-right:3%; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF;  text-align:center; margin-bottom:30px;}	

	
	
	
	
.topimage1 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:581px; position:relative; float:left; background-image:url("topimage1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}
	
	
.topimage2 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:580px; position:relative; float:left; background-image:url(topimage2.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}		

	
	
	
	
	
	
	
	


	
	
	
	

		
	
	
	

	
	
	

	
		
	
	
	
	
	


	

	
	
		
	


	
	
	
	
	
	
	

	
	
.homelink {width:60px; margin-left:10px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#B3B3B3; text-align:center;}	
	
.aboutlink {width:60px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}		
	
	
.gutterslink {width:180px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}	
	
.roofinglink {width:164px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}	
	
	
	
.testimonialslink {width:120px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}		
	
	
.contactlink {width:90px; margin-left:10px; margin-right:10px; position:relative; float:right; height:auto; margin-top:8px; font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;}		
	
	
	h1 	{ font-family: 'Poppins', sans-serif;  font-weight:700; color:#B02227;   text-align:center; font-size:24pt;}
	
	h3 	{ font-family: 'Poppins', sans-serif;  font-weight:700; color:#B02227;   text-align:center; font-size:18pt;}
	
	

	
		
		
	

	
	
	
		
	
	
	
	

	
	
	
	
	

		
	
	
	
}