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:#A18E84; }
     a.postcodelinks:visited {text-decoration:none; color:#A18E84; }
     a.postcodelinks:hover {text-decoration:none; color:#A18E84; }
     a.postcodelinks:active {text-decoration:none; color:#A18E84; }

 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:#A18E84; font-size:10pt;}
     a.gallerylinks:visited {text-decoration:none; color:#A18E84; font-size:10pt; }
     a.gallerylinks:hover {text-decoration:none; color:#A18E84; font-size:10pt;}
     a.gallerylinks:active {text-decoration:none; color:#A18E84; font-size:10pt; }

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


a.toplinks:link {text-decoration:none; color:#ffffff; font-weight: 700;}
a.toplinks:visited {text-decoration:none; color:#ffffff; font-weight: 700;}
a.toplinks:hover {text-decoration:none; color:#0071BA; font-weight: 700;}
a.toplinks:active {text-decoration:none; color:#ffffff; font-weight: 700;}



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


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

 a.boathouselinks:link {text-decoration:none; color:#F7F5F0; font-weight: 500;}
     a.boathouselinks:visited {text-decoration:none; color:#F7F5F0; font-weight: 500; }
     a.boathouselinks:hover {text-decoration:none; color:#F7F5F0; font-weight: 500;}
     a.boathouselinks:active {text-decoration:none; color:#F7F5F0; font-weight: 500;}

 a.aoctxtlink:link {text-decoration:none; color:#A18E84; font-weight: 600; }
     a.aoctxtlink:visited {text-decoration:none;  color:#A18E84; font-weight: 600; }
     a.aoctxtlink:hover {text-decoration:none; color:#A18E84; font-weight: 600;}
     a.aoctxtlink:active {text-decoration:none; color:#A18E84; font-weight: 600; }

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


#example {
width:100%;
  height: 500px;
  overflow: hidden;
  margin-top: 0px;
}
#example .mSButtons {
  height: 80%;
}
#example .frame {
  width: 100%;
  height: 100%;
}
#example .frame .slide_element {
  height: 100%;
}
#example .frame .slide_element > div {
  float: left;
  height: 100%;
  overflow: hidden;
}
#example .frame .mSCover img {
  max-width: none;
}
#example .credit{ position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 11px;
  line-height: normal;
  font-weight: 300; text-shadow: #000000 0 1px 0px; text-shadow: rgba(0,0,0,0.7) 0 1px 0px;
  color: #CCC;
  background: #000;
  background: rgba(0,0,0,0.6);
  padding: 0 4px;
  white-space: nowrap;
  z-index: 1002;
  text-transform: uppercase; }#example .credit a {
  color: #FFF;
  font-weight: 400;
}
.infoBlock {
  position: absolute;
  top: 370px;
  left: 0px;
  width: 980px;
  height:56px;
  padding-bottom: 0;
  background: #FFF;
  background: rgba(255, 255, 255, 0.6);
  overflow: hidden;
  
  z-index: 1002;
}
.infoBlockLeftBlack {
  color: #FFF;
  background: #000;
  background: rgba(0,0,0,0.55);
  left: 90px;
  right: auto;
  opacity: 0;
}
.infoBlock2 {
  top: 90px;
  left: 100px;
}

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

.redtxt { font-weight:bold; font-size: 12pt; color:#A18E84; }

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

.goldtxt2023 {color:#D4D66F;}

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

.annoying {width:50%;}


/*IPHONE STYLES*/
@media only screen and (max-width: 480px) {
	
.gatedesignsmobilebar {width:100%;  margin-top:0px; background-color:#d0b49f; height:3px; position:relative; float:left; display:block;}	
	
	
  .topline { width:100%; height:4px; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
 top:0px; background-color:#00FF00; display: block;
 }  
	
 .topbardesk2023{ width:100%; height:4px; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
 top:0px; background-color:#ea7605;
 }  	

.topmobilebar {width:100%;  margin-top:0px; background-color:#A18E84; height:40px; position:relative; float:left; display:block;}
	.topsocialmediareamob {width:110px;  background-color:#A18E84; margin-top:0px;  height:auto; position:relative; float:left; }
.topmobilefacebook{width:13px;  margin-top:8px;  margin-left:10px; height:24px; position:relative; float:left; }
.topmobiletwitter {width:24px;  margin-top:8px;   margin-left:8px; height:24px; position:relative; float:left; }
	
.topmobilelinks {width:100%;  margin-top:0px; background-color:#008084; height:auto; position:relative; float:left; display:block;}		
.topphonemob {width:183px;  margin-top:0px; height:35px; position:relative; float:right; margin-right:5px; }
.phoneiconmob {width:24px;  margin-top:8px;   margin-left:40px; height:24px; position:relative; float:left; }
.phonemobnum {width:106px;  margin-top:7px;  margin-right:5px;   height:auto; position:relative; float:right; text-align:right; font-family: 'Poppins', sans-serif;  color:#F7F5F0; font-size:12pt;}
	
.topmobilebar2 { width:100%;  position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-color:#4068ad;
    height: 4px; z-index:1000000000000000; margin-top:0px; display:block;} 	
	

.topholdermob { width:100%; background-image:url("backgroundtile.jpg");background-repeat: repeat-x; height:auto; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
  z-index:1; top:0px;}
.topmoblogo {width:100%; margin-left:0px;  margin-top:30px; margin-bottom:30px; z-index:1; height:139px; position:relative; float:left; background-image:url(logomob.png); background-position: center center; background-repeat: no-repeat;  background-size: auto;}		
	
 .topholderdesk1{ display:none;} 
	
	
 .linksmain { display:none;}  	
	
	
.mainpresentation {width:100%; margin-left:0px; margin-top:0px;  height:auto; position:relative; float:left;}		
	
 #example {
        height: 300px;
        margin-top: 0;
		position:relative;
		float:left;
    }	
		.infoBlock8mob {
  position: absolute;
  top: 172px;
  left: 0px;
  width: 100%;
  height:auto;
  padding-bottom: 0;
 
  overflow: hidden;
  opacity:0;
  z-index: 1002;
	font-size:12pt; font-weight:600; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;		
		
	
}
	.infoBlock12 {display:none !important;}
	.infoBlock11 {display:none !important;}
	.infoBlock15 {display:none !important;}
	
	.infoBlock3 {width:100%; margin-left:0px; margin-top:0px;   height:300px; position:relative; float:left;}
	
	.infoBlock14 {width:100%; margin-left:0px; margin-top:0px;   height:auto; position:relative; float:left;}
	
	.infoBlock6 {

	display:none;	
				
		
}

	.infoBlock7 {

		 position: absolute;
  top:62px;
  left: 0px;
  width: 100%;
  height:103px;
  padding-bottom: 0;
  opacity:0;
  background-image:url("carpetcleanhead.png");
  overflow: hidden;
  background-position: center center; 
  background-repeat: no-repeat; 
 
  z-index: 1002222222222222222222222222222222222222222222222222222222222222;		
				
		
}

	.infoBlock13 {

		 position: absolute;
  top:62px;
  left: 0px;
  width: 100%;
  height:103px;
  padding-bottom: 0;
  opacity:0;
  background-image:url("scaffoldhead.png");
  overflow: hidden;
  background-position: center center; 
  background-repeat: no-repeat; 
 
  z-index: 1002222222222222222222222222222222222222222222222222222222222222;		
				
		
}
	
	.infoBlock16 {

		 position: absolute;
  top:62px;
  left: 0px;
  width: 100%;
  height:107px;
  padding-bottom: 0;
  opacity:0;
  background-image:url("quotehead.png");
  overflow: hidden;
  background-position: center center; 
  background-repeat: no-repeat; 
 
  z-index: 1002222222222222222222222222222222222222222222222222222222222222;		
				
		
}		
	
	
	.infoBlock17 {

		 position: absolute;
  top:62px;
  left: 0px;
  width: 100%;
  height:103px;
  padding-bottom: 0;
  opacity:0;
  background-image:url("listedhead.png");
  overflow: hidden;
  background-position: center center; 
  background-repeat: no-repeat; 
 
  z-index: 1002222222222222222222222222222222222222222222222222222222222222;	
				
		
}	

		.infoBlock8mob {
  position: absolute;
  top: 245px;
  left: 0px;
  width: 100%;
  height:55px;
  padding-bottom: 0;
  background-image:url(banner1mob.png);
  overflow: hidden;
  opacity:0;
  background-position: center center; 
  background-repeat:repeat-x;
  z-index: 1002;
}

.giftsmob1  {width:100%; margin-left:0px; position:relative; height:18px; background-image:url("giftsmob1.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:17px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; }		
	
		
		
.giftsmob3  {width:100%; margin-left:0px; position:relative; height:17px; background-image:url("giftsmob3.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:18px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; }	
	
	

.giftsmob5  {width:100%; margin-left:0px; position:relative; height:17px; background-image:url("giftsmob5.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:17px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; }	
		
	
	
.giftsmob7  {width:100%; margin-left:0px; position:relative; height:17px; background-image:url("giftsmob7.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:17px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; }		
	
	
.slideimage1 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:300px; position:relative; float:left; background-image:url(topimage44mob.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.slideimage2 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:100%; position:relative; float:left; background-image:url(topimage1mob.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.slideimage3 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:100%; position:relative; float:left; background-image:url(topimage3mob.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}
	
.slideimage4 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:100%; position:relative; float:left; background-image:url(image4mob.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	
	

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

.slideimage6 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:100%; position:relative; float:left; background-image:url(topimage2mob.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}
	
	
.slideimage7{width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:100%; position:relative; float:left; background-image:url(image7mob.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	
.homesectionnew2020 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;}	
	
.homesectionnew20201 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;}	
	
.homesectionnew20203 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;}
	
.homesectionnew20205 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;}
	
.homesectionnew20207 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;}
	
.homesectionnew20208 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;}	
	
 .homesectionholdernew2020 	{width:100%; margin-left:0px; margin-top:0px; height:auto; position:relative; float:left;}
	
.hometxtholder3 { width:100%; height:auto; position:relative;   margin-left:0px;   z-index:1; margin-top:0px; float:left; display:block; }	
	
.hometxtholder33 { width:100%; height:auto; position:relative;   margin-left:0px;   z-index:1; margin-top:0px; float:left; display:block; }		
	

.hometxtholder4 { width:100%; height:auto; position:relative;   margin-left:0px;   z-index:1; margin-top:0px; float:left; display:block; }		
	
	
.headerholder {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px;}		
	
.homeheader2  {width:100%; margin-left:0px; position:relative; margin-top:25px; height:54px; background-image:url("homeheader3mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }		
	
.homeheader3  {width:100%; margin-left:0px; position:relative; margin-top:25px; height:27px; background-image:url("homeheader2mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }
	
.homeheader8  {width:100%; margin-left:0px; position:relative; margin-top:25px; height:21px; background-image:url("homeheader8mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }	
	
.homeheader7  {width:100%; margin-left:0px; position:relative; margin-top:35px; height:54px; background-image:url("homeheader7mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }		
	
	
.homeheader4  {width:100%; margin-left:0px; position:relative; margin-top:25px; height:27px; background-image:url("homeheader4mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }
	
.homeheader5  	{width:100%; margin-left:0px; position:relative; margin-top:25px; height:21px; background-image:url("homeheader5mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }	
	
.homeheader9  {width:100%; margin-left:0px; position:relative; margin-top:25px; height:20px; background-image:url("homeheader9mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }		
	
.homeheader10  {width:100%; margin-left:0px; position:relative; margin-top:25px; height:21px; background-image:url("homeheader10mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }	
	
		
	
.homeheader11  {width:100%; margin-left:0px; position:relative; margin-top:25px; height:21px; background-image:url("homeheader11mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }		
	
.homeheader12  {width:100%; margin-left:0px; position:relative; margin-top:25px; height:21px; background-image:url("homeheader12mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }	
	
.hometxt4 {width:94%; margin-left:3%; margin-right:3%; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center;}	
	
.hometxt400 {width:94%; margin-left:3%; margin-right:3%; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center;}		
	
	
 .homesectionholdernew20202 { 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; }			
	
.hometxtholder44 { width:820px; height:auto; position:relative;   margin-left:850px;   z-index:1; margin-top:42px; float:left; display:block; }	
	
.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;}		
	

	

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

	

	
	
	
	
.footersection { width:100%; background-image:url("backgroundtile.jpg");background-repeat: repeat-x; height:auto; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
  z-index:1; 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; }	
	
		
	
.footerlogo { width:100%; height:120px; position:relative; display:block;  margin-left:0px;  background-image:url("footerlogomob.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:37px; float:left; }	
	
.footerlinks {width:94%; position:relative; float:left; height:auto;  margin-top:50px; margin-bottom:60px;  margin-left:3%; margin-right:3%; font-size:10pt; font-family: 'Poppins', sans-serif; color:#A18E84;  text-align:center;}	
	
.footercheckatrade {  display:none; }		
	
	
.topimage1 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:280px; position:relative; float:left; background-image:url("image2mob.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(image22mob.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}		
	
.topimage3 	{width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:280px; position:relative; float:left; background-image:url("image1mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}
	
.topimage4 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:280px; position:relative; float:left; background-image:url("image3mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}
	
.topimage5 	{width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:280px; position:relative; float:left; background-image:url("image5mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	
.topimage6 	{width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:280px; position:relative; float:left; background-image:url(image6mob.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	
.topimage7 	{width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:280px; position:relative; float:left; background-image:url("image7mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	
	
	
.topimage9 	{width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:580px; position:relative; float:left; background-image:url("image3largest.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	

	
.fade-element8 {

width:100%; margin-left:0px; margin-top:0px; background-color:#f7f5f0; height:auto;  position:relative; float:left;
}

	
	
.fade-element1 {

width:100%; margin-left:0px; margin-top:0px; background-color:#f7f5f0; height:auto;  position:relative; float:left;
}

	
	
	
.fade-element3 {

width:100%; margin-left:0px; margin-top:0px; background-color:#f7f5f0; height:auto;  position:relative; float:left;
}

	
	
.fade-element5 {

width:100%; margin-left:0px; margin-top:0px; background-color:#f7f5f0; height:auto;  position:relative; float:left;
}


.fade-element6 {

width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto;  position:relative; float:left;
}

	
	
.fade-element2 {

width:100%; margin-left:0px; margin-top:0px; background-color:#A18E84; height:auto;  position:relative; float:left;
}



	
.fade-element10 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:100%; margin-left:0px; margin-top:0px; background-image:url("box1mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left;
}

.fade-element10.visible {
  opacity: 1;
  transform: translateY(0);
}		
		

.fade-element11 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:100%; margin-left:0px; margin-top:0px; background-image:url("box3mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left;
}

.fade-element11.visible {
  opacity: 1;
  transform: translateY(0);
}		
	
.fade-element12 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:100%; margin-left:0px; margin-top:0px; background-image:url("box2mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left;
}

.fade-element12.visible {
  opacity: 1;
  transform: translateY(0);
}	
		
.fade-element120 {
 display:none;
}

		
	
	
.fade-element13 {

width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto;  position:relative; float:left;
}


	
.fade-element14 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:100%; margin-left:0px; margin-top:0px; background-color:#1b1f3d; height:auto;  position:relative; float:left;
}

.fade-element14.visible {
  opacity: 1;
  transform: translateY(0);
}	
		
.fade-element15 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:100%; margin-left:0px; margin-top:0px; background-color:#1b1f3d; height:auto;  position:relative; float:left;
}

.fade-element15.visible {
  opacity: 1;
  transform: translateY(0);
}		
	

.fade-element16 {

width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto;  position:relative; float:left;
}

	
	
	
.fade-element17 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:100%; margin-left:0px; margin-top:0px; background-color:#1b1f3d; height:auto;  position:relative; float:left;
}

.fade-element17.visible {
  opacity: 1;
  transform: translateY(0);
}		
		
	
.fade-element18 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:100%; margin-left:0px; margin-top:0px; background-color:#1b1f3d; height:auto;  position:relative; float:left;
}

.fade-element18.visible {
  opacity: 1;
  transform: translateY(0);
}		
		
.fade-element19 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:100%; margin-left:0px; margin-top:0px; background-color:#1b1f3d; height:auto;  position:relative; float:left;
}

.fade-element19.visible {
  opacity: 1;
  transform: translateY(0);
}		
		
.fade-element20 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:100%; margin-left:0px; margin-top:0px; background-color:#1b1f3d; height:auto;  position:relative; float:left;
}

.fade-element20.visible {
  opacity: 1;
  transform: translateY(0);
}		
						
.fade-element21 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:100%; margin-left:0px; margin-top:0px;background-color:#1b1f3d; height:auto;   position:relative; float:left;
}

.fade-element21.visible {
  opacity: 1;
  transform: translateY(0);
}			
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.boxheader1 { width:100%; height:65px; position:relative; display:block;  margin-left:0px;  background-image:url("boxheader1mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  z-index:1; margin-top:198px; float:left;
}		
	
.boxheader2 { width:100%; height:57px; position:relative; display:block;  margin-left:0px;  background-image:url("boxheader2mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  z-index:1; margin-top:198px; float:left;
}		
		
.boxheader3 { width:100%; height:57px; position:relative; display:block;  margin-left:0px;  background-image:url("boxheader3mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  z-index:1; margin-top:198px; float:left;
}			
	
	

	
 .topimagetxtholder { display:none; }  
			
.producttxt {width:80%; margin-left:10%; margin-right:10%; position:relative; float:left; height:auto; margin-top:20px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center;}		

	
.contactformdesk {  display:none;  }	
	
	
		
	
	

	
	
	
	
	
	
	

	
	

	
	
	
	
	
	
		

	
	

	
	
.homesectionnew20253 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;}
	
.homesectionnew20254 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;}
	
.homesectionnew20255  	{width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;}
		
.homesectionnew20256 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;}
.homesectionnew20257 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;}
	

.hometxt42025 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;}				
	
.hometxtholder42025 { width:100%; height:auto; position:relative;   margin-left:0px;   z-index:1; margin-top:25px; float:left; display:block; }		
	
.homeimage9mob { width:100%; height:245px; position:relative; float:left; margin-bottom:60px; margin-left:0%; margin-right:0%; margin-top:20px; background-image:url(homeimage9mob.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;}		
	
.homeimage10mob { width:100%; height:245px; position:relative; float:left; margin-bottom:60px; margin-left:0%; margin-right:0%; margin-top:20px; background-image:url(homeimage10mob.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;}		

.homeimage7mob { width:100%; height:245px; position:relative; float:left; margin-bottom:60px; margin-left:0%; margin-right:0%; margin-top:30px; background-image:url(homeimage7mob.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;}		
	
	
.homeimage8mob { width:100%; height:245px; position:relative; float:left; margin-bottom:60px; margin-left:0%; margin-right:0%; margin-top:10px; background-image:url(homeimage8mob.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;}	
	

.homeimage11mob { width:100%; height:436px; position:relative; float:left; margin-bottom:60px; margin-left:0%; margin-right:0%; margin-top:10px; background-image:url(homeimage11mob.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;}		

	
	
	
	

	
.rotatordivider2 {width:100%; margin-left:0px; margin-top:0px;  background-color:#d0b49f; height:3px; position:relative; float:left; display:block; }	
	
	
	.logossection {width:100%; margin-left:0px; margin-top:0px; ; height:auto; position:relative; float:left; background-color:#A18E84;}	
	
 .logosectionholder{ width:100%;  height:auto;   position:relative;  text-align:center; margin-left:0px; margin-right:0px; display:block; 
	 z-index:1; margin-top:0px; background-color:#A18E84; float:left;}	
	
	
.logo1 { width:100%; height:83px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("logo1mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:30px; margin-bottom:0px; }	
	
	
	
	
.logo2 { width:100%; height:44px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("logo2mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:35px; margin-bottom:0px; }	
	
	
	
	
	
.logo3 { width:100%; height:102px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("logo3.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:30px; margin-bottom:0px; }	
	
	
	
	
.logo4 { width:100%; height:45px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("logo4mob.jpg");  background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:35px; margin-bottom:0px; }	
	
	
	
	
.logo5 { width:100%; height:112px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("logo5mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:35px; margin-bottom:60px; }	
	

	
	

	
	
.bookingbutton  	{width:100%; margin-left:0px; margin-top:25px; position:relative; height:82px; background-image:url("bookingbuttonmob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:00px; }	
	
	
.googleandapplemain {width:100%; margin-left:0px; margin-top:25px;  height:auto; position:relative; float:left; display:block;}	
	
	
 .googleandappleholder{ width:346px;  height:auto;   background-color:#ff0000;  position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
	 z-index:1; margin-top:0px; float:none; }		
	
.googleplay { width:168px; height:50px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("googleplaymob.png");  z-index:1; margin-top:0px; margin-bottom:0px; }	
	
	
.apple { width:168px; height:50px; position:relative;  text-align:center; float:left; margin-left:10px; display:block; background-image:url("applemob.png");  z-index:1; margin-top:0px; margin-bottom:0px; }		
	
.pricelistheader1 { width:100%; height:18px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:19px; margin-bottom:15px; }
	
.pricelistheader2 { width:100%; height:11px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:18px; margin-bottom:15px; }
	
.pricelistheader3 { width:100%; height:11px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:18px; margin-bottom:15px; }		
	
.pricelistheader4 { width:100%; height:11px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:18px; margin-bottom:15px; }	
	
.pricelistheader5 { width:100%; height:11px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader5.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:18px; margin-bottom:15px; }	
	
.pricelistheader6 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader6.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }	
	
.pricelistheader7 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader7.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }	
	
	
.pricelistheader8 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader8.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }		
	
.pricelistheader9 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader9.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }	
	
.pricelistheader10 { width:100%; height:35px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader10.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }		
	
.pricelistheader11 { width:100%; height:35px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader11.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }		
		
.pricelistheader12 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader12.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }
	
.pricelistheader13 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader13.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }		
	
	
	
.tableholder1 {width:100%; margin-left:0px; margin-top:22px; ; height:auto; position:relative; float:left;}		
	
.pricelistholder1 {width:100%; margin-left:0px; margin-top:0px; background-color:#F7F5F0; height:auto; position:relative; float:left;}		
	
.pricelistmain1 { width:100%;  height:auto;  position:relative;  text-align:center; margin-left:0px; margin-right:0px; display:block; 
	margin-top:0px; float:left; }		

#table-2 {
	border: 2px solid #d0b49f;
	background-color: #A18E84;
        width: 94%;
	margin-left:3%;
	margin-right:3%;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#table-2 td, #table-2 th {
	padding: 5px;
	color: #A18E84;
}
#table-2 thead {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: .2em 0 .2em .5em;
	text-align: left;
	color: #A18E84;
	background-color: #A18E84;
	
	border-bottom: solid 1px #A18E84;
}
#table-2 th {
	font-size:12pt; font-family: 'Poppins', sans-serif; color:#A18E84;
	line-height: 40px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-shadow: white 1px 1px 1px;
}
#table-2 td {
	line-height: 26px;
	font-size:10pt; font-family: 'Poppins', sans-serif; color:#F7F5F0;
	text-align: center;
	
	border-top: 1px solid #d0b49f;
}
#table-2 td:hover {
	background-color: #d0b49f;
	color:#F7F5F0;
}	
	
.mainfayrecontenttables1{ width:100%; height:auto;  position:relative; float:left;  margin-top:0px; margin-left:0px; margin-right:0px; text-align:justify;  font-size:10pt; color:#111111; }	
	
	
.tableheader1 { width:100%; height:17px; position:relative; background-image:url("tableheader1mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}	
	
.tableheader2 { width:100%; height:17px; position:relative; background-image:url("tableheader2mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}	
	
.tableheader3 { width:100%; height:43px; position:relative; background-image:url("tableheader3mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}		
	
.tableheader4 { width:100%; height:17px; position:relative; background-image:url("tableheader4mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}		
	
.tableheader5 { width:100%; height:17px; position:relative; background-image:url("tableheader5mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}	
	
.tableholder1{width:100%; margin-left:0px; margin-top:30px;  height:auto; position:relative; float:left;}		
.tableholder2{width:100%; margin-left:0px; margin-top:40px;  height:auto; position:relative; float:left;}		
.tableholder3{width:100%; margin-left:0px; margin-top:50px;  height:auto; position:relative; float:left;}
	
	
	
.pricelistheader1 { width:100%; height:21px; position:relative; background-image:url("pricelistheadermob.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:60px; } 	
	
.pricelistheader2 { width:100%; height:30px; position:relative; background-image:url("pricelistheader2.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:50px; } 		
	
	
.galleryintro {width:94%; margin-left:3%; margin-right:3%;  height:auto;  position:relative; float: left;  font-size:10pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#111111; text-align:center;  margin-top:20px; margin-bottom:0px; 	
z-index: 1002;	}		
	
.galleryintro2 {width:94%; margin-left:3%; margin-right:3%;  height:auto;  position:relative; float: left;  font-size:10pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#111111; text-align:center;  margin-top:20px; margin-bottom:10px; 	
z-index: 1002;	}		

.galleryintro3 {width:94%; margin-left:3%; margin-right:3%;  height:auto;  position:relative; float: left;  font-size:10pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#111111; text-align:center;  margin-top:5px; margin-bottom:0px; 	
	z-index: 1002;		}
	
.homeheader800  	{width:100%; margin-left:0px; position:relative; height:26px; background-image:url("homeheader800mob.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:30px; }	
	
.homeheader801  	{width:100%; margin-left:0px; position:relative; height:54px; background-image:url("homeheader801mob.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:20px; }		
	
.homeheader802  	{width:100%; margin-left:0px; position:relative; height:54px; background-image:url("homeheader802mob.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:30px; }	
	
	
	
.fade-element500 {
 
width:100%; margin-left:0px; margin-top:0px; background-color:#F7F5F0; height:auto; position:relative; float:left;
}		
.homeimage900mob { width:100%; height:245px; position:relative; float:left; margin-bottom:60px; margin-left:0%; margin-right:0%; margin-top:20px; background-image:url(homeimage900mob.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;}		
	
}


@media only screen and (min-width : 481px) and (max-width : 1024px)  {
	
.gatedesignsmobilebar {width:100%;  margin-top:0px; background-color:#d0b49f; height:3px; position:relative; float:left; display:block;}	
	
	
  .topline { width:100%; height:4px; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
 top:0px; background-color:#00FF00; display: block;
 }  
	
 .topbardesk2023{ width:100%; height:4px; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
 top:0px; background-color:#ea7605;
 }  	

.topmobilebar {width:100%;  margin-top:0px; background-color:#A18E84; height:40px; position:relative; float:left; display:block;}
	.topsocialmediareamob {width:110px;  background-color:#A18E84; margin-top:0px;  height:auto; position:relative; float:left; }
.topmobilefacebook{width:13px;  margin-top:8px;  margin-left:10px; height:24px; position:relative; float:left; }
.topmobiletwitter {width:24px;  margin-top:8px;   margin-left:8px; height:24px; position:relative; float:left; }
	
.topmobilelinks {width:100%;  margin-top:0px; background-color:#008084; height:auto; position:relative; float:left; display:block;}		
.topphonemob {width:183px;  margin-top:0px; height:35px; position:relative; float:right; margin-right:5px; }
.phoneiconmob {width:24px;  margin-top:8px;   margin-left:40px; height:24px; position:relative; float:left; }
.phonemobnum {width:106px;  margin-top:7px;  margin-right:5px;   height:auto; position:relative; float:right; text-align:right; font-family: 'Poppins', sans-serif;  color:#F7F5F0; font-size:12pt;}
	
	
.topmobilebar2 { width:100%;  position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-color:#4068ad;
    height: 4px; z-index:1000000000000000; margin-top:0px; display:block;} 	
	

.topholdermob { width:100%; background-image:url("backgroundtile.jpg");background-repeat: repeat-x; height:auto; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
  z-index:1; top:0px;}
.topmoblogo {width:100%; margin-left:0px;  margin-top:30px; margin-bottom:30px; z-index:1; height:139px; position:relative; float:left; background-image:url(logomob.png); background-position: center center; background-repeat: no-repeat;  background-size: auto;}		
	
 .topholderdesk1{ display:none;} 
	
	
 .linksmain { display:none;}  	
	
	
.mainpresentation {width:100%; margin-left:0px; margin-top:0px;  height:auto; position:relative; float:left;}		
	
 #example {
        height: 480px;
        margin-top: 0;
		position:relative;
		float:left;
    }	
		.infoBlock8mob {
  position: absolute;
  top: 172px;
  left: 0px;
  width: 100%;
  height:auto;
  padding-bottom: 0;
 
  overflow: hidden;
  opacity:0;
  z-index: 1002;
	font-size:12pt; font-weight:600; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;		
		
	
}
	.infoBlock12 {display:none !important;}
	.infoBlock11 {display:none !important;}
	.infoBlock15 {display:none !important;}
	
	.infoBlock3 {width:100%; margin-left:0px; margin-top:0px;   height:300px; position:relative; float:left;}
	
	.infoBlock14 {width:100%; margin-left:0px; margin-top:0px;   height:auto; position:relative; float:left;}
	
	.infoBlock6 {

	display:none;	
				
		
}

	.infoBlock7 {

		 position: absolute;
  top:62px;
  left: 0px;
  width: 100%;
  height:103px;
  padding-bottom: 0;
  opacity:0;
  background-image:url("carpetcleanhead.png");
  overflow: hidden;
  background-position: center center; 
  background-repeat: no-repeat; 
 
  z-index: 1002222222222222222222222222222222222222222222222222222222222222;		
				
		
}

	.infoBlock13 {

		 position: absolute;
  top:62px;
  left: 0px;
  width: 100%;
  height:103px;
  padding-bottom: 0;
  opacity:0;
  background-image:url("scaffoldhead.png");
  overflow: hidden;
  background-position: center center; 
  background-repeat: no-repeat; 
 
  z-index: 1002222222222222222222222222222222222222222222222222222222222222;		
				
		
}
	
	.infoBlock16 {

		 position: absolute;
  top:62px;
  left: 0px;
  width: 100%;
  height:107px;
  padding-bottom: 0;
  opacity:0;
  background-image:url("quotehead.png");
  overflow: hidden;
  background-position: center center; 
  background-repeat: no-repeat; 
 
  z-index: 1002222222222222222222222222222222222222222222222222222222222222;		
				
		
}		
	
	
	.infoBlock17 {

		 position: absolute;
  top:62px;
  left: 0px;
  width: 100%;
  height:103px;
  padding-bottom: 0;
  opacity:0;
  background-image:url("listedhead.png");
  overflow: hidden;
  background-position: center center; 
  background-repeat: no-repeat; 
 
  z-index: 1002222222222222222222222222222222222222222222222222222222222222;	
				
		
}	

		.infoBlock8mob {
  position: absolute;
  top: 425px;
  left: 0px;
  width: 100%;
  height:55px;
  padding-bottom: 0;
  background-image:url(banner1mob.png);
  overflow: hidden;
  opacity:0;
  background-position: center center; 
  background-repeat:repeat-x;
  z-index: 1002;
}

.giftsmob1  {width:100%; margin-left:0px; position:relative; height:18px; background-image:url("giftsmob1.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:17px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; }		
	
		
		
.giftsmob3  {width:100%; margin-left:0px; position:relative; height:17px; background-image:url("giftsmob3.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:18px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; }	
	
	

.giftsmob5  {width:100%; margin-left:0px; position:relative; height:17px; background-image:url("giftsmob5.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:17px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; }	
		
	
	
.giftsmob7  {width:100%; margin-left:0px; position:relative; height:17px; background-image:url("giftsmob7.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:17px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; }		
	
	
.slideimage1 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:480px; position:relative; float:left; background-image:url(image6pad.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.slideimage2 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:480px; position:relative; float:left; background-image:url(topimage1pad.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.slideimage3 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:480px; position:relative; float:left; background-image:url("topimage3pad.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}
	
.slideimage4 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:48px; position:relative; float:left; background-image:url(image4mob.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	
	

.slideimage5{width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:480px; position:relative; float:left; background-image:url(topimage5pad.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	
	
.homesectionnew2020 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;}	
	
.homesectionnew20201 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;}	
	
.homesectionnew20203 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;}
	
.homesectionnew20205 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;}
	
.homesectionnew20207 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;}
	
.homesectionnew20208 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;}	
	
 .homesectionholdernew2020 	{width:100%; margin-left:0px; margin-top:0px; height:auto; position:relative; float:left;}
	
.hometxtholder3 { width:100%; height:auto; position:relative;   margin-left:0px;   z-index:1; margin-top:0px; float:left; display:block; }	
	
.hometxtholder33 { width:100%; height:auto; position:relative;   margin-left:0px;   z-index:1; margin-top:0px; float:left; display:block; }		
	

.hometxtholder4 { width:100%; height:auto; position:relative;   margin-left:0px;   z-index:1; margin-top:0px; float:left; display:block; }		
	
	
.headerholder {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px;}		
	
.homeheader2  {width:100%; margin-left:0px; position:relative; margin-top:25px; height:21px; background-image:url("homeheader3pad.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }		
	
.homeheader3  {width:100%; margin-left:0px; position:relative; margin-top:25px; height:27px; background-image:url("homeheader2mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }
	
.homeheader8  {width:100%; margin-left:0px; position:relative; margin-top:25px; height:21px; background-image:url("homeheader8mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }	
	
.homeheader7  {width:100%; margin-left:0px; position:relative; margin-top:35px; height:54px; background-image:url("homeheader7mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }		
	
	
.homeheader4  {width:100%; margin-left:0px; position:relative; margin-top:25px; height:27px; background-image:url("homeheader4mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }
	
.homeheader5  	{width:100%; margin-left:0px; position:relative; margin-top:25px; height:21px; background-image:url("homeheader5mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }	
	
.homeheader9  {width:100%; margin-left:0px; position:relative; margin-top:25px; height:20px; background-image:url("homeheader9mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }		
	
.homeheader10  {width:100%; margin-left:0px; position:relative; margin-top:25px; height:21px; background-image:url("homeheader10mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }	
	
		
	
.homeheader11  {width:100%; margin-left:0px; position:relative; margin-top:25px; height:21px; background-image:url("homeheader11mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }		
	
.homeheader12  {width:100%; margin-left:0px; position:relative; margin-top:25px; height:21px; background-image:url("homeheader12mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }	
	
.hometxt4 {width:94%; margin-left:3%; margin-right:3%; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center;}	
	
.hometxt400 {width:94%; margin-left:3%; margin-right:3%; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center;}		
	
	
 .homesectionholdernew20202 { 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; }			
	
.hometxtholder44 { width:820px; height:auto; position:relative;   margin-left:850px;   z-index:1; margin-top:42px; float:left; display:block; }	
	
.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;}		
	

	

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

	

	
	
	
	
.footersection { width:100%; background-image:url("backgroundtile.jpg");background-repeat: repeat-x; height:auto; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
  z-index:1; 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; }	
	
		
	
.footerlogo { width:100%; height:120px; position:relative; display:block;  margin-left:0px;  background-image:url("footerlogomob.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:37px; float:left; }	
	
.footerlinks {width:94%; position:relative; float:left; height:auto;  margin-top:50px; margin-bottom:60px;  margin-left:3%; margin-right:3%; font-size:10pt; font-family: 'Poppins', sans-serif; color:#A18E84;  text-align:center;}	
	
.footercheckatrade {  display:none; }		
	
	
.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("topimage5pad.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}		
	
.topimage3 	{width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:280px; position:relative; float:left; background-image:url("image1mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}
	
.topimage4 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:490px; position:relative; float:left; background-image:url("topimage3pad.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}
	
.topimage5 	{width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:280px; position:relative; float:left; background-image:url("image5mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	
.topimage6 	{width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:480px; position:relative; float:left; background-image:url(image6pad.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	
	
	
	
	
.topimage9 	{width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:580px; position:relative; float:left; background-image:url("image3largest.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	

	
.fade-element8 {

width:100%; margin-left:0px; margin-top:0px; background-color:#f7f5f0; height:auto;  position:relative; float:left;
}

	
	
.fade-element1 {

width:100%; margin-left:0px; margin-top:0px; background-color:#f7f5f0; height:auto;  position:relative; float:left;
}

	
	
	
.fade-element3 {

width:100%; margin-left:0px; margin-top:0px; background-color:#f7f5f0; height:auto;  position:relative; float:left;
}

	
	
.fade-element5 {

width:100%; margin-left:0px; margin-top:0px; background-color:#f7f5f0; height:auto;  position:relative; float:left;
}


.fade-element6 {

width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto;  position:relative; float:left;
}

	
	
.fade-element2 {

width:100%; margin-left:0px; margin-top:0px; background-color:#A18E84; height:auto;  position:relative; float:left;
}



	
.fade-element10 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:50%; margin-left:0px; margin-top:0px; background-image:url("box1mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left;
}

.fade-element10.visible {
  opacity: 1;
  transform: translateY(0);
}		
		

.fade-element11 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:50%; margin-left:0px; margin-top:0px; background-image:url("box3mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left;
}

.fade-element11.visible {
  opacity: 1;
  transform: translateY(0);
}		
	
.fade-element12 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:50%; margin-left:0px; margin-top:0px; background-image:url("box2mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left;
}

.fade-element12.visible {
  opacity: 1;
  transform: translateY(0);
}	
		


.fade-element120 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:50%; margin-left:0px; margin-top:0px; background-image:url("box4mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:300px; position:relative; float:left; display:block;
}

.fade-element120.visible {
  opacity: 1;
  transform: translateY(0);
}	
			
	
	
.fade-element13 {

width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto;  position:relative; float:left;
}


	
.fade-element14 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:100%; margin-left:0px; margin-top:0px; background-color:#1b1f3d; height:auto;  position:relative; float:left;
}

.fade-element14.visible {
  opacity: 1;
  transform: translateY(0);
}	
		
.fade-element15 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:100%; margin-left:0px; margin-top:0px; background-color:#1b1f3d; height:auto;  position:relative; float:left;
}

.fade-element15.visible {
  opacity: 1;
  transform: translateY(0);
}		
	

.fade-element16 {

width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto;  position:relative; float:left;
}

	
	
	
.fade-element17 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:100%; margin-left:0px; margin-top:0px; background-color:#1b1f3d; height:auto;  position:relative; float:left;
}

.fade-element17.visible {
  opacity: 1;
  transform: translateY(0);
}		
		
	
.fade-element18 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:100%; margin-left:0px; margin-top:0px; background-color:#1b1f3d; height:auto;  position:relative; float:left;
}

.fade-element18.visible {
  opacity: 1;
  transform: translateY(0);
}		
		
.fade-element19 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:100%; margin-left:0px; margin-top:0px; background-color:#1b1f3d; height:auto;  position:relative; float:left;
}

.fade-element19.visible {
  opacity: 1;
  transform: translateY(0);
}		
		
.fade-element20 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:100%; margin-left:0px; margin-top:0px; background-color:#1b1f3d; height:auto;  position:relative; float:left;
}

.fade-element20.visible {
  opacity: 1;
  transform: translateY(0);
}		
						
.fade-element21 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:100%; margin-left:0px; margin-top:0px;background-color:#1b1f3d; height:auto;   position:relative; float:left;
}

.fade-element21.visible {
  opacity: 1;
  transform: translateY(0);
}			
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.boxheader1 { width:100%; height:65px; position:relative; display:block;  margin-left:0px;  background-image:url("boxheader1mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  z-index:1; margin-top:198px; float:left;
}		
	
.boxheader2 { width:100%; height:57px; position:relative; display:block;  margin-left:0px;  background-image:url("boxheader2mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  z-index:1; margin-top:198px; float:left;
}		
		
.boxheader3 { width:100%; height:57px; position:relative; display:block;  margin-left:0px;  background-image:url("boxheader3mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  z-index:1; margin-top:195px; float:left;
}			
	
.boxheader4 { width:100%; height:57px; position:relative; display:block;  margin-left:0px;  background-image:url("boxheader4mob.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  z-index:1; margin-top:195px; float:left;
}	

	
 .topimagetxtholder { display:none; }  
			
.producttxt {width:80%; margin-left:10%; margin-right:10%; position:relative; float:left; height:auto; margin-top:20px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center;}		

	
.contactformdesk {  display:none;  }	
	
	
		
	
	

	
	
	
	
	
	
	

	
	

	
	
	
	
	
	
		

	
	

	
	
.homesectionnew20253 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;}
	
.homesectionnew20254 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;}
	
.homesectionnew20255  	{width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;}
		
.homesectionnew20256 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;}
.homesectionnew20257 {width:100%; margin-left:0px; margin-top:0px; background-color:#FFFFFF; height:auto; position:relative; float:left;}
	

.hometxt42025 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#FFFFFF; text-align:center;}				
	
.hometxtholder42025 { width:100%; height:auto; position:relative;   margin-left:0px;   z-index:1; margin-top:25px; float:left; display:block; }		
	
.homeimage9mob { width:100%; height:380px; position:relative; float:left; margin-bottom:60px; margin-left:0%; margin-right:0%; margin-top:20px; background-image:url("homeimage9pad.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;}		
	
.homeimage10mob { width:100%; height:380px; position:relative; float:left; margin-bottom:60px; margin-left:0%; margin-right:0%; margin-top:20px; background-image:url(homeimage10pad.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;}		

.homeimage7mob { width:100%; height:380px; position:relative; float:left; margin-bottom:60px; margin-left:0%; margin-right:0%; margin-top:30px; background-image:url("homeimage7pad.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;}		
	
	
.homeimage8mob { width:100%; height:380px; position:relative; float:left; margin-bottom:60px; margin-left:0%; margin-right:0%; margin-top:10px; background-image:url(homeimage8pad.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;}	
	

.homeimage11mob { width:100%; height:721px; position:relative; float:left; margin-bottom:60px; margin-left:0%; margin-right:0%; margin-top:10px; background-image:url(homeimage11pad.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;}		

	
	
	
	

	
.rotatordivider2 {width:100%; margin-left:0px; margin-top:0px;  background-color:#d0b49f; height:3px; position:relative; float:left; display:block; }	
	
	
	.logossection {width:100%; margin-left:0px; margin-top:0px; ; height:auto; position:relative; float:left; background-color:#A18E84;}	
	
 .logosectionholder{ width:100%;  height:auto;   position:relative;  text-align:center; margin-left:0px; margin-right:0px; display:block; 
	 z-index:1; margin-top:0px; background-color:#A18E84; float:left;}	
	
	
.logo1 { width:100%; height:83px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("logo1mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:30px; margin-bottom:0px; }	
	
	
	
	
.logo2 { width:100%; height:44px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("logo2mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:30px; margin-bottom:0px; }	
	
	
	
	
	
.logo3 { width:100%; height:102px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("logo3.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:30px; margin-bottom:0px; }	
	
	
	
	
.logo4 { width:100%; height:45px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("logo4mob.jpg");  background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:30px; margin-bottom:0px; }	
	
	
	
	
.logo5 { width:100%; height:112px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("logo5mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; z-index:1; margin-top:35px; margin-bottom:60px; }	
	

	
	
	

	
	
	
.bookingbutton  	{width:100%; margin-left:0px; margin-top:25px; position:relative; height:82px; background-image:url("bookingbuttonmob.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:00px; }	
	
	
.googleandapplemain {width:100%; margin-left:0px; margin-top:25px;  height:auto; position:relative; float:left; display:block;}	
	
	
 .googleandappleholder{ width:346px;  height:auto;   background-color:#ff0000;  position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
	 z-index:1; margin-top:0px; float:none; }		
	
.googleplay { width:168px; height:50px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("googleplaymob.png");  z-index:1; margin-top:0px; margin-bottom:0px; }	
	
	
.apple { width:168px; height:50px; position:relative;  text-align:center; float:left; margin-left:10px; display:block; background-image:url("applemob.png");  z-index:1; margin-top:0px; margin-bottom:0px; }		
	
.pricelistheader1 { width:100%; height:18px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:19px; margin-bottom:15px; }
	
.pricelistheader2 { width:100%; height:11px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:18px; margin-bottom:15px; }
	
.pricelistheader3 { width:100%; height:11px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:18px; margin-bottom:15px; }		
	
.pricelistheader4 { width:100%; height:11px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:18px; margin-bottom:15px; }	
	
.pricelistheader5 { width:100%; height:11px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader5.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:18px; margin-bottom:15px; }	
	
.pricelistheader6 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader6.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }	
	
.pricelistheader7 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader7.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }	
	
	
.pricelistheader8 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader8.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }		
	
.pricelistheader9 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader9.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }	
	
.pricelistheader10 { width:100%; height:35px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader10.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }		
	
.pricelistheader11 { width:100%; height:35px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader11.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }		
		
.pricelistheader12 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader12.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }
	
.pricelistheader13 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader13.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }		
	
	
	
.tableholder1 {width:100%; margin-left:0px; margin-top:22px; ; height:auto; position:relative; float:left;}		
	
.pricelistholder1 {width:100%; margin-left:0px; margin-top:0px; background-color:#F7F5F0; height:auto; position:relative; float:left;}		
	
.pricelistmain1 { width:100%;  height:auto;  position:relative;  text-align:center; margin-left:0px; margin-right:0px; display:block; 
	margin-top:0px; float:left; }		

#table-2 {
	border: 2px solid #d0b49f;
	background-color: #A18E84;
        width: 94%;
	margin-left:3%;
	margin-right:3%;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#table-2 td, #table-2 th {
	padding: 5px;
	color: #A18E84;
}
#table-2 thead {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: .2em 0 .2em .5em;
	text-align: left;
	color: #A18E84;
	background-color: #A18E84;
	
	border-bottom: solid 1px #A18E84;
}
#table-2 th {
	font-size:12pt; font-family: 'Poppins', sans-serif; color:#A18E84;
	line-height: 40px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-shadow: white 1px 1px 1px;
}
#table-2 td {
	line-height: 26px;
	font-size:10pt; font-family: 'Poppins', sans-serif; color:#F7F5F0;
	text-align: center;
	
	border-top: 1px solid #d0b49f;
}
#table-2 td:hover {
	background-color: #d0b49f;
	color:#F7F5F0;
}	
	
.mainfayrecontenttables1{ width:100%; height:auto;  position:relative; float:left;  margin-top:0px; margin-left:0px; margin-right:0px; text-align:justify;  font-size:10pt; color:#111111; }	
	
	
.tableheader1 { width:100%; height:17px; position:relative; background-image:url("tableheader1mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}	
	
.tableheader2 { width:100%; height:17px; position:relative; background-image:url("tableheader2mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}	
	
.tableheader3 { width:100%; height:43px; position:relative; background-image:url("tableheader3mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}		
	
.tableheader4 { width:100%; height:17px; position:relative; background-image:url("tableheader4mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}		
	
.tableheader5 { width:100%; height:17px; position:relative; background-image:url("tableheader5mob.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}	
	
.tableholder1{width:100%; margin-left:0px; margin-top:30px;  height:auto; position:relative; float:left;}		
.tableholder2{width:100%; margin-left:0px; margin-top:40px;  height:auto; position:relative; float:left;}		
.tableholder3{width:100%; margin-left:0px; margin-top:50px;  height:auto; position:relative; float:left;}
	
	
	
.pricelistheader1 { width:100%; height:21px; position:relative; background-image:url("pricelistheadermob.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:60px; } 	
	
.pricelistheader2 { width:100%; height:30px; position:relative; background-image:url("pricelistheader2.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:50px; } 		
	
	
.galleryintro {width:94%; margin-left:3%; margin-right:3%;  height:auto;  position:relative; float: left;  font-size:10pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#111111; text-align:center;  margin-top:20px; margin-bottom:0px; 	
z-index: 1002;	}		
	
.galleryintro2 {width:94%; margin-left:3%; margin-right:3%;  height:auto;  position:relative; float: left;  font-size:10pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#111111; text-align:center;  margin-top:20px; margin-bottom:10px; 	
z-index: 1002;	}		

.galleryintro3 {width:94%; margin-left:3%; margin-right:3%;  height:auto;  position:relative; float: left;  font-size:10pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#111111; text-align:center;  margin-top:5px; margin-bottom:0px; 	
	z-index: 1002;		}
	
.homeheader800  	{width:100%; margin-left:0px; position:relative; height:26px; background-image:url("homeheader800mob.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:30px; }	
	
.homeheader801  	{width:100%; margin-left:0px; position:relative; height:54px; background-image:url("homeheader801mob.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:20px; }		
	
.homeheader802  	{width:100%; margin-left:0px; position:relative; height:54px; background-image:url("homeheader802mob.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:30px; }	
	
	
	
.fade-element500 {
 
width:100%; margin-left:0px; margin-top:0px; background-color:#F7F5F0; height:auto; position:relative; float:left;
}		
.homeimage900mob { width:100%; height:380px; position:relative; float:left; margin-bottom:60px; margin-left:0%; margin-right:0%; margin-top:20px; background-image:url(homeimage900pad.jpg); background-position: center center; background-repeat: no-repeat; background-size:auto; color:#ffffff; font-size:10pt; font-family: 'PT Sans', sans-serif; display:block;}		
	
 }  

/* 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%; background-image:url("backgroundtile.jpg");background-repeat: repeat-x; height:210px; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
  z-index:1; top:0px; 
 }  	
	
 .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:200px;   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:#A18E84; height:41px; position:relative; float:left; display:block; }	
	
 .linksmain2020holder { width:1024px;  height:41px; position:relative; background-color:#A18E84; text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px; float:none; }		
	
.rotatordivider {width:100%; margin-left:0px; margin-top:0px;  background-color:#d0b49f; height:5px; position:relative; float:left; display:block; }
	
.rotatordivider2 {width:100%; margin-left:0px; margin-top:0px;  background-color:#d0b49f; height:5px; position:relative; float:left; display:block; }	
	
.footerdivider {width:100%; margin-left:0px; margin-top:0px;  background-color:#EEEEEE; height:4px; position:relative; float:left; display:block; }
	
.desklogo2023 {width:100%; margin-left:0px;  margin-top:29px;   height:153px; position:relative; float:left; background-image:url("desklogo.png"); background-position: center center; background-repeat: no-repeat; background-size: auto;	 }	
	
.followusandsocialmediaholder2023 {width:100%; top:0px;  height:190px; position:absolute;   }		
	
.followusholder {width:450px; margin-left:10px; margin-right:0px; position:relative; float:left; height:auto; margin-top:18px; }	
	
	
	
	
.followusholder2 {width:450px; margin-left:0px; margin-right:10px; position:relative; float:right; height:auto; margin-top:18px; }	
	
.followusheader {width:231px; margin-left:147px;  margin-top:10px;   height:28px; position:relative; float:left; background-image:url("followus.png"); background-position: center center; background-repeat: no-repeat; display: block;}
	
.callusheader {width:207px; margin-left:0px;  margin-top:10px;   height:29px; position:relative; float:left; background-image:url("callusheader.png"); background-position: center center; background-repeat: no-repeat; }		
	
	
	
.fbdesk {width:28px; margin-left:15px;  margin-top:10px;   height:28px; position:relative; float:left; background-image:url("fbdesk.png"); background-position: center center; background-repeat: no-repeat; }		
	
.instadesk {width:15px; margin-left:0px; margin-right:0px; margin-top:10px;   height:28px; position:relative; float:right; background-image:url("instadesk.png"); background-position: center center; background-repeat: no-repeat; }		

	

	.mainpresentation {width:100%; margin-left:0px; margin-top:0px;  height:650px; position:relative;  float:left;}		
	
 #example {
        height: 650px;
        margin-top: 0;
		position:relative;
		float:left;
    }		
	
		.infoBlock8mob {
display:none !important;
}

		.infoBlock9mob {
display:none !important;
}

.infoBlock10mob {
display:none !important;
}
.infoBlock11mob {
display:none !important;
}
.infoBlock12mob {
 display:none !important;
}
.infoBlock13mob {
 display:none !important;
}
		.infoBlock {
    position: absolute;
    right:0;
    left: 0;
	margin-top:194px;
	margin-left: auto;
    margin-right: auto;
    width:260px;
	height:156px;
    padding-bottom: 0;
    
    overflow: hidden;
   
    z-index: 1002;
	
}

		.infoBlock2 {
    position: absolute;
    right:0;
    left: 0;
	margin-top:194px;
	margin-left: auto;
    margin-right: auto;
    width:260px;
	height:156px;
    padding-bottom: 0;
    background-image:url(housemob2.png);
    overflow: hidden;
   
    z-index: 1002;
	
}

	.infoBlock3 {
    position: absolute;
    right:0;
    left: 0;
	margin-top:0px;
	margin-left: auto;
    margin-right: auto;
    width:1024px;
	height:650px;
    padding-bottom: 0;
    
    overflow: hidden;
   
    z-index: 1002;
	
}






	
	

		.infoBlock7 {
   width:100%; left:0px;  top:58px;   height: 174px; position:absolute;  
    background-image:url("aboutintro.jpg");
	background-position: center center; background-repeat: no-repeat; background-size: auto;		
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
}
	
	
.infoBlock8 {
   width:100%; left:0px;  top:62px;   height: 108px; position:absolute;  
    background-image:url("contactmain.jpg");
	background-position: center center; background-repeat: no-repeat; background-size: auto;		
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}	
	
	
.infoBlock9 {
   width:100%; left:0px;  top:62px;   height: 107px; position:absolute;  
    background-image:url("roofingmain.jpg");
	background-position: center center; background-repeat: no-repeat; background-size: auto;		
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}	
		
	
	
	
		.infoBlock14 {
  width:445px; left:10px;  top:0px;   height: 600px; position:absolute;  
 
    overflow: hidden;
    opacity: 1;
    z-index: 1002;
	
 
}
	
	
	


	
	.infoBlock16 {
   width:100%; left:0px;  top:62px;   height: 108px; position:absolute;  
    background-image:url("contractmain.jpg");
	background-position: center center; background-repeat: no-repeat; background-size: auto;		
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}
	
	
		

	.infoBlock11 {
   width:90%; margin-left:5%; margin-right:5%;  height:auto;  position:relative; float: left;  font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;  margin-top:187px; margin-bottom:0px; 	
    overflow: hidden;
    opacity: 0;
    z-index: 10000000000000000000000000000000002;
	
}	
	
	.infoBlock15 {
   width:90%; margin-left:5%; margin-right:5%;  height:auto;  position:relative; float: left;  font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;  margin-top:252px; margin-bottom:0px; 	
    overflow: hidden;
    opacity: 0;
    z-index: 10000000000000000000000000000000002;
	
}	
	
	

	.infoBlock12 {
   width:100%; margin-left:0%; margin-right:0%;  height:auto;   position:absolute; left:0px;  font-size:16pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center;  top:500px; margin-bottom:0px; 	
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}
	
	.infoBlock122 {
   width:100%; margin-left:0%; margin-right:0%;  height:auto;   position:absolute; left:0px;  font-size:16pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center;  top:430px; margin-bottom:0px; 	
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}	
	
	
	
		
.duluxrotator  {width:100%; margin-left:0px; position:relative; height:64px; background-image:url("duluxrotator.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:0px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; }		
	

.slideimage1 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url(image4largest5th.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	
.slideimage2 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url("image1largest5th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}
	
.slideimage3 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url("image3largest5th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	
.slideimage5	{width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url("image2largest5th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	



.fade-element8 {

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

width:100%; margin-left:0px; margin-top:0px; background-color:#F7F5F0; height:auto; position:relative; float:left;
}

	
	
	
.fade-element3 {

width:100%; margin-left:0px; margin-top:0px; background-color:#F7F5F0; height:auto; position:relative; float:left;
}


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

	
	



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



	
.fade-element10 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:50%; margin-left:0px; margin-top:0px; background-image:url("box1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left;
}

.fade-element10.visible {
  opacity: 1;
  transform: translateY(0);
}		
		

.fade-element11 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:50%; margin-left:0px; margin-top:0px; background-image:url("box2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left;
}

.fade-element11.visible {
  opacity: 1;
  transform: translateY(0);
}		
	
.fade-element12 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:50%; margin-left:0px; margin-top:0px; background-image:url("box3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left;
}

.fade-element12.visible {
  opacity: 1;
  transform: translateY(0);
}	
		
	
.fade-element120 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:50%; margin-left:0px; margin-top:0px; background-image:url("box4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; display:block;
}

.fade-element120.visible {
  opacity: 1;
  transform: translateY(0);
}	
	
		
	





	
	
	
	
		
	
		
	
	

 .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:30px; float:left; display:block; }	
	
.hometxtholder33 { width:100%; height:auto; position:relative;   margin-left:0px;   z-index:1; margin-top:30px; float:left; display:block; }	
	

.hometxtholder4 { width:100%; height:auto; position:relative;   margin-left:0px;   z-index:1; margin-top:30px; float:left; display:block; }		
	
	
.headerholder {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px;}		
	
.homeheader2  	{width:100%; margin-left:0px; margin-top:10px; position:relative; height:31px; background-image:url("homeheader32nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }	
	
.homeheader3  {width:100%; margin-left:0px; position:relative; height:40px; background-image:url("homeheader12nd.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; margin-top:20px; }	
	
.homeheader4  	{width:100%; margin-left:0px; margin-top:30px; position:relative; height:40px; background-image:url("homeheader42nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; }	
	
.homeheader5  	{width:100%; margin-left:0px; margin-top:18px; position:relative; height:31px; background-image:url("homeheader52nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; }		
	

	
.homeheader7  	{width:100%; margin-left:0px; margin-top:50px; position:relative; height:31px; background-image:url("homeheader72nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }		
	
.homeheader8  	{width:100%; margin-left:0px; position:relative; height:31px; background-image:url("homeheader82nd.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:10px; }	
	
.homeheader9  	{width:100%; margin-left:0px; position:relative; height:29px; background-image:url("homeheader92nd.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:28px; }		
	
.homeheader10  	{width:100%; margin-left:0px; position:relative; height:31px; background-image:url("homeheader102nd.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:28px; }	
	
	
.homeheader11  	{width:100%; margin-left:0px; position:relative; height:31px; background-image:url("homeheader112nd.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:10px; }			
	
.homeheader12  	{width:100%; margin-left:0px; position:relative; height:31px; background-image:url("homeheader122nd.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:30px; }			
	
	
	
.bookingbutton  	{width:100%; margin-left:0px; margin-top:25px; position:relative; height:52px; background-image:url("bookingbutton.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:00px; }	
	
	
.hometxt4 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center; margin-bottom:20px;}	
	

.hometxt400 {width:70%; margin-left:15%; margin-right:15%; position:relative; float:left; height:auto; margin-top:24px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center; margin-bottom:20px; }		
	
	

	
 .homesectionholdernew20202 { 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; }			
	
.hometxtholder44 { width:820px; height:auto; position:relative;   margin-left:850px;   z-index:1; margin-top:42px; float:left; display:block; }	
	
.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;}		
	

	

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

	

	

	
.footersection{ width:100%; background-image:url("backgroundtile.jpg");background-repeat: repeat-x; height:auto; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
  z-index:1; top:0px;  } 	
	
 .footerholder{ 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; }	
	
		
	
.footerlogo { width:100%; height:120px; position:relative; display:block;  margin-left:0px;  background-image:url("footerlogo.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:40px; float:left; }	
	
.footerlinks {width:94%; position:relative; float:left; height:auto;  margin-top:40px;  margin-left:3%; margin-right:3%; margin-bottom:60px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#A18E84; font-weight:500; text-align:center;}	
	
.footercheckatrade {  display:none; }	
	
	
	
	
.topimage1 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url("image1largest3rd.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:650px; position:relative; float:left; background-image:url("image2largest5th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}		
	

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

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

	
	
	
	
	
	
	
	

	.introdetailssection {width:445px; margin-left:10px;  margin-top:0px; margin-bottom:0px; height:580px; position:relative; float:left; }	
	
	.introdetailssection2 {width:465px; margin-left:10px;  margin-top:0px; margin-bottom:0px; height:580px; position:relative; float:left; }	
	
 
	
.introbusiness3 { width:100%; height:109px; position:relative; background-image:url("salonmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;   margin-top:58px; } 	
	
.introbusiness4 { width:100%; height:108px; position:relative; background-image:url("contractmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;   margin-top:58px; } 	
	
.introbusiness5 { width:100%; height:108px; position:relative; background-image:url("contactmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;   margin-top:80px; } 	
	
.introbusiness6 { width:100%; height:107px; position:relative; background-image:url("roofingmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;   margin-top:80px; } 
	

	
	
	
	
.introdescription {width:90%; margin-left:5%; margin-right:5%;  height:auto;  position:relative; float: left;  font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;  margin-top:20px; margin-bottom:0px; 	
	}
	
.introbelowdetails {width:100%; margin-left:0px;  margin-top:18px; margin-bottom:0px; z-index:1; height:64px; position:relative; float:left; background-image:url("belowdetails.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  display:block; }		
	
 .topimagetxtholder { width:1024px;  height:650px;   position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
   margin-top:0px; }  
		
	
	
	

	
	
	

	
		
	
	
	
	
	


	

	
	
		
	


	
	
	
	
	
	
	

	
	
.homelink {width:60px; margin-left:10px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}	
	
.aboutlink {width:94px; margin-left:43px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}		
	

	
.gutterslink {width:214px; margin-left:43px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}	
	
.roofinglink {width:155px; margin-left:43px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt;  font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; }	
	
.houselink {width:160px; margin-left:43px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}		
	
	
	
	
.contactlink {width:90px; margin-left:10px; margin-right:10px; position:relative; float:right; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}		
	
	
	
	
	
	
	
.boxheader1 { width:100%; height:87px; position:relative; display:block;  margin-left:0px;  background-image:url("boxheader13rd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  z-index:1; margin-top:348px; float:left;
}		
	
.boxheader2 { width:100%; height:87px; position:relative; display:block;  margin-left:0px;  background-image:url("boxheader23rd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  z-index:1; margin-top:348px; float:left;
}		
		
.boxheader3 { width:100%; height:87px; position:relative; display:block;  margin-left:0px;  background-image:url("boxheader32nd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  z-index:1; margin-top:348px; float:left;
}			
	
	
.boxheader4 { width:100%; height:87px; position:relative; display:block;  margin-left:0px;  background-image:url("boxheader4.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  z-index:1; margin-top:348px; float:left;
}			
		
	

	
	
	

		

	

	
		

	
		
	

	
	
	
	
	
	


	
	
.googleandapplemain {width:100%; margin-left:0px; margin-top:38px;  height:auto; position:relative; float:left; display:block;}	
	
	
 .googleandappleholder{ width:420px;  height:auto;   background-color:#ff0000;  position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
	 z-index:1; margin-top:0px; float:none;}		
	
.googleplay { width:200px; height:60px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("googleplay2nd.png");  z-index:1; margin-top:0px; margin-bottom:0px; }	
	
	
.apple { width:200px; height:60px; position:relative;  text-align:center; float:left; margin-left:20px; display:block; background-image:url("apple2nd.png");  z-index:1; margin-top:0px; margin-bottom:0px; }		
	
.logossection {width:100%; margin-left:0px; margin-top:0px; ; height:145px; position:relative; float:left; background-color:#A18E84;}	
	
 .logosectionholder{ width:1024px;  height:145px;   position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
	 z-index:1; margin-top:0px; background-color:#A18E84; float:none;}	
	
	
.logo1 { width:120px; height:75px; position:relative;  text-align:center; float:left; margin-left:10px; display:block; background-image:url("logo13rd.jpg");  z-index:1; margin-top:30px; margin-bottom:0px; }	
	
	
	
	
.logo2 { width:373px; height:55px; position:relative;  text-align:center; float:left; margin-left:40px; display:block; background-image:url("logo22nd.jpg");  z-index:1; margin-top:45px; margin-bottom:0px; }	
	
	
	
	
	
.logo3 { width:188px; height:102px; position:relative;  text-align:center; float:left; margin-left:40px; display:block; background-image:url("logo3.jpg");  z-index:1; margin-top:15px; margin-bottom:0px; }	
	
	
	
	
.logo4 { width:196px; height:40px; position:relative;  text-align:center; float:right; margin-right:10px; display:block; background-image:url("logo42nd.jpg");  z-index:1; margin-top:50px; margin-bottom:0px; }	
	
	
	
	
.logo5 { display:none; }	
	
	
	
	
.pricelistheader1 { width:100%; height:18px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:19px; margin-bottom:15px; }
	

	
	
.tableholder1 {width:100%; margin-left:0px; margin-top:22px; ; height:auto; position:relative; float:left;}		
	
.pricelistholder1 {width:100%; margin-left:0px; margin-top:0px; background-color:#F7F5F0; height:3400px; position:relative; float:left;}		
	
.pricelistmain1 { width:1024px;  height:auto;  position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
	margin-top:0px; float:none; }		

#table-2 {
	border: 2px solid #d0b49f;
	background-color: #A18E84;
        width: 600px;
		margin-left:0px;
	margin-right:0px;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#table-2 td, #table-2 th {
	padding: 5px;
	color: #A18E84;
}
#table-2 thead {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: .2em 0 .2em .5em;
	text-align: left;
	color: #A18E84;
	background-color: #A18E84;
	
	border-bottom: solid 1px #A18E84;
}
#table-2 th {
	font-size:12pt; font-family: 'Poppins', sans-serif; color:#A18E84;
	line-height: 40px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-shadow: white 1px 1px 1px;
}
#table-2 td {
	line-height: 26px;
	font-size:10pt; font-family: 'Poppins', sans-serif; color:#F7F5F0;
	text-align: center;
	
	border-top: 1px solid #d0b49f;
}
#table-2 td:hover {
	background-color: #d0b49f;
	color:#F7F5F0;
}	
	
.mainfayrecontenttables1{ width:600px; height:auto;  position:relative; float:none;  margin-top:0px; margin-left:auto; margin-right: auto; text-align:justify;  font-size:10pt; color:#111111; }	
	
	
.tableheader1 { width:100%; height:18px; position:relative; background-image:url("tableheader1.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}	
	
.tableheader2 { width:100%; height:18px; position:relative; background-image:url("tableheader2.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}	
	
.tableheader3 { width:100%; height:18px; position:relative; background-image:url("tableheader3.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}		
	
.tableheader4 { width:100%; height:18px; position:relative; background-image:url("tableheader4.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}		
	
.tableheader5 { width:100%; height:18px; position:relative; background-image:url("tableheader5.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}	
	
.tableholder1{width:100%; margin-left:0px; margin-top:30px;  height:auto; position:relative; float:left;}		
.tableholder2{width:100%; margin-left:0px; margin-top:40px;  height:auto; position:relative; float:left;}		
.tableholder3{width:100%; margin-left:0px; margin-top:50px;  height:auto; position:relative; float:left;}
	
	
	
.pricelistheader1 { width:100%; height:35px; position:relative; background-image:url("pricelistheader1.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:60px; } 	
	
.pricelistheader2 { width:100%; height:30px; position:relative; background-image:url("pricelistheader2.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:50px; } 		
	
	
.galleryintro {width:94%; margin-left:3%; margin-right:3%;  height:auto;  position:relative; float: left;  font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#111111; text-align:center;  margin-top:20px; margin-bottom:0px; 	
z-index: 1002;	}		
	
.galleryintro2 {width:80%; margin-left:10%; margin-right:10%;  height:auto;  position:relative; float: left;  font-size:10pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#111111; text-align:center;  margin-top:20px; margin-bottom:0px; 	
z-index: 1002;	}		

.galleryintro3 {width:94%; margin-left:3%; margin-right:3%;  height:auto;  position:relative; float: left;  font-size:20pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#111111; text-align:center;  margin-top:5px; margin-bottom:0px; 	
z-index: 1002;	}
	

.homeheader800  	{width:100%; margin-left:0px; position:relative; height:38px; background-image:url("homeheader8002nd.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:16px; }	
	
.homeheader801  	{width:100%; margin-left:0px; position:relative; height:79px; background-image:url("homeheader8012nd.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:16px; }		
	
.homeheader802  	{width:100%; margin-left:0px; position:relative; height:32px; background-image:url("homeheader8022nd.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:16px; }	
	
	
	
.fade-element500 {
 
width:100%; margin-left:0px; margin-top:0px; background-color:#F7F5F0; height:auto; position:relative; float:left;
}		
	

	

	
	


	

	

	

	
	
	
	
	

	
	
	

	
	
	

	
		
	
	
	
	
	


	

	
	
		
	


	
	
	
	
	
	
	
	
	
	
	

	
	
	
	
	
	

	
	
	
	
	
	

	
}






@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%; background-image:url("backgroundtile.jpg");background-repeat: repeat-x; height:210px; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
  z-index:1; top:0px; 
 }  	
	
 .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:200px;   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:#A18E84; height:41px; position:relative; float:left; display:block; }	
	
 .linksmain2020holder { width:1100px;  height:41px; position:relative; background-color:#A18E84; text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px; float:none; }		
	
.rotatordivider {width:100%; margin-left:0px; margin-top:0px;  background-color:#d0b49f; height:5px; position:relative; float:left; display:block; }
	
.rotatordivider2 {width:100%; margin-left:0px; margin-top:0px;  background-color:#d0b49f; height:5px; position:relative; float:left; display:block; }	
	
.footerdivider {width:100%; margin-left:0px; margin-top:0px;  background-color:#EEEEEE; height:4px; position:relative; float:left; display:block; }
	
.desklogo2023 {width:100%; margin-left:0px;  margin-top:29px;   height:153px; position:relative; float:left; background-image:url("desklogo.png"); background-position: center center; background-repeat: no-repeat; background-size: auto;	 }	
	
.followusandsocialmediaholder2023 {width:100%; top:0px;  height:190px; position:absolute;   }		
	
.followusholder {width:450px; margin-left:10px; margin-right:0px; position:relative; float:left; height:auto; margin-top:18px; }	
	
	
	
	
.followusholder2 {width:450px; margin-left:0px; margin-right:10px; position:relative; float:right; height:auto; margin-top:18px; }	
	
.followusheader {width:231px; margin-left:147px;  margin-top:10px;   height:28px; position:relative; float:left; background-image:url("followus.png"); background-position: center center; background-repeat: no-repeat; display: block;}
	
.callusheader {width:207px; margin-left:0px;  margin-top:10px;   height:29px; position:relative; float:left; background-image:url("callusheader.png"); background-position: center center; background-repeat: no-repeat; }		
	
	
	
.fbdesk {width:28px; margin-left:15px;  margin-top:10px;   height:28px; position:relative; float:left; background-image:url("fbdesk.png"); background-position: center center; background-repeat: no-repeat; }		
	
.instadesk {width:15px; margin-left:0px; margin-right:0px; margin-top:10px;   height:28px; position:relative; float:right; background-image:url("instadesk.png"); background-position: center center; background-repeat: no-repeat; }		

	

	.mainpresentation {width:100%; margin-left:0px; margin-top:0px;  height:650px; position:relative;  float:left;}		
	
 #example {
        height: 650px;
        margin-top: 0;
		position:relative;
		float:left;
    }		
	
		.infoBlock8mob {
display:none !important;
}

		.infoBlock9mob {
display:none !important;
}

.infoBlock10mob {
display:none !important;
}
.infoBlock11mob {
display:none !important;
}
.infoBlock12mob {
 display:none !important;
}
.infoBlock13mob {
 display:none !important;
}
		.infoBlock {
    position: absolute;
    right:0;
    left: 0;
	margin-top:194px;
	margin-left: auto;
    margin-right: auto;
    width:260px;
	height:156px;
    padding-bottom: 0;
    
    overflow: hidden;
   
    z-index: 1002;
	
}

		.infoBlock2 {
    position: absolute;
    right:0;
    left: 0;
	margin-top:194px;
	margin-left: auto;
    margin-right: auto;
    width:260px;
	height:156px;
    padding-bottom: 0;
    background-image:url(housemob2.png);
    overflow: hidden;
   
    z-index: 1002;
	
}

	.infoBlock3 {
    position: absolute;
    right:0;
    left: 0;
	margin-top:0px;
	margin-left: auto;
    margin-right: auto;
    width:1200px;
	height:650px;
    padding-bottom: 0;
    
    overflow: hidden;
   
    z-index: 1002;
	
}






	
	

		.infoBlock7 {
   width:100%; left:0px;  top:58px;   height: 174px; position:absolute;  
    background-image:url("aboutintro.jpg");
	background-position: center center; background-repeat: no-repeat; background-size: auto;		
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
}
	
	
.infoBlock8 {
   width:100%; left:0px;  top:62px;   height: 108px; position:absolute;  
    background-image:url("contactmain.jpg");
	background-position: center center; background-repeat: no-repeat; background-size: auto;		
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}	
	
	
.infoBlock9 {
   width:100%; left:0px;  top:62px;   height: 107px; position:absolute;  
    background-image:url("roofingmain.jpg");
	background-position: center center; background-repeat: no-repeat; background-size: auto;		
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}	
		
	
	
	
		.infoBlock14 {
  width:445px; left:10px;  top:0px;   height: 600px; position:absolute;  
 
    overflow: hidden;
    opacity: 1;
    z-index: 1002;
	
 
}
	
	
	


	
	.infoBlock16 {
   width:100%; left:0px;  top:62px;   height: 108px; position:absolute;  
    background-image:url("contractmain.jpg");
	background-position: center center; background-repeat: no-repeat; background-size: auto;		
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}
	
	
		

	.infoBlock11 {
   width:90%; margin-left:5%; margin-right:5%;  height:auto;  position:relative; float: left;  font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;  margin-top:187px; margin-bottom:0px; 	
    overflow: hidden;
    opacity: 0;
    z-index: 10000000000000000000000000000000002;
	
}	
	
	.infoBlock15 {
   width:90%; margin-left:5%; margin-right:5%;  height:auto;  position:relative; float: left;  font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;  margin-top:252px; margin-bottom:0px; 	
    overflow: hidden;
    opacity: 0;
    z-index: 10000000000000000000000000000000002;
	
}	
	
	

	.infoBlock12 {
   width:100%; margin-left:0%; margin-right:0%;  height:auto;   position:absolute; left:0px;  font-size:16pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center;  top:500px; margin-bottom:0px; 	
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}
	
	.infoBlock122 {
   width:100%; margin-left:0%; margin-right:0%;  height:auto;   position:absolute; left:0px;  font-size:16pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center;  top:430px; margin-bottom:0px; 	
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}	
	
	
	
		
.duluxrotator  {width:100%; margin-left:0px; position:relative; height:64px; background-image:url("duluxrotator.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:0px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; }		
	

.slideimage1 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url(image4largest4th.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	
.slideimage2 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url("image1largest4th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}
	
.slideimage3 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url("image3largest4th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	
.slideimage5	{width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url("image2largest4th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	



.fade-element8 {

width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage14th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:620px; position:relative; float:left;
}
		
	
.fade-element1 {

width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage34th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:850px; position:relative; float:left;
}

	
	
	
.fade-element3 {

width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage54th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:780px; position:relative; float:left;
}


	
.fade-element5 {
 
width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage74th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:880px; position:relative; float:left;
}

	
	



	
.fade-element2 {
 
width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage24th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:680px; position:relative; float:left;
}



	
.fade-element10 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:50%; margin-left:0px; margin-top:0px; background-image:url("box1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left;
}

.fade-element10.visible {
  opacity: 1;
  transform: translateY(0);
}		
		

.fade-element11 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:50%; margin-left:0px; margin-top:0px; background-image:url("box2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left;
}

.fade-element11.visible {
  opacity: 1;
  transform: translateY(0);
}		
	
.fade-element12 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:50%; margin-left:0px; margin-top:0px; background-image:url("box3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left;
}

.fade-element12.visible {
  opacity: 1;
  transform: translateY(0);
}	
		
	
.fade-element120 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:50%; margin-left:0px; margin-top:0px; background-image:url("box4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left; display:block;
}

.fade-element120.visible {
  opacity: 1;
  transform: translateY(0);
}	
	
		
	





	
	
	
	
		
	
		
	
	

 .homesectionholdernew2020 { width:1200px; height:550px; position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px; float:none; }		
	
.hometxtholder3 { width:580px; height:auto; position:relative;   margin-left:40px;   z-index:1; margin-top:30px; float:left; display:block; }	
	
.hometxtholder33 { width:580px; height:auto; position:relative;   margin-left:20px;   z-index:1; margin-top:30px; float:left; display:block; }	
	

.hometxtholder4 { width:580px; height:auto; position:relative;   margin-left:590px;   z-index:1; margin-top:35px; float:left; display:block; }		
	
	
.headerholder {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px;}		
	
.homeheader2  	{width:100%; margin-left:0px; margin-top:10px; position:relative; height:31px; background-image:url("homeheader32nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }	
	
.homeheader3  {width:100%; margin-left:0px; position:relative; height:40px; background-image:url("homeheader12nd.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; margin-top:20px; }	
	
.homeheader4  	{width:100%; margin-left:0px; margin-top:30px; position:relative; height:40px; background-image:url("homeheader42nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; }	
	
.homeheader5  	{width:100%; margin-left:0px; margin-top:18px; position:relative; height:31px; background-image:url("homeheader52nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; }		
	

	
.homeheader7  	{width:100%; margin-left:0px; margin-top:50px; position:relative; height:31px; background-image:url("homeheader72nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }		
	
.homeheader8  	{width:100%; margin-left:0px; position:relative; height:31px; background-image:url("homeheader82nd.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:10px; }	
	
.homeheader9  	{width:100%; margin-left:0px; position:relative; height:31px; background-image:url("homeheader92nd.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:28px; }		
	
.homeheader10  	{width:100%; margin-left:0px; position:relative; height:31px; background-image:url("homeheader102nd.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:28px; }	
	
	
.homeheader11  	{width:100%; margin-left:0px; position:relative; height:31px; background-image:url("homeheader112nd.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:10px; }			
	
.homeheader12  	{width:100%; margin-left:0px; position:relative; height:31px; background-image:url("homeheader122nd.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:30px; }			
	
	
	
.bookingbutton  	{width:100%; margin-left:0px; margin-top:25px; position:relative; height:52px; background-image:url("bookingbutton.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:00px; }	
	
	
.hometxt4 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center; margin-bottom:0px;}	
	

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

	
 .homesectionholdernew20202 { width:1200px;  height:580px; position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px; float:none; }			
	
.hometxtholder44 { width:820px; height:auto; position:relative;   margin-left:850px;   z-index:1; margin-top:42px; float:left; display:block; }	
	
.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;}		
	

	

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

	

	

	
.footersection{ width:100%; background-image:url("backgroundtile.jpg");background-repeat: repeat-x; height:200px; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
  z-index:1; top:0px;  } 	
	
 .footerholder{ width:1200px; height:200px; position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block;  z-index:1; margin-top:0px; float:none; }	
	
		
	
.footerlogo { width:218px; height:120px; position:relative; display:block;  margin-left:10px;  background-image:url("footerlogo.png"); z-index:1; margin-top:33px; float:left; }	
	
.footerlinks {width:450px; position:relative; float:left; height:auto;  margin-top:70px;  margin-left:140px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#A18E84; font-weight:500; text-align:center; margin-right:0px; margin-bottom:0px;  }	
	
.footercheckatrade { width:263px; height:36px; position:relative;   margin-right:10px; background-image:url(footercheckatrade.png); z-index:1; margin-top:70px; float:right; display:block; }	
	
	
	
	
.topimage1 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url("image1largest3rd.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:650px; position:relative; float:left; background-image:url("image2largest4th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}		
	

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

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

	
	
	
	
	
	
	
	

	.introdetailssection {width:445px; margin-left:10px;  margin-top:0px; margin-bottom:0px; height:580px; position:relative; float:left; }	
	
	.introdetailssection2 {width:465px; margin-left:10px;  margin-top:0px; margin-bottom:0px; height:580px; position:relative; float:left; }	
	
 
	
.introbusiness3 { width:100%; height:109px; position:relative; background-image:url("salonmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;   margin-top:58px; } 	
	
.introbusiness4 { width:100%; height:108px; position:relative; background-image:url("contractmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;   margin-top:58px; } 	
	
.introbusiness5 { width:100%; height:108px; position:relative; background-image:url("contactmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;   margin-top:80px; } 	
	
.introbusiness6 { width:100%; height:107px; position:relative; background-image:url("roofingmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;   margin-top:80px; } 
	

	
	
	
	
.introdescription {width:90%; margin-left:5%; margin-right:5%;  height:auto;  position:relative; float: left;  font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;  margin-top:20px; margin-bottom:0px; 	
	}
	
.introbelowdetails {width:100%; margin-left:0px;  margin-top:18px; margin-bottom:0px; z-index:1; height:64px; position:relative; float:left; background-image:url("belowdetails.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  display:block; }		
	
 .topimagetxtholder { width:1200px;  height:650px;   position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
   margin-top:0px; }  
		
	
	
	

	
	
	

	
		
	
	
	
	
	


	

	
	
		
	


	
	
	
	
	
	
	

	
	
.homelink {width:60px; margin-left:10px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}	
	
.aboutlink {width:94px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}		
	

	
.gutterslink {width:214px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}	
	
.roofinglink {width:155px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt;  font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; }	
	
.houselink {width:160px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}		
	
	
	
	
.contactlink {width:90px; margin-left:10px; margin-right:10px; position:relative; float:right; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}		
	
	
	
	
	
	
	
.boxheader1 { width:100%; height:87px; position:relative; display:block;  margin-left:0px;  background-image:url("boxheader13rd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  z-index:1; margin-top:348px; float:left;
}		
	
.boxheader2 { width:100%; height:87px; position:relative; display:block;  margin-left:0px;  background-image:url("boxheader23rd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  z-index:1; margin-top:348px; float:left;
}		
		
.boxheader3 { width:100%; height:87px; position:relative; display:block;  margin-left:0px;  background-image:url("boxheader33rd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  z-index:1; margin-top:348px; float:left;
}			
	
	
.boxheader4 { width:100%; height:87px; position:relative; display:block;  margin-left:0px;  background-image:url("boxheader43rd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  z-index:1; margin-top:348px; float:left;
}			
		
	

	
	
	

		

	

	
		

	
		
	

	
	
	
	
	
	


	
	
.googleandapplemain {width:100%; margin-left:0px; margin-top:38px;  height:auto; position:relative; float:left; display:block;}	
	
	
 .googleandappleholder{ width:420px;  height:auto;   background-color:#ff0000;  position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
	 z-index:1; margin-top:0px; float:none;}		
	
.googleplay { width:200px; height:60px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("googleplay2nd.png");  z-index:1; margin-top:0px; margin-bottom:0px; }	
	
	
.apple { width:200px; height:60px; position:relative;  text-align:center; float:left; margin-left:20px; display:block; background-image:url("apple2nd.png");  z-index:1; margin-top:0px; margin-bottom:0px; }		
	
.logossection {width:100%; margin-left:0px; margin-top:0px; ; height:145px; position:relative; float:left; background-color:#A18E84;}	
	
 .logosectionholder{ width:1200px;  height:145px;   position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
	 z-index:1; margin-top:0px; background-color:#A18E84; float:none;}	
	
	
.logo1 { width:120px; height:75px; position:relative;  text-align:center; float:left; margin-left:10px; display:block; background-image:url("logo13rd.jpg");  z-index:1; margin-top:30px; margin-bottom:0px; }	
	
	
	
	
.logo2 { width:373px; height:55px; position:relative;  text-align:center; float:left; margin-left:28px; display:block; background-image:url("logo22nd.jpg");  z-index:1; margin-top:45px; margin-bottom:0px; }	
	
	
	
	
	
.logo3 { width:188px; height:102px; position:relative;  text-align:center; float:left; margin-left:28px; display:block; background-image:url("logo3.jpg");  z-index:1; margin-top:15px; margin-bottom:0px; }	
	
	
	
	
.logo4 { width:269px; height:55px; position:relative;  text-align:center; float:left; margin-left:28px; display:block; background-image:url("logo4.jpg");  z-index:1; margin-top:40px; margin-bottom:0px; margin-right:0px; }	
	
	
	
	
.logo5 { width:102px; height:102px; position:relative;  text-align:center; float:right; margin-right:10px; display:block; background-image:url("logo5.jpg");  z-index:1; margin-top:19px; margin-bottom:0px; }	
	
	
	
.pricelistheader1 { width:100%; height:18px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:19px; margin-bottom:15px; }
	

	
	
.tableholder1 {width:100%; margin-left:0px; margin-top:22px; ; height:auto; position:relative; float:left;}		
	
.pricelistholder1 {width:100%; margin-left:0px; margin-top:0px; background-color:#F7F5F0; height:3400px; position:relative; float:left;}		
	
.pricelistmain1 { width:1200px;  height:auto;  position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
	margin-top:0px; float:none; }		

#table-2 {
	border: 2px solid #d0b49f;
	background-color: #A18E84;
        width: 600px;
		margin-left:0px;
	margin-right:0px;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#table-2 td, #table-2 th {
	padding: 5px;
	color: #A18E84;
}
#table-2 thead {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: .2em 0 .2em .5em;
	text-align: left;
	color: #A18E84;
	background-color: #A18E84;
	
	border-bottom: solid 1px #A18E84;
}
#table-2 th {
	font-size:12pt; font-family: 'Poppins', sans-serif; color:#A18E84;
	line-height: 40px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-shadow: white 1px 1px 1px;
}
#table-2 td {
	line-height: 26px;
	font-size:10pt; font-family: 'Poppins', sans-serif; color:#F7F5F0;
	text-align: center;
	
	border-top: 1px solid #d0b49f;
}
#table-2 td:hover {
	background-color: #d0b49f;
	color:#F7F5F0;
}	
	
.mainfayrecontenttables1{ width:600px; height:auto;  position:relative; float:none;  margin-top:0px; margin-left:auto; margin-right: auto; text-align:justify;  font-size:10pt; color:#111111; }	
	
	
.tableheader1 { width:100%; height:18px; position:relative; background-image:url("tableheader1.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}	
	
.tableheader2 { width:100%; height:18px; position:relative; background-image:url("tableheader2.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}	
	
.tableheader3 { width:100%; height:18px; position:relative; background-image:url("tableheader3.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}		
	
.tableheader4 { width:100%; height:18px; position:relative; background-image:url("tableheader4.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}		
	
.tableheader5 { width:100%; height:18px; position:relative; background-image:url("tableheader5.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}	
	
.tableholder1{width:100%; margin-left:0px; margin-top:30px;  height:auto; position:relative; float:left;}		
.tableholder2{width:100%; margin-left:0px; margin-top:40px;  height:auto; position:relative; float:left;}		
.tableholder3{width:100%; margin-left:0px; margin-top:50px;  height:auto; position:relative; float:left;}
	
	
	
.pricelistheader1 { width:100%; height:35px; position:relative; background-image:url("pricelistheader1.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:60px; } 	
	
.pricelistheader2 { width:100%; height:30px; position:relative; background-image:url("pricelistheader2.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:50px; } 		
	
	
.galleryintro {width:94%; margin-left:3%; margin-right:3%;  height:auto;  position:relative; float: left;  font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#111111; text-align:center;  margin-top:20px; margin-bottom:0px; 	
z-index: 1002;	}		
	
.galleryintro2 {width:80%; margin-left:10%; margin-right:10%;  height:auto;  position:relative; float: left;  font-size:10pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#111111; text-align:center;  margin-top:20px; margin-bottom:0px; 	
z-index: 1002;	}		

.galleryintro3 {width:94%; margin-left:3%; margin-right:3%;  height:auto;  position:relative; float: left;  font-size:20pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#111111; text-align:center;  margin-top:5px; margin-bottom:0px; 	
z-index: 1002;	}
	
.homeheader800  	{width:100%; margin-left:0px; position:relative; height:38px; background-image:url("homeheader8002nd.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:16px; }	
	
.homeheader801  	{width:100%; margin-left:0px; position:relative; height:79px; background-image:url("homeheader8012nd.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:30px; }		
	
.homeheader802  	{width:100%; margin-left:0px; position:relative; height:32px; background-image:url("homeheader8022nd.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:30px; }	
	
.fade-element500 {
 
width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage5004th.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:680px; position:relative; float:left;
}		
	
	
	
	
}

@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;}	

.fade-element120 {
 display:none;
}




 .topholderdesk1{ width:100%; background-image:url("backgroundtile.jpg");background-repeat: repeat-x; height:210px; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
  z-index:1; top:0px; 
 }  	
	
 .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:200px;   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:#A18E84; height:41px; position:relative; float:left; display:block; }	
	
 .linksmain2020holder { width:1100px;  height:41px; position:relative; background-color:#A18E84; text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px; float:none; }		
	
.rotatordivider {width:100%; margin-left:0px; margin-top:0px;  background-color:#d0b49f; height:5px; position:relative; float:left; display:block; }
	
.rotatordivider2 {width:100%; margin-left:0px; margin-top:0px;  background-color:#d0b49f; height:5px; position:relative; float:left; display:block; }	
	
.footerdivider {width:100%; margin-left:0px; margin-top:0px;  background-color:#EEEEEE; height:4px; position:relative; float:left; display:block; }
	
.desklogo2023 {width:100%; margin-left:0px;  margin-top:29px;   height:153px; position:relative; float:left; background-image:url("desklogo.png"); background-position: center center; background-repeat: no-repeat; background-size: auto;	 }	
	
.followusandsocialmediaholder2023 {width:100%; top:0px;  height:190px; position:absolute;   }		
	
.followusholder {width:450px; margin-left:10px; margin-right:0px; position:relative; float:left; height:auto; margin-top:18px; }	
	
	
	
	
.followusholder2 {width:450px; margin-left:0px; margin-right:10px; position:relative; float:right; height:auto; margin-top:18px; }	
	
.followusheader {width:231px; margin-left:147px;  margin-top:10px;   height:28px; position:relative; float:left; background-image:url("followus.png"); background-position: center center; background-repeat: no-repeat; display: block;}
	
.callusheader {width:207px; margin-left:0px;  margin-top:10px;   height:29px; position:relative; float:left; background-image:url("callusheader.png"); background-position: center center; background-repeat: no-repeat; }		
	
	
	
.fbdesk {width:28px; margin-left:15px;  margin-top:10px;   height:28px; position:relative; float:left; background-image:url("fbdesk.png"); background-position: center center; background-repeat: no-repeat; }		
	
.instadesk {width:15px; margin-left:0px; margin-right:0px; margin-top:10px;   height:28px; position:relative; float:right; background-image:url("instadesk.png"); background-position: center center; background-repeat: no-repeat; }		

	

	.mainpresentation {width:100%; margin-left:0px; margin-top:0px;  height:650px; position:relative;  float:left;}		
	
 #example {
        height: 650px;
        margin-top: 0;
		position:relative;
		float:left;
    }		
	
		.infoBlock8mob {
display:none !important;
}

		.infoBlock9mob {
display:none !important;
}

.infoBlock10mob {
display:none !important;
}
.infoBlock11mob {
display:none !important;
}
.infoBlock12mob {
 display:none !important;
}
.infoBlock13mob {
 display:none !important;
}
		.infoBlock {
    position: absolute;
    right:0;
    left: 0;
	margin-top:194px;
	margin-left: auto;
    margin-right: auto;
    width:260px;
	height:156px;
    padding-bottom: 0;
    
    overflow: hidden;
   
    z-index: 1002;
	
}

		.infoBlock2 {
    position: absolute;
    right:0;
    left: 0;
	margin-top:194px;
	margin-left: auto;
    margin-right: auto;
    width:260px;
	height:156px;
    padding-bottom: 0;
    background-image:url(housemob2.png);
    overflow: hidden;
   
    z-index: 1002;
	
}

	.infoBlock3 {
    position: absolute;
    right:0;
    left: 0;
	margin-top:0px;
	margin-left: auto;
    margin-right: auto;
    width:1300px;
	height:650px;
    padding-bottom: 0;
    
    overflow: hidden;
   
    z-index: 1002;
	
}






	
	

		.infoBlock7 {
   width:100%; left:0px;  top:58px;   height: 174px; position:absolute;  
    background-image:url("aboutintro.jpg");
	background-position: center center; background-repeat: no-repeat; background-size: auto;		
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
}
	
	
.infoBlock8 {
   width:100%; left:0px;  top:62px;   height: 108px; position:absolute;  
    background-image:url("contactmain.jpg");
	background-position: center center; background-repeat: no-repeat; background-size: auto;		
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}	
	
	
.infoBlock9 {
   width:100%; left:0px;  top:62px;   height: 107px; position:absolute;  
    background-image:url("roofingmain.jpg");
	background-position: center center; background-repeat: no-repeat; background-size: auto;		
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}	
		
	
	
	
		.infoBlock14 {
  width:445px; left:10px;  top:0px;   height: 600px; position:absolute;  
 
    overflow: hidden;
    opacity: 1;
    z-index: 1002;
	
 
}
	
	
	


	
	.infoBlock16 {
   width:100%; left:0px;  top:62px;   height: 108px; position:absolute;  
    background-image:url("contractmain.jpg");
	background-position: center center; background-repeat: no-repeat; background-size: auto;		
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}
	
	
		

	.infoBlock11 {
   width:90%; margin-left:5%; margin-right:5%;  height:auto;  position:relative; float: left;  font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;  margin-top:187px; margin-bottom:0px; 	
    overflow: hidden;
    opacity: 0;
    z-index: 10000000000000000000000000000000002;
	
}	
	
	.infoBlock15 {
   width:90%; margin-left:5%; margin-right:5%;  height:auto;  position:relative; float: left;  font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;  margin-top:252px; margin-bottom:0px; 	
    overflow: hidden;
    opacity: 0;
    z-index: 10000000000000000000000000000000002;
	
}	
	
	

	.infoBlock12 {
   width:100%; margin-left:0%; margin-right:0%;  height:auto;   position:absolute; left:0px;  font-size:16pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center;  top:500px; margin-bottom:0px; 	
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}
	
	.infoBlock122 {
   width:100%; margin-left:0%; margin-right:0%;  height:auto;   position:absolute; left:0px;  font-size:16pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center;  top:430px; margin-bottom:0px; 	
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}	
	
	
	
		
.duluxrotator  {width:100%; margin-left:0px; position:relative; height:64px; background-image:url("duluxrotator.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:0px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; }		
	

.slideimage1 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url(image4largest3rd.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	
.slideimage2 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url("image1largest3rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}
	
.slideimage3 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url("image3largest3rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	
.slideimage5	{width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url(image2largest3rd.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	



.fade-element8 {

width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage13rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:600px; position:relative; float:left;
}
		
	
.fade-element1 {

width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage33rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:830px; position:relative; float:left;
}

	
	
	
.fade-element3 {

width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage53rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:780px; position:relative; float:left;
}


	
.fade-element5 {
 
width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage73rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:860px; position:relative; float:left;
}

	
	



	
.fade-element2 {
 
width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage23rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:650px; position:relative; float:left;
}



	
.fade-element10 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:33%; margin-left:0px; margin-top:0px; background-image:url("box1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left;
}

.fade-element10.visible {
  opacity: 1;
  transform: translateY(0);
}		
		

.fade-element11 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:34%; margin-left:0px; margin-top:0px; background-image:url("box2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left;
}

.fade-element11.visible {
  opacity: 1;
  transform: translateY(0);
}		
	
.fade-element12 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:33%; margin-left:0px; margin-top:0px; background-image:url("box3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left;
}

.fade-element12.visible {
  opacity: 1;
  transform: translateY(0);
}	
		
	
	
	





	
	
	
	
		
	
		
	
	

 .homesectionholdernew2020 { width:1300px; height:550px; position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px; float:none; }		
	
.hometxtholder3 { width:650px; height:auto; position:relative;   margin-left:20px;   z-index:1; margin-top:30px; float:left; display:block; }	
	
.hometxtholder33 { width:650px; height:auto; position:relative;   margin-left:20px;   z-index:1; margin-top:30px; float:left; display:block; }	
	

.hometxtholder4 { width:650px; height:auto; position:relative;   margin-left:630px;   z-index:1; margin-top:35px; float:left; display:block; }		
	
	
.headerholder {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px;}		
	
.homeheader2  	{width:100%; margin-left:0px; margin-top:20px; position:relative; height:35px; background-image:url("homeheader3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }	
	
.homeheader3  {width:100%; margin-left:0px; position:relative; height:45px; background-image:url("homeheader2.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; margin-top:20px; }	
	
.homeheader4  	{width:100%; margin-left:0px; margin-top:30px; position:relative; height:45px; background-image:url("homeheader4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; }	
	
.homeheader5  	{width:100%; margin-left:0px; margin-top:18px; position:relative; height:35px; background-image:url("homeheader5.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; }		
	

	
.homeheader7  	{width:100%; margin-left:0px; margin-top:50px; position:relative; height:35px; background-image:url("homeheader7.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }		
	
.homeheader8  	{width:100%; margin-left:0px; position:relative; height:35px; background-image:url("homeheader8.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:10px; }	
	
.homeheader9  	{width:100%; margin-left:0px; position:relative; height:33px; background-image:url("homeheader9.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:28px; }		
	
.homeheader10  	{width:100%; margin-left:0px; position:relative; height:35px; background-image:url("homeheader10.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:28px; }	
	
	
.homeheader11  	{width:100%; margin-left:0px; position:relative; height:35px; background-image:url("homeheader11.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:30px; }			
	
.homeheader12  	{width:100%; margin-left:0px; position:relative; height:33px; background-image:url("homeheader12.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:30px; }			
	
	
	
.bookingbutton  	{width:100%; margin-left:0px; margin-top:25px; position:relative; height:52px; background-image:url("bookingbutton.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:00px; }	
	
	
.hometxt4 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center;}	
	

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

	
 .homesectionholdernew20202 { width:1300px;  height:580px; position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px; float:none; }			
	
.hometxtholder44 { width:820px; height:auto; position:relative;   margin-left:850px;   z-index:1; margin-top:42px; float:left; display:block; }	
	
.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;}		
	

	

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

	

	

	
.footersection{ width:100%; background-image:url("backgroundtile.jpg");background-repeat: repeat-x; height:200px; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
  z-index:1; top:0px;  } 	
	
 .footerholder{ width:1300px; height:200px; position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block;  z-index:1; margin-top:0px; float:none; }	
	
		
	
.footerlogo { width:218px; height:120px; position:relative; display:block;  margin-left:10px;  background-image:url("footerlogo.png"); z-index:1; margin-top:33px; float:left; }	
	
.footerlinks {width:550px; position:relative; float:left; height:auto;  margin-top:70px;  margin-left:130px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#A18E84; font-weight:500; text-align:center;}	
	
.footercheckatrade { width:263px; height:36px; position:relative;   margin-right:10px; background-image:url(footercheckatrade.png); z-index:1; margin-top:70px; float:right; display:block; }	
	
	
	
	
.topimage1 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url("image1largest3rd.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:650px; position:relative; float:left; background-image:url("image2largest3rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}		
	

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

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

	
	
	
	
	
	
	
	

	.introdetailssection {width:445px; margin-left:10px;  margin-top:0px; margin-bottom:0px; height:580px; position:relative; float:left; }	
	
	.introdetailssection2 {width:465px; margin-left:10px;  margin-top:0px; margin-bottom:0px; height:580px; position:relative; float:left; }	
	
 
	
.introbusiness3 { width:100%; height:109px; position:relative; background-image:url("salonmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;   margin-top:58px; } 	
	
.introbusiness4 { width:100%; height:108px; position:relative; background-image:url("contractmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;   margin-top:58px; } 	
	
.introbusiness5 { width:100%; height:108px; position:relative; background-image:url("contactmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;   margin-top:80px; } 	
	
.introbusiness6 { width:100%; height:107px; position:relative; background-image:url("roofingmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;   margin-top:80px; } 
	

	
	
	
	
.introdescription {width:90%; margin-left:5%; margin-right:5%;  height:auto;  position:relative; float: left;  font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;  margin-top:20px; margin-bottom:0px; 	
	}
	
.introbelowdetails {width:100%; margin-left:0px;  margin-top:18px; margin-bottom:0px; z-index:1; height:64px; position:relative; float:left; background-image:url("belowdetails.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  display:block; }		
	
 .topimagetxtholder { width:1300px;  height:650px;   position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
   margin-top:0px; }  
		
	
	
	

	
	
	

	
		
	
	
	
	
	


	

	
	
		
	


	
	
	
	
	
	
	

	
	
.homelink {width:60px; margin-left:10px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}	
	
.aboutlink {width:94px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}		
	

	
.gutterslink {width:214px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}	
	
.roofinglink {width:155px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt;  font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; }	
	
.houselink {width:160px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}		
	
	
	
	
.contactlink {width:90px; margin-left:10px; margin-right:10px; position:relative; float:right; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}		
	
	
	
	
	
	
	
.boxheader1 { width:100%; height:87px; position:relative; display:block;  margin-left:0px;  background-image:url("boxheader13rd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  z-index:1; margin-top:348px; float:left;
}		
	
.boxheader2 { width:100%; height:87px; position:relative; display:block;  margin-left:0px;  background-image:url("boxheader23rd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  z-index:1; margin-top:348px; float:left;
}		
		
.boxheader3 { width:100%; height:87px; position:relative; display:block;  margin-left:0px;  background-image:url("boxheader33rd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  z-index:1; margin-top:348px; float:left;
}			
	
	
		
		
	

	
	
	

		

	

	
		

	
		
	

	
	
	
	
	
	


	
	
.googleandapplemain {width:100%; margin-left:0px; margin-top:38px;  height:auto; position:relative; float:left; display:block;}	
	
	
 .googleandappleholder{ width:420px;  height:auto;   background-color:#ff0000;  position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
	 z-index:1; margin-top:0px; float:none;}		
	
.googleplay { width:200px; height:60px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("googleplay2nd.png");  z-index:1; margin-top:0px; margin-bottom:0px; }	
	
	
.apple { width:200px; height:60px; position:relative;  text-align:center; float:left; margin-left:20px; display:block; background-image:url("apple2nd.png");  z-index:1; margin-top:0px; margin-bottom:0px; }		
	
.logossection {width:100%; margin-left:0px; margin-top:0px; ; height:145px; position:relative; float:left; background-color:#A18E84;}	
	
 .logosectionholder{ width:1300px;  height:145px;   position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
	 z-index:1; margin-top:0px; background-color:#A18E84; float:none;}	
	
	
.logo1 { width:148px; height:93px; position:relative;  text-align:center; float:left; margin-left:10px; display:block; background-image:url("logo1.jpg");  z-index:1; margin-top:21px; margin-bottom:0px; }	
	
	
	
	
.logo2 { width:445px; height:66px; position:relative;  text-align:center; float:left; margin-left:28px; display:block; background-image:url("logo2.jpg");  z-index:1; margin-top:40px; margin-bottom:0px; }	
	
	
	
	
	
.logo3 { width:188px; height:102px; position:relative;  text-align:center; float:left; margin-left:28px; display:block; background-image:url("logo3.jpg");  z-index:1; margin-top:15px; margin-bottom:0px; }	
	
	
	
	
.logo4 { width:269px; height:55px; position:relative;  text-align:center; float:left; margin-left:28px; display:block; background-image:url("logo4.jpg");  z-index:1; margin-top:43px; margin-bottom:0px; }	
	
	
	
	
.logo5 { width:102px; height:102px; position:relative;  text-align:center; float:right; margin-right:10px; display:block; background-image:url("logo5.jpg");  z-index:1; margin-top:19px; margin-bottom:0px; }		
	
	
	
.pricelistheader1 { width:100%; height:18px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:19px; margin-bottom:15px; }
	
.pricelistheader2 { width:100%; height:11px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:18px; margin-bottom:15px; }
	
.pricelistheader3 { width:100%; height:11px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:18px; margin-bottom:15px; }		
	
.pricelistheader4 { width:100%; height:11px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:18px; margin-bottom:15px; }	
	
.pricelistheader5 { width:100%; height:11px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader5.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:18px; margin-bottom:15px; }	
	
.pricelistheader6 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader6.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }	
	
.pricelistheader7 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader7.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }	
	
	
.pricelistheader8 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader8.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }		
	
.pricelistheader9 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader9.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }	
	
.pricelistheader10 { width:100%; height:35px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader10.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }		
	
.pricelistheader11 { width:100%; height:35px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader11.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }		
		
.pricelistheader12 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader12.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }
	
.pricelistheader13 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader13.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }		
	
	
	
.tableholder1 {width:100%; margin-left:0px; margin-top:22px; ; height:auto; position:relative; float:left;}		
	
.pricelistholder1 {width:100%; margin-left:0px; margin-top:0px; background-color:#F7F5F0; height:3400px; position:relative; float:left;}		
	
.pricelistmain1 { width:1200px;  height:auto;  position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
	margin-top:0px; float:none; }		

#table-2 {
	border: 2px solid #d0b49f;
	background-color: #A18E84;
        width: 600px;
		margin-left:0px;
	margin-right:0px;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#table-2 td, #table-2 th {
	padding: 5px;
	color: #A18E84;
}
#table-2 thead {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: .2em 0 .2em .5em;
	text-align: left;
	color: #A18E84;
	background-color: #A18E84;
	
	border-bottom: solid 1px #A18E84;
}
#table-2 th {
	font-size:12pt; font-family: 'Poppins', sans-serif; color:#A18E84;
	line-height: 40px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-shadow: white 1px 1px 1px;
}
#table-2 td {
	line-height: 26px;
	font-size:10pt; font-family: 'Poppins', sans-serif; color:#F7F5F0;
	text-align: center;
	
	border-top: 1px solid #d0b49f;
}
#table-2 td:hover {
	background-color: #d0b49f;
	color:#F7F5F0;
}	
	
.mainfayrecontenttables1{ width:600px; height:auto;  position:relative; float:none;  margin-top:0px; margin-left:auto; margin-right: auto; text-align:justify;  font-size:10pt; color:#111111; }	
	
	
.tableheader1 { width:100%; height:18px; position:relative; background-image:url("tableheader1.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}	
	
.tableheader2 { width:100%; height:18px; position:relative; background-image:url("tableheader2.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}	
	
.tableheader3 { width:100%; height:18px; position:relative; background-image:url("tableheader3.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}		
	
.tableheader4 { width:100%; height:18px; position:relative; background-image:url("tableheader4.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}		
	
.tableheader5 { width:100%; height:18px; position:relative; background-image:url("tableheader5.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}	
	
.tableholder1{width:100%; margin-left:0px; margin-top:30px;  height:auto; position:relative; float:left;}		
.tableholder2{width:100%; margin-left:0px; margin-top:40px;  height:auto; position:relative; float:left;}		
.tableholder3{width:100%; margin-left:0px; margin-top:50px;  height:auto; position:relative; float:left;}
	
	
	
.pricelistheader1 { width:100%; height:35px; position:relative; background-image:url("pricelistheader1.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:60px; } 	
	
.pricelistheader2 { width:100%; height:30px; position:relative; background-image:url("pricelistheader2.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:50px; } 		
	
	
.galleryintro {width:94%; margin-left:3%; margin-right:3%;  height:auto;  position:relative; float: left;  font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#111111; text-align:center;  margin-top:20px; margin-bottom:0px; 	
z-index: 1002;	}		
	
.galleryintro2 {width:80%; margin-left:10%; margin-right:10%;  height:auto;  position:relative; float: left;  font-size:10pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#111111; text-align:center;  margin-top:20px; margin-bottom:0px; 	
z-index: 1002;	}		

.galleryintro3 {width:94%; margin-left:3%; margin-right:3%;  height:auto;  position:relative; float: left;  font-size:20pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#111111; text-align:center;  margin-top:5px; margin-bottom:0px; 	
z-index: 1002;	}
	
.homeheader800  	{width:100%; margin-left:0px; position:relative; height:44px; background-image:url("homeheader800.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:16px; }	
	
.homeheader801  	{width:100%; margin-left:0px; position:relative; height:90px; background-image:url("homeheader801.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:30px; }		
	
.homeheader802  	{width:100%; margin-left:0px; position:relative; height:36px; background-image:url("homeheader802.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:30px; }	
	
.fade-element500 {
 
width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage5003rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:680px; position:relative; float:left;
}	
	
	
	
	
	
	
	
}

@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%; background-image:url("backgroundtile.jpg");background-repeat: repeat-x; height:210px; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
  z-index:1; top:0px; 
 }  	
	
 .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:200px;   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:#A18E84; height:41px; position:relative; float:left; display:block; }	
	
 .linksmain2020holder { width:1100px;  height:41px; position:relative; background-color:#A18E84; text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px; float:none; }		
	
.rotatordivider {width:100%; margin-left:0px; margin-top:0px;  background-color:#d0b49f; height:5px; position:relative; float:left; display:block; }
	
.rotatordivider2 {width:100%; margin-left:0px; margin-top:0px;  background-color:#d0b49f; height:5px; position:relative; float:left; display:block; }	
	
.footerdivider {width:100%; margin-left:0px; margin-top:0px;  background-color:#EEEEEE; height:4px; position:relative; float:left; display:block; }
	
.desklogo2023 {width:100%; margin-left:0px;  margin-top:29px;   height:153px; position:relative; float:left; background-image:url("desklogo.png"); background-position: center center; background-repeat: no-repeat; background-size: auto;	 }	
	
.followusandsocialmediaholder2023 {width:100%; top:0px;  height:190px; position:absolute;   }		
	
.followusholder {width:450px; margin-left:10px; margin-right:0px; position:relative; float:left; height:auto; margin-top:18px; }	
	
	
	
	
.followusholder2 {width:450px; margin-left:0px; margin-right:10px; position:relative; float:right; height:auto; margin-top:18px; }	
	
.followusheader {width:231px; margin-left:147px;  margin-top:10px;   height:28px; position:relative; float:left; background-image:url("followus.png"); background-position: center center; background-repeat: no-repeat; display: block;}
	
.callusheader {width:207px; margin-left:0px;  margin-top:10px;   height:29px; position:relative; float:left; background-image:url("callusheader.png"); background-position: center center; background-repeat: no-repeat; }		
	
	
	
.fbdesk {width:28px; margin-left:15px;  margin-top:10px;   height:28px; position:relative; float:left; background-image:url("fbdesk.png"); background-position: center center; background-repeat: no-repeat; }		
	
.instadesk {width:15px; margin-left:0px; margin-right:0px; margin-top:10px;   height:28px; position:relative; float:right; background-image:url("instadesk.png"); background-position: center center; background-repeat: no-repeat; }		

	

	.mainpresentation {width:100%; margin-left:0px; margin-top:0px;  height:650px; position:relative;  float:left;}		
	
 #example {
        height: 650px;
        margin-top: 0;
		position:relative;
		float:left;
    }		
	
		.infoBlock8mob {
display:none !important;
}

		.infoBlock9mob {
display:none !important;
}

.infoBlock10mob {
display:none !important;
}
.infoBlock11mob {
display:none !important;
}
.infoBlock12mob {
 display:none !important;
}
.infoBlock13mob {
 display:none !important;
}
		.infoBlock {
    position: absolute;
    right:0;
    left: 0;
	margin-top:194px;
	margin-left: auto;
    margin-right: auto;
    width:260px;
	height:156px;
    padding-bottom: 0;
    
    overflow: hidden;
   
    z-index: 1002;
	
}

		.infoBlock2 {
    position: absolute;
    right:0;
    left: 0;
	margin-top:194px;
	margin-left: auto;
    margin-right: auto;
    width:260px;
	height:156px;
    padding-bottom: 0;
    background-image:url(housemob2.png);
    overflow: hidden;
   
    z-index: 1002;
	
}

	.infoBlock3 {
    position: absolute;
    right:0;
    left: 0;
	margin-top:0px;
	margin-left: auto;
    margin-right: auto;
    width:1400px;
	height:650px;
    padding-bottom: 0;
    
    overflow: hidden;
   
    z-index: 1002;
	
}






	
	

		.infoBlock7 {
   width:100%; left:0px;  top:58px;   height: 174px; position:absolute;  
    background-image:url("aboutintro.jpg");
	background-position: center center; background-repeat: no-repeat; background-size: auto;		
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
}
	
	
.infoBlock8 {
   width:100%; left:0px;  top:62px;   height: 108px; position:absolute;  
    background-image:url("contactmain.jpg");
	background-position: center center; background-repeat: no-repeat; background-size: auto;		
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}	
	
	
.infoBlock9 {
   width:100%; left:0px;  top:62px;   height: 107px; position:absolute;  
    background-image:url("roofingmain.jpg");
	background-position: center center; background-repeat: no-repeat; background-size: auto;		
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}	
		
	
	
	
		.infoBlock14 {
  width:445px; left:10px;  top:0px;   height: 600px; position:absolute;  
 
    overflow: hidden;
    opacity: 1;
    z-index: 1002;
	
 
}
	
	
	


	
	.infoBlock16 {
   width:100%; left:0px;  top:62px;   height: 108px; position:absolute;  
    background-image:url("contractmain.jpg");
	background-position: center center; background-repeat: no-repeat; background-size: auto;		
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}
	
	
		

	.infoBlock11 {
   width:90%; margin-left:5%; margin-right:5%;  height:auto;  position:relative; float: left;  font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;  margin-top:187px; margin-bottom:0px; 	
    overflow: hidden;
    opacity: 0;
    z-index: 10000000000000000000000000000000002;
	
}	
	
	.infoBlock15 {
   width:90%; margin-left:5%; margin-right:5%;  height:auto;  position:relative; float: left;  font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;  margin-top:252px; margin-bottom:0px; 	
    overflow: hidden;
    opacity: 0;
    z-index: 10000000000000000000000000000000002;
	
}	
	
	

	.infoBlock12 {
   width:100%; margin-left:0%; margin-right:0%;  height:auto;   position:absolute; left:0px;  font-size:16pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center;  top:500px; margin-bottom:0px; 	
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}
	
	.infoBlock122 {
   width:100%; margin-left:0%; margin-right:0%;  height:auto;   position:absolute; left:0px;  font-size:16pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center;  top:430px; margin-bottom:0px; 	
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}	
	
	
	
		
.duluxrotator  {width:100%; margin-left:0px; position:relative; height:64px; background-image:url("duluxrotator.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:0px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; }		
	

.slideimage1 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url(image4largest3rd.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	
.slideimage2 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url("image1largest3rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}
	
.slideimage3 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url("image3largest3rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	
.slideimage5	{width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url(image2largest3rd.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	



.fade-element8 {

width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage13rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:600px; position:relative; float:left;
}
		
	
.fade-element1 {

width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage33rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:830px; position:relative; float:left;
}

	
	
	
.fade-element3 {

width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage53rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:780px; position:relative; float:left;
}


	
.fade-element5 {
 
width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage73rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:860px; position:relative; float:left;
}

	
	



	
.fade-element2 {
 
width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage23rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:650px; position:relative; float:left;
}



	
.fade-element10 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:33%; margin-left:0px; margin-top:0px; background-image:url("box1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left;
}

.fade-element10.visible {
  opacity: 1;
  transform: translateY(0);
}		
		

.fade-element11 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:34%; margin-left:0px; margin-top:0px; background-image:url("box2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left;
}

.fade-element11.visible {
  opacity: 1;
  transform: translateY(0);
}		
	
.fade-element12 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:33%; margin-left:0px; margin-top:0px; background-image:url("box3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left;
}

.fade-element12.visible {
  opacity: 1;
  transform: translateY(0);
}	
		
	
	
	





	
	
	
	
		
	
		
	
	

 .homesectionholdernew2020 { width:1400px; height:550px; position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px; float:none; }		
	
.hometxtholder3 { width:700px; height:auto; position:relative;   margin-left:20px;   z-index:1; margin-top:30px; float:left; display:block; }	
	
.hometxtholder33 { width:700px; height:auto; position:relative;   margin-left:20px;   z-index:1; margin-top:30px; float:left; display:block; }	
	

.hometxtholder4 { width:700px; height:auto; position:relative;   margin-left:660px;   z-index:1; margin-top:35px; float:left; display:block; }		
	
	
.headerholder {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px;}		
	
.homeheader2  	{width:100%; margin-left:0px; margin-top:20px; position:relative; height:35px; background-image:url("homeheader3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }	
	
.homeheader3  {width:100%; margin-left:0px; position:relative; height:45px; background-image:url("homeheader2.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; margin-top:20px; }	
	
.homeheader4  	{width:100%; margin-left:0px; margin-top:30px; position:relative; height:45px; background-image:url("homeheader4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; }	
	
.homeheader5  	{width:100%; margin-left:0px; margin-top:18px; position:relative; height:35px; background-image:url("homeheader5.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; }		
	

	
.homeheader7  	{width:100%; margin-left:0px; margin-top:50px; position:relative; height:35px; background-image:url("homeheader7.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }		
	
.homeheader8  	{width:100%; margin-left:0px; position:relative; height:35px; background-image:url("homeheader8.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:10px; }	
	
.homeheader9  	{width:100%; margin-left:0px; position:relative; height:33px; background-image:url("homeheader9.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:28px; }		
	
.homeheader10  	{width:100%; margin-left:0px; position:relative; height:35px; background-image:url("homeheader10.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:28px; }	
	
	
.homeheader11  	{width:100%; margin-left:0px; position:relative; height:35px; background-image:url("homeheader11.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:30px; }			
	
.homeheader12  	{width:100%; margin-left:0px; position:relative; height:35px; background-image:url("homeheader12.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:30px; }			
	
	
	
.bookingbutton  	{width:100%; margin-left:0px; margin-top:25px; position:relative; height:52px; background-image:url("bookingbutton.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:00px; }	
	
	
.hometxt4 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center;}	
	

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

	
 .homesectionholdernew20202 { width:1400px;  height:580px; position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px; float:none; }			
	
.hometxtholder44 { width:820px; height:auto; position:relative;   margin-left:850px;   z-index:1; margin-top:42px; float:left; display:block; }	
	
.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;}		
	

	

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

	

	

	
.footersection{ width:100%; background-image:url("backgroundtile.jpg");background-repeat: repeat-x; height:200px; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
  z-index:1; top:0px;  } 	
	
 .footerholder{ width:1400px; height:200px; position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block;  z-index:1; margin-top:0px; float:none; }	
	
		
	
.footerlogo { width:218px; height:120px; position:relative; display:block;  margin-left:10px;  background-image:url("footerlogo.png"); z-index:1; margin-top:33px; float:left; }	
	
.footerlinks {width:650px; position:relative; float:left; height:auto;  margin-top:80px;  margin-left:130px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#A18E84; font-weight:500; text-align:center;}	
	
.footercheckatrade { width:263px; height:36px; position:relative;   margin-right:10px; background-image:url(footercheckatrade.png); z-index:1; margin-top:70px; float:right; display:block; }	
	
	
	
	
.topimage1 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url("image1largest3rd.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:650px; position:relative; float:left; background-image:url("image2largest3rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}		
	

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

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

	
	
	
	
	
	
	
	

	.introdetailssection {width:445px; margin-left:10px;  margin-top:0px; margin-bottom:0px; height:580px; position:relative; float:left; }	
	
	.introdetailssection2 {width:465px; margin-left:10px;  margin-top:0px; margin-bottom:0px; height:580px; position:relative; float:left; }	
	
 
	
.introbusiness3 { width:100%; height:109px; position:relative; background-image:url("salonmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;   margin-top:58px; } 	
	
.introbusiness4 { width:100%; height:108px; position:relative; background-image:url("contractmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;   margin-top:58px; } 	
	
.introbusiness5 { width:100%; height:108px; position:relative; background-image:url("contactmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;   margin-top:80px; } 	
	
.introbusiness6 { width:100%; height:107px; position:relative; background-image:url("roofingmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;   margin-top:80px; } 
	

	
	
	
	
.introdescription {width:90%; margin-left:5%; margin-right:5%;  height:auto;  position:relative; float: left;  font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;  margin-top:20px; margin-bottom:0px; 	
	}
	
.introbelowdetails {width:100%; margin-left:0px;  margin-top:18px; margin-bottom:0px; z-index:1; height:64px; position:relative; float:left; background-image:url("belowdetails.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  display:block; }		
	
 .topimagetxtholder { width:1400px;  height:650px;   position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
   margin-top:0px; }  
		
	
	
	

	
	
	

	
		
	
	
	
	
	


	

	
	
		
	


	
	
	
	
	
	
	

	
	
.homelink {width:60px; margin-left:10px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}	
	
.aboutlink {width:94px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}		
	

	
.gutterslink {width:214px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}	
	
.roofinglink {width:155px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt;  font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; }	
	
.houselink {width:160px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}		
	
	
	
	
.contactlink {width:90px; margin-left:10px; margin-right:10px; position:relative; float:right; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}		
	
	
	
	
	
	
	
.boxheader1 { width:100%; height:87px; position:relative; display:block;  margin-left:0px;  background-image:url("boxheader13rd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  z-index:1; margin-top:348px; float:left;
}		
	
.boxheader2 { width:100%; height:87px; position:relative; display:block;  margin-left:0px;  background-image:url("boxheader23rd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  z-index:1; margin-top:348px; float:left;
}		
		
.boxheader3 { width:100%; height:87px; position:relative; display:block;  margin-left:0px;  background-image:url("boxheader33rd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  z-index:1; margin-top:348px; float:left;
}			
	
	
		
		
	

	
	
	

		

	

	
		

	
		
	

	
	
	
	
	
	


	
	
.googleandapplemain {width:100%; margin-left:0px; margin-top:38px;  height:auto; position:relative; float:left; display:block;}	
	
	
 .googleandappleholder{ width:420px;  height:auto;   background-color:#ff0000;  position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
	 z-index:1; margin-top:0px; float:none;}		
	
.googleplay { width:200px; height:60px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("googleplay2nd.png");  z-index:1; margin-top:0px; margin-bottom:0px; }	
	
	
.apple { width:200px; height:60px; position:relative;  text-align:center; float:left; margin-left:20px; display:block; background-image:url("apple2nd.png");  z-index:1; margin-top:0px; margin-bottom:0px; }		
	
.logossection {width:100%; margin-left:0px; margin-top:0px; ; height:145px; position:relative; float:left; background-color:#A18E84;}	
	
 .logosectionholder{ width:1400px;  height:145px;   position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
	 z-index:1; margin-top:0px; background-color:#A18E84; float:none;}	
	
	
.logo1 { width:148px; height:93px; position:relative;  text-align:center; float:left; margin-left:20px; display:block; background-image:url("logo1.jpg");  z-index:1; margin-top:21px; margin-bottom:0px; }	
	
	
	
	
.logo2 { width:445px; height:66px; position:relative;  text-align:center; float:left; margin-left:54px; display:block; background-image:url("logo2.jpg");  z-index:1; margin-top:40px; margin-bottom:0px; }	
	
	
	
	
	
.logo3 { width:188px; height:102px; position:relative;  text-align:center; float:left; margin-left:54px; display:block; background-image:url("logo3.jpg");  z-index:1; margin-top:15px; margin-bottom:0px; }	
	
	
	
	
.logo4 { width:269px; height:55px; position:relative;  text-align:center; float:left; margin-left:54px; display:block; background-image:url("logo4.jpg");  z-index:1; margin-top:43px; margin-bottom:0px; }	
	
	
	
	
.logo5 { width:102px; height:102px; position:relative;  text-align:center; float:right; margin-right:20px; display:block; background-image:url("logo5.jpg");  z-index:1; margin-top:19px; margin-bottom:0px; }		
	
	
	
.pricelistheader1 { width:100%; height:18px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:19px; margin-bottom:15px; }
	
.pricelistheader2 { width:100%; height:11px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:18px; margin-bottom:15px; }
	
.pricelistheader3 { width:100%; height:11px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:18px; margin-bottom:15px; }		
	
.pricelistheader4 { width:100%; height:11px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:18px; margin-bottom:15px; }	
	
.pricelistheader5 { width:100%; height:11px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader5.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:18px; margin-bottom:15px; }	
	
.pricelistheader6 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader6.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }	
	
.pricelistheader7 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader7.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }	
	
	
.pricelistheader8 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader8.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }		
	
.pricelistheader9 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader9.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }	
	
.pricelistheader10 { width:100%; height:35px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader10.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }		
	
.pricelistheader11 { width:100%; height:35px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader11.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }		
		
.pricelistheader12 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader12.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }
	
.pricelistheader13 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader13.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }		
	
	
	
.tableholder1 {width:100%; margin-left:0px; margin-top:22px; ; height:auto; position:relative; float:left;}		
	
.pricelistholder1 {width:100%; margin-left:0px; margin-top:0px; background-color:#F7F5F0; height:3400px; position:relative; float:left;}		
	
.pricelistmain1 { width:1300px;  height:auto;  position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
	margin-top:0px; float:none; }		

#table-2 {
	border: 2px solid #d0b49f;
	background-color: #A18E84;
        width: 600px;
		margin-left:0px;
	margin-right:0px;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#table-2 td, #table-2 th {
	padding: 5px;
	color: #A18E84;
}
#table-2 thead {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: .2em 0 .2em .5em;
	text-align: left;
	color: #A18E84;
	background-color: #A18E84;
	
	border-bottom: solid 1px #A18E84;
}
#table-2 th {
	font-size:12pt; font-family: 'Poppins', sans-serif; color:#A18E84;
	line-height: 40px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-shadow: white 1px 1px 1px;
}
#table-2 td {
	line-height: 26px;
	font-size:10pt; font-family: 'Poppins', sans-serif; color:#F7F5F0;
	text-align: center;
	
	border-top: 1px solid #d0b49f;
}
#table-2 td:hover {
	background-color: #d0b49f;
	color:#F7F5F0;
}	
	
.mainfayrecontenttables1{ width:600px; height:auto;  position:relative; float:none;  margin-top:0px; margin-left:auto; margin-right: auto; text-align:justify;  font-size:10pt; color:#111111; }	
	
	
.tableheader1 { width:100%; height:18px; position:relative; background-image:url("tableheader1.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}	
	
.tableheader2 { width:100%; height:18px; position:relative; background-image:url("tableheader2.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}	
	
.tableheader3 { width:100%; height:18px; position:relative; background-image:url("tableheader3.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}		
	
.tableheader4 { width:100%; height:18px; position:relative; background-image:url("tableheader4.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}		
	
.tableheader5 { width:100%; height:18px; position:relative; background-image:url("tableheader5.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}	
	
.tableholder1{width:100%; margin-left:0px; margin-top:30px;  height:auto; position:relative; float:left;}		
.tableholder2{width:100%; margin-left:0px; margin-top:40px;  height:auto; position:relative; float:left;}		
.tableholder3{width:100%; margin-left:0px; margin-top:50px;  height:auto; position:relative; float:left;}
	
	
	
.pricelistheader1 { width:100%; height:35px; position:relative; background-image:url("pricelistheader1.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:60px; } 	
	
.pricelistheader2 { width:100%; height:30px; position:relative; background-image:url("pricelistheader2.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:50px; } 		
	
	
.galleryintro {width:94%; margin-left:3%; margin-right:3%;  height:auto;  position:relative; float: left;  font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#111111; text-align:center;  margin-top:20px; margin-bottom:0px; 	
z-index: 1002;	}		
	
.galleryintro2 {width:80%; margin-left:10%; margin-right:10%;  height:auto;  position:relative; float: left;  font-size:10pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#111111; text-align:center;  margin-top:20px; margin-bottom:0px; 	
z-index: 1002;	}		

.galleryintro3 {width:94%; margin-left:3%; margin-right:3%;  height:auto;  position:relative; float: left;  font-size:20pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#111111; text-align:center;  margin-top:5px; margin-bottom:0px; 	
z-index: 1002;	}	
	
.homeheader800  	{width:100%; margin-left:0px; position:relative; height:44px; background-image:url("homeheader800.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:16px; }	
	
.homeheader801  	{width:100%; margin-left:0px; position:relative; height:90px; background-image:url("homeheader801.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:30px; }		
	
.homeheader802  	{width:100%; margin-left:0px; position:relative; height:36px; background-image:url("homeheader802.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:30px; }	
	
.fade-element500 {
 
width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage5003rd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:680px; position:relative; float:left;
}			
	
	
	
	
	
	
}



/* 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%; background-image:url("backgroundtile.jpg");background-repeat: repeat-x; height:210px; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
  z-index:1; top:0px; 
 }  	
	
 .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:200px;   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:#A18E84; height:41px; position:relative; float:left; display:block; }	
	
 .linksmain2020holder { width:1100px;  height:41px; position:relative; background-color:#A18E84; text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px; float:none; }		
	
.rotatordivider {width:100%; margin-left:0px; margin-top:0px;  background-color:#d0b49f; height:5px; position:relative; float:left; display:block; }
	
.rotatordivider2 {width:100%; margin-left:0px; margin-top:0px;  background-color:#d0b49f; height:5px; position:relative; float:left; display:block; }	
	
.footerdivider {width:100%; margin-left:0px; margin-top:0px;  background-color:#EEEEEE; height:4px; position:relative; float:left; display:block; }
	
.desklogo2023 {width:100%; margin-left:0px;  margin-top:29px;   height:153px; position:relative; float:left; background-image:url("desklogo.png"); background-position: center center; background-repeat: no-repeat; background-size: auto;	 }	
	
.followusandsocialmediaholder2023 {width:100%; top:0px;  height:190px; position:absolute;   }		
	
.followusholder {width:450px; margin-left:10px; margin-right:0px; position:relative; float:left; height:auto; margin-top:18px; }	
	
	
	
	
.followusholder2 {width:450px; margin-left:0px; margin-right:10px; position:relative; float:right; height:auto; margin-top:18px; }	
	
.followusheader {width:231px; margin-left:147px;  margin-top:10px;   height:28px; position:relative; float:left; background-image:url("followus.png"); background-position: center center; background-repeat: no-repeat; display: block;}
	
.callusheader {width:207px; margin-left:0px;  margin-top:10px;   height:29px; position:relative; float:left; background-image:url("callusheader.png"); background-position: center center; background-repeat: no-repeat; }		
	
	
	
.fbdesk {width:28px; margin-left:15px;  margin-top:10px;   height:28px; position:relative; float:left; background-image:url("fbdesk.png"); background-position: center center; background-repeat: no-repeat; }		
	
.instadesk {width:15px; margin-left:0px; margin-right:0px; margin-top:10px;   height:28px; position:relative; float:right; background-image:url("instadesk.png"); background-position: center center; background-repeat: no-repeat; }		

	

	.mainpresentation {width:100%; margin-left:0px; margin-top:0px;  height:650px; position:relative;  float:left;}		
	
 #example {
        height: 650px;
        margin-top: 0;
		position:relative;
		float:left;
    }		
	
		.infoBlock8mob {
display:none !important;
}

		.infoBlock9mob {
display:none !important;
}

.infoBlock10mob {
display:none !important;
}
.infoBlock11mob {
display:none !important;
}
.infoBlock12mob {
 display:none !important;
}
.infoBlock13mob {
 display:none !important;
}
		.infoBlock {
    position: absolute;
    right:0;
    left: 0;
	margin-top:194px;
	margin-left: auto;
    margin-right: auto;
    width:260px;
	height:156px;
    padding-bottom: 0;
    
    overflow: hidden;
   
    z-index: 1002;
	
}

		.infoBlock2 {
    position: absolute;
    right:0;
    left: 0;
	margin-top:194px;
	margin-left: auto;
    margin-right: auto;
    width:260px;
	height:156px;
    padding-bottom: 0;
    background-image:url(housemob2.png);
    overflow: hidden;
   
    z-index: 1002;
	
}

	.infoBlock3 {
    position: absolute;
    right:0;
    left: 0;
	margin-top:0px;
	margin-left: auto;
    margin-right: auto;
    width:1500px;
	height:650px;
    padding-bottom: 0;
    
    overflow: hidden;
   
    z-index: 1002;
	
}






	
	

		.infoBlock7 {
   width:100%; left:0px;  top:58px;   height: 174px; position:absolute;  
    background-image:url("aboutintro.jpg");
	background-position: center center; background-repeat: no-repeat; background-size: auto;		
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
}
	
	
.infoBlock8 {
   width:100%; left:0px;  top:62px;   height: 108px; position:absolute;  
    background-image:url("contactmain.jpg");
	background-position: center center; background-repeat: no-repeat; background-size: auto;		
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}	
	
	
.infoBlock9 {
   width:100%; left:0px;  top:62px;   height: 107px; position:absolute;  
    background-image:url("roofingmain.jpg");
	background-position: center center; background-repeat: no-repeat; background-size: auto;		
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}	
		
	
	
	
		.infoBlock14 {
  width:445px; left:10px;  top:0px;   height: 600px; position:absolute;  
 
    overflow: hidden;
    opacity: 1;
    z-index: 1002;
	
 
}
	
	
	


	
	.infoBlock16 {
   width:100%; left:0px;  top:62px;   height: 108px; position:absolute;  
    background-image:url("contractmain.jpg");
	background-position: center center; background-repeat: no-repeat; background-size: auto;		
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}
	
	
		

	.infoBlock11 {
   width:90%; margin-left:5%; margin-right:5%;  height:auto;  position:relative; float: left;  font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;  margin-top:187px; margin-bottom:0px; 	
    overflow: hidden;
    opacity: 0;
    z-index: 10000000000000000000000000000000002;
	
}	
	
	.infoBlock15 {
   width:90%; margin-left:5%; margin-right:5%;  height:auto;  position:relative; float: left;  font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;  margin-top:252px; margin-bottom:0px; 	
    overflow: hidden;
    opacity: 0;
    z-index: 10000000000000000000000000000000002;
	
}	
	
	

	.infoBlock12 {
   width:100%; margin-left:0%; margin-right:0%;  height:auto;   position:absolute; left:0px;  font-size:16pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center;  top:500px; margin-bottom:0px; 	
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}
	
	.infoBlock122 {
   width:100%; margin-left:0%; margin-right:0%;  height:auto;   position:absolute; left:0px;  font-size:16pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center;  top:430px; margin-bottom:0px; 	
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}	
	
	
	
		
.duluxrotator  {width:100%; margin-left:0px; position:relative; height:64px; background-image:url("duluxrotator.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:0px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; }		
	

.slideimage1 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url(image4largest2nd.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	
.slideimage2 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url("image1largest2nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}
	
.slideimage3 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url("image3largest2nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	
.slideimage5	{width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url(image2largest2nd.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	



.fade-element8 {

width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage12nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:580px; position:relative; float:left;
}
		
	
.fade-element1 {

width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage32nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:800px; position:relative; float:left;
}

	
	
	
.fade-element3 {

width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage52nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:780px; position:relative; float:left;
}


	
.fade-element5 {
 
width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage72nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:840px; position:relative; float:left;
}

	
	



	
.fade-element2 {
 
width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage22nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:630px; position:relative; float:left;
}



	
.fade-element10 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:33%; margin-left:0px; margin-top:0px; background-image:url("box1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left;
}

.fade-element10.visible {
  opacity: 1;
  transform: translateY(0);
}		
		

.fade-element11 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:34%; margin-left:0px; margin-top:0px; background-image:url("box2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left;
}

.fade-element11.visible {
  opacity: 1;
  transform: translateY(0);
}		
	
.fade-element12 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:33%; margin-left:0px; margin-top:0px; background-image:url("box3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left;
}

.fade-element12.visible {
  opacity: 1;
  transform: translateY(0);
}	
		
	
	
	





	
	
	
	
		
	
		
	
	

 .homesectionholdernew2020 { width:1500px; height:550px; position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px; float:none; }		
	
.hometxtholder3 { width:750px; height:auto; position:relative;   margin-left:20px;   z-index:1; margin-top:30px; float:left; display:block; }	
	
.hometxtholder33 { width:750px; height:auto; position:relative;   margin-left:20px;   z-index:1; margin-top:30px; float:left; display:block; }	
	

.hometxtholder4 { width:750px; height:auto; position:relative;   margin-left:720px;   z-index:1; margin-top:35px; float:left; display:block; }		
	
	
.headerholder {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px;}		
	
.homeheader2  	{width:100%; margin-left:0px; margin-top:20px; position:relative; height:35px; background-image:url("homeheader3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }	
	
.homeheader3  {width:100%; margin-left:0px; position:relative; height:45px; background-image:url("homeheader2.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; margin-top:50px; }	
	
.homeheader4  	{width:100%; margin-left:0px; margin-top:30px; position:relative; height:45px; background-image:url("homeheader4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; }	
	
.homeheader5  	{width:100%; margin-left:0px; margin-top:18px; position:relative; height:35px; background-image:url("homeheader5.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; }		
	

	
.homeheader7  	{width:100%; margin-left:0px; margin-top:50px; position:relative; height:35px; background-image:url("homeheader7.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }		
	
.homeheader8  	{width:100%; margin-left:0px; position:relative; height:35px; background-image:url("homeheader8.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:10px; }	
	
.homeheader9  	{width:100%; margin-left:0px; position:relative; height:33px; background-image:url("homeheader9.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:28px; }		
	
.homeheader10  	{width:100%; margin-left:0px; position:relative; height:35px; background-image:url("homeheader10.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:28px; }	
	
	
.homeheader11  	{width:100%; margin-left:0px; position:relative; height:35px; background-image:url("homeheader11.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:10px; }			
	
.homeheader12  	{width:100%; margin-left:0px; position:relative; height:35px; background-image:url("homeheader12.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:30px; }			
	
	
	
.bookingbutton  	{width:100%; margin-left:0px; margin-top:25px; position:relative; height:52px; background-image:url("bookingbutton.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:00px; }	
	
	
.hometxt4 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center;}	
	

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

	
 .homesectionholdernew20202 { width:1500px;  height:580px; position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px; float:none; }			
	
.hometxtholder44 { width:820px; height:auto; position:relative;   margin-left:850px;   z-index:1; margin-top:42px; float:left; display:block; }	
	
.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;}		
	

	

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

	

	

	
.footersection{ width:100%; background-image:url("backgroundtile.jpg");background-repeat: repeat-x; height:200px; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
  z-index:1; top:0px;  } 	
	
 .footerholder{ width:1500px; height:200px; position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block;  z-index:1; margin-top:0px; float:none; }	
	
		
	
.footerlogo { width:218px; height:120px; position:relative; display:block;  margin-left:10px;  background-image:url("footerlogo.png"); z-index:1; margin-top:33px; float:left; }	
	
.footerlinks {width:650px; position:relative; float:left; height:auto;  margin-top:80px;  margin-left:190px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#A18E84; font-weight:500; text-align:center;}	
	
.footercheckatrade { width:263px; height:36px; position:relative;   margin-right:10px; background-image:url(footercheckatrade.png); z-index:1; margin-top:70px; float:right; display:block; }	
	
	
	
	
.topimage1 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url("image1largest2nd.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:650px; position:relative; float:left; background-image:url("image2largest2nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}		
	

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

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

	
	
	
	
	
	
	
	

	.introdetailssection {width:445px; margin-left:10px;  margin-top:0px; margin-bottom:0px; height:580px; position:relative; float:left; }	
	
	.introdetailssection2 {width:465px; margin-left:10px;  margin-top:0px; margin-bottom:0px; height:580px; position:relative; float:left; }	
	
 
	
.introbusiness3 { width:100%; height:109px; position:relative; background-image:url("salonmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;   margin-top:58px; } 	
	
.introbusiness4 { width:100%; height:108px; position:relative; background-image:url("contractmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;   margin-top:58px; } 	
	
.introbusiness5 { width:100%; height:108px; position:relative; background-image:url("contactmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;   margin-top:80px; } 	
	
.introbusiness6 { width:100%; height:107px; position:relative; background-image:url("roofingmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;   margin-top:80px; } 
	

	
	
	
	
.introdescription {width:90%; margin-left:5%; margin-right:5%;  height:auto;  position:relative; float: left;  font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;  margin-top:20px; margin-bottom:0px; 	
	}
	
.introbelowdetails {width:100%; margin-left:0px;  margin-top:18px; margin-bottom:0px; z-index:1; height:64px; position:relative; float:left; background-image:url("belowdetails.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  display:block; }		
	
 .topimagetxtholder { width:1500px;  height:650px;   position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
   margin-top:0px; }  
		
	
	
	

	
	
	

	
		
	
	
	
	
	


	

	
	
		
	


	
	
	
	
	
	
	

	
	
.homelink {width:60px; margin-left:10px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}	
	
.aboutlink {width:94px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}		
	

	
.gutterslink {width:214px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}	
	
.roofinglink {width:155px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt;  font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; }	
	
.houselink {width:160px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}		
	
	
	
	
.contactlink {width:90px; margin-left:10px; margin-right:10px; position:relative; float:right; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}		
	
	
	
	
	
	
	
.boxheader1 { width:100%; height:87px; position:relative; display:block;  margin-left:0px;  background-image:url("boxheader12nd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  z-index:1; margin-top:348px; float:left;
}		
	
.boxheader2 { width:100%; height:87px; position:relative; display:block;  margin-left:0px;  background-image:url("boxheader22nd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  z-index:1; margin-top:348px; float:left;
}		
		
.boxheader3 { width:100%; height:87px; position:relative; display:block;  margin-left:0px;  background-image:url("boxheader32nd.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  z-index:1; margin-top:348px; float:left;
}			
	
	
		
		
	

	
	
	

		

	

	
		

	
		
	

	
	
	
	
	
	


	
	
.googleandapplemain {width:100%; margin-left:0px; margin-top:38px;  height:auto; position:relative; float:left; display:block;}	
	
	
 .googleandappleholder{ width:480px;  height:auto;   background-color:#ff0000;  position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
	 z-index:1; margin-top:0px; float:none;}		
	
.googleplay { width:223px; height:67px; position:relative;  text-align:center; float:left; margin-left:10px; display:block; background-image:url("googleplay.png");  z-index:1; margin-top:0px; margin-bottom:0px; }	
	
	
.apple { width:223px; height:67px; position:relative;  text-align:center; float:left; margin-left:20px; display:block; background-image:url("apple.png");  z-index:1; margin-top:0px; margin-bottom:0px; }		
	
.logossection {width:100%; margin-left:0px; margin-top:0px; ; height:145px; position:relative; float:left; background-color:#A18E84;}	
	
 .logosectionholder{ width:1500px;  height:145px;   position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
	 z-index:1; margin-top:0px; background-color:#A18E84; float:none;}	
	
	
.logo1 { width:148px; height:93px; position:relative;  text-align:center; float:left; margin-left:20px; display:block; background-image:url("logo1.jpg");  z-index:1; margin-top:21px; margin-bottom:0px; }	
	
	
	
	
.logo2 { width:445px; height:66px; position:relative;  text-align:center; float:left; margin-left:76px; display:block; background-image:url("logo2.jpg");  z-index:1; margin-top:40px; margin-bottom:0px; }	
	
	
	
	
	
.logo3 { width:188px; height:102px; position:relative;  text-align:center; float:left; margin-left:76px; display:block; background-image:url("logo3.jpg");  z-index:1; margin-top:15px; margin-bottom:0px; }	
	
	
	
	
.logo4 { width:269px; height:55px; position:relative;  text-align:center; float:left; margin-left:76px; display:block; background-image:url("logo4.jpg");  z-index:1; margin-top:43px; margin-bottom:0px; }	
	
	
	
	
.logo5 { width:102px; height:102px; position:relative;  text-align:center; float:right; margin-right:20px; display:block; background-image:url("logo5.jpg");  z-index:1; margin-top:19px; margin-bottom:0px; }	
	
	
.pricelistheader1 { width:100%; height:18px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:19px; margin-bottom:15px; }
	
.pricelistheader2 { width:100%; height:11px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:18px; margin-bottom:15px; }
	
.pricelistheader3 { width:100%; height:11px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:18px; margin-bottom:15px; }		
	
.pricelistheader4 { width:100%; height:11px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:18px; margin-bottom:15px; }	
	
.pricelistheader5 { width:100%; height:11px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader5.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:18px; margin-bottom:15px; }	
	
.pricelistheader6 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader6.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }	
	
.pricelistheader7 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader7.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }	
	
	
.pricelistheader8 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader8.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }		
	
.pricelistheader9 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader9.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }	
	
.pricelistheader10 { width:100%; height:35px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader10.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }		
	
.pricelistheader11 { width:100%; height:35px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader11.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }		
		
.pricelistheader12 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader12.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }
	
.pricelistheader13 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader13.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }		
	
	
	
.tableholder1 {width:100%; margin-left:0px; margin-top:22px; ; height:auto; position:relative; float:left;}		
	
.pricelistholder1 {width:100%; margin-left:0px; margin-top:0px; background-color:#F7F5F0; height:3450px; position:relative; float:left;}		
	
.pricelistmain1 { width:1500px;  height:3100px;  position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
	margin-top:0px; float:none; }		

#table-2 {
	border: 2px solid #d0b49f;
	background-color: #A18E84;
        width: 600px;
		margin-left:0px;
	margin-right:0px;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#table-2 td, #table-2 th {
	padding: 5px;
	color: #A18E84;
}
#table-2 thead {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: .2em 0 .2em .5em;
	text-align: left;
	color: #A18E84;
	background-color: #A18E84;
	
	border-bottom: solid 1px #A18E84;
}
#table-2 th {
	font-size:12pt; font-family: 'Poppins', sans-serif; color:#A18E84;
	line-height: 40px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-shadow: white 1px 1px 1px;
}
#table-2 td {
	line-height: 26px;
	font-size:10pt; font-family: 'Poppins', sans-serif; color:#F7F5F0;
	text-align: center;
	
	border-top: 1px solid #d0b49f;
}
#table-2 td:hover {
	background-color: #d0b49f;
	color:#F7F5F0;
}	
	
.mainfayrecontenttables1{ width:600px; height:auto;  position:relative; float:none;  margin-top:0px; margin-left:auto; margin-right: auto; text-align:justify;  font-size:10pt; color:#111111; }	
	
	
.tableheader1 { width:100%; height:18px; position:relative; background-image:url("tableheader1.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}	
	
.tableheader2 { width:100%; height:18px; position:relative; background-image:url("tableheader2.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}	
	
.tableheader3 { width:100%; height:18px; position:relative; background-image:url("tableheader3.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}		
	
.tableheader4 { width:100%; height:18px; position:relative; background-image:url("tableheader4.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}		
	
.tableheader5 { width:100%; height:18px; position:relative; background-image:url("tableheader5.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}	
	
.tableholder1{width:100%; margin-left:0px; margin-top:30px;  height:auto; position:relative; float:left;}		
.tableholder2{width:100%; margin-left:0px; margin-top:40px;  height:auto; position:relative; float:left;}		
.tableholder3{width:100%; margin-left:0px; margin-top:50px;  height:auto; position:relative; float:left;}
	
	
	
.pricelistheader1 { width:100%; height:35px; position:relative; background-image:url("pricelistheader1.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:60px; } 	
	
.pricelistheader2 { width:100%; height:30px; position:relative; background-image:url("pricelistheader2.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:50px; } 		
	
	
.galleryintro {width:94%; margin-left:3%; margin-right:3%;  height:auto;  position:relative; float: left;  font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#111111; text-align:center;  margin-top:20px; margin-bottom:0px; 	
z-index: 1002;	}		
	
.galleryintro2 {width:80%; margin-left:10%; margin-right:10%;  height:auto;  position:relative; float: left;  font-size:10pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#111111; text-align:center;  margin-top:20px; margin-bottom:0px; 	
z-index: 1002;	}		

.galleryintro3 {width:94%; margin-left:3%; margin-right:3%;  height:auto;  position:relative; float: left;  font-size:20pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#111111; text-align:center;  margin-top:5px; margin-bottom:0px; 	
z-index: 1002;	}	
	
	
.homeheader800  	{width:100%; margin-left:0px; position:relative; height:44px; background-image:url("homeheader800.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:16px; }	
	
.homeheader801  	{width:100%; margin-left:0px; position:relative; height:90px; background-image:url("homeheader801.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:30px; }		
	
.homeheader802  	{width:100%; margin-left:0px; position:relative; height:36px; background-image:url("homeheader802.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:30px; }	
	
.fade-element500 {
 
width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage5002nd.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:650px; position:relative; float:left;
}		
	
	


	
	
}


/* 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%; background-image:url("backgroundtile.jpg");background-repeat: repeat-x; height:210px; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
  z-index:1; top:0px; 
 }  	
	
 .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:200px;   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:#A18E84; height:41px; position:relative; float:left; display:block; }	
	
 .linksmain2020holder { width:1100px;  height:41px; position:relative; background-color:#A18E84; text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px; float:none; }		
	
.rotatordivider {width:100%; margin-left:0px; margin-top:0px;  background-color:#d0b49f; height:5px; position:relative; float:left; display:block; }
	
.rotatordivider2 {width:100%; margin-left:0px; margin-top:0px;  background-color:#d0b49f; height:5px; position:relative; float:left; display:block; }	
	
.footerdivider {width:100%; margin-left:0px; margin-top:0px;  background-color:#EEEEEE; height:4px; position:relative; float:left; display:block; }
	
.desklogo2023 {width:100%; margin-left:0px;  margin-top:29px;   height:153px; position:relative; float:left; background-image:url("desklogo.png"); background-position: center center; background-repeat: no-repeat; background-size: auto;	 }	
	
.followusandsocialmediaholder2023 {width:100%; top:0px;  height:190px; position:absolute;   }		
	
.followusholder {width:450px; margin-left:10px; margin-right:0px; position:relative; float:left; height:auto; margin-top:18px; }	
	
	
	
	
.followusholder2 {width:450px; margin-left:0px; margin-right:10px; position:relative; float:right; height:auto; margin-top:18px; }	
	
.followusheader {width:231px; margin-left:147px;  margin-top:10px;   height:28px; position:relative; float:left; background-image:url("followus.png"); background-position: center center; background-repeat: no-repeat; display: block;}
	
.callusheader {width:207px; margin-left:0px;  margin-top:10px;   height:29px; position:relative; float:left; background-image:url("callusheader.png"); background-position: center center; background-repeat: no-repeat; }		
	
	
	
.fbdesk {width:28px; margin-left:15px;  margin-top:10px;   height:28px; position:relative; float:left; background-image:url("fbdesk.png"); background-position: center center; background-repeat: no-repeat; }		
	
.instadesk {width:15px; margin-left:0px; margin-right:0px; margin-top:10px;   height:28px; position:relative; float:right; background-image:url("instadesk.png"); background-position: center center; background-repeat: no-repeat; }		

	

	.mainpresentation {width:100%; margin-left:0px; margin-top:0px;  height:650px; position:relative;  float:left;}		
	
 #example {
        height: 650px;
        margin-top: 0;
		position:relative;
		float:left;
    }		
	
		.infoBlock8mob {
display:none !important;
}

		.infoBlock9mob {
display:none !important;
}

.infoBlock10mob {
display:none !important;
}
.infoBlock11mob {
display:none !important;
}
.infoBlock12mob {
 display:none !important;
}
.infoBlock13mob {
 display:none !important;
}
		.infoBlock {
    position: absolute;
    right:0;
    left: 0;
	margin-top:194px;
	margin-left: auto;
    margin-right: auto;
    width:260px;
	height:156px;
    padding-bottom: 0;
    
    overflow: hidden;
   
    z-index: 1002;
	
}

		.infoBlock2 {
    position: absolute;
    right:0;
    left: 0;
	margin-top:194px;
	margin-left: auto;
    margin-right: auto;
    width:260px;
	height:156px;
    padding-bottom: 0;
    background-image:url(housemob2.png);
    overflow: hidden;
   
    z-index: 1002;
	
}

	.infoBlock3 {
    position: absolute;
    right:0;
    left: 0;
	margin-top:0px;
	margin-left: auto;
    margin-right: auto;
    width:1700px;
	height:600px;
    padding-bottom: 0;
    
    overflow: hidden;
   
    z-index: 1002;
	
}






	
	

		.infoBlock7 {
   width:100%; left:0px;  top:58px;   height: 174px; position:absolute;  
    background-image:url("aboutintro.jpg");
	background-position: center center; background-repeat: no-repeat; background-size: auto;		
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
}
	
	
.infoBlock8 {
   width:100%; left:0px;  top:62px;   height: 108px; position:absolute;  
    background-image:url("contactmain.jpg");
	background-position: center center; background-repeat: no-repeat; background-size: auto;		
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}	
	
	
.infoBlock9 {
   width:100%; left:0px;  top:62px;   height: 107px; position:absolute;  
    background-image:url("roofingmain.jpg");
	background-position: center center; background-repeat: no-repeat; background-size: auto;		
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}	
		
	
	
	
		.infoBlock14 {
  width:445px; left:10px;  top:0px;   height: 600px; position:absolute;  
 
    overflow: hidden;
    opacity: 1;
    z-index: 1002;
	
 
}
	
	
	


	
	.infoBlock16 {
   width:100%; left:0px;  top:62px;   height: 108px; position:absolute;  
    background-image:url("contractmain.jpg");
	background-position: center center; background-repeat: no-repeat; background-size: auto;		
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}
	
	
		

	.infoBlock11 {
   width:90%; margin-left:5%; margin-right:5%;  height:auto;  position:relative; float: left;  font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;  margin-top:187px; margin-bottom:0px; 	
    overflow: hidden;
    opacity: 0;
    z-index: 10000000000000000000000000000000002;
	
}	
	
	.infoBlock15 {
   width:90%; margin-left:5%; margin-right:5%;  height:auto;  position:relative; float: left;  font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;  margin-top:252px; margin-bottom:0px; 	
    overflow: hidden;
    opacity: 0;
    z-index: 10000000000000000000000000000000002;
	
}	
	
	

	.infoBlock12 {
   width:100%; margin-left:0%; margin-right:0%;  height:auto;   position:absolute; left:0px;  font-size:16pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center;  top:500px; margin-bottom:0px; 	
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}
	
	.infoBlock122 {
   width:100%; margin-left:0%; margin-right:0%;  height:auto;   position:absolute; left:0px;  font-size:16pt; font-family: 'Poppins', sans-serif; font-weight:700; color:#FFFFFF; text-align:center;  top:430px; margin-bottom:0px; 	
    overflow: hidden;
    opacity: 0;
    z-index: 1002;
	
}	
	
	
	
		
.duluxrotator  {width:100%; margin-left:0px; position:relative; height:64px; background-image:url("duluxrotator.png"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-top:0px; font-size:12pt; font-family: 'PT Sans', sans-serif; color:#ffffff; text-align:center; margin-bottom:0px; }		
	

.slideimage1 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url(image4largest.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	
.slideimage2 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url("image1largest.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}
	
.slideimage3 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url("image3largest.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	
.slideimage5	{width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url(image2largest.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}	
	



.fade-element8 {

width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:580px; position:relative; float:left;
}
		
	
.fade-element1 {

width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:780px; position:relative; float:left;
}

	
	
	
.fade-element3 {

width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage5.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:780px; position:relative; float:left;
}


	
.fade-element5 {
 
width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage7.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:800px; position:relative; float:left;
}

	
	



	
.fade-element2 {
 
width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:630px; position:relative; float:left;
}



	
.fade-element10 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:33%; margin-left:0px; margin-top:0px; background-image:url("box1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left;
}

.fade-element10.visible {
  opacity: 1;
  transform: translateY(0);
}		
		

.fade-element11 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:34%; margin-left:0px; margin-top:0px; background-image:url("box2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left;
}

.fade-element11.visible {
  opacity: 1;
  transform: translateY(0);
}		
	
.fade-element12 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
width:33%; margin-left:0px; margin-top:0px; background-image:url("box3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:490px; position:relative; float:left;
}

.fade-element12.visible {
  opacity: 1;
  transform: translateY(0);
}	
		
	
	
	





	
	
	
	
		
	
		
	
	

 .homesectionholdernew2020 { width:1700px; height:550px; position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px; float:none; }		
	
.hometxtholder3 { width:780px; height:auto; position:relative;   margin-left:40px;   z-index:1; margin-top:30px; float:left; display:block; }	
	
.hometxtholder33 { width:920px; height:auto; position:relative;   margin-left:20px;   z-index:1; margin-top:30px; float:left; display:block; }	
	

.hometxtholder4 { width:780px; height:auto; position:relative;   margin-left:800px;   z-index:1; margin-top:35px; float:left; display:block; }		
	
	
.headerholder {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:10px;}		
	
.homeheader2  	{width:100%; margin-left:0px; margin-top:20px; position:relative; height:35px; background-image:url("homeheader3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }	
	
.homeheader3  {width:100%; margin-left:0px; position:relative; height:45px; background-image:url("homeheader2.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; margin-top:25px; }	
	
.homeheader4  	{width:100%; margin-left:0px; margin-top:30px; position:relative; height:45px; background-image:url("homeheader4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; }	
	
.homeheader5  	{width:100%; margin-left:0px; margin-top:18px; position:relative; height:35px; background-image:url("homeheader5.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:5px; }		
	

	
.homeheader7  	{width:100%; margin-left:0px; margin-top:50px; position:relative; height:35px; background-image:url("homeheader7.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; }		
	
.homeheader8  	{width:100%; margin-left:0px; position:relative; height:35px; background-image:url("homeheader8.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:10px; }	
	
.homeheader9  	{width:100%; margin-left:0px; position:relative; height:35px; background-image:url("homeheader9.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:28px; }		
	
.homeheader10  	{width:100%; margin-left:0px; position:relative; height:35px; background-image:url("homeheader10.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:28px; }	
	
	
.homeheader11  	{width:100%; margin-left:0px; position:relative; height:35px; background-image:url("homeheader11.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:30px; }			
	
.homeheader12  	{width:100%; margin-left:0px; position:relative; height:35px; background-image:url("homeheader12.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:30px; }			
	
	
	
.bookingbutton  	{width:100%; margin-left:0px; margin-top:25px; position:relative; height:52px; background-image:url("bookingbutton.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:00px; }	
	
	
.hometxt4 {width:100%; margin-left:0%; margin-right:0%; position:relative; float:left; height:auto; margin-top:14px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#111111; text-align:center;}	
	

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

	
 .homesectionholdernew20202 { width:1700px;  height:580px; position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
  z-index:1; margin-top:0px; float:none; }			
	
.hometxtholder44 { width:820px; height:auto; position:relative;   margin-left:850px;   z-index:1; margin-top:42px; float:left; display:block; }	
	
.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;}		
	

	

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

	

	

	
.footersection{ width:100%; background-image:url("backgroundtile.jpg");background-repeat: repeat-x; height:200px; position:relative; float: left;   text-align:center; margin-left:0px; margin-top:0px; display:block; 
  z-index:1; top:0px;  } 	
	
 .footerholder{ width:1700px; height:200px; position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block;  z-index:1; margin-top:0px; float:none; }	
	
		
	
.footerlogo { width:218px; height:120px; position:relative; display:block;  margin-left:10px;  background-image:url("footerlogo.png"); z-index:1; margin-top:33px; float:left; }	
	
.footerlinks {width:650px; position:relative; float:left; height:auto;  margin-top:80px;  margin-left:295px; font-size:10pt; font-family: 'Poppins', sans-serif; color:#A18E84; font-weight:500; text-align:center;}	
	
.footercheckatrade { width:263px; height:36px; position:relative;   margin-right:10px; background-image:url(footercheckatrade.png); z-index:1; margin-top:70px; float:right; display:block; }	
	
	
	
	
.topimage1 {width:100%; margin-left:0px;  margin-top:0px;  z-index:1; height:650px; position:relative; float:left; background-image:url("image1largest.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:650px; position:relative; float:left; background-image:url(image2largest.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}		
	

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

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

	
	
	
	
	
	
	
	

	.introdetailssection {width:445px; margin-left:10px;  margin-top:0px; margin-bottom:0px; height:580px; position:relative; float:left; }	
	
	.introdetailssection2 {width:465px; margin-left:10px;  margin-top:0px; margin-bottom:0px; height:580px; position:relative; float:left; }	
	
 
	
.introbusiness3 { width:100%; height:109px; position:relative; background-image:url("salonmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;   margin-top:58px; } 	
	
.introbusiness4 { width:100%; height:108px; position:relative; background-image:url("contractmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;   margin-top:58px; } 	
	
.introbusiness5 { width:100%; height:108px; position:relative; background-image:url("contactmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;   margin-top:80px; } 	
	
.introbusiness6 { width:100%; height:107px; position:relative; background-image:url("roofingmain.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;   margin-top:80px; } 
	

	
	
	
	
.introdescription {width:90%; margin-left:5%; margin-right:5%;  height:auto;  position:relative; float: left;  font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#FFFFFF; text-align:center;  margin-top:20px; margin-bottom:0px; 	
	}
	
.introbelowdetails {width:100%; margin-left:0px;  margin-top:18px; margin-bottom:0px; z-index:1; height:64px; position:relative; float:left; background-image:url("belowdetails.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  display:block; }		
	
 .topimagetxtholder { width:1700px;  height:580px;   position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
   margin-top:0px; }  
		
	
	
	

	
	
	

	
		
	
	
	
	
	


	

	
	
		
	


	
	
	
	
	
	
	

	
	
.homelink {width:60px; margin-left:10px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}	
	
.aboutlink {width:94px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}		
	

	
.gutterslink {width:214px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}	
	
.roofinglink {width:155px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt;  font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; }	
	
.houselink {width:160px; margin-left:63px; margin-right:0px; position:relative; float:left; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}		
	
	
	
	
.contactlink {width:90px; margin-left:10px; margin-right:10px; position:relative; float:right; height:auto; margin-top:10px; font-size:12pt; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: normal; color:#FFFFFF; text-align:center;}		
	
	
	
	
	
	
	
.boxheader1 { width:100%; height:87px; position:relative; display:block;  margin-left:0px;  background-image:url("boxheader1.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  z-index:1; margin-top:348px; float:left;
}		
	
.boxheader2 { width:100%; height:87px; position:relative; display:block;  margin-left:0px;  background-image:url("boxheader2.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  z-index:1; margin-top:348px; float:left;
}		
		
.boxheader3 { width:100%; height:87px; position:relative; display:block;  margin-left:0px;  background-image:url("boxheader3.png"); background-position: center center; background-repeat: no-repeat; background-size:auto;  z-index:1; margin-top:348px; float:left;
}			
	
	
		
		
	

	
	
	

		

	

	
		

	
		
	

	
	
	
	
	
	


	
	
.googleandapplemain {width:100%; margin-left:0px; margin-top:38px;  height:auto; position:relative; float:left; display:block;}	
	
	
 .googleandappleholder{ width:480px;  height:auto;   background-color:#ff0000;  position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
	 z-index:1; margin-top:0px; float:none;}		
	
.googleplay { width:223px; height:67px; position:relative;  text-align:center; float:left; margin-left:10px; display:block; background-image:url("googleplay.png");  z-index:1; margin-top:0px; margin-bottom:0px; }	
	
	
.apple { width:223px; height:67px; position:relative;  text-align:center; float:left; margin-left:20px; display:block; background-image:url("apple.png");  z-index:1; margin-top:0px; margin-bottom:0px; }		
	
.logossection {width:100%; margin-left:0px; margin-top:0px; ; height:145px; position:relative; float:left; background-color:#A18E84;}	
	
 .logosectionholder{ width:1500px;  height:145px;   position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
	 z-index:1; margin-top:0px; background-color:#A18E84; float:none;}	
	
	
.logo1 { width:148px; height:93px; position:relative;  text-align:center; float:left; margin-left:20px; display:block; background-image:url("logo1.jpg");  z-index:1; margin-top:21px; margin-bottom:0px; }	
	
	
	
	
.logo2 { width:445px; height:66px; position:relative;  text-align:center; float:left; margin-left:76px; display:block; background-image:url("logo2.jpg");  z-index:1; margin-top:40px; margin-bottom:0px; }	
	
	
	
	
	
.logo3 { width:188px; height:102px; position:relative;  text-align:center; float:left; margin-left:76px; display:block; background-image:url("logo3.jpg");  z-index:1; margin-top:15px; margin-bottom:0px; }	
	
	
	
	
.logo4 { width:269px; height:55px; position:relative;  text-align:center; float:left; margin-left:76px; display:block; background-image:url("logo4.jpg");  z-index:1; margin-top:43px; margin-bottom:0px; }	
	
	
	
	
.logo5 { width:102px; height:102px; position:relative;  text-align:center; float:right; margin-right:20px; display:block; background-image:url("logo5.jpg");  z-index:1; margin-top:19px; margin-bottom:0px; }	
	

	
	
	

	
	
	
.pricelistheader1 { width:100%; height:18px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader1.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:19px; margin-bottom:15px; }
	
.pricelistheader2 { width:100%; height:11px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:18px; margin-bottom:15px; }
	
.pricelistheader3 { width:100%; height:11px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader3.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:18px; margin-bottom:15px; }		
	
.pricelistheader4 { width:100%; height:11px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader4.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:18px; margin-bottom:15px; }	
	
.pricelistheader5 { width:100%; height:11px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader5.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:18px; margin-bottom:15px; }	
	
.pricelistheader6 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader6.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }	
	
.pricelistheader7 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader7.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }	
	
	
.pricelistheader8 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader8.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }		
	
.pricelistheader9 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader9.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }	
	
.pricelistheader10 { width:100%; height:35px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader10.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }		
	
.pricelistheader11 { width:100%; height:35px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader11.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }		
		
.pricelistheader12 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader12.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }
	
.pricelistheader13 { width:100%; height:33px; position:relative;  text-align:center; float:left; margin-left:0px; display:block; background-image:url("pricelistheader13.jpg"); background-position: center center; background-repeat: no-repeat; background-size: auto; z-index:1; margin-top:16px; margin-bottom:15px; }		
	
	
	
.tableholder1 {width:100%; margin-left:0px; margin-top:22px; ; height:auto; position:relative; float:left;}		
	
.pricelistholder1 {width:100%; margin-left:0px; margin-top:0px; background-color:#F7F5F0; height:3450px; position:relative; float:left;}		
	
.pricelistmain1 { width:1500px;  height:3100px;  position:relative;  text-align:center; margin-left:auto; margin-right:auto; display:block; 
	margin-top:0px; float:none; }		

#table-2 {
	border: 2px solid #d0b49f;
	background-color: #A18E84;
        width: 600px;
		margin-left:0px;
	margin-right:0px;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#table-2 td, #table-2 th {
	padding: 5px;
	color: #A18E84;
}
#table-2 thead {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: .2em 0 .2em .5em;
	text-align: left;
	color: #A18E84;
	background-color: #A18E84;
	
	border-bottom: solid 1px #A18E84;
}
#table-2 th {
	font-size:12pt; font-family: 'Poppins', sans-serif; color:#A18E84;
	line-height: 40px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-shadow: white 1px 1px 1px;
}
#table-2 td {
	line-height: 26px;
	font-size:10pt; font-family: 'Poppins', sans-serif; color:#F7F5F0;
	text-align: center;
	
	border-top: 1px solid #d0b49f;
}
#table-2 td:hover {
	background-color: #d0b49f;
	color:#F7F5F0;
}
	
	.annoying {width:50%;}
	
.mainfayrecontenttables1{ width:600px; height:auto;  position:relative; float:none;  margin-top:0px; margin-left:auto; margin-right: auto; text-align:justify;  font-size:10pt; color:#111111; }	
	
	
.tableheader1 { width:100%; height:18px; position:relative; background-image:url("tableheader1.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}	
	
.tableheader2 { width:100%; height:18px; position:relative; background-image:url("tableheader2.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}	
	
.tableheader3 { width:100%; height:18px; position:relative; background-image:url("tableheader3.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}		
	
.tableheader4 { width:100%; height:18px; position:relative; background-image:url("tableheader4.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}		
	
.tableheader5 { width:100%; height:18px; position:relative; background-image:url("tableheader5.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:12px; margin-bottom:12px; 	}	
	
.tableholder1{width:100%; margin-left:0px; margin-top:30px;  height:auto; position:relative; float:left;}		
.tableholder2{width:100%; margin-left:0px; margin-top:40px;  height:auto; position:relative; float:left;}		
.tableholder3{width:100%; margin-left:0px; margin-top:50px;  height:auto; position:relative; float:left;}
	
	
	
.pricelistheader1 { width:100%; height:35px; position:relative; background-image:url("pricelistheader1.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:60px; } 	
	
.pricelistheader2 { width:100%; height:30px; position:relative; background-image:url("pricelistheader2.jpg"); background-position: center center; background-repeat: no-repeat; background-size:auto; margin-left:0px; float:left; display:block;  z-index:1; margin-top:50px; } 		
	
	
.galleryintro {width:94%; margin-left:3%; margin-right:3%;  height:auto;  position:relative; float: left;  font-size:12pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#111111; text-align:center;  margin-top:20px; margin-bottom:0px; 	
z-index: 1002;	}		
	
.galleryintro2 {width:80%; margin-left:10%; margin-right:10%;  height:auto;  position:relative; float: left;  font-size:10pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#111111; text-align:center;  margin-top:20px; margin-bottom:0px; 	
z-index: 1002;	}		

.galleryintro3 {width:94%; margin-left:3%; margin-right:3%;  height:auto;  position:relative; float: left;  font-size:20pt; font-family: 'Poppins', sans-serif; font-weight:300; color:#111111; text-align:center;  margin-top:5px; margin-bottom:0px; 	
z-index: 1002;	}		
	
	
.homeheader800  	{width:100%; margin-left:0px; position:relative; height:44px; background-image:url("homeheader800.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:16px; }	
	
.homeheader801  	{width:100%; margin-left:0px; position:relative; height:90px; background-image:url("homeheader801.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:25px; }		
	
.homeheader802  	{width:100%; margin-left:0px; position:relative; height:36px; background-image:url("homeheader802.jpg");  background-position: center center; background-repeat: no-repeat; background-size: auto; float:left; margin-bottom:0px; margin-top:25px; }	
	
.fade-element500 {
 
width:100%; margin-left:0px; margin-top:0px; background-image:url("contentimage500.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height:630px; position:relative; float:left;
}	
	
	
	
	
}