@charset "utf-8";
/* CSS Document */


/*----------------------------------------------------------------*/
/*- Common Styles ------------------------------------------------*/
/*----------------------------------------------------------------*/

.none { display:none !important; }
.inline { display:inline; }
.block { display:block; }
.DIB { display:inline-block; }
.TAC { text-align:center; }
.TAL { text-align:left; }
.TAR { text-align:right; }
.left { float:left !important; }
.right { float:right !important; }
.slx_ml_0 { margin-left:0 !important; }


/*----------------------------------------------------------------*/
/*- Layout -------------------------------------------------------*/
/*----------------------------------------------------------------*/

body {
    background:#E7E7E7;
    font-size:18px;
    color:#483631;
    font-family:Lato, Arial, Helvetica, sans-serif;
}

p {
    font-weight:400;
    margin:0 0 20px;
    line-height:26px;
}

ul {
    list-style: none;
    margin:0 0 20px;
}
    ul li {
        list-style:disc outside;
        margin-left:15px;
        line-height:26px;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a, button, input[type=submit], input[type=reset] { cursor: pointer; }
a { color:#454a54; text-decoration:none; }
    a:hover { color:#454a54; text-decoration:underline; }

h1, h2, h3 {
    color:#454a54;
    font-weight:700;
    margin:0 0 20px;
}
    h1 {
        font-size:36px;
        line-height:38px;
        margin:0 0 5px;
    }
    h2 {
        font-size:26px;
        line-height:30px;
    }
    h3 {
        font-size:24px;
        line-height:28px;
    }


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

header {
    background:#545b66;
    padding:30px 0 0;
    max-height:350px;
}
    #logo {
        display:block;
        margin:0;
    }
    #headphone {
        /*float:right;*/
        display:inline-block;
        margin:20px 0 0;
    }
        .ie7 #headphone { display:inline; }
        .ie7 #headphone-img, .ie7 #headphone-text { float:left; }
        #headphone-img {
            display:inline-block;
            vertical-align:bottom;
        }
        #headphone-text { display:inline-block; line-height:20px; }
            #headphone-text span {
                font-size:32px;
                line-height:30px;
                font-weight:700;
                color:#FFFFFF;
                text-shadow:4px 4px 2px #000000;
                text-transform:uppercase;
            }
    #heademail { text-align:right; margin-top:5px; }
        #heademail a {
            color:#FFFFFF;
            font-size:20px;
            line-height:24px;
            text-decoration:none;
        }
            #heademail a:hover { text-decoration:underline; }
            
/*----------------------------------------------------------------*/
/*- Banner -------------------------------------------------------*/
/*----------------------------------------------------------------*/

#banner { min-height:210px; }
    .ie7  #banner { min-height:170px; }
    .ie8  #banner { min-height:150px; }
/*#banner { padding:20px 0; }
.bannerSliderHolder { position:relative; margin:0 0 30px; }*/
.bannerSliderHolder { margin:20px 0 0; }
.bannerSliderBorder { border:7px solid #FFF; }
.bannerShadow img { display:block; }
.bannerSlider {
    width:100%;
    margin:0 auto;
    position:relative;
    z-index:10;
}

.bannerSliderNav {
    text-align:center;
    /*position:absolute;
    bottom:25px;*/
    z-index:20;
    display:none;
}

/*----------------------------------------------------------------*/
/*- Content ------------------------------------------------------*/
/*----------------------------------------------------------------*/

#content {
    background:none;
    padding:20px 0;
}

/*----------------------------------------------------------------*/
/*- Footer Top ---------------------------------------------------*/
/*----------------------------------------------------------------*/

#footer_top {
    background:#545b66;
    border-top:5px solid #31363f;
    padding:30px 0;
    text-align:center;
}
    #footer_top .row-fluid [class*="span"] { min-height:10px; }
    #footer_top p {
        color:#FFFFFF;
        margin:0;
        text-transform:uppercase;
        font-size:16px;
    }
        #footer_top p a {
            color:#FFFFFF;
        }
            #footer_top p a:hover {
                color:#FFFFFF;
            }

/*----------------------------------------------------------------*/
/*- Footer -------------------------------------------------------*/
/*----------------------------------------------------------------*/

footer {
    background:none;
    padding:30px 0;
    text-align:center;
}
    footer .row-fluid [class*="span"] { min-height:10px; }
    footer p {
        color:#483631;
        margin:0;
        font-size:14px;
    }
        footer p a {
            color:#483631;
        }
            footer p a:hover {
                color:#483631;
            }
            
            
/*----------------------------------------------------------------*/
/*- Forms --------------------------------------------------------*/
/*----------------------------------------------------------------*/

.formHolder {
    background:#31363f;
    padding:20px;
    margin:0 0 20px;
}
.formbuilder-form { margin:0; }
    .formbuilder-form .row {
        margin:0;
        width:100%;
    }
    .formHolder { color:#FFFFFF; }
    .formbuilder-form label { color:#FFFFFF; }
    .formbuilder-form input,
    .formbuilder-form textarea,
    .formbuilder-form select {
        width:100%;
        float:left;
        display:inline-block;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        min-height:30px;
    }
        .formbuilder-form input#submit-form { float:none; }        
        
.ie7 .formHolder input { min-height:20px; line-height:20px; padding:4px 0; }
    .ie7 .formHolder textarea { padding:4px 0; }
.ie8 .formHolder input,
.ie8 .formHolder select { min-height:20px; line-height:20px; }
.ie8 .formHolder textarea { min-height:60px; }
        
/*------------- Popup Quote Form --------------*/
#popupform .span12 { width:100%; margin-left:0; }
#popupform .formHolder { margin:0; }
.fancybox-type-inline .fancybox-inner { height:auto !important; max-width:400px; min-width:400px; }
        
        
        
        
/*------------- Fixes -------------*/
img{height:auto !important;}
.formbuilder-form textarea {
        width:100% !important;
}
input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
width: auto !important;
}
.formbuilder-form input[type="radio"], .formbuilder-form input[type="checkbox"]{
    height: auto !important;
    min-height: 10px;
}
.checkBoxGroup .option{
    display:block;
    float:none;
    clear:both;
    padding:2px 0;
    overflow:hidden;
}
#bannerElement2 img {max-width: 361px; height: auto; }
#bannerElement2 {overflow:hidden; max-height: 200px;}
/*.formbuilder-form input, .formbuilder-form textarea {width: 100% !important;}*/
.captcha-instruction, .fileUpload input { color:#FFFFFF; }
.form-name { display:none; }
.captcha-reload    { display:inline; cursor:pointer;}
.captcha { margin-top:5px; }
        
        

/*----------------------------------------------------------------*/
/*- Media Queries ------------------------------------------------*/
/*----------------------------------------------------------------*/

@media (max-width: 1199px) {
    header { max-height:320px; }
    #banner { min-height:180px; }
}
@media (max-width: 979px) {
    header { max-height:280px; }
    #banner { min-height:150px; }
}
@media (max-width: 767px) {
    body { padding:0; text-align:center; }
    .container { padding:0 10px; }
    header { padding:10px 0; max-height:inherit; }
        header .TAR, #heademail { text-align:center; }
    ul li { list-style-position:inside; margin:0; }
    #banner { min-height:0; max-height:0; }
    .formbuilder-form input, .formbuilder-form textarea { float:none; }
}
@media (max-width: 480px) {
    .formHolder { padding:5px; }
    .fancybox-type-inline .fancybox-inner { min-width:200px; }
}
@media (max-width: 300px) {
    .fancybox-opened .fancybox-skin { padding:5px !important; }
}