/*
COLORS
Orange: #ff5716	

red: #B7252F
offwhite: #FFFDE3
dark blue: #353c50

*/

html, body {
	height: 100%;
}
body {
	background: #353c50;
	font-family: 'Open Sans', sans-serif;
}
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
	color: #353c50;
}
a {
	color: #B7252F;
}
.alignleft, .alignright { 
	margin-bottom: 20px;
}
.clear {
	clear: both;
}


/*----------------------------------------------------*/
/* Header */
/*----------------------------------------------------*/

/* main nav */
.site-navigation {
	background: #333333;
	color: #fff;
	text-align: center;
}
#megaMenu {
	margin: 0 auto;
}
#megaMenu ul.megaMenu > li.menu-item.current-menu-item > a {
	background: #353c50;
}

/* phone */
.phone {
	margin: 0;
	padding: 10px 0;
}

/* logo and tagline */
.site-branding {
	background: url("../images/banner-pest.jpg");
	padding: 5px 0;
	text-align: center;
}
.site-title {
	margin-top: 0;
}
.site-title a {
	color: #353c50;
	font-weight: 800;
	text-transform: uppercase;
}
.tagline {
	margin: 0;
	text-transform: uppercase;
	color: #fff;
}


/*----------------------------------------------------*/
/* Content */
/*----------------------------------------------------*/
.banner {
	/* background: #FFFDE3; */
	overflow: hidden;
}
body.home .banner {
	max-height: 300px;
}
body.home .banner img {
	width: 100%;
}
.banner .page-title {
	border-bottom: 3px double #0F6835;
	border-top: 3px double #0F6835;
	color: #0F6835;
	font-weight: 800;
	margin: 0;
	padding: 20px 0;
	text-align: center;
	text-transform: uppercase;
}
#content {
	background: #fff;
}

#primary {
	padding: 40px 0;
}

#main {
	margin-bottom: ;
}
#main h1 {
	margin-top: 0;
}
#special {
	background: #E7EFE4;
	padding: 3%;
	border: dashed 4px #AFB3BC;
}
#special h2, #special h3 {
	text-transform: uppercase;
	font-weight: 700;
	line-height: 0.6em;
}
#special .right {
	padding-left: 5%;
}

/*----------------------------------------------------*/
/* Homepage */
/*----------------------------------------------------*/
.conversions {
	/* background: #FFFDE3; */
	padding-top: 40px;
}
.conversions .container {
	border-bottom: 3px double #0f6835;
	padding-bottom: 40px;
}
.conversions .inner {
	/* border: 1px solid #f00; */
	text-align: center;
}
.conversions a {
	color: #353c50;
}

.learnmo {
  background: #CCD8C8;
  background-image: -webkit-linear-gradient(top, #CCD8C8, #CCD8C8);
  background-image: -moz-linear-gradient(top, #CCD8C8, #CCD8C8);
  background-image: -ms-linear-gradient(top, #CCD8C8, #CCD8C8);
  background-image: -o-linear-gradient(top, #CCD8C8, #CCD8C8);
  background-image: linear-gradient(to bottom, #CCD8C8, #CCD8C8);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #000000;
  font-size: 20px;
  padding: 5px 20px 5px 20px;
  border: solid #000000 1px;
  text-decoration: none;
}

.learnmo:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


/*----------------------------------------------------*/
/* Sidebar */
/*----------------------------------------------------*/
.sidebar, .sidebar .widget {
	margin-bottom: 20px;
}
.widget-title {
	margin-top: 0;
}


/*----------------------------------------------------*/
/* Footer */
/*----------------------------------------------------*/
#footer {
	background: #353c50;
	padding: 20px 0;
}
#footer p {
	color: #fff;
	margin-bottom: 0;
}


/*----------------------------------------------------*/
/* Media Queries */
/*----------------------------------------------------*/
@media screen and (min-width: 480px) and (max-width: 767px) { }

@media screen and (min-width: 768px) {
	.left, .alignleft { 
		display: inline; 
		float: left; 
	}
	.right, .alignright { 
		display: inline; 
		float: right; 
	}
	.alignleft { 
		margin: 0 20px 20px 0;
	}
	.alignright { 
		margin: 0 0 20px 20px;
	}
	
}

@media screen and (min-width: 960px) { 

}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */

/* Medium devices (desktops, 992px and up) */

/* Large devices (large desktops, 1200px and up) */