/*#region global */
@viewport{
    zoom: 1.0;
}
@-ms-viewport{
    zoom: 1.0;
}
body {
    width: 80%;
    margin: 0px auto;
    padding: 0;
    font-family: Verdana, Geneva, sans-serif;
    font-size: .75em; /*12px*/
    color: #333;
    background: url('images/lightning-yellow.jpg');
    background-size: cover;
    
}


* {
    margin: 0;
    padding: 0;
}
/*#endregion*/

/*#region header background*/
#headerbackground {
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top,  #000000 0%, #560500 31%, #c60000 54%, #dbdbdb 91%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(31%,#560500), color-stop(54%,#c60000), color-stop(91%,#dbdbdb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #000000 0%,#560500 31%,#c60000 54%,#dbdbdb 91%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #000000 0%,#560500 31%,#c60000 54%,#dbdbdb 91%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #000000 0%,#560500 31%,#c60000 54%,#dbdbdb 91%); /* IE10+ */
background: linear-gradient(to bottom,  #000000 0%,#560500 31%,#c60000 54%,#dbdbdb 91%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */

box-shadow: 3px 3px 20px black;

height:500px;

}

/*#endregion*/

/*#region element defaults */
table {
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
}

th, td {
    padding: 5px 10px;
}

th {
    color: #fff;
    border-top: 3px solid #870101;
    background-color: #A50000;
}

td {
    border-bottom: 1px solid #f4f4f4;
}

code, blockquote {
    display: block;
    border-left: 5px solid #ddd;
    padding: 10px;
    margin-bottom: 20px;
}

    blockquote p {
        font-style: italic;
        font-family: Georgia, "Times New Roman", Times, serif;
        margin: 0;
        height: 1%;
    }

p {
    line-height: 1.9em;
    margin-bottom: 20px;
    margin: 0 1% 20px;
}

a {
    color: #0D3C84;
}

    a:hover {
        color: #870101;
    }

    a:focus {
        outline: none;
    }

fieldset {
    display: block;
    border: none;
    border-top: 1px solid #e0e0e0;
}

    fieldset legend {
        font-weight: bold;
        font-size: 13px;
        padding-right: 10px;
        color: #222;
    }

    fieldset form {
        padding-top: 15px;
    }

    fieldset p label {
        float: left;
        width: 150px;
        font-family: Arial, Helvetica, sans-serif;
    }

form input, form select, form textarea {
    padding: 5px;
    padding-bottom:10px;
    color: #333333;
    font-size: 1.083333333333333em; /*13px*/
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid #ddd;
    width:50%;
    border-radius:5px;
    box-shadow:2px 2px 10px black;
    display:block;
    margin:5px 0;
}

form textarea {
    height:75px;
    resize:none;
}

    form input.formbutton {
        margin-left: 150px;
        background: #A50000;
        border: none;
        border-bottom: 3px solid #870101;
        color: #ffffff;
        font-weight: bold;
        padding: 5px 10px;
        font-size: 0.8125em;
    }

    input[type="submit"] {
        margin:auto;
    }


h1 {
    font-size: 3.75em; /*45px - 12px context*/
    font-family: Arial, Helvetica, sans-serif;

}

h2 {
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 2.5em; /*30px*/
    font-weight: bold;
    letter-spacing: -2px;
    padding: 5px 0 5px;
    margin: 0 1%;
}

h3 {
    font-family: Arial,Helvetica,sans-serif;
    color: #0D357B;
    font-size: 1.666666666666667em; /*20px*/
    padding-bottom: 10px;
    margin: 0 1%;
}

h4 {
    font-family: Arial,Helvetica,sans-serif;
    padding-left: 1%;
    padding-bottom: 10px;
    font-size: 1.25em; /*15px*/
    color: #870101;
}

h5 {
    padding-bottom: 10px;
    font-size: 1.083333333333333em; /*13px*/
    color: #666666;
}

ul, ol {
    margin: 0 0 35px 35px;
}

li {
    padding-bottom: 5px;
}
/*#endregion*/

/*#region wrapper */
div#wrapper {
    width: 80%; /*960px*/
    margin: auto; /*0px auto*/
    padding: 0;
}
/*#endregion*/

/*#region sitename */
div#sitename {
    float: left;
    width: 100%; /*20%*/
}

    div#sitename h1 {
        display:block;
        color:#FFFF00;
        font-size: 3.5em; /*48px*/
        /*letter-spacing: -3px;*/
        margin: 0 0 0 3%;
        /*height:72px;*/
        padding: 18px 0 0;
        text-transform: uppercase;
        /*text-shadow: 2px 2px 3px black; /*#000*/

}
        div#sitename h1 a {
            -webkit-animation:glow 2s infinite linear; /* Safari and Chrome */
            animation:glow 2s infinite linear;

    }

    @-webkit-keyframes glow /* Safari and Chrome */
{
from {box-shadow: 0px 0px 50px #FFFF00;}
50% {box-shadow: 0px 0px 10px #FFFF00;}
to {box-shadow: 0px 0px 50px #FFFF00;}

        }
@keyframes glow {
from {box-shadow: 0px 0px 50px #FFFF00;}
50% {box-shadow: 0px 0px 10px #FFFF00;}
to {box-shadow: 0px 0px 50px #FFFF00;}

}


        div#sitename h1 a,
        div#sitename h1 a:hover {
            color: #FFFF00;/*#fff*/
            font-weight: normal;
            text-decoration: none;
        }

    div#sitename h2 strong {
        /*color: #A81212;*/
        color: #FFFF00;
        margin-left:2.25%;
        text-shadow: 1px 1px 2px black;
    }

div#sitename h2 span {
    color: #DADADA;
    float: right;
    margin-right:2.25%;
}

/*#endregion*/

/*#region nav*/

div#nav {
    width:100%;
    height:48px; 
    float:right;
    background: rgb(137,137,137); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(137,137,137,1) 0%, rgba(239,255,63,1) 50%, rgba(137,137,137,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137,137,137,1)), color-stop(50%,rgba(239,255,63,1)), color-stop(100%,rgba(137,137,137,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(137,137,137,1) 0%,rgba(239,255,63,1) 50%,rgba(137,137,137,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(137,137,137,1) 0%,rgba(239,255,63,1) 50%,rgba(137,137,137,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(137,137,137,1) 0%,rgba(239,255,63,1) 50%,rgba(137,137,137,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(137,137,137,1) 0%,rgba(239,255,63,1) 50%,rgba(137,137,137,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#898989', endColorstr='#898989',GradientType=0 ); /* IE6-9 */
box-shadow:3px 3px 20px black;

}

    div#nav ul {
        list-style: none;
        float: right;
        padding: 0 0 0 5.208333333333333%; /*50px*/
        /*margin: -1.041666666666667% 0 0 5.208333333333333%; /*10px and 50px*/
    }

        div#nav ul li {
            display: inline;
            float: left;
            /*margin: 0 5px;*/
            padding-bottom: 0;
        }

            div#nav ul li a, div#nav ul li a:visited, div#nav ul li a:hover {
                float: left;
                text-decoration: none;
                color: black;
                font-size: 2em;
                font-weight: normal;
                font-family: Arial Rounded MT Bold, Helvetica, sans-serif;
                display: block;
                padding:10px;
        border-left: solid 2px black;

            }

            div#nav ul li a {
                
            }

                div#nav ul li a:hover {
                    background: #797979;
                }
/*#endregion*/

/*#region header */
div#header {
    padding: 20px 0 0;
    margin: 0 auto;
    height: 135px;
}

.small-header div#header {
    padding-top: 25px;
    height: 64px;
}

.slider-header div#header {
    height: 340px;
}

div#header h2 {
    color: #ffffff;
    padding-bottom: 0;
    font-weight: normal;
    font-family: Arial Rounded MT Bold, Arial,Helvetica,sans-serif;
    font-size: 2.35em; /*32px*/
    letter-spacing: 0;
    text-shadow: 2px 2px #4C0101;
}

div#header div.tagline, div#header div.slide-text {
    color: #eee;
    font-size: 1.166666666666667em; /*14px*/
    padding-bottom: 10px;
    font-family: 'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,Sans-Serif;
}

    div#header div.tagline a {
        color: #ffffff;
    }
/*#endregion*/

/*#region front page slider styles */
div#jFlowSlide {
    margin: 0 auto;
}

div#slides-container {
    height: 220px;
}

    div#slides-container div#jFlowSlide {
        height: 200px;
    }

    div#slides-container div.jFlowSlideContainer img {
        margin: auto;
        display: block;
        border: 4px solid #313D45;
    }

    div#slides-container div.jFlowSlideContainer div {
    }

        div#slides-container div.jFlowSlideContainer div.slide-image {
            float: left;
            width: 38%; /*322px 38%*/
            padding-top: 10px;
        }

span.jFlowPrev, span.jFlowNext {
    background-image: url('images/slide-prev.gif');
    background-repeat: no-repeat;
    display: block;
    height: 25px;
    width: 25px;
    float: left;
    margin: 0;
    cursor: pointer;
}

    span.jFlowPrev span, span.jFlowNext span {
        display: none;
    }

span.jFlowNext {
    background-image: url('images/slide-next.gif');
    float: right;
}

div#slides-container div.controls {
    position: relative;
    top: -125px;
    width: 80%; /*960px*/
    margin: 0 auto;
}

div.slide-text {
    padding-top: 10px;
}
/*#endregion*/

/*#region body */
div#body {
    box-shadow: 3px 3px 20px black;
    /*padding: 10px 0;*/
    /*background: transparent url('images/body-arrow.png') no-repeat scroll 5px 0;*/
}

/*#endregion*/

/*#region content */
.headings {
    font-size:1.7em;
    /*color:#CA2828;*/
    color:#FBFE01;
    border-bottom:dashed 1px black;    
    border-top:dashed 1px black;
    padding-top:18px;
    margin-bottom:20px;
    margin-top:20px;
    background-color: black;

}
    .headings p {
        text-align:center;
        line-height:0;
        font-weight:700;
    }

.textcentered {
    text-align:center;
    padding-top: 15px;
    padding-bottom:15px;
}
div#content {
    width: 100%; /*715px*/
    background-color: white;
}

div.column-left {
    float: left;
    margin-right: 20px;
}

div.column-right {
    padding:10px 0;
    /*float:right;*/
}
    div.column-right h2 {
        font-family: 'Fascinate Inline', cursive;
        color:#C30000;
        font-size: 3em;
    }

    div.column-right h2 {
        text-align:center;
    }
    div.column-right p {
        font-size:1.2em;
    }
    /*div.column-right h3 span {
        animation: blink 1s ease-out infinite;
        -webkit-animation: blink 1s ease-out infinite;
    }*/
@keyframes blink {
    0% {
        color:#0D357B;
    }
    50% {
        color: white;
    }
}
@-webkit-keyframes blink {
    0% {
        color:#0D357B;
    }
    50% {
        color: white;
    }
}

#paymentinfo {
    margin:auto;
    padding-top:30px;
    padding-bottom:30px;
}

    #paymentinfo h4 {
        text-align:center;
    }
    #paymentinfo img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/*#endregion*/

/*#region services*/
#servicesleft {
    width:50%;
    float:left;
    padding-bottom:20px;
}
    #servicesleft ul {
        margin-bottom:0;
    }

#servicesright {
    margin-left:51%;
    padding-bottom:20px;

}
    #servicesright img {
        border-radius:5px;
        box-shadow:3px 3px 20px black;
       
    }


/*#endregion*/

/*#region testimonials*/
.testimonials {
    background-color: #ccc;
    border-radius:5px;
    box-shadow:3px 3px 20px black;
    height:auto;
    margin:3% 1%;
}
    .testimonials img {
        margin:1em;
        border-radius:3px;
        box-shadow:2px 2px 10px black;
    }

.testimonialsleft {
    float:left;
    width:10%;
    display:block;
}

.testimonialsright {
    display:block;
    margin-left:11%;
    padding-top:42.5px;
}
    .testimonialsright p {
        color:#C30000;
        margin-bottom:0;
    }
    .testimonialsright span {
        color:#0D357B;
        font-size: 1.3em;
    }
.testimonialsclear {
    clear:both;
}
.testimonialscontent {
    padding-bottom:5px;
    border-top:solid 1px black;
    margin:auto 1%;

}


/*#endregion*/

/*#region contact*/
#contactwrapper {
    width:100%;
    margin:auto;
}
#contactwrapper p{
    width:100%;
}
#contactleft {
    width:40%;
    float:left;
    margin-right:5%;
    text-align:right;
}
    #contactleft label {
        font-size:1.5em;
        display:block;
        margin:10px;
        padding-bottom:7px;
    }
#contactright {
    width:69%;
    margin-left:21%;
    padding-top:5px;
}
#contactvalidation span{
    text-align:center;
    margin:auto;
    display:block;
    font-size:1.3em;
    color:red;
}

/*#endregion*/

/*#region Sidebar (not used)*/
div#sidebar {
    width: 200px;
    padding-top: 15px;
}

    div#sidebar ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    div#sidebar li ul {
        margin-bottom: 20px;
        width: 200px;
    }

        div#sidebar li ul li {
            display: block;
            padding: 5px 0px;
            color: #777;
        }

            div#sidebar li ul li a {
                color: #999;
                text-decoration: none;
                font-weight: bold;
            }

                div#sidebar li ul li a:hover {
                    color: #09285E;
                    text-decoration: underline;
                }


        div#sidebar li ul.blocklist li {
            padding: 0;
        }

            div#sidebar li ul.blocklist li.selected-item a {
                color: #870101;
                font-weight: bold;
                background: transparent url('images/item-selected.gif') no-repeat scroll right center;
            }

                div#sidebar li ul.blocklist li.selected-item a:hover {
                    text-decoration: none;
                }

            div#sidebar li ul.blocklist li a {
                width: 200px;
                display: block;
                padding: 5px 0px;
            }

    div#sidebar h4 {
        color: #0C367E;
        font-family: arial;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: bold;
        margin: 0;
        padding: 7px 0px;
    }
/*#endregion*/

/*#region footer */
#footer {
    width:80%;
    margin: 0 auto;
}

.footer-content {
    /*width: 80%; /*960px*/
    margin: 0 auto;
    display: block;
    padding-bottom: 30px;
}

#footer a {
    color: #999;
    text-decoration: underline;
}

#footer h4 {
    color: #ccc;
    font-size: 18px;
    font-weight: normal;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
}

#footer p {
    text-align: left;
    color: #999;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

#footer form {
    margin: 0;
    padding: 0;
}

    #footer form input#searchbutton {
        margin: 0;
        border-bottom: none;
        overflow: visible;
        width: auto;
    }

    #footer form input#searchquery {
        background-color: #333;
        color: #fff;
        font-family: Arial, Helvetica, sans-serif;
        border: none;
        padding: 6px 3px;
    }

#footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #222;
}

    #footer ul li {
        padding: 0;
    }

        #footer ul li a {
            display: inline-block; /* for IE 6, 7 */
        }

        #footer ul li a {
            text-decoration: none;
            display: block;
            font-size: 11px;
            padding: 7px 10px;
            border-bottom: 1px solid #222;
        }

            #footer ul li a:hover {
                background-color: #111;
            }

.footer-box {
    width: 220px;
    margin-right: 26px;
    float: left;
}

.end-footer-box {
    margin-right: 0;
}

#footer-links {
    background-color: #000;
    color: #ccc;
    padding: 5px;
    border-radius:5px;
    box-shadow: 3px 3px 20px black;
}

div#footer-links p {
    text-align: center;
    /*padding: 10px 0;*/
    margin: 0 auto;
    font-size: 1em; /*10px*/
    width: 80%;
    display: block;

}

#footer-links a {
    color: #eee;
    font-weight: bold;
    text-decoration: underline;
}
/*#endregion*/

/*#region clear fix */
.clear:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clear {
    display: inline-block;
}

.clear {
    clear: both;
    display: block;
}

/*#endregion*/

/*#region s3Slider*/

#s3slider {

  width: 500px; /* important to be same as image width 400px*/

  height: 325px; /* important to be same as image height 300px*/

  position: relative; /* important */

  overflow: hidden; /* important */

  margin:auto;

  box-shadow: 3px 3px 20px black;

  }


#s3sliderContent {

  width: 500px; /* important to be same as image width or wider 400px*/

  position: absolute; /* important */

  top: 0; /* important */

  margin-left: 0; /* important */

  }


.s3sliderImage {

  float: left; /* important */

  position: relative; /* important */

  display: none; /* important */

  }


    .s3sliderImage span {
        position: absolute; /* important */
        left: 0;
        font: 10px/15px Arial, Helvetica, sans-serif;
        padding: 10px 13px;
        width: 374px;
        background-color: #000;
        filter: alpha(opacity=0); /* here you can set the opacity of box with text 70*/
        -moz-opacity: 0; /* here you can set the opacity of box with text .7*/
        -khtml-opacity: 0; /* here you can set the opacity of box with text .7*/
        opacity: 0; /* here you can set the opacity of box with text .7*/
        color: #fff;
        display: none; /* important */
        top: 0; /*text box shown at top.  if bottom: 0;, text box shown at bottom*/
    }

/*#endregion*/

/*#region IE 6,7,8,9 issues*/

.ie8 div#content {
    margin-top: 20px;
}

.ie8 div#nav {
    filter: none;
    /*background: rgb(137,137,137);*/
    background: red;
    float: right;
}


/*#endregion*/

/*#region media queries*/

/*975px full wrapper width*/
@media only screen and (max-width:975px) {
    * {
        box-sizing:border-box;
    }
    div#wrapper {
        width: 100%;
    }
    .slider-header div#header {
        height:375px;
    }
}

/*775px full page width - no lightning background*/
@media only screen and (max-width:775px) {
    body {
        width:100%;
    }
    #contactleft {
        margin-right:0;
    }
    #footer {
        width:100%;
    }
    form input, form select, form textarea {
        width:60%;
    }
}

/*630px stack nav, remove img on Services*/
@media only screen and (max-width:630px) {
    #servicesright {
        display:none;
    }
    body {
        text-align:center;
    }
    #servicesleft {
        width:100%;
        float:none;
    }
         ul {
            list-style:none;
            margin:0;
        }
    div#nav {
        float:none;
        background:none;
    }
        
    div#nav ul {
        width:100%;
        padding:0;
        margin:0;
    }
    #nav ul li {
    background: rgb(137,137,137); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(137,137,137,1) 0%, rgba(239,255,63,1) 50%, rgba(137,137,137,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137,137,137,1)), color-stop(50%,rgba(239,255,63,1)), color-stop(100%,rgba(137,137,137,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(137,137,137,1) 0%,rgba(239,255,63,1) 50%,rgba(137,137,137,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(137,137,137,1) 0%,rgba(239,255,63,1) 50%,rgba(137,137,137,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(137,137,137,1) 0%,rgba(239,255,63,1) 50%,rgba(137,137,137,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(137,137,137,1) 0%,rgba(239,255,63,1) 50%,rgba(137,137,137,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#898989', endColorstr='#898989',GradientType=0 ); /* IE6-9 */
box-shadow:3px 3px 20px black;

        float:none;
        display:block;
        width:100%;
        border:none;
        border-bottom:1px solid black;
    }
        #nav ul li:hover {
            background:#797979;
        }
        div#nav ul li a:hover {
            background:none;
            border:none;
        }
        div#nav ul li a {
            width:100%;
            border:none;
        }
    #headerbackground {
        height:auto;
    }
}

/*550px fix img slider*/
@media only screen and (max-width:550px) {
    #s3slider {
        width:100%;
        margin:0;
    }
    #s3sliderContent {
        width:100%;
        margin:0;
    }
    .s3sliderImage {
        width:100%;
        float:none;
    }
    .testimonialsleft {
        width:auto;
    }
    #paymentinfo img {
        width:50%;
    }
    div#sitename h2 span {
        width:100%;
        margin-right:0;
    }
}

/*515px remove img slider*/
@media only screen and (max-width:515px) {
    #s3slider {
        display:none;
    }
    div#header {
        height:0px!important;
    }
}
/*#endregion*/