/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

* { margin:0; padding:0;}
html {font-size:13px;}
body { background:#f8fafb; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; color:#7a7a7a;}

input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom:16px; font-size:0.9rem; line-height:1.4;}

.tail-top { background:url(../img/tail-top.jpg) left top repeat-x #fff;}
.tail-bottom { background:url(../img/tail-bottom.png) left bottom repeat-x; max-width:980px; margin:0 auto;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#search-form { float:right; padding:51px 4px 0 0; margin-right:36px;}
#search-form input[type="text"] { width:185px; border:1px solid #404141; border-left:1px solid #000; border-top:1px solid #000; background:url(../img/search-bg.png) left top repeat-x #262627; font-family:Tahoma, Geneva, sans-serif; font-size:.91em; padding:5px 0 4px 8px; color:#8c8e8f; margin-right:5px;}
#search-form input.submit { background:url(../img/submit.html) no-repeat left top; width:26px; height:24px; border:none;}

#ninja_forms_form_1 label { display:block; height:32px;}
#ninja_forms_form_1 input[type="text"] { width:211px; padding:5px 0 3px 7px; color:#8c8c8d; border:1px solid #404141; border-left:1px solid #000; border-top:1px solid #000; background:#2c2c2d; font-size:.91em;}
#ninja_forms_form_1 textarea {width:211px; height:140px; padding:5px 0 2px 7px; margin-bottom:21px; color:#8c8c8d; overflow:auto; background:#2c2c2d; border:1px solid #404141; border-left:1px solid #000; border-top:1px solid #000; font-size:.91em;}

/*==================list====================*/
ul { list-style:none;}

.head-list li { background:url(../img/head-list-bg1.jpg) no-repeat left top; font-size:1.17em; padding:24px 0 12px 33px;}
.head-list li.item2 {background:url(../img/head-list-bg2.jpg) no-repeat left top; padding:13px 0 12px 33px;}
.head-list li.item3 {background:url(../img/head-list-bg3.jpg) no-repeat left top; padding:13px 0 18px 33px;}
.head-list li a { color:#e9f4ff; text-decoration:none;}
.head-list li a:hover { text-decoration:underline;}

.banners { width:100%; overflow:hidden; padding-bottom:9px; margin:0 auto; padding-left:0px;}
.banners li { float:left; width:302px; margin-right:12px; height:141px; line-height:1.17em; color:#a4a6a8;}
.banners li.service { background:url(../img/banner1.png) no-repeat left top;}
.banners li.maintenance { background:url(../img/banner2.png) no-repeat left top;}
.banners li.construction { background:url(../img/banner3.png) no-repeat left top; margin-right:0;}
.banners li div { padding:18px 30px 0 146px;}
.banners li h4 { font-size:21px; color:#fff; line-height:1.2em !important; margin-bottom:7px !important; border-bottom:none; padding:0 !important; font-weight:bold !important; letter-spacing:normal !important;}
.banners li p { margin-bottom:15px;}

.list1 li { list-style-position:inside; font-weight:bold; color:#4ba2e5; padding-bottom:4px;}

.list2 dt { padding-bottom:6px;}
.list2 dt strong { font-size:.83em; color:#fff; display:block; font-family:Tahoma, Geneva, sans-serif; padding-bottom:3px;}
.list2 dt a { color:#feb144; text-decoration:none; font-weight:bold;}
.list2 dt a:hover { color:#fff; text-decoration:underline;}
.list2 dd { font-size:1.1em; line-height:1.08em; background:url(../img/line-hor.html) left bottom repeat-x; padding-bottom:15px; margin-bottom:18px;}
.list2 dd.last { background:none; border-bottom:1px solid #505153;}
.list2 dd.alt { background:none; border:none; padding-bottom:8px; margin-bottom:0;}

.list3 { border-bottom:1px solid #505153; padding-bottom:20px; margin-bottom:20px;}
.list3 li { list-style-position:inside; font-weight:bold; color:#feb144; padding-bottom:4px; font-size:1.1em;}
.list3 li a {color:#feb144; text-decoration:none;}
.list3 li a:hover { text-decoration:underline;}

.list4 li { padding-bottom:3px;}

.list5 li { list-style-position:inside; font-weight:bold; color:#4ba2e5; padding-bottom:4px; font-size:13px;}
.list5 li a { text-decoration:none;}
.list5 li a:hover { text-decoration:underline;}

/*==================other====================*/
.img-indent { margin:18px 33px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:20px;}
.img-box img { float:left; margin:0 30px 0 0;}

.extra-wrap { overflow:hidden; }

.p1 { margin-bottom:16px;}
.p2 { margin-bottom:36px;}

/*==================txt, links, lines, titles====================*/
a {color:#4ba2e5;}
a:hover{text-decoration:none;}

h2 { font-weight:normal; color:#181919; font-size:2em; line-height:1em; letter-spacing:-1px; margin-bottom:13px; padding-top:8px;}
h2.alt { padding-top:0;}
h3 { font-size:24px; color:#fff; border-bottom:1px solid #444647; padding:0 0 13px 0; font-weight:normal; letter-spacing:-1px; line-height:1em; margin-bottom:17px;}
h3.alt { border:none; margin-bottom:0;}
h4 { font-size:2em; color:#181919; border-bottom:1px solid #d0d0d0; padding:22px 0 13px 0; font-weight:normal; letter-spacing:-1px; line-height:1em; margin-bottom:17px;}
h5 { font-size:13px; color:#feb144; margin-bottom:16px; line-height:1.07em;}

.txt1 { color:#000; font-family:Tahoma, Geneva, sans-serif;}
.txt1 a { color:#000; font-family:Arial, Helvetica, sans-serif;}

.link1, #ninja_forms_field_5 { background:url(../img/arrow1.gif) no-repeat left 6px; padding:0 0 0 18px; font-weight:normal; color:#fff; font-size:1.1em; box-shadow:none; border:none; background-position:9px 3px; margin-left:162px; text-rendering:optimizeLegibility;}
.link2 { background:url(../img/arrow2.html) no-repeat left 6px; padding:0 0 0 18px; font-weight:bold; color:#181919; font-size:1.1em;}

.button { background:url(../img/button-bg.png) left top repeat-x; display:block; color:#fff; font-weight:bold; float:left; padding:6px 11px 8px 14px; text-decoration:none;}
.button:visited {color:#fff;}
.button:hover { text-decoration:underline;}

.button1 { background:url(../img/button1-bg.html) left top repeat-x; display:block; color:#fff; font-weight:bold; float:left; padding:7px 11px 8px 14px; text-decoration:none;}
.button1:hover { text-decoration:underline;}

.line-hor { background:#505153; height:1px; overflow:hidden; font-size:0; line-height:0; margin:20px 0 20px 0;}
.line-hor1 { background:#dbdbdb; height:1px; overflow:hidden; font-size:0; line-height:0; margin:25px 0 20px 0;}
.line-ver { background-image:url(../img/line-ver.gif); background-repeat:repeat-y; width:100%;}
.line-ver1 { background-image:url(../img/line-ver1.gif); background-repeat:repeat-y; width:100%;}

.title { margin-bottom:20px;}

/*==================boxes====================*/
.box {background:url(../img/right-top-corner.jpg) no-repeat right top #3d3d3e; width:100%; color:#a4a6a8;}
.box .inner { padding:36px 40px 30px 40px;}

.cont-box { padding:0 125px 0 0; margin:0;}
.cont-box span { float:right;}

.block { padding-bottom:49px; margin:0 auto;}

/*header*/
#header .row-1 { height:125px; width:100%;}
#header .row-1 .fleft { padding:29px 0 0 13px;}
#header .row-2 { height:45px;}
#header .row-2 .m1-act {position:relative; margin:0 -8px 0 0;}
#header .row-2 .m2-act {position:relative; margin:0 -3px 0 -3px;}
#header .row-2 .m3-act {position:relative; margin:0 0 0 -2px;}
#header .row-2 .m4-act {position:relative; margin:0 0 0 -1px;}
#header .row-2 .m5-act {position:relative; margin:0 0 0 -2px;}
#header .row-2 .m6-act {position:relative; margin:0 0 0 -1px;}
#header .row-3 { padding:72px 0 0 64px;}

/*content*/
#content { padding-bottom:23px;}
#content .indent {
    padding: 14px 0 0 24px;}
#content .indent1 { padding:0 0 0 24px;}

/*footer*/
#footer .fleft { padding:22px 0 0 4px; font-size:13px;}
#footer .fleft strong { color:#000;}
#footer .fright { padding:21px 55px 0 0; background:url(../img/mail.png) no-repeat; text-align:right; width:200px; font-size:13px; line-height:1.3; background-position:96% 14px;}
#footer .fright span {}

/*===================== custom ================*/

#search-bar { float:right; padding:51px 4px 0 0;}
#searchsubmit{ background:transparent; border:none; background-image:url(../img/search-button.png); background-repeat:no-repeat; width:26px; height:24px; background-size:26px 24px; background-position:left top; text-indent:20px; box-shadow:none;}

footer .contact-info { float:right; width:147px; background:url(../img/email.html);}


/*=========== Jank Menu ==========*/
#site-navigation{
    width: 929px;}
#site-navigation ul {zoom:1;background:#fff;padding-left:3px;}
#site-navigation ul:before, #site-navigation ul:after {  content: " "; /* 1 */
    display: table; /* 2 */}
#site-navigation ul:after {clear:both;}
#site-navigation ul li { width:153px; height:45px; display:inline-block;}
#site-navigation ul li a { overflow:hidden; text-indent: -100%; height: 100%;}
#site-navigation ul li.home {background: url(../img/home.jpg) no-repeat center center;background-size: cover;}
#site-navigation ul li.about-us {background: url(../img/about-us.jpg) no-repeat;background-size: cover;}
#site-navigation ul li.services {background: url(../img/services.jpg) no-repeat;background-size: cover;}
#site-navigation ul li.maintenance {background: url(../img/maintenance.jpg) no-repeat;background-size: cover;}
#site-navigation ul li.construction {background: url(../img/construction.jpg) no-repeat;background-size: cover;}
#site-navigation ul li.contact-us {background: url(../img/contact-us.jpg) no-repeat;background-size: cover;}
#site-navigation ul li.home.current_page_item {background: url(../img/home-active.jpg) no-repeat center center;background-size: cover;}
#site-navigation ul li.about-us.current_page_item {background: url(../img/about-us-active.jpg) no-repeat;background-size: cover;}
#site-navigation ul li.services.current_page_item {background: url(../img/services-active.jpg) no-repeat;background-size: cover;}
#site-navigation ul li.maintenance.current_page_item {background: url(../img/maintenance-active.jpg) no-repeat;background-size: cover;}
#site-navigation ul li.construction.current_page_item {background: url(../img/construction-active.jpg) no-repeat;background-size: cover;}
#site-navigation ul li.contact-us.current_page_item {background: url(../img/contact-us-active.jpg) no-repeat;background-size: cover;}

ul.head-list {
    margin: 0;}
.field-wrap.label-inside {
    margin-bottom: 10px;}
dl {font-size:12px;}

/*============ Gallery Styles ===============*/

#divWG h2 {text-align:left;margin-left:3px;}

.light-image {
    margin: 10px;
    display: inline-block;}

@media all and (max-width: 1024px) {
    .tail-bottom {
        margin: 0 auto 0 1%;
    }
}