body { padding: 0; margin: 0; }

/*h1 { font-size: 1.3em; padding: 15px 10px; margin: 0; }*/
img { border: none; width:10 }
a { color: #623416; }

#Header { background: #000;  padding: 0;  }
#Header img { display: block; ; margin: 0 auto 0; }

#MainContent { background: #transparent; padding-bottom: 30px; /*max-width:1280px;*/  margin: 0 auto; margin-top:0%; }



div.gallery-row:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
div.gallery-item { float: left; width: 20%; }
div.gallery-item a { display: block; margin: 5px; border: 1px solid #3c3c3c; }
div.gallery-item img { display: block; width: 100%; height: auto; }





////////////////


	
* {
  margin: 0;
  padding: 0;
}

a {
	color: #930;
	text-decoration:none;
}



.nav1 {
	color:#623416;
	text-decoration:none;
	font-size:1.68em;
	font-family:Arial, Helvetica, sans-serif;
	padding-right:24px;	
}

.titles{
   margin-left:30%;
   margin-top:-6.4%;
   font-size:2.68em;
   font-style:italic;
   margin-bottom:2.6%;
   	
	}

.picTitles{
	text-align:right;
	padding-top:10px;
	padding-right:44px;
	font-style:italic;
	}	

body {
	background-color: #fff; 	
	color:#000;
	margin-bottom:1%;	
}

.img{
	width:100%;
}

.tile1, .tile2, .tile3, .tile4{	
	background-repeat:no-repeat;
	background-size:100%;	
	float:left;
	font-size:1.68em;
	margin-bottom:20px;
	heiht:100%;
		
}
.tile1{
	background-image:url(../img/exterior.jpg);
		
}

.tile2{
	background-image:url(../img/paint.jpg);
		
}
.tile3{
	background-image:url(../img/stain.jpg);
		
}
.tile4{
	background-image:url(../img/estimate.jpg);
		
}

.tileWrapper{
width:20%;
float:left;
margin-left:4%;	
	}

#headWrap{
background-image: url(../img/headBG.png);
background-size: 100%;
background-repeat:no-repeat;
overflow:auto;
max-width: 1280px;
margin: 0 auto;
z-index:3;
position:relative;
	}
	
	
#container {	
max-width: 1280px;
margin: 0 auto;
background-color: #fff; 	
}

#slide {
background-image: url(../images/aOpt.jpg);
background-repeat:no-repeat;
background-size: 100%;
max-width:1280px; 
margin: 0 auto; 
position:relative;
float:left; 
z-index:1; 
margin-top:-10%;
height:100%;
padding-bottom: 30px; 

}

.quotes{
display:block;
background: rgba(235, 222, 197, 0.94);	
width:44%;
margin-left:24%;
margin-top:-8%;
color:#623416;
position:relative;
float:left;
z-index:3;
padding:2% 4%;
font-size:1.5em;
height:4em;	
	}
	


#footer {
/*background-image: url(../img/footBG.png);
background-repeat:no-repeat;
background-size: 100%; */
max-width:1280px; 
margin: 0 auto; 
text-align:center;
color:#623416;
font-size:1.3em;
}
 
#galleryFoot{
background-image: url(../img/footBG.png);
background-repeat:no-repeat;
background-size: 100%; 
max-width:1280px; 
margin: 0 auto; 
text-align:center;
color:#623416;
font-size:1.3em;	
	} 
 
#footWrap{
margin-top:-12%;	
z-index:3;
position:relative;	
	}

h2{
font-weight:100;
font-style:italic;
text-align:center;	
	}
	
.menuBtn{
	display:none;
	}
#menu1{
	margin-top:6.468%;
	float:right;
	margin-right:16%;
	font-size:1.168em;
	margin-bottom:10%;	
	}
	
	
#pitch{
padding:20px;
font-size:1.68em;
width:90%;
margin:auto;	
	
	}
	

/*.titleText{
padding:20px;
font-size:3em;
margin:0 0 1% 30%;	
	}*/
	
		
.mainText{
padding:0 20px;
font-size:20px;
width:86%;
margin:0 auto;	
	
	}
.contactText{
padding:0 20px;
font-size:20px;
width:300px;
position:relative;
float:left;
margin-left:14%;		
	}
	
#form{
width:300px;
position:relative;
float:left;
margin-left:6%;
background-color:#EBDEC5;
	}		
			
#sig{
float:right;
margin-right:4%;
margin-top:1%;	
}
		

#logoM{
	display:none;	
}

#mHeadWrap{
display:none;	
	}

	
#heel{
text-align:center;
font-size:1.6em;
padding:1%;
background-color:#EBDEC5;
margin-top:-1%;	
	}
		
.logoLink{
display:inline;
margin:1% 0 0 5%;	
	}
@media only screen and (max-width: 520px) {

.titles{
   margin-left:7%;
   margin-top:4%;
   font-size:6em;   
   margin-bottom:1%;
   	
	}

.contactText{
margin-left:4%;		
	}
	
#form{
margin-left:4%;
margin-bottom:4%;
	}

	
.quotes{

width:82%;
margin-left:4%;
margin-top:-8%;
font-size:3.2em;
height:4em;	
	}	

.logoLink{
display:none;	
}

#heel{
font-size:3em;
	}
			
#galleriesWrap{
margin-top:0%;	
	}
	
	.titleText{
padding:20px;
font-size:4em;
margin:1%;	
	}
	
.menuBtn{
	width:20%;
	display:inline;
	float:right;
	padding:2%;
	margin-top:-22%;
	
	}
	
#menuMobile{
background-image: url(../img/mBG.jpg);
background-repeat:no-repeat;
background-size: 100%;
 
	
	}
	

			
.nav1 {
	
	color:#623416;
	text-decoration:none;
	font-size:6em;
	font-family:Arial, Helvetica, sans-serif;
	display:block;	
	margin-left:10%;
}


#menu1{
	display:none;
	}
		
.tileWrapper{
width:43%;	
	}
	
#pitch{	
	
font-size:20px;
margin-bottom:20px;
		
}

 .tile1, .tile2, .tile3, .tile4{	
font-size:3em;
}

.title{
font-size:6em;	
	}

#headWrap{
background-image: url(../img/headM.png);

	}
	
#slide { 
margin-top:-2%;

}
#mHeadWrap{
display:block;
width:76%;	
	}
#logoM{
	
display:inline;
margin:2%;
}
#mPhone{

float:right;
color:#EBDEC5;
font-size:2.8em;
font-style:italic;
margin-top:4%;		
		}
		
#mPhone a{

float:right;
color:#EBDEC5;
font-size:1.6em;
font-style:italic;
margin-top:4%;		
		}
.mainText{
padding-top:20px;	
	}

/*gallery*/
#MainContent { background: #transparent; padding-bottom: 30px; /*max-width:1280px;*/ margin: 0 auto; margin-top:0%; }		
div.gallery-item { float: left; width: 33.33333333%; }		
}