/*-------------------- General Layout Styles --------------------*/
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

body{background:#fff; overflow-x:hidden}
.main-bg{background:url(main-bg.jpg) 50% 0 no-repeat; width:100%; min-width:1020px;}
.con-bg{min-width:1020px; padding:30px 0;}
.green-panel-bg{background:#7fba41 url(green-panel-bg.jpg) 50% 0 no-repeat; min-width:1020px; padding:85px 0;}
 
.wrapper{width:1000px; margin:0 auto;}

*:focus{outline-style:hidden !important; outline-width:0 !important; outline-color:transparent !important;}

.header{height:932px; left:50%; margin-left:-960px; min-width:1020px; position:absolute; width:1920px; z-index:1;}
.header-in{height:251px; left:50%; margin-left:-960px; min-width:1020px; position:absolute; width:1920px; z-index:1;}
.header-abs-top{position:absolute; width:100%; min-width:1020px; height:227px; left:0; top:0; z-index:100;}
.header-abs-menu{position:absolute; width:100%; min-width:1020px; height:62px; left:0; top:227px; z-index:90;}

.m-height-home{min-height:282px;}
.m-height-in{min-height:282px;}

.h-wrapper{margin:0 auto; width:1000px; position:relative;}

.top{background:url(top-runner.gif) 0 100% repeat-x; height:185px; padding:42px 0 0 0;}
.logo{width:439px; height:124px; float:left; padding:30px 0 0 15px;}
.t-right{width:260px; float:right; padding:35px 15px 0 0; text-align:right}
.btn-contact{padding:0 0 20px 0;}
.btn-quote{padding:0 0 20px 0;}
.t-phone{text-align:right;float: left;margin: 0 15px 0 0;}

.menu{background:#ffdf00; height:56px}

.f-nav{background:#ffdf00; z-index:9999; position:fixed; top:0; width:100%; min-width:1020px; height:56px;}

.container{background:#fff; margin:0; padding:15px}
.container-in{background:#fff; margin:0; padding:30px}
.con-left{width:724px; float:left; padding:0 18px 0 0}
.con-right{width:228px; float:right}

.bottom{background:#282828 url(bottom-bg.jpg) 50% 0 no-repeat; min-width:1020px;}
.sm-panel{background:url(bottom-shadow.png) 50% 100% no-repeat; min-width:1020px; padding:40px 0 30px 0;}
.f-panel{min-width:1020px; padding:30px 0;}

.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.ml50{margin-left:50px;}
.m30{margin-bottom:30px;}
.m50{margin-bottom:50px;}

.f-left{float:left;}
.f-right{float:right}
.f-none{float:none}

#cmsbody{min-height:200px;}
#cmsfooter{text-align:right; float:right; width:300px;}
.htmlarea p{margin:0;}

#cmsfooter td.footer p,
#cmsfooter td.footerDetails div.footerPhone,
#cmsfooter td.footerDetails div.footerAddress,
#cmsfooter td.footerDetails div.lastUpdated{display:none}

#cmsbody #nc-contact-page #nc-contact-header .nc-connect ul li a {background-image:url(nc-social-icons.png) !important;}
#cmsbody #nc-contact-page #nc-contact-header .nc-connect ul li.nc-pinterest a {background-position:-168px 0 !important}
#cmsbody #nc-contact-page #nc-contact-header .nc-connect ul li.nc-instagram a {background-position:-201px 0 !important}

.top-promo{}

.banner{padding:15px 0 35px 0}

.blog-orange, .blog-green, .blog-yellow{margin-bottom:20px;}

.blog-orange{background:#f0b448;}
.blog-green{background:#7fba41;}
.blog-yellow{background:#ffdf00;}

.blog-orange .blog-text, .blog-green .blog-text, .blog-yellow .blog-text{padding:20px}
.blog-orange h4, .blog-green h4, .blog-yellow h4,
.blog-orange h4 span, .blog-green h4 span, .blog-yellow h4 span{color:#523b12; font-size:38px; font-weight:bold; line-height:1; margin:0 0 20px 0}
.blog-orange h4 span, .blog-green h4 span, .blog-yellow h4 span{font-size:24px;}
.blog-green h4, .blog-green h4 span{color:#365218;}
.blog-yellow h4, .blog-yellow h4 span{color:#736400;}
.blog-orange a.btn-read, .blog-green a.btn-read, .blog-yellow a.btn-read{background:#d8a241; padding:12px 20px; display:block; text-align:right; color:#fff; font-size:12px; font-weight:normal; line-height:1; text-transform:uppercase; text-decoration:none;}
.blog-green a.btn-read{background:#6c9e37;}
.blog-yellow a.btn-read{background:#d9be00;}

.r-blog a:hover{color:#000}

.r-blog h1.filter-tag, .r-blog .blog-tags-comments, .r-blog .blog-sharing, .r-blog .paginationControl, .r-blog .blog-posted-line, .r-blog .blog-continue-reading, .r-blog .blog-listing .blog-holder .blog-body {display:none;}
.r-blog .blog-listing .blog-holder{background:url(arrow-blog1.png) 0 6px no-repeat; margin:0; text-align:left; padding:0 0 10px 15px; border:0}
.r-blog .blog-listing .blog-holder h2{display:block; margin:0 !important}
.r-blog .blog-listing .blog-holder h2 a{font-size:13px; color:#444444 !important; line-height:1.4; font-weight:normal; text-decoration:none;}
.r-blog .blog-listing .blog-holder h2 a:hover{color:#000 !important;}


.brochure-left{width:232px; float:left; padding:0 40px 0 0}
.brochure-mid{width:375px; float:left; padding:0 40px; text-align:center}
.brochure-right{width:233px; float:right; padding:0 0 0 40px;}
.brochure-left h4, .brochure-right h4, .brochure-left h4 span, .brochure-right h4 span{color:#fff; font-size:54px; font-weight:900; text-transform:uppercase; margin:0 0 30px 0; line-height:1;}
.brochure-left h4 span, .brochure-right h4 span{color:#000; font-size:30px; font-weight:normal; text-transform:none;}
.brochure-left a.btn, .brochure-right a.btn{background:#303030; padding:15px 40px; display:inline-block; text-align:center; color:#fff; font-size:13px; font-weight:bold; text-transform:uppercase; line-height:1; text-decoration:none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.brochure-left a.btn:hover, .brochure-right a.btn:hover{background:#7fba41; color:#fff;}

.brochure-mid h4, .brochure-mid h4 span{color:#60915f; font-size:54px; font-weight:900; text-transform:uppercase; margin:0 0 30px 0; line-height:1; text-align:center;}
.brochure-mid h4 span{color:#000; font-size:30px; font-weight:normal; text-transform:none;}
.brochure-mid a.btn{background:none; border:solid 1px #000000; padding:15px 65px; display:inline-block; text-align:center; color:#000000; font-size:13px; font-weight:bold; text-transform:uppercase; line-height:1; text-decoration:none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.brochure-mid a.btn:hover{background:#7fba41; border:solid 1px #7fba41;}

.bot-tagline{background:url(icn-b-tagline.png) 50% 0 no-repeat; padding:80px 0 30px 0}
.bot-tagline h4, .bot-tagline h4 span{font-family:'Oswald', Arial, Helvetica, sans-serif; color:#fff; font-size:30px; font-weight:900; text-transform:uppercase; margin:0; line-height:1.4; text-align:center; letter-spacing:1px}
.bot-tagline h4 span.orange{color:#f0b448;}
.bot-tagline h4 span.green{color:#7fba41;}

.t-flex{float: right;}
.social{float: left;}
.social ul.sociallinks, ul.sociallinks * {margin:0; padding:0; list-style:none; text-align:left; font-size:11px; text-decoration:none;}
.social ul.sociallinks{height:40px; padding:0; display:table}
.social ul.sociallinks li{width:40px; float:left; margin-right:10px;}
.social ul.sociallinks li:last-child{margin:0}
.social ul.sociallinks a {display:block; width:40px; height:40px; background:url(social1.png) 0 0 no-repeat; text-indent:-9000em; float:left;}
.social a.facebook {background-position: 0 0 !important;}
.social a:hover {opacity:0.9}

.sm{}
.sm-list{float:left; margin-right:55px;}
.sm-list h4, .sm-list h4 a{font-size:14px; color:#fff; font-weight:bold; text-decoration:none; margin:0 0 5px 0}
.sm-list ul{margin:0 0 20px 0; padding:0; list-style:none}
.sm-list ul li{line-height:1.2; padding-bottom:3px}
.sm-list ul li a{font-size:13px; color:#a0a1a5; text-decoration:none;}
.sm-list ul li a:hover{color:#fff;}

.bot-cta{width:600px; float:left}
.bot-cta p, .bot-cta span, .bot-cta p a{font-family:'Oswald', Arial, Helvetica, sans-serif; font-size:14px; color:#a0a1a5; font-weight:300; margin:0; line-height:1.4; text-align:left; text-decoration:none}
.bot-cta p span{font-weight:normal; font-size:18px; color:#fff;}
.bot-cta p{display:inline-block; vertical-align:middle}
.bot-cta p.b-email{background:url(icn-email.png) 0 0 no-repeat; padding:1px 30px 3px 60px;}
.bot-cta p.b-address{background:url(icn-map-pin.png) 0 0 no-repeat; padding:1px 30px 3px 60px;}
.bot-cta p.b-phone{background:url(icn-phone.png) 0 0 no-repeat; padding:10px 0 10px 60px;}

.home-promo-boxes{}
.home-promo{width:229px; float:left; margin-right:15px; margin-bottom:15px; border:solid 1px #cccccc}
.home-promo:nth-child(3n+3){margin-right:0;}
.home-promo h4{background:#e9e9e8 url(promo-arrow.png) 100% 50% no-repeat; padding:15px; margin:0; font-size:18px; font-weight:700; color:#231f20; line-height:1.2; text-transform:uppercase;}
.home-promo p{padding:15px; margin:0; font-size:12px; font-weight:normal; color:#666666; line-height:1.2;}
.home-promo img{width:100%}

.text-left{float:left; width:47%}
.text-right{float:right; width:47%}
ul.tick-list{margin:30px 0 0 0; padding:0; list-style:none; display:table}
ul.tick-list li{background:url(tick1.png) 0 4px no-repeat; padding:0 0 10px 25px;}

.yui-calendar .calheader {color:#fff !important;}

/*Tell a Friend popup*/
body.popup{min-width:1px !important;}
/*Tell a Friend popup*/

/*Ipad Fixes*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.banner, .banner img, .banner div, .in-banner, .in-banner img, .in-banner div{max-width:1480px;}
	.header, .header-in{margin-left:-970px; min-width:1020px; max-width:1480px}
	.h-wrapper{margin-left:490px;}
	.f-nav .h-wrapper{margin-left:32px;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.banner, .banner img, .banner div, .in-banner, .in-banner img, .in-banner div{max-width:1480px}
	.header, .header-in{margin-left:-970px; min-width:1020px; max-width:1480px}
	.h-wrapper{margin-left:490px;}
	.f-nav .h-wrapper{margin-left:32px;}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) {
	.banner, .banner img, .banner div, .in-banner, .in-banner img, .in-banner div{max-width:1480px;}
	.header, .header-in{margin-left:-970px; min-width:1020px; max-width:1480px}
	.h-wrapper{margin-left:490px;}
	.f-nav .h-wrapper{margin-left:32px;}
}
