body {

	font: 15px/1.5 Arial, Helvetica, sans-serif;

	padding: 0;

	margin: 0;

	background-color: #f4f4f4;

}



/* Global */

.container {

	width: 80%;

	margin: auto;

	overflow: hidden;	

}





ul {
	padding: 0;
}



.button_1 {

	

	height: 38px;

	background: #e8491d;

	border: 0;

	padding-left: 20px;

	padding-right: 20px;

	color: #ffffff;	

}



.dark {

	padding: 15px;

	background: #35424a;

	color: #ffffff;	

	margin-top: 10px;

	margin-bottom: 10px;

}



/*Header */

header {

	background: #35424A;

	color: #ffffff;


	min-height: 70px;

	border-bottom: #e8491d 3px solid;	

}



/* Links */

header a {

	color: #fff;

	text-decoration: none;

	text-transform: uppercase;

	font-size: 16px;	

}



header li {

	float: left;

	display: inline;

	padding: 0 20px 0 20px;	

}



/* Logo */

header #branding {

	float: left;	

}



header #branding h1 {

	margin: 0;	

}



/* Navigation */

header nav {

	float: right;

	margin-top: 10px;	

}



header .highlight, header .current a {

		color: #e8491d;

		font-weight: bold;

}



header a:hover {

	color: #cccccc;

	font-weight: bold;	

}



/* Showcase */

#showcase {

	min-height: 400px;

	background: url('../img/plumb.jpg') no-repeat 0 -450px;

	text-align: center;

	color: #ffffff;

	border-bottom: #e8491d 3px solid;	



}



#showcase h1 {

	margin-top: 100px;

	font-size: 55px;

	margin-bottom: 10px;

	color: white;

    text-shadow: 2px 2px 4px #000000;

}



#showcase p {

	font-size: 20px;

	color: white;

    text-shadow: 2px 2px 4px #000000;



	

}



/* Newsletter */

#boxes2 {

	padding: 15px;

	color: #ffffff;

	background: #35424a;

	margin: auto;	

	text-align: center;

}



#boxes2 h1 {

	float: left;

	padding-left: 15%;

}



#boxes2 h2 {

	float: left;

	padding-left: 20%;

}



#boxes2 .middle {

	float: left;

	padding-left: 20%;	

}



#boxes2 form {

	float: left;	

	margin-top: 15px;

	margin-left: 2%;

	

}



#boxes2 .box {

	float: left;

	width: 30%;

	padding: 10px;

	text-align: center;	

} 



#newsletter input[type="email"] {

	padding: 4px;

	height: 25px;

	width: 250px;	

}



/* Three Boxes */

#boxes {

	margin-top: 20px;	

}



#boxes .box {

	float: left;

	width: 30%;

	padding: 10px;

	text-align: center;	

}



#boxes .box img {

	width: 130px;	

}



/* Main Col */



#showcaseabout {

	max-width: 100%;
	
	max-height: 400px;
	
	min-height: 400px;

	background: url('../img/IMG_1570.jpg') no-repeat -700px -800px;

	text-align: center;

	color: #ffffff;

	border-bottom: #e8491d 3px solid;	

	text-align: center;

	color: #ffffff;

}

#showcaseabout h2 {


	color: white;

    text-shadow: 2px 2px 4px #000000;



	

}



article#main-col {

	float: left;

	width: 65%;	

}



article#main-col .page-title {

	font-weight: bold;

	font-size: 36px;

	text-align: center;	

}

article#main-col .cntr {

	text-align: center;	

	margin: auto;

}



article#main-col li{

	list-style-type: circle;

	text-align: center;	

}

/*Sidebar */

aside#sidebar {

	float: right;

	width: 30%;

	margin-top: 10px;

	text-align: center;

}



aside#sidebar-contact {

	float: right;

	width: 30%;

	margin-top: 5%;

	text-align: center;

}



aside#sidebar li {

	list-style-type: none;

	text-align: center;

}







/* Services Page */

ul#services li {

	list-style: none;

	padding: 20px;

	border: #cccccc solid 1px;

	margin-bottom: 5px;

	background: #e6e6e6;

}



ul#services .more {

	float: right;

}



aside#sidebar .quote input, aside#sidebar .quote textarea {

	width: 90%;

	padding: 5px;

	resize: none;

}



/* Footer */



footer {

	padding: 20px;

	margin-top: 20px;

	color: #ffffff;

	background-color: #e8491d;

	text-align: center;

	text-shadow: 2px 2px 4px #000000;



}





/* Media Queries */

@media(max-width: 768px){

	header #branding, 

	header nav,

	header nav li,

	#boxes2 h1,

	#boxes .box,

	#boxes2 form,

	#boxes2 .box,

	article#main-col,

	aside#sidebar,

	ul#services .more{

		float: none;

		text-align: center;

		width: 100%;	

		padding-left: 0;

	}

	

	header {

		padding-bottom: 20px;	

	}

	

	#showcase h1 {

		margin-top: 40px;	

	}

	

	#newsletter form input[type="email"], .quote input, .quote textarea {

		width: 100%;

		margin-bottom: 5px;	

	}

	

	

	#newsletter button, .quote button {

		display: block;

		width: 100%;	

	}

	

}