@charset "utf-8";
/* CSS Document */

/* 
	Developed for Ron's Electrical by Integris Consulting 
	Author: Dustin Ledden
	email: dustin@integrisconsultingllc.com 
	Date: July 20, 2010
	
	Responsive Update
	responsive.css created June 17, 2015
	by Jonathan Potter for Integris Consulting 
*/
/* Plain PHP template */

/* 
Updates

*/
/********************************************************************* */

/*## Staff Boxes ##*/
	.staff_container{
		width: 100%;
		clear: both;
		margin-top: 20px;
	}
	.staff_box{
		width: 150px;
		float: left;
		margin-right: 35px;
	}
	.staff_caption{
		text-align: center;
		font-size: 13px;
	}
	.staff_box.last{
		margin-right: 0px;
	}
	#left-column{
		margin-bottom: 30px !important;
	}
	
/*## gallery individual pages fix ##*/

.gallery_main_image{
	float:left;
	margin-right:25px;
	background:#CCC;
	width: 90%;
	max-width: 320px !important;
}
.gallery_page_text{
	margin-left:340px;
	width:650px;
	min-height: 240px;
}
	
/*## Scrollbar Fix ##*/
body{
	margin-left: 0px !important;
}


/*## Begin Responsive ##*/
@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

@media screen and (max-width: 983px){
	#container{
		width: 90% !important;
		margin-right: 5% !important;
		margin-left: 5% !important;
		margin-top: 40px !important;
	}
	#cap, #header, #wrapper, #header_l, #menu, #manufacturers, #footer, #about_wrapper{
		width: 100% !important;
	}
	#cap, #shadow_l, #shadow_r, #footer{
		background-image: none !important;
	}
	#shadow_l, #shadow_r{
		width: 0px !important;
		margin: 0px !important;
	}
	#cap{
		height: 0px !important;
	}
	#wrapper{
		border: 2px solid #444;
		-webkit-box-shadow: 0px 0px 32px -1px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 32px -1px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 32px -1px rgba(0,0,0,0.75);
		background-color: #fff;
		padding-bottom: 20px;
	}
	#header_r{
		width: 400px !important;
		float: left !important;
		margin-left: 200px !important;
	}
	#header_r h2{
		margin-top: 70px !important;
		margin-right: 0px !important;
	}
	#menu-line{
		width: 90% !important;
		margin-right: 50px !important;
	}
	#menu{
		top: 240px !important;
	}
	#menu ul{
		width: 300px !important;
		position: relative !important;
		float: right !important;
		left: auto !important;
	}
	#fp_wrapper{
		margin-top: 50px !important;
		width: 95% !important;
	}
	#fp_left-column{
		width: 50% !important;
	}
	#fp_wrapper p{
		width: 100% !important;
	}
	#fp_right-column img{
		margin-right: 20px;
		width: 95% !important;
		height: auto !important;
	}
	#fp_right-column{
		width: 40% !important;
	}
	#manufacturers li{
		margin-bottom: 20px !important;
	}
	#manufacturers ul{
		text-align: center !important;
	}
	
	/*##### About Us Page #####*/
	
	#left-column{
		width: 45% !important;
	}
	#right-column{
		width: 50% !important;
	}
	#right-column img{
		margin-right: 20px;
		width: 95% !important;
		height: auto !important;
		margin-top: 50px !important;
	}
	#about_wrapper{
		margin-top: 47px !important;
	}

	/*## Gallery Pages ##*/
	#gallery_wrapper > div > div > div{
		margin-left: 0px !important;
		float: left !important;
		width: 100% !important;
	}
}
@media screen and (max-width: 715px){
	#header_l{
		background-size: 150px !important;
	}
	#header_r{
		background-size: 300px !important;
		margin-left: 150px !important;
		background-position: center left !important;
		width: 300px !important;
	}
	#header_r h2{
		margin-left: 175px !important;
		float: none !important;
		font-size: 20px !important;
		margin-top: 78px !important;
	}
	#menu{
		top: 150px !important;
	}
	#fp_right-column{
		clear: both !important;
		float: left !important;
		width: 90% !important;
	}
	#fp_right-column img{
		margin-top: 30px !important;
	}
	#fp_left-column{
		width: 90% !important;
	}
	#right-column{
		clear: both !important;
		float: left !important;
		width: 90% !important;
	}
	#right-column img{
		margin-top: 30px !important;
	}
	#left-column{
		width: 90% !important;
	}
}
@media screen and (max-width: 534px){
	#header_l{
		background-size: 100px !important;
	}
	#header_r{
		background-size: 200px !important;
		margin-left: 100px !important;
		width: 200px !important;
	}
	#header_r h2{
		margin-left: 75px !important;
		font-size: 20px !important;
		margin-top: 58px !important;
	}
	#menu-line{
		width: 85% !important;
	}
	#left-column,#right-column,#fp_left-column,#fp_right-column{
		width: 80% !important;
	}
}
@media screen and (max-width: 350px){
	#header_r{
		background-size: 175px !important;
		margin-left: 100px !important;
		width: 175px !important;
	}
	#header_r h2{
		margin-left: 60px !important;
		font-size: 20px !important;
		margin-top: 58px !important;
	}
	#menu-line{
		width: 80% !important;
	}
	#menu ul{
		margin-right: -15px !important;
	}
	#manufacturers ul{
		padding: 0px !important;
	}
	#manufacturers li{
		margin-right: 0px !important;
	}
	#manufacturers{
		width: 90% !important;
	}
	#fp_wrapper{
		margin-left: 15px !important;
	}
}