﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldse, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
}

.txt-rt {
    text-align: right;
}

.txt-lt {
    text-align: left;
}

.txt-center {
    text-align: center;
}

.float-rt {
    float: right;
}

.float-lt {
    float: left;
}

.clear {
    clear: both;
}

.pos-relative {
    position: relative;
}

.pos-absolute {
    position: absolute;
}

.vertical-base {
    vertical-align: baseline;
}

.vertical-top {
    vertical-align: top;
}

.underline {
    border-bottom: 1px solid #EEEEEE;
    margin: 0 0 20px;
    padding-bottom: 5px;
}

nav.vertical ul li {
    display: block;
}

nav.horizontal ul li {
    display: inline-block;
}

img {
    max-width: 100%;
}

body {
    /*background: url("../images/bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    font-family: Arial,Helvetica,sans-serif;
}

.header-bg {
    background: none repeat scroll 0 0 #1C1E1D;
}

.header {
    background: none repeat scroll 0 0 #1C1E1D;
}

.wrap {
    margin: 0 auto;
    width: 1000px;
}

.wrapper {
    box-shadow: 0 0 10px #999999;
}

.logo {
    float: left;
    /*margin-left: 50px;*/
}

    .logo h1 {
        color: #FFFFFF;
        font-size: 25px;
        text-transform: uppercase;
    }

.menu {
    float: right;
}

    .menu li {
        display: inline-block;
        float: left;
        width: 120px;
    }

        .menu li a {
            color: #EEEEEE;
            display: block;
            padding: 17px 20px;
            text-align: center;
        }

        .menu li:nth-child(1) a {
            background: linear-gradient(to bottom, #F09A00 0%, #CE8A41 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        }

        .menu li:nth-child(2) a {
            background: linear-gradient(to bottom, #ADCB1D 0%, #8CB74C 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        }

        .menu li:nth-child(3) a {
            background: linear-gradient(to bottom, #17C586 1%, #008454 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        }

        .menu li:nth-child(4) a {
            background: linear-gradient(to bottom, #159FCE 1%, #1680A8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        }

        .menu li:nth-child(5) a {
            background: linear-gradient(to bottom, #282DAF 1%, #332E94 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        }

        .menu li a:hover {
            color: #FFFFFF;
        }

.html_carousel {
}

    .html_carousel div.slide {
        position: relative;
    }

        .html_carousel div.slide div {
            background-color: rgba(0, 0, 0, 0.6);
            bottom: 0;
            display: none;
            position: absolute;
            width: 100%;
        }

        .html_carousel div.slide h4 {
            font-size: 35px;
            padding: 30px 0 0 100px;
        }

        .html_carousel div.slide p {
            font-size: 16px;
            padding: 0 0 30px 100px;
        }

        .html_carousel div.slide h4, .html_carousel div.slide p {
            color: #FFFFFF;
            margin: 0;
        }

.clearfix {
    clear: both;
    float: none;
}

.content {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 30px 30px 0;
}

.bot-grid {
    background: linear-gradient(to bottom, #FF8105 0%, #FF9C00 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 5px #999999;
    float: left;
    margin-bottom: 20px;
    margin-right: 30px;
    width: 212px;
}

.bot-grid1 {
    background: linear-gradient(to bottom, #358165 0%, #1AA471 99%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 5px #999999;
    float: left;
    margin-bottom: 20px;
    margin-right: 30px;
    width: 212px;
}

.bot-grid2 {
    background: linear-gradient(to bottom, #137EAC 0%, #13AAC9 99%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 5px #999999;
    float: left;
    margin-bottom: 20px;
    margin-right: 30px;
    width: 212px;
}

.bot-grid img {
    box-shadow: 0 0 5px #999999;
}

    .bot-grid img:hover {
        opacity: 0.9;
    }

.bot-grid1 img {
    box-shadow: 0 0 5px #999999;
}

    .bot-grid1 img:hover {
        opacity: 0.9;
    }

.bot-grid h3, .bot-grid1 h3, .bot-grid2 h3, .bot-grid3 h3 {
    color: #FFFFFF;
    font-family: "Agency FB,Helvetica, sans-serif";
    font-size: 25px;
    padding: 20px 20px 0;
}

.bot-grid p, .bot-grid1 p, .bot-grid2 p, .bot-grid3 p {
    color: #FFFFFF;
    font-size: 13px;
    line-height: 1.8em;
    padding: 5px 20px 20px;
}

.bot-grid3 {
    background: linear-gradient(to bottom, #164BAB 0%, #285DCD 99%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 5px #999999;
    float: left;
    margin-right: 0;
    width: 212px;
}

.one {
    background: url("../images/but.png") repeat scroll 0 0 rgba(250, 138, 6, 0);
    border: 1px solid #FB8E00;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    margin-bottom: 20px;
    padding: 6px 10px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

    .one:hover {
        background: url("../images/but.png") repeat scroll 0 0 rgba(235, 130, 6, 0.25);
    }

.two {
    background: url("../images/but.png") repeat scroll 0 0 rgba(16, 175, 116, 0);
    border: 1px solid #10AF74;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    margin-bottom: 20px;
    padding: 6px 10px;
    text-shadow: 0 -1px 1px rgba(16, 175, 116, 0);
}

    .two:hover {
        background: url("../images/but.png") repeat scroll 0 0 rgba(12, 146, 96, 0.25);
    }

.three {
    background: url("../images/but.png") repeat scroll 0 0 rgba(24, 124, 173, 0);
    border: 1px solid #1591B3;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    margin-bottom: 20px;
    padding: 6px 10px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

    .three:hover {
        background: url("../images/but.png") repeat scroll 0 0 rgba(15, 122, 178, 0.12);
    }

.four {
    background: url("../images/but.png") repeat scroll 0 0 rgba(26, 77, 182, 0);
    border: 1px solid #1E53BD;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    margin-bottom: 20px;
    padding: 6px 10px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

    .four:hover {
        background: url("../images/but.png") repeat scroll 0 0 rgba(32, 38, 114, 0.06);
    }

.grid {
    float: left;
    margin-bottom: 20px;
    margin-right: 30px;
    width: 212px;
}

.grid1 {
    float: left;
    margin-bottom: 20px;
    margin-right: 30px;
    width: 212px;
}

.grid2 {
    float: left;
    margin-bottom: 20px;
    margin-right: 30px;
    width: 212px;
}

.grid3 {
    float: left;
    margin-bottom: 20px;
    margin-right: 0;
    width: 212px;
}

.grid h2 {
    color: #FD8902;
    font-family: "Agency FB,Helvetica, sans-serif";
    font-size: 35px;
    margin-bottom: 20px;
}

.grid3 h2 {
    color: #1752BA;
    font-family: "Agency FB,Helvetica, sans-serif";
    font-size: 35px;
    margin-bottom: 20px;
}

.grid1 h2 {
    color: #0CBA7B;
    font-family: "Agency FB,Helvetica, sans-serif";
    font-size: 35px;
    margin-bottom: 20px;
}

.grid2 h2 {
    color: #1C8EB3;
    font-family: "Agency FB,Helvetica, sans-serif";
    font-size: 35px;
    margin-bottom: 20px;
}

    .grid h2 span, .grid1 h2 span, .grid2 h2 span, .grid3 h2 span {
        color: #555555;
        display: block;
        font-family: "Agency FB,Helvetica, sans-serif";
        font-size: 18px;
    }

.grid p, .grid1 p, .grid2 p, .grid3 p {
    color: #555555;
    font-size: 13px;
    line-height: 1.8em;
    margin-bottom: 20px;
}

.one1 {
    background: url("../images/but.png") repeat scroll 0 0 #FF8800;
    border: 1px solid #FB8E00;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    margin-bottom: 20px;
    padding: 6px 10px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

    .one1:hover {
        background: url("../images/but.png") repeat scroll 0 0 #EE8002;
    }

.two1 {
    background: url("../images/but.png") repeat scroll 0 0 #1AB37B;
    border: 1px solid #1AB37B;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    margin-bottom: 20px;
    padding: 6px 10px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

    .two1:hover {
        background: url("../images/but.png") repeat scroll 0 0 #10A969;
    }

.three1 {
    background: url("../images/but.png") repeat scroll 0 0 #118EBE;
    border: 1px solid #1591B3;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    margin-bottom: 20px;
    padding: 6px 10px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

    .three1:hover {
        background: url("../images/but.png") repeat scroll 0 0 #0E79AF;
    }

.four1 {
    background: url("../images/but.png") repeat scroll 0 0 #2053BC;
    border: 1px solid #1E53BD;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    margin-bottom: 20px;
    padding: 6px 10px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

    .four1:hover {
        background: url("../images/but.png") repeat scroll 0 0 #134ABE;
    }

.footer {
    padding: 30px;
}

.footer-top {
    background: none repeat scroll 0 0 #1C1E1D;
}

.footer-nav h5 a, .footer-nav1 h5 a {
    color: #888888;
    font-family: "Agency FB,Helvetica, sans-serif";
    font-size: 30px;
}

.footer-nav h5, .footer-nav1 h5 {
    margin-bottom: 10px;
}

    .footer-nav h5 a:hover {
        color: #14B97D;
    }

.footer-nav {
    float: left;
    width: 188px;
}

.footer-nav1 {
    float: left;
    width: 188px;
}

    .footer-nav1 a:hover {
        color: #14B97D;
    }

.footer-nav li {
}

    .footer-nav li a {
        color: #888888;
        display: block;
        font-size: 13px;
        margin: 5px 0;
    }

        .footer-nav li a:hover {
            text-decoration: underline;
        }

.footer-bottom {
    background: none repeat scroll 0 0 #111111;
}

.footer-text {
    /* padding: 30px; commented by microarctech */
    padding: 3px;
}

.copy {
    float: left;
}

    .copy p {
        color: #555555;
        font-size: 13px;
        text-align: center;
    }

    .copy a {
        color: #FFA500;
    }

        .copy a:hover {
            text-decoration: underline;
        }

.subcribe {
    background: none repeat scroll 0 0 #222222;
    border-radius: 0.3em;
    float: right;
    padding: 3px;
    position: relative;
    width: 400px;
}

    .subcribe input[type="text"] {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        border: medium none;
        border-radius: 0.3em;
        color: #555555;
        font-size: 13px;
        outline: medium none;
        padding: 6px;
        width: 315px;
    }

    .subcribe input[type="submit"] {
        background: none repeat scroll 0 0 #333333;
        border: medium none;
        border-radius: 0.3em;
        color: #FFA500;
        cursor: pointer;
        padding: 6px;
        position: absolute;
        right: 1px;
    }

        .subcribe input[type="submit"]:hover {
            color: #FFFFFF;
        }

#navlist {
    margin-top: 45px;
    position: relative;
}

    #navlist li {
        bottom: 0;
        list-style: none outside none;
        margin: 0;
        padding: 0;
        position: absolute;
    }

    #navlist li, #navlist a {
        display: block;
        height: 36px;
    }

#fb {
    left: 0;
    width: 37px;
}

#fb {
    background: url("../images/icons/fb.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#tw {
    left: 40px;
    width: 37px;
}

#tw {
    background: url("../images/icons/twr.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#msg {
    left: 80px;
    width: 37px;
}

#msg {
    background: url("../images/icons/mail.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#fb:hover {
    opacity: 0.8;
}

#tw:hover {
    opacity: 0.8;
}

#msg:hover {
    opacity: 0.8;
}

.about-top {
}

.about-left {
    border-right: 1px dotted #999999;
    float: left;
    margin-bottom: 30px;
    padding-right: 25px;
    width: 620px;
}

    .about-left h3, .about-right h3, .left-bot-img h3, .prog-top h3, .contact-desc h3, .sidebar h3 {
        color: #14B97D;
        font-family: "Agency FB,Helvetica, sans-serif";
        font-size: 30px;
        margin-bottom: 20px;
    }

.about-right {
    float: left;
    margin-right: 0;
    padding-left: 25px;
    width: 269px;
}

.left-img {
    float: left;
    margin-right: 30px;
    width: 250px;
}

    .left-img img {
        background: none repeat scroll 0 0 #FFFFFF;
        box-shadow: 0 0 5px #999999;
        padding: 5px;
    }

.left-desc {
    float: left;
    margin-right: 0;
    width: 320px;
}

    .left-desc p, .about-left p, .right-img p {
        color: #555555;
        font-size: 13px;
        line-height: 1.8em;
    }

.border {
    border-bottom: 1px dotted #999999;
    margin: 20px 0;
}

.icon {
    float: left;
    margin-right: 20px;
    width: 80px;
}

.icon-desc {
    float: left;
    margin-right: 0;
    width: 150px;
}

.left-bot-img {
    float: left;
    margin-right: 30px;
    width: 250px;
}

.right-img img {
    margin-bottom: 13px;
}

a.link1 {
    color: #555555;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
    text-transform: uppercase;
}

    a.link1:hover {
        color: #14B97D;
    }

.prog-text {
    float: left;
    margin-right: 20px;
    width: 300px;
}

.prog-right {
    float: left;
    margin-right: 0;
    width: 300px;
}

.prog-left, .right-text {
    border-bottom: 1px dotted #999999;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.p-img {
    float: left;
    margin-right: 20px;
    width: 70px;
}

.p-desc {
    float: left;
    margin-right: 0;
    width: 210px;
}

.sidebar-nav li {
    list-style-image: url("../images/arrow.png");
    margin-bottom: 10px;
    margin-left: 20px;
}

    .sidebar-nav li a {
        color: #555555;
        font-size: 13px;
        vertical-align: top;
    }

        .sidebar-nav li a:hover {
            color: #14B97D;
        }

.contact-left {
    float: left;
    margin-bottom: 30px;
    margin-right: 40px;
    width: 550px;
}

.contact-desc p {
    color: #555555;
    font-size: 13px;
    line-height: 1.8em;
    margin-bottom: 20px;
}

form div {
}

/*form span {
    color: #555555;
    font-size: 13px;
}

form label {
    display: block;
    padding-bottom: 5px;
}

form input[type="text"] {
    background: none repeat scroll 0 0 #F0F0F0;
    border: 1px solid #F0F0F0;
    box-shadow: 0 0 5px #999999;
    color: #555555;
    font-size: 13px;
    margin-bottom: 20px;
    outline: medium none;
    padding: 5px;
    width: 300px;
}

form textarea {
    background: none repeat scroll 0 0 #F0F0F0;
    border: 1px solid #F0F0F0;
    box-shadow: 0 0 5px #999999;
    color: #555555;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    height: 100px;
    margin-bottom: 20px;
    outline: medium none;
    padding: 5px;
    resize: none;
    width: 400px;
}*/
.field-validation-error {
    color: red;
}

.validation-summary-errors {
    color: red;
    background: none;
    text-align: center;
}

.sidebar {
    float: right;
    margin-right: 0;
    width: 350px;
}

.nav {
    border-bottom: 1px dashed #E8E8E8;
}

    .nav li a {
        border-bottom: 1px dotted #999999;
        color: #555555;
        display: block;
        font-size: 13px;
        line-height: 2.9em;
    }

        .nav li a:hover {
            background: none repeat scroll 0 0 #F0F0F0;
        }

.submit {
    background: url("../images/but.png") repeat scroll 0 0 #1AB37B;
    border: 1px solid #1AB37B;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    margin-bottom: 20px;
    padding: 8px 20px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

    .submit:hover {
        background: url("../images/but.png") repeat scroll 0 0 #10A969;
    }

.map {
    font-size: 13px;
    padding-bottom: 30px;
}
