/* Reset */

@import url("reset.css");



/* Body & General Styles */

body { background: #fff; font-family: 'Raleway', sans-serif; }



p { font-size: 14px; line-height: 25px; margin-bottom: 12px; }

p strong { font-weight: 700; }



a, a:visited { color: #8dc63f; text-decoration: none; -webkit-transition: 0.20s ease-in;

      -moz-transition: 0.20s ease-in;

      -o-transition: 0.20s ease-in;

      -ms-transition: 0.20s ease-in;

      transition: 0.20s ease-in; }

a:hover { text-decoration: underline; }



h1, h2, h3, h4, h5, h6 { font-weight: 700; margin-bottom: 15px; }



hr { background: #ccc; border: 0; height: 1px; padding: 0; margin: 30px 0; width: 100%; }



form label { display: block; }

form input[type="text"], select { padding: 5px; margin-bottom: 20px; width: 95%; }

form textarea { padding: 5px; width: 95%; }



/* Header */

.header-wrapper { background: none; width: 100%; }

.subpage-header { background: none; }



header { display: block; padding: 0; margin: 0 auto; max-width: 1125px; 

-webkit-border-top-left-radius: 10px;

-webkit-border-top-right-radius: 10px;

-moz-border-radius-topleft: 10px;

-moz-border-radius-topright: 10px;

border-top-left-radius: 10px;

border-top-right-radius: 10px; }

  header .logo { background: url("../images/logo.png") no-repeat center; display: inline; float: left; height: 102px; width: 320px; }

  header .contact-heading strong { font-weight:bold; }

  header .contact-heading { display: inline; float: right; text-align: left; line-height: 20px; font-size: 14px; max-width: 320px; }

    header .contact-heading h1 { color: #0068b3; font-family: "Helvetica", sans-serif; font-size: 30px; margin-top: 15px; margin-bottom:0; }

    header .contact-heading p { margin-bottom: 0; }

    header .contact-heading a.request-quote { background: #8dc63f; border: 1px solid #000; color: #000; font-size: 20px; font-weight: 700; padding: 15px 20px; text-decoration: none; -webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px; }

    header .contact-heading a.request-quote:hover { background: #0068b3; color: #fff; }



/* Navigation */

nav {

	height: 41px;

	padding-top: 10px;

	margin-top: 10px;

	border-top: 1px solid #ccc;

	margin-bottom: 8px;

	position: relative;

	width: 100%;

	z-index: 999;

}

  nav ul { padding: 12px 0 0 3px; }

  nav ul li { display: inline; font-size: 14px; }

  nav ul li a, nav ul li a:visited { color: #000; padding: 8px 20px; font-family: Arial, sans-serif !important; text-decoration: none;   text-transform: uppercase; font-weight: normal;  font-size: 17px;}

  nav ul li a:hover, .selected { /*background: #8dc63f;*/  color: #000; text-decoration: none; padding-bottom:5px; border-bottom:1px solid #badee2;  }

/* Dropdown */

nav ul li ul { background: white; list-style:none; padding: 5px; position:absolute; left:-9999px; width: 200px; z-index: 9999; -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box; }

  nav ul li:hover ul { top: 35px; left: 615px; }

nav ul li:hover ul.services{ top: 35px; left: 230px; }

#desktopNav ul a:hover { border:none !important; }

  

nav ul li ul li { display: block; margin: 10px 0; float:none; }

nav ul li ul li a, nav ul li ul li a:visited { display: block; padding: 8px 0 8px 15px; white-space:nowrap; width: 100%; -webkit-border-radius: 0;

-moz-border-radius: 0;

border-radius: 0; -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box; }



nav.subnav { background: #8dc63f; margin-top: 0; -webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px; z-index: 1; }







/* Home Page Styles */





section.mainContent {

float: left;

width: 70%;

}



section.boxes h2 {

	margin-bottom: 0;

	background: #ac161b;

	padding-bottom: 0;

	margin-top: -3px;

	padding: 3px 0;

	color: white;

	}



section.boxes {

    max-width: 227px;

    float: left;

    text-align:center;

  

}



section.boxes img {

 width:100%;

}



.clear { clear:both; }





body#services .homeThumb {

width: 13%;

margin-bottom: 25px;

}



.listBox li { 

	list-style: circle;

	margin-left: 45px;

	font-size: 15px;

	font-weight: bold;

	color: #003ca6;

	margin-bottom: 10px;



 }



.listBox { margin:0 0 25px 0; }



.homeThumb { 

	float: left;

	width: 15%;

	margin-bottom: 10px;

	margin-right: 10px;

	-webkit-box-shadow: 0 0 12px 5px #CCCCCC;

box-shadow: 0 0 12px 5px #CCCCCC;



 }

 

 span.homeSpace {

display: block;

width: 100%;

margin: 29px 0;

}



#desktopNav li ul li a, footer li a { text-decoration:none !important; }

 



/* Green Banner */

.green-banner { display:none; background: url("../images/grass-banner.png") no-repeat top center; height: 67px; position: relative; width: 100%; z-index: 20; -webkit-box-shadow: 0 8px 6px -6px black;

     -moz-box-shadow: 0 8px 6px -6px black;

          box-shadow: 0 8px 6px -6px black; }

  .green-banner h2 { color: #fff; font-size: 25px; padding: 20px 0 0 10px; text-shadow: 2px 2px 3px #000; }



/* Slider Holder & Slider */



.slider-holder {  

	float: left;

	margin: 0;

	border-left: 4px solid white;

	//width: 594px;

	width: 821px;

	height:365px;

	padding: 0;

}





a.readMore {

color: #003ca6;

font-weight: bold;

cursor: pointer;

}



/* Homepage Sidebar */

.homepage-sidebar {

background: #8dc63f;

display: inline;

float: right;

//height: 275px;
height: 333px;

padding: 20px 22px;

width: 256px;

}

  .homepage-sidebar p { font-size: 13px; line-height: 20px;}



/* Container */

.container { background: #eeeeef; display: block; padding: 20px; margin: 0 auto 20px; max-width: 1085px; 

  -webkit-border-bottom-right-radius: 10px;

  -webkit-border-bottom-left-radius: 10px;

  -moz-border-radius-bottomright: 10px;

  -moz-border-radius-bottomleft: 10px;

  border-bottom-right-radius: 10px;

  border-bottom-left-radius: 10px; }



/* Column */

a .column { color: #000; }

.column { background: none; display: inline; float: right; padding: 21.8px; margin-bottom: 20px; text-align: center; width: 255px; margin-right:-20px;}

  .column:hover { background-color: #8dc63f;

background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(141, 198, 63)), to(rgb(238, 238, 239)));

background-image: -webkit-linear-gradient(top, rgb(141, 198, 63), rgb(238, 238, 239));

background-image: -moz-linear-gradient(top, rgb(141, 198, 63), rgb(238, 238, 239));

background-image: -o-linear-gradient(top, rgb(141, 198, 63), rgb(238, 238, 239));

background-image: -ms-linear-gradient(top, rgb(141, 198, 63), rgb(238, 238, 239));

background-image: linear-gradient(top, rgb(141, 198, 63), rgb(238, 238, 239));

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#8dc63f', EndColorStr='#eeeeef');

 }

  .column img { margin-bottom: 15px; }

  .column h2 { line-height: 25px; }



.double-width { background-color: #8dc63f;

background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(141, 198, 63)), to(rgb(238, 238, 239)));

background-image: -webkit-linear-gradient(top, rgb(141, 198, 63), rgb(238, 238, 239));

background-image: -moz-linear-gradient(top, rgb(141, 198, 63), rgb(238, 238, 239));

background-image: -o-linear-gradient(top, rgb(141, 198, 63), rgb(238, 238, 239));

background-image: -ms-linear-gradient(top, rgb(141, 198, 63), rgb(238, 238, 239));

background-image: linear-gradient(top, rgb(141, 198, 63), rgb(238, 238, 239));

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#8dc63f', EndColorStr='#eeeeef'); cursor: auto; text-align: left; width: 592px; }

  .double-width:hover {}

  .double-width img { float: right; padding: 0 0 10px 10px; }



.full-background { cursor: auto; background: #ac161b !important; color: #fff; margin-right: -22px;}

  .full-background:hover { background: #0068b3; }

  .full-background h2 { border-bottom: 1px solid #000; padding-bottom: 10px; }

  .full-background form label { text-align: left; }



.contact-column { background: none; color: #fff; display: inline; float: left; padding: 20px 20px 0px 20px; margin-bottom: 20px; text-align: center; width: 260px; }



/* Article */

article { display: block; padding: 0 10px; margin: 0 auto; max-width: 1045px; }

  article h2 { font-size: 25px; margin-bottom: 30px; }

  article ul li { list-style: square; margin: 10px 0 10px 20px; }



/* Aside */

aside { background: #0068b3; display: inline; float: right; padding: 15px; margin: 0 0 15px 15px; width: 275px; }

  aside.contact { display: block; float: none; width: 97%; margin: 20px 0 0 0; }



/* Company Logos */

.company-logos { width: 100%; }

  .company-logos img { display: inline; float: left; margin: 0 25px; }



/* Footer */

footer { display: block; margin: 0 auto; max-width: 960px; }

  footer p { color: #000; font-size: 12px; }

  footer a, footer a:visited { color: #8dc63f; }

  footer ul { float: right; }

  footer ul li { display: inline; font-size: 12px; margin-left: 15px; }

.fimg{float:left}



/* Mobile Navigation */

  

ul#mobileNav li { background:black; display:block; width:100%; padding:10px 0; border-top:1px solid white; }



ul#mobileNav li:hover { background:#013ca6; }



ul#mobileNav li a:hover { background:none; color:white;  }



ul#mobileNav { padding-left:0;  }



#mobileNav li ul {

    background:#8dc63f;

    padding: 0;

    margin: 0;

    position: static;

    width: 100%;

}



ul#mobileNav li a {

color: white;

padding: 0 0 0 15px;

display: block;

text-decoration: none !important;

border-bottom: 0;

width: 100%;

}



#mobileNav li ul li {

padding: 0 0 0 15px;

 background:none;

 margin:0

}



.mobileDrop { padding:0 !important; }



#mobileNav, .mobileDrop, .mobileDrop ul  { display:none; }



.subLinks a { 

	padding: 10px 0 10px 15px !important;

	display: block; 

	}


.mobileDrop span {

	color: white;

	display: block;

	font-size: 19px;

	font-family: times;

	text-transform: uppercase;

	padding: 9px 15px 9px 15px;

	cursor: pointer;

}



div#toggleButton {

	display:none;

    float: right;

    cursor:pointer;

}



div#toggleButton img {

 background:black;

}  



.homepage-sidebar h2 { 

	margin-bottom: 5px;

	font-size: 15px; 

	}



ul#desktopNav {

    position: relative;

    margin: auto;

    max-width: 870px;

}



ul#desktopNav img {

    position: absolute;

    top:6px

}



.one-half { float:left;width:50%; }



/* Sub Page Styles */



body.subPage .double-width { width:96%; }



body.subPage .subnav a { color:white; }









img.homeThumb.right {

    float: right;

    margin-right: 0;

    margin-left: 10px;

    margin-bottom: 25px;

}



/*





 ==========================================================================

   Media Queries

   ========================================================================== */



/* =Responsive Structure

----------------------------------------------- */









 





@media  (max-width: 799px) and  (min-width: 300px) {

	



aside.column-holder {

float: none;

margin: auto;

display: block;

margin-bottom: 15px;

}

	

img.homeThumb.right { float:none; margin:auto; }

	

.homeThumb {

	float: none;

	display: block;

	margin: auto;

	width: 40% !important;

	margin-bottom: 10px !important;

}

	

article h2 { margin:10px 0; padding-top:10px; text-align:center; }	

	



.one-half { width:100%; }



body.subPage .double-width img { max-width:100%; margin:auto; float:none; }



body.subPage .double-width h2 { clear:both; }



body.subPage .double-width {

width: 85%;

}



section.mainContent {

float: none;

width: 90%;

padding: 5%;

}



section.boxes {

	max-width: 100%;

	float: none;

}



aside.contact {

	display: block;

	float: none;

	width: 92% !important;	

}



.contact-column {

background: none;

color: #fff;

float: none;

text-align: center;

width: 100%;

margin:0 !important;

}









.container { padding:0; }



.slider-holder {

float: none;

width: 100%;

border-left:0;

}



div#toggleButton {

	display:block !important;

}



nav { background:none; height:auto; }



#desktopNav { display:none; }



	

.column { 

	width: 85%;

	background: none;

	float: none;

	display: block;

	padding-top: 23px !important;

	margin: auto;

	margin-bottom: 20px;

	text-align: center;

	}	



.homepage-sidebar {

	height: auto;

	margin: auto;

	width: 90%;

	display: block;

	float: none;

	padding: 5%;

}



header .logo {

 	float: none;

 	margin: auto;

	display: block;

}



header .contact-heading {

	text-align:center; 

	float: none;

	margin: auto;

	display: block;

}

 

.request-quote { 

	margin-bottom: 10px !important;

	display: block;

	width: 75%;

	margin: auto; 

} 



footer { text-align:center; }

 

}



@media (max-width: 1200px) and (min-width: 800px) {

 	 

}





@media (max-width: 1000px){



.mobile-stealth{

display: none;

}

 	 

}

  

  #gallery {
	width:100%;
	float:left;
	max-width: 100%;
}
#galleryImg {
	margin:25px 0;
}
#galleryImg img {
	margin-right:10px;
	margin-top:10px;
	width:142px;
	max-width: 100%;
	padding:5px;
	background:#204e70;
}