@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		9;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	9;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

#----------------------Mobile{}

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 98.3486%;
	padding-left: 0.8256%;
	padding-right: 0.8256%;
	justify-content: space-between;
	disp: flex;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#stretch-banner {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
/*	background-color: #EEEFE3;*/
}
#stretch-nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #9CCB3B;
	background-repeat: no-repeat;
	background-position: center top;
	height: 56px;
}
#main-body {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
/*	background-image: url(../media/images/main-bod-bg.png);*/
	background-repeat: repeat-x;
	background-position: top;
}
#stretch-secondtier {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #EFEFE4;
}
#stretch-boxes {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #F4F4F1;
	background-image: url(../media/images/button-bg.png);
	background-repeat: no-repeat;
	background-position: center;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #587298;
}
#stretch-footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
/*	background-color: #FFF;*/
	background-image: url("../media/images/Logos/Paint-Streak.png");
	background-position: center;
    background-size: cover;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #C0C0C0;
}
#banner-logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	padding-top: .5em;
	padding-bottom: .5em;
}
#banner-free-quote {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	padding-bottom: 1em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-top: 1em;
}
#banner-phone {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	padding-top: .5em;
	padding-bottom: .5em;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
}
#banner-icons {
	clear: none;
	float: left;
	margin-left: 1.6791%;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
}
#nav-hold {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#slide-hold {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 1px;
	height: auto;
}

#left-content {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	padding-bottom: 2em;
}
#right-content {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	padding-top: 2em;
}
#left-2tier {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	padding-top: 2em;
}
#right-2tier {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	padding-bottom: 3em;
}
#box1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 84%;
	display: block;
	background: #5f7e99; /* Old browsers */
	background: -moz-linear-gradient(top, #5f7e99 5%, #5987ab 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#5f7e99), color-stop(100%,#5987ab)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5f7e99 5%,#5987ab 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5f7e99 5%,#5987ab 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5f7e99 5%,#5987ab 100%); /* IE10+ */
	background: linear-gradient(to bottom, #5f7e99 5%,#5987ab 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f7e99', endColorstr='#5987ab',GradientType=0 ); /* IE6-9 */
	text-align: justify;
	border: 5px none #FFF;
	margin-top: 1em;
	font-family: exo;
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
	padding-top: 3em;
	box-shadow: 0 0 0 5px white inset;
	padding-right: 8%;
	padding-left: 8%;
	padding-bottom: 3em;
}
#box2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 84%;
	display: block;
	background: #7a9e09; /* Old browsers */
	background: -moz-linear-gradient(top, #7a9e09 0%, #a3c92c 100%, #207cca 100%, #7db9e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7a9e09), color-stop(100%,#a3c92c), color-stop(100%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7a9e09 0%,#a3c92c 100%,#207cca 100%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7a9e09 0%,#a3c92c 100%,#207cca 100%,#7db9e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7a9e09 0%,#a3c92c 100%,#207cca 100%,#7db9e8 100%); /* IE10+ */
	background: linear-gradient(to bottom, #7a9e09 0%,#a3c92c 100%,#207cca 100%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a9e09', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
	text-align: justify;
	border: 5px none #FFF;
	margin-top: 1em;
	font-family: exo;
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
	padding-top: 3em;
	box-shadow: 0 0 0 5px white inset;
	padding-right: 8%;
	padding-left: 8%;
	padding-bottom: 3em;
}
#box3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 84%;
	display: block;
	background: #c66505; /* Old browsers */
	background: -moz-linear-gradient(top, #c66505 0%, #e07811 100%, #207cca 100%, #7db9e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c66505), color-stop(100%,#e07811), color-stop(100%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c66505 0%,#e07811 100%,#207cca 100%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c66505 0%,#e07811 100%,#207cca 100%,#7db9e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c66505 0%,#e07811 100%,#207cca 100%,#7db9e8 100%); /* IE10+ */
	background: linear-gradient(to bottom, #c66505 0%,#e07811 100%,#207cca 100%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c66505', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
	text-align: justify;
	border: 5px none #FFF;
	margin-top: 1em;
	font-family: exo;
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
	padding-top: 3em;
	box-shadow: 0 0 0 5px white inset;
	padding-right: 8%;
	padding-left: 8%;
	padding-bottom: 3em;
}
#foot-contact {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
}
#foot-logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
}
#foot-links {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
/*	background-color: #F2F2F2;*/
}
#main-body-sub {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
/*	background-image: url(../media/images/main-bod-bg.png);*/
	background-repeat: repeat-x;
	background-position: top;
}
#right-content-sub {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-top: 3em;
}
#blogroll {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#datebox {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#sidebox {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#gallery-cont {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

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


#----------------------Tablet{}

.gridContainer {
	width: 99.0825%;
	padding-left: 0.4587%;
	padding-right: 0.4587%;
	justify-content: space-between;
	display: flex;
}
.homeGridContainer {
	width: 99.0825%;
	padding-left: 0.4587%;
	padding-right: 0.4587%;
}
.slide-hold{
		max-width: 1040px;
	}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#stretch-banner {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#stretch-nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height: auto;
}
#main-body {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#stretch-secondtier {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#stretch-boxes {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#stretch-footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image: url("../media/images/Logos/Paint-Streak.png");
	background-position: center;
    background-size: cover;
}
#banner-logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
#banner-free-quote {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#banner-phone {
	clear: both;
	float: left;
	margin-left: 11.2139%;
	width: 43.93%;
	display: block;
	padding-top: 0.3em;
	text-align: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#banner-icons {
	clear: none;
	float: left;
	margin-left: 0.9259%;
	width: 21.502%;
	display: block;
	text-align: center;
	padding-top: .3em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 1em;
}
#nav-hold {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#slide-hold {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 5px;
}
#left-content {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-top: 3em;
}
#right-content {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#left-2tier {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#right-2tier {
	clear: none;
	float: left;
	margin-left: 0.9259%;
	width: 100%;
	display: block;
}
#box1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 16.716%;
	display: block;
	padding-top: 1em;
	text-align: justify;
	padding-right: 8%;
	padding-left: 8%;
	padding-bottom: 3em;
}
#box2 {
	clear: none;
	float: left;
	margin-left: 0.9259%;
	width: 16.716%;
	display: block;
	padding-top: 1em;
	text-align: justify;
	padding-right: 8%;
	padding-left: 8%;
	padding-bottom: 3em;
}
#box3 {
	clear: none;
	float: left;
	margin-left: 0.9259%;
	width: 16.716%;
	display: block;
	padding-top: 1em;
	text-align: justify;
	padding-right: 8%;
	padding-left: 8%;
	padding-bottom: 3em;
}
.read-more {
	float: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#foot-contact {
	clear: both;
	float: left;
	margin-left: 0;
	width: 32.716%;
	display: block;
	text-align: left;
	padding-top: 2.5em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#foot-logo {
	clear: none;
	float: left;
	margin-left: 0.9259%;
	width: 32.716%;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#foot-links {
	clear: none;
	float: left;
	margin-left: 0.9259%;
	width: 32.716%;
	display: block;
	padding-top: 2.5em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
/*	background-color: #FFF;*/
}
#main-body-sub {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#right-content-sub {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#blogroll {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#datebox {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#sidebox {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#gallery-cont {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

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


#----------------------Desktop{}

.gridContainer {
	width: 99.3119%;
	max-width: 1181px;
	padding-left: 0.344%;
	padding-right: 0.344%;
	margin: auto;
	justify-content: space-between;
	display: flex;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#stretch-banner {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#stretch-nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 0em;
	background-color: #9CCB3B;
}
#main-body {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#stretch-secondtier {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-top: 3em;
	padding-bottom: 3em;
}
#stretch-boxes {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-bottom: 6em;
	padding-top: 3em;
	border-top-width: 2px;
}
#stretch-footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	border-top-width: 2px;
	padding-top: 1em;
	background-image: url("../media/images/Logos/Paint-Streak.png");
	background-position: center;
    background-size: cover;
}
#banner-logo {
	clear: both;
	float: left;
	margin-left: 0%;
	width: 41.9553%;
	display: block;
    text-align: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#banner-free-quote {
	clear: none;
	float: left;
	margin-left: 0;
	width: 24.4803%;
	display: block;
    text-align: left;
	padding-top: 3em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#banner-phone {
	clear: none;
	float: left;
	margin-left: 0.6928%;
	width: 24.4803%;
	display: block;
	padding-top: 1.3em;
}
#banner-icons {
	clear: none;
	float: left;
	margin-left: 0.6928%;
	width: 7.6982%;
	display: block;
	padding-top: 3em;
	margin-top: 1.2em;
}
#nav-hold {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#slide-hold {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 4px;
	//height: 508px;
}
#left-content {
	clear: both;
	float: left;
	margin-left: 0;
	width: 32.8714%;
	display: block;
}
#right-content {
	clear: none;
	float: left;
	margin-left: 0.6928%;
	width: 66.4357%;
	display: block;
	padding-top: 4em;
	text-align: left;
}
#left-2tier {
	clear: both;
	float: left;
	margin-left: 0;
	width: 66.4357%;
	display: block;
	text-align: left;
}
#right-2tier {
	clear: none;
	float: left;
	margin-left: 0.6928%;
	width: 32.8714%;
	display: block;
	padding-top: 3em;
}
#box1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 24.8714%;
	display: block;
	margin-top: 0.5em;
	padding-right: 4%;
	padding-left: 4%;
	padding-top: 2em;
	padding-bottom: 2em;
}
#box2 {
	clear: none;
	float: left;
	margin-left: 0.6928%;
	width: 24.8714%;
	display: block;
	margin-top: 0.5em;
	padding-right: 4%;
	padding-left: 4%;
	padding-top: 2em;
	padding-bottom: 2em;
}
#box3 {
	clear: none;
	float: left;
	margin-left: 0.6928%;
	width: 24.8714%;
	display: block;
	margin-top: 0.5em;
	padding-right: 4%;
	padding-left: 4%;
	padding-top: 2em;
	padding-bottom: 2em;
}
#foot-contact {
	clear: both;
	float: left;
	margin-left: 0;
	width: 24.4803%;
	display: block;
	padding-top: 2em;
}
#foot-logo {
	clear: none;
	float: left;
	margin-left: 9.0839%;
	width: 32.8714%;
	display: block;
}
#foot-links {
	clear: none;
	float: left;
	margin-left: 0.6928%;
	width: 32.8714%;
	display: block;
/*	background-color: #FFF;*/
}
#main-body-sub {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#right-content-sub {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#blogroll {
	clear: both;
	float: left;
	margin-left: 0;
	width: 66.4357%;
	display: block;
}
#datebox {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#sidebox {
	clear: none;
	float: left;
	margin-left: 0.6928%;
	width: 32.8714%;
	display: block;
}
#gallery-cont {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}