* 	{ margin: 0; padding: 0; }

body	{background-image: url('../images/background.jpg');
		 background-repeat: repeat-x;
		 font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;}
		 
.required	{font-size:small;
		 color: #099ac4;
		 float:right;
		 }
		 
.small	{font-size:small;
		 }
.left	{float:left;}
.right	{float:right;}
.clear	{clear:both;}
sup	{color: #099ac4;}


h2	{font-family: 'Allan', sans-serif;
	 padding-bottom: 2.5%;
	 color: #ff8203;}
html 	{ overflow-y: scroll;}

ul li { margin: 0; padding: 0;}
ol, ul {list-style: none; margin: 0;}



.contractorsandservices li:before {
    content: "- ";
    color:  #099ac4; 
	font-weight:900;
}

header, section, footer, aside, nav, main, article, figure
{ 
display: block; 
}



#banner h2 img	{max-width: 30px;
				 max-height: 30px;
				 width: 100%;}
				 
.state	{display: none;}


/*---------- NAVIGATION ---------- */

a	{text-decoration: none;
	 color:#099ac4;}

a:hover	{text-decoration:none;
			 color: #ff8203;}

header	{height:auto;
		 background-color: #2e2a2a;
		 padding: 1%;
		 
		 }
		 

			
header h2	{font-family: 'BenchNine', sans-serif;
		 color: #ffffff;
		 display: block;
		 float:right;
		 padding:0px;
		 background-color: #2e2a2a;}

	 
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	width: 100%;
}

		 
header h1	{float:left;
		 width:200px;
		 height: 100px;
		 margin:0px;
		 display:block;
		 background-image: url('../images/midstate-logo-2023.png');
		 background-position: center center;
		 background-repeat: no-repeat;
		 background-size: 200px;
		 text-indent: -9999px;
		 }





nav	{font-size:x-large;
				 font-family: 'BenchNine', sans-serif;

clear: right;
width: 100%;

padding-top: 46px;
text-align: right;
}		 	 
		 
header nav li	{display:inline;
			 }
			 
			 
header nav li a	{color: #ffffff;
			 padding: 1%;
			 -o-transition: all .4s ease-in-out;
					-moz-transition: all .4s ease-in-out;
					-webkit-transition: all .4s ease-in-out;
					transition: all .4s ease-in-out;}

header nav li a:visited	{color: #ffffff;}

header nav li a:hover, .active {background-color: #099ac4;
				   color:#ffffff;
				    }

header nav li a:active {color: #ffffff;}

header .wrapper	{margin:0 auto;
				 width: 95%;
				 max-width: 920px;
				 
				 }



.flexslider	{
			 
			 padding:0px;
			 border: solid 5px #099ac4;
			 
			
			 
			 box-shadow: 5px 5px 5px #888888;}

.flexslider img {width:100%;
				padding:0px;
				float:left;}
				
.slideshow	{margin:0 auto;
			 width:95%;
			 max-width:920px;
			margin-top:-5px;}

.wrapper	{margin:0 auto;
			 width:95%;
			 max-width:920px;}

#main	{width:45%;
		
		float: left;
		padding-left: 1%;
		clear:both;
		}
		
.intro	{width:100%;
		float: left;
		padding-bottom: 3%;
		padding-top:3%;}
		
		
		
.contractorsandservices	{width:45%;
		float: left;
		padding-bottom: 5%;
		padding-top:5%;}	
		
.contractorphoto	{width: 50%;
					 float:right;
					padding-bottom: 5%;
		padding-top:5%;}
		
.contractorphoto img	{width:100%;}

.gutterservices img	{width:100%;
					 max-width: 350px;
				}
.gutterservices {width:45%;
				 padding-right:1%;
				 padding-left:1%;
				 float:left;}
				 
.intro h2, .contractorsandservices h2{font-size: xx-large;}

aside {
		width: 50%;
		float: right;
		padding-left:3%;
		padding-right:1%;
		}

aside img	{width:100%;}	



aside p	{font-size: small;
		 text-align: right;
		 color: #099ac4;
		 }

#testimonials	{width:95%;
				 clear:both;
				 float:left;
				 padding:2.5%;
				 margin-bottom: 3%;
				 margin-top: 3%;
				 background-color:#e4e4e4;
				 }


/* -------FOOTER ITEMS---------- */
				 
footer	{width:100%;
		 clear:both;
		 float:left;
		 background-color:#2e2a2a;
		 color: #ffffff;
		 padding-top:2%;
		 padding-bottom:2%;
		 font-size: small;
		 position:relative;}
		 
#address	{float:left;
			 width:60%;
			 font-family: 'BenchNine', sans-serif;
			 padding-bottom:3%;
			 font-size:x-large;}

#copyright	{float:left;
			 clear:both;
			 width:55%;}

#footernav	{float:right;
			 width:45%;}
			 
.fb-page	{float:right;
				 width:40%;
				 padding-bottom:3%;
				 font-size:x-large;
				 font-family: 'BenchNine', sans-serif;}
				 
/* -------END FOOTER ITEMS---------- */
		 
.button	{background-color: #099ac4;
		 border: none;
		 padding: 1% 4% 1% 4%;
		 color: #FFFFFF;
		 font-size:large;
		 font-family: 'BenchNine', sans-serif;}
		 
				 
/* Media Queries */
@media screen and (max-width: 480px) {
header 	{background-color:#2e2a2a;
		 width:100%;
		 }

header nav {
		clear: left;
		width: 100%;
		background-color:#2e2a2a;
		}
		
#slideshow {height:auto;}
		
#main, aside, #address, #footernav, .fb-page, #copyright, .intro , .contractorsandservices, .contractorphoto, .gutterservices {
		clear: left;
		width: 100%;
		padding-top:5%;
		padding-bottom:5%;
		padding-right: 0px;}

		

		 
		 header h1	{padding-bottom:3%;
		 padding-top:3%;
		 width:100%;
		 
		}


		
header h2	{text-align:center;
		padding-top:5%;
		padding-bottom: 5%;
		 width:100%;
		 background-color:#2e2a2a;
		 color:#ffffff;}	
		 
header h2  a {color:#ffffff;}
	
		header nav li {
			margin: 0;
			background: #2e2a2a;
			display: block;
			margin-bottom: 3px;
			}
			header nav a {
				display: block;
				padding: 10px;
				text-align: center;
				}	
				
.googlemaps {
    position: relative;
    padding-bottom: 75%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	
}



.googlemaps iframe,   
.googlemaps object,  
.googlemaps embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 95%;
    height: 95%;
}

.left	{float:left;}
.right	{clear:both;
		 float:left;}
		 
input	{width:100%;}
				}