body {
    background: #FFFFFF url(images/site-bg.gif) repeat-x left top;
    padding: 0;
    margin: 0 0 30px 0;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.03em;
}

h1 {
    padding: 0;
    margin: 16px 0;
    font-size: 16px;
    color: #232323;
    letter-spacing: -0.03em;
    text-transform: uppercase;
}

h2 {
    padding: 0;
    margin: 16px 0;
    font-size: 16px;
    color: #232323;
    letter-spacing: -0.03em;
    text-transform: uppercase;
}

h3 {
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #257ab1;
    letter-spacing: -0.02em;
    ;
}

.clear {
    clear: both;
}

a {
    color: #3e9cd9;
    text-decoration: none;
}

    a:active {
        color: #3e9cd9;
        text-decoration: none;
    }

    a:link {
        color: #3e9cd9;
        text-decoration: none;
    }

    a:visited {
        color: #3e9cd9;
        text-decoration: none;
    }

    a:hover {
        color: #3e9cd9;
        text-decoration: underline;
    }

.rollover {
    padding: 0;
    margin: 0;
}

.rollover {
    text-decoration: none;
    cursor: default;
}

.rollover {
    text-decoration: none;
    cursor: default;
}

.rollover {
    text-decoration: none;
    cursor: default;
}

.rollover {
    text-decoration: none;
    cursor: default;
}

.rollover {
    text-decoration: none;
    cursor: default;
}

.headingBlue {
    color: #257ab1;
}

.smlTxtGrey {
    font-size: 11px;
    color: #8f8d8d;
    line-height: 14px;
    letter-spacing: -0.02em;
}

#container {
    width: 980px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#mnuList {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mnuListSep {
    background: url(images/mnu-sep.gif) no-repeat right top;
    padding-right: 2px;
    display: block;
    float: left;
}

.liBlock {
    display: block;
    float: left;
    margin: 4px;
    width: 190px;
}

#mnuSep {
    background: url(images/menu-sep.gif) no-repeat right top;
    padding-right: 2px;
}

#mnuHome {
    width: 60px;
    height: 42px;
    background: url(images/menu-home.gif) no-repeat top left;
}

    #mnuHome:hover {
        width: 60px;
        height: 42px;
        background: url(images/menu-home.gif) no-repeat bottom left;
    }

#mnu2Home {
    width: 60px;
    height: 42px;
    background: url(images/menu-home_01.gif) no-repeat top left;
}

    #mnu2Home:hover {
        width: 60px;
        height: 42px;
        background: url(images/menu-home_01.gif) no-repeat bottom left;
    }


#mnuAbout {
    width: 90px;
    height: 42px;
    background: url(images/menu-about.gif) no-repeat top left;
}

    #mnuAbout:hover {
        width: 90px;
        height: 42px;
        background: url(images/menu-about.gif) no-repeat bottom left;
    }

#mnu2About {
    width: 86px;
    height: 42px;
    background: url(images/menu-home_03.gif) no-repeat top left;
}

    #mnu2About:hover {
        width: 86px;
        height: 42px;
        background: url(images/menu-home_03.gif) no-repeat bottom left;
    }

#mnuProjects {
    width: 76px;
    height: 42px;
    background: url(images/menu-projects.gif) no-repeat top left;
}

    #mnuProjects:hover {
        width: 76px;
        height: 42px;
        background: url(images/menu-projects.gif) no-repeat bottom left;
    }

#mnu2Projects {
    width: 82px;
    height: 42px;
    background: url(images/menu-home_05.gif) no-repeat top left;
}

    #mnu2Projects:hover {
        width: 82px;
        height: 42px;
        background: url(images/menu-home_05.gif) no-repeat bottom left;
    }

#mnuInfra {
    width: 125px;
    height: 42px;
    background: url(images/menu-infra.gif) no-repeat top left;
}

    #mnuInfra:hover {
        width: 125px;
        height: 42px;
        background: url(images/menu-infra.gif) no-repeat bottom left;
    }

#mnu2Infra {
    width: 136px;
    height: 42px;
    background: url(images/menu-home_07.gif) no-repeat top left;
}

    #mnu2Infra:hover {
        width: 136px;
        height: 42px;
        background: url(images/menu-home_07.gif) no-repeat bottom left;
    }

#mnuInvrel {
    width: 140px;
    height: 42px;
    background: url(images/menu-investors.gif) no-repeat top left;
}

    #mnuInvrel:hover {
        width: 140px;
        height: 42px;
        background: url(images/menu-investors.gif) no-repeat bottom left;
    }

#mnu2Invrel {
    width: 148px;
    height: 42px;
    background: url(images/menu-investors.gif) no-repeat top left;
}

    #mnu2Invrel:hover {
        width: 148px;
        height: 42px;
        background: url(images/menu-investors.gif) no-repeat bottom left;
    }

#mnuClients {
    width: 66px;
    height: 42px;
    background: url(images/menu-clients.gif) no-repeat top left;
}

    #mnuClients:hover {
        width: 66px;
        height: 42px;
        background: url(images/menu-clients.gif) no-repeat bottom left;
    }

#mnu2Clients {
    width: 92px;
    height: 42px;
    background: url(images/menu-home_09.gif) no-repeat top left;
}

    #mnu2Clients:hover {
        width: 92px;
        height: 42px;
        background: url(images/menu-home_09.gif) no-repeat bottom left;
    }

#mnuCareer {
    width: 65px;
    height: 42px;
    background: url(images/menu-career.gif) no-repeat top left;
}

    #mnuCareer:hover {
        width: 65px;
        height: 42px;
        background: url(images/menu-career.gif) no-repeat bottom left;
    }

#mnu2Career {
    width: 65px;
    height: 42px;
    background: url(images/menu-home_11.gif) no-repeat top left;
}

    #mnu2Career:hover {
        width: 65px;
        height: 42px;
        background: url(images/menu-home_11.gif) no-repeat bottom left;
    }

#mnuContact {
    width: 100px;
    height: 42px;
    background: url(images/menu-contact.gif) no-repeat top left;
}

    #mnuContact:hover {
        width: 100px;
        height: 42px;
        background: url(images/menu-contact.gif) no-repeat bottom left;
    }

#mnu2Contact {
    width: 118px;
    height: 42px;
    background: url(images/menu-home_13.gif) no-repeat top left;
}

    #mnu2Contact:hover {
        width: 118px;
        height: 42px;
        background: url(images/menu-home_13.gif) no-repeat bottom left;
    }

#mnuBookmark {
    width: 150px;
    height: 42px;
    background: url(images/menu-bookmark.gif) no-repeat top left;
    float: right;
}

    #mnuBookmark:hover {
        width: 150px;
        height: 42px;
        background: url(images/menu-bookmark.gif) no-repeat bottom left;
        float: right;
    }

#mnuStock {
    width: 164px;
    height: 42px;
    background: url(images/imgStockIndex.gif) no-repeat top left;
    float: left;
}

    #mnuStock:hover {
        width: 164px;
        height: 42px;
        background: url(images/imgStockIndex.gif) no-repeat bottom left;
        float: left;
    }

#btnInfra {
    width: 164px;
    height: 26px;
    background-image: url(images/site-buttons2.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    float: right;
    margin: 8px 3px;
}

    #btnInfra:hover {
        width: 164px;
        height: 26px;
        background-image: url(images/site-buttons2.jpg);
        background-repeat: no-repeat;
        background-position: 0 -26px;
        display: block;
        float: right;
        margin: 8px 3px;
    }

#btnDev {
    width: 164px;
    height: 26px;
    background-image: url(images/site-buttons2.jpg);
    background-repeat: no-repeat;
    background-position: -164px 0;
    display: block;
    float: right;
    margin: 8px 3px;
}

    #btnDev:hover {
        width: 164px;
        height: 26px;
        background-image: url(images/site-buttons2.jpg);
        background-repeat: no-repeat;
        background-position: -164px -26px;
        display: block;
        float: right;
        margin: 8px 3px;
    }

#btnSteel {
    width: 165px;
    height: 26px;
    background-image: url(images/site-buttons2.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    float: right;
    margin: 8px 3px;
}

    #btnSteel:hover {
        width: 164px;
        height: 26px;
        background-image: url(images/site-buttons2.jpg);
        background-repeat: no-repeat;
        background-position: 0 -26px;
        display: block;
        float: right;
        margin: 8px 3px;
    }

#btnCement {
    width: 165px;
    height: 26px;
    background-image: url(images/site-buttons2.jpg);
    background-repeat: no-repeat;
    background-position: -328px 0;
    display: block;
    float: right;
    margin: 8px 3px 0 20px;
}

    #btnCement:hover {
        width: 164px;
        height: 26px;
        background-image: url(images/site-buttons2.jpg);
        background-repeat: no-repeat;
        background-position: -328px -26px;
        display: block;
        float: right;
        margin: 8px 3px 0 20px;
    }

#sideBoxBG {
    width: 246px;
    background: url(images/side-box-bg.gif) repeat-y top;
}

#sideBoxTOp {
    width: 246px;
    background: url(images/side-box-top.gif) no-repeat top left;
}

#sideBoxBtm {
    width: 246px;
    background: url(images/side-box-btm.gif) no-repeat bottom left;
}

#mainFlashBG {
    background: url(images/arss2_17.gif) repeat-y top left;
    width: 725px;
}

#mainFlashTop {
    background: url(images/arss2_16.gif) no-repeat top left;
    width: 725px;
}

#mainFlashBtm {
    background: url(images/arss2_44.gif) no-repeat bottom left;
    width: 725px;
}


/*############################# Menu Start ################################*/
/* style the outer div to give it width */
.menu {
    font-size: 0.85em;
    padding-bottom: 0px;
    height: 42px;
}

    /* remove all the bullets, borders and padding from the default list styling */
    .menu ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
        height: 42px;
    }

        /* style the sub-level lists */
        .menu ul ul {
            width: 15em;
        }

        /* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
        .menu ul li {
            float: left;
            height: 42px;
            line-height: 3em;
        }

        /* style the sub level list items */
        .menu ul ul li {
            display: block;
            width: 12em;
            height: auto;
            position: relative;
            line-height: 1em;
        }

    /* style the links for the top level */
    .menu a, .menu a:visited {
        display: block;
        float: left;
        height: 100%;
        font-size: 1em;
        text-decoration: none;
        color: #257ab1;
        padding: 0 3em 0 1em;
    }

    /* style the sub level links */
    .menu ul ul a, .menu ul ul a:visited {
        display: block;
        background: #fcfcfc;
        color: #257ab1;
        width: 12em;
        height: 100%;
        line-height: 1em;
        padding: 0.5em 1em;
        border-left: 1px solid #b1b1b1;
        border-bottom: 1px solid #b1b1b1;
        border-right: 1px solid #b1b1b1;
    }

    .menu ul table ul a, .menu ul table ul a:visited {
    }


    /* style the table so that it takes no part in the layout - required for IE to work */
    .menu table {
        position: absolute;
        left: 0;
        top: 0;
        font-size: 1em;
        z-index: -1;
    }

    .menu ul ul table {
        lef\t: -1px;
    }

        .menu ul ul table ul.left {
            margin-lef\t: 2px;
        }

    .menu li:hover {
        position: relative;
    }

    * html .menu a:hover {
        position: relative;
    }

    /* style the third level background */
    .menu ul ul ul a, .menu ul ul ul a:visited {
        background: #e8f4fc;
    }
    /* style the fourth level background */
    .menu ul ul ul ul a, .menu ul ul ul ul a:visited {
        background: #d6e9f5;
    }
    /* style the sub level 1 background */
    .menu ul :hover a.sub1 {
        background: #e8f4fc;
    }
    /* style the sub level 2 background */
    .menu ul ul :hover a.sub2 {
        background: #d6e9f5;
    }

    /* style the level hovers */
    /* first */
    .menu a:hover {
        color: #000;
        background: #fcfcfc;
    }

    .menu :hover > a {
        color: #000;
        background: #fcfcfc;
    }
    /* second */
    .menu ul ul a:hover {
        color: #000;
        background: #e8f4fc;
    }

    .menu ul ul :hover > a {
        color: #000;
        background: #e8f4fc;
    }
    /* third */
    .menu ul ul ul a:hover {
        background: #d6e9f5;
    }

    .menu ul ul ul :hover > a {
        background: #d6e9f5;
    }
    /* fourth */
    .menu ul ul ul ul a:hover {
        background: #c1dbec;
    }


    /* hide the sub levels and give them a positon absolute so that they take up no room */
    .menu ul ul {
        visibility: hidden;
        position: absolute;
        height: 0;
        top: 42px;
        left: 0;
        width: 14em;
    }

        /* position the third level flyout menu */
        .menu ul ul ul {
            left: 14em;
            top: 0;
            width: 14em;
        }

            /* position the third level flyout menu for a left flyout */
            .menu ul ul ul.left {
                left: -14em;
            }


    /* make the second level visible when hover on first level list OR link */
    .menu ul li:hover ul, .menu ul a:hover ul {
        visibility: visible;
        height: auto;
        padding-bottom: 3em;
        background: transparent url(images/trans.gif);
    }
    /* keep the third level hidden when you hover on first level list OR link */
    .menu ul :hover ul ul {
        visibility: hidden;
    }
    /* keep the fourth level hidden when you hover on second level list OR link */
    .menu ul :hover ul :hover ul ul {
        visibility: hidden;
    }
    /* make the third level visible when you hover over second level list OR link */
    .menu ul :hover ul :hover ul {
        visibility: visible;
    }
        /* make the fourth level visible when you hover over third level list OR link */
        .menu ul :hover ul :hover ul :hover ul {
            visibility: visible;
        }

/*############################# Menu End ################################*/

.marTB8 {
    margin: 8px 0;
}

.padTB10 {
    padding: 10px 0;
}

.padT6 {
    padding-top: 6px;
}

.marB10 {
    margin: 0 0 10px 0;
}

.marR20 {
    margin-right: 20px;
}

.bluTxt {
    color: #3e9cd9;
}

.bluLnk {
    color: #3e9cd9;
    text-decoration: none;
}

    .bluLnk:link {
        color: #3e9cd9;
        text-decoration: none;
    }

    .bluLnk:active {
        color: #3e9cd9;
        text-decoration: none;
    }

    .bluLnk:visited {
        color: #3e9cd9;
        text-decoration: none;
    }

    .bluLnk:hover {
        color: #921917;
        text-decoration: none;
    }

.boxR {
    display: block;
    float: right;
}

.footerBig {
    color: #8f8d8d;
    font-size: 11px;
}

.footerSml {
    color: #acacac;
    font-size: 10px;
}

.imgBG {
    width: 980px;
    background: url(images/header-bg.gif) repeat-y left top;
}

.imgBGBtm {
    width: 980px;
    background: url(images/header-bg-btm.gif) no-repeat left bottom;
}

.imgBGTop {
    width: 964px;
    background: url(images/header-bg-top.gif) no-repeat left top;
    padding: 8px;
}

.contentBG {
    width: 980px;
    background: url(images/content-bg.gif) repeat-y left top;
}

.contentBGBtm {
    width: 980px;
    background: url(images/content-bg-btm.gif) no-repeat left bottom;
}

.contentBGTop {
    width: 964px;
    background: url(images/content-bg-top.gif) no-repeat left top;
    padding: 8px;
    min-height: 300px;
}

.contentBGTopInner {
    width: 964px;
    background: url(images/content-bg-top-inner.gif) no-repeat left top;
    padding: 8px;
    min-height: 300px;
}

.noticeBG {
    background: url(images/notice-bg.gif) repeat-x;
    height: 42px;
}

.noticeBGLeft {
    background: url(images/notice-bg-left.gif) no-repeat left;
    height: 42px;
}

.noticeBGRight {
    background: url(images/notice-bg-right.gif) no-repeat right;
    height: 42px;
}


.footerLinkBig {
    color: #3e9cd9;
    margin: 0 2px;
    text-decoration: none;
}

    .footerLinkBig:link {
        color: #3e9cd9;
        margin: 0 2px;
        text-decoration: none;
    }

    .footerLinkBig:active {
        color: #3e9cd9;
        margin: 0 2px;
        text-decoration: none;
    }

    .footerLinkBig:visited {
        color: #3e9cd9;
        margin: 0 2px;
        text-decoration: none;
    }

    .footerLinkBig:hover {
        color: #3e9cd9;
        margin: 0 2px;
        text-decoration: underline;
    }

.footerLinkSml {
    color: #acacac;
    margin: 0 2px;
    text-decoration: underline;
}

    .footerLinkSml:link {
        color: #acacac;
        margin: 0 2px;
        text-decoration: underline;
    }

    .footerLinkSml:active {
        color: #acacac;
        margin: 0 2px;
        text-decoration: underline;
    }

    .footerLinkSml:visited {
        color: #acacac;
        margin: 0 2px;
        text-decoration: underline;
    }

    .footerLinkSml:hover {
        color: #3e9cd9;
        margin: 0 2px;
        text-decoration: none;
    }




/* ################ Carousel Skin Start ###################*/
.jcarousel-skin-tango .jcarousel-container {
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
    direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 920px;
    padding: 0 0px;
    padding-left: 23px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 300px;
    height: 210px;
    padding-top: 10px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 920px;
    height: 96px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width: 300px;
    height: 210px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 145px;
    height: 96px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
    width: 300px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: -3px;
    right: -24px;
    width: 19px;
    height: 102px;
    cursor: pointer;
    background: transparent url(images/scrol_next.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(images/scrol_prev.gif);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: -3px;
    left: -2px;
    width: 19px;
    height: 102px;
    cursor: pointer;
    background: transparent url(images/scrol_prev.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(images/scrol_next.gif);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: -30px;
    left: 0px;
    width: 44px;
    height: 21px;
    cursor: pointer;
    background: transparent url(images/brown-down.gif) no-repeat 0 0;
}

    .jcarousel-skin-tango .jcarousel-next-vertical:hover {
        background-position: 0 0;
    }

    .jcarousel-skin-tango .jcarousel-next-vertical:active {
        background-position: 0 0;
    }

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 229px;
    left: 50px;
    width: 44px;
    height: 21px;
    cursor: pointer;
    background: transparent url(images/brown-up.gif) no-repeat 0 0;
}

    .jcarousel-skin-tango .jcarousel-prev-vertical:hover {
        background-position: 0 0;
    }

    .jcarousel-skin-tango .jcarousel-prev-vertical:active {
        background-position: 0 0;
    }

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 0;
}
/* ################ Carousel Skin Start ###################*/
#sharehold {
    color: #000000;
    font-size: 14px;
    font-family: Verdana, Geneva, sans-serif;
}

    #sharehold a {
        color: #000000;
        text-decoration: none;
    }

        #sharehold a:hover {
            color: #2e3192;
            text-decoration: underline;
        }





.mask {
    background-image: url(../images/mask.gif);
    background-repeat: repeat-x;
    height: 5px;
    clear: both;
}

#newsticker-demo {
    width: 310px;
    font-family: Verdana,Arial,Sans-Serif;
    font-size: 12px;
    float: left;
    height: auto;
}

    #newsticker-demo a {
        text-decoration: none;
    }

.newsticker-jcarousellite {
    width: 300px;
}

    .newsticker-jcarousellite ul li {
        list-style: none;
        display: block;
        border-bottom: 1px dashed #9D9D9D;
        letter-spacing: 0.5px;
    }

    .newsticker-jcarousellite .info {
        float: left;
        width: auto;
        height: auto;
        padding-top: 5px;
        padding-bottom: 7px;
        margin-bottom: 10px;
    }

        .newsticker-jcarousellite .info a:link {
            color: #000;
        }

        .newsticker-jcarousellite .info a:visited {
            color: #000;
        }

        .newsticker-jcarousellite .info a:hover {
            color: #1a6da2;
        }

        .newsticker-jcarousellite .info span.cat {
            display: block;
            font-size: 10px;
            color: #808080;
        }
/* Style the tab */
.tab {
    float: left;
    /*border: 1px solid #ccc;*/
    background-color: #f1f1f1;
    width: 20%;
    height: 100%;
    box-sizing: border-box;
}
    /* Style the buttons inside the tab */
    .tab button {
        display: block;
        background-color: inherit;
        color: black;
        padding: 10px;
        width: 100%;
        border: none;
        outline: none;
        text-align: left;
        cursor: pointer;
        transition: 0.3s;
        font-size: 17px;
        font-family: 'Roboto', sans-serif !important;
        opacity: 0.9;
    }

        /* Change background color of buttons on hover */
        .tab button:hover {
            background-color: #ddd;
        }

        /* Create an active/current "tab button" class */
        .tab button.active {
            background-color: #2E3192;
            color: white;
        }

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 10px;
    width: 80%;
    border-left: none;
    height: 100%;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif !important;
    /*opacity: 0.8;*/
}