body {
    background-color: #414B55;
    margin: 5 auto;
    padding: 0,0,0,0;
}

.wrapper {
    width: 1024px;
    margin: 0 auto;
    background: #FFFFFF;
}

.header {
    width:100%;
    height:113px;
    background-color: white;
    background-image: url("../images/banner.png");
    background-position: right bottom;
    background-repeat:no-repeat;
    vertical-align: top;
    margin: 0 auto;
}

.headerLogo1 {
    margin: 0 auto;
    padding-left: 34px;
}

.headerlink {
    margin: 0 auto;
    padding-top: 10px;
    padding-right: 37px;
    text-align: right;
    vertical-align: top;
    color: #013473;
    font-family: arial;
    font-size: 11px;
}

.headerlink a {
    cursor:pointer;
}

.headerlink a:hover {
    color: #EE1C29;
}

.headerlinkactive {
    color: #EE1C29;
}

.topmenu {
    width: 100%;
    height: 32px;
    background-color: #013473;
}

.topmenuitembk {
    width: 100%;
    height: 32px;
    background-color: white;
    padding-left: 1px;
}

.topmenuitembk1 {
    width: 100%;
    height: 32px;
    background-color: white;
}

.topmenuitem {
    background-color: #013473;
    color: white;
    font-family: arial;
    font-size: 13.5px;
    padding-left: 13px;
    padding-right: 12px;
}

.topmenuitemactive {
    background-image: url("../images/menu_backgroup_act.jpg");
    background-repeat: repeat-x;
    color: white;
    font-family: arial;
    font-size: 13.5px;
    padding-left: 13px;
    padding-right: 12px;
    cursor: pointer;
}

.topmenuitem a {
    cursor: pointer;
}

.body {
    width:100%;
    background: white;
    margin: 0 auto;
}

.footer {
    width:100%;
    height:60px;
    background: white;
    vertical-align: middle;
    text-align: center;
    margin: 0 auto;
    color: #003472;
    font-family: arial;
    font-size: 9.5px;
}

div.editable {
    border: solid 2 Transparent;
    padding-left: 15px;
    padding-right: 15px;
}

div.editable: hover {
    border-color: black;
}

div.imagediv {
    border: solid 2 Transparent;
    padding-left: 15px;
    padding-right: 15px;
}

div.imagediv: hover {
    border-color: black;
}

.middlebanner {
    height: 314px;
    z-index: 0;
}

.bar {
    height:10px;
    background-color: #013473;
}

.footbar {
    height:1px;
    background-color: #013473;
}

.verticalpannel {
    height:100%;
    width:303px;
    background-color: white;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #013473;
    font-family: arial;
    font-size: 10pt;
}

.completeprojectverticalpannel {
    height:100%;
    width:303px;
    background-color: white;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #013473;
    font-family: arial;
    font-size: 11pt;
    background-image: url("../images/complete_project_vertical_image.jpg");
    background-repeat: no-repeat;
    background-position: left bottom;
}

.inprogressprojectverticalpannel {
    height:100%;
    width:303px;
    background-color: white;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #013473;
    font-family: arial;
    font-size: 11pt;
    background-image: url("../images/incomplete_project_vertical_image.jpg");
    background-repeat: no-repeat;
    background-position: left bottom;
}

.hrNews {
    width: 386px;
    background-color: #013571;
}

.customerverticalpannel {
    height:100%;
    width:303px;
    background-color: white;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #013473;
    font-family: arial;
    font-size: 11pt;
    background-image: url("../images/customer.jpg");
    background-repeat: no-repeat;
    background-position: left bottom;
}

.verticalmenu {
    width: 302px;
    padding-top: 41px;
    font-family: arial;
    font-size: 15px;
    color: #003472;
}

.verticalmenuitem {
    height:28px;
    padding-left: 20px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #B3C3D2;
}

.verticalmenuitem a {
    cursor:pointer;
}

.verticalmenuitem a:hover {
    color: #ED1C24;
}

.verticalmenuitemactive {
    color: #ED1C24;
}

.verticalmenuitem1 {
    height:28px;
    padding-left: 20px;
}

.verticalmenuitem1 a {
    cursor:pointer;
}

.verticalmenuitem1 a:hover {
    color: #ED1C24;
}

.verticalmenuitem1active {
    color: #ED1C24;
}

.verticalmenuitem2 {
    height:28px;
    padding-left: 20px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #B3C3D2;
}

.verticalmenuitem2 a {
    background-image: url("../images/triangle_normal.jpg");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    cursor:pointer;
}

.verticalmenuitem2 a:hover {
    background-image: url("../images/triangle_active.jpg");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    color: #ED1C24;
}

.verticalmenuitem2active {
    height:28px;
    padding-left: 20px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #B3C3D2;
}

.verticalmenuitem2active a {
    background-image: url("../images/triangle_active.jpg");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    color: #ED1C24;
}

.contentpannel {
    height:100%;
    width: 721px;
    font-family: arial;
}

.subheaderhomepage {
    height: 36px;
    width: 100%;
    background-color: #ED1C24;
    color: white;
    padding-left: 20px;
    font-family: arial;
    font-size: 20.5px;
}

.subheader {
    height: 36px;
    width: 100%;
    background-color: #ED1C24;
    color: white;
    padding-left: 30px;
    font-family: arial;
    font-size: 19.5px;
}

.innerheader {
    height: 31px;
    color: white;
    padding-left: 20px;
    background-color: #013473;
    font-family: arial;
    font-size: 13px;
}

.innerfooter {
    height: 31px;
    color: white;
    text-align: center;
    background-color: #013473;
    font-family: arial;
    font-size: 13px;
}

.homepage {
    height: 540px;
    vertical-align: top;
}

.progressheader {
    width: 1024px;
    height: 71px;
    background-color: #414B55;
}

.progresspannel {
    width: 1024px;
    height: 608px;
    background-color: white;
}

.progressfooter {
    width: 1024px;
    height: 89px;
    background-color: #414B55;
}

.progressfootertext {
    color: #003472;
    font-family: arial;
    font-size: 9.5px;
}

.progressbar {
    padding-top: 0px;
}

.underconstruction {
    background-image: url("../images/under_construction.jpg");
    background-repeat: no-repeat;
    background-position: right bottom;
}

#preview_wrap {
    margin: 0 auto;
    padding: 10px;
    width: 550px;
    height: 400px;
}

#preview_outer {
    overflow: hidden;
    width: 550px;
    height: 400px;
    position: relative;
}

#preview_inner {
    text-align: left;
    height: 100%;
    position: relative;
}

#preview_inner div {
    float: left;
    width: 550px;
    height: 400px;
    position: relative;
}

#preview_inner div span {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    text-indent: 20px;
    padding: 0 0;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    background-color: #000000;
    opacity: 0.3;
    filter: alpha(opacity = 30);
}

#thumbs {
    position: relative;
    width: 590px;
    text-align: center;
    margin: 0 auto;
}

#thumbs span {
    float: left;
    padding-left: 10px;
    width: 80px;
    height: 80px;
    cursor: pointer;
    display: inline-block;
}

#slideleft {
    float:left;
    width:20px;
    height:80px;
    background:url(../images/scroll-left.gif) center center no-repeat;
    background-color:#CCCCCC;
}

#slideleft:hover {
    background-color:#030303;
    cursor: pointer;
}

#slideright {
    float:right;
    width:20px;
    height:80px;
    background:url(../images/scroll-right.gif) center center no-repeat;
    background-color:#CCCCCC;
}

#slideright:hover {
    background-color:#030303;
    cursor: pointer;
}

.projectdetailbordertr {
    width: 640px;
}

.projectdetailseperatortr {
    height:4px;
}

.projectdetailheadertd {
    width: 172px;
    background: #013473;
    color: white;
    border-left: 1px #8099B8 solid;
    border-top: 1px #8099B8 solid;
    border-bottom: 1px #8099B8 solid;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
    font-weight: bold;
    padding-left: 5px;
}

.projectdetailvaluetd {
    width: 468px;
    color: #013473;
    border-right: 1px #8099B8 solid;
    border-top: 1px #8099B8 solid;
    border-bottom: 1px #8099B8 solid;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
    padding-left: 10px;
}

.adminAction {
    color: #013473;
    font-family: arial;
    font-weight: bold;
    font-size: 11pt;
}

.adminActionActive {
    color: #ED1C24;
    font-family: arial;
    font-weight: bold;
    font-size: 11pt;
}

.adminBanner {
    color: yellow;
    font-family: arial;
    font-weight: bold;
    font-size: 14pt;
}

.adminLabel {
    color:#013473; 
    font-family: arial;
    font-weight: bold;
    font-size: 9pt;   
}

.adminTitle {
    color:#013473;
    font-family: arial;
    font-weight: bold;
    font-size: 12pt; 
}

.adminButton {
    border-width: 1px;
    border-color: #B2C1E8;
    border-style: solid;
    background-color: transparent;
    font-family: arial;
    font-weight: bold;
    font-size: 9pt;
    color: #013473;
}

.adminButton:hover {
    color: #ED1C24;
    font-size: 9pt;
}

.adminLink {
    color: blue;
    cursor: pointer;
}

.adminLink:visited {
    color: #013473; 
}

.adminLink:hover {
    color: #ED1C24;
}

.adminText {
    font-family: arial;
    font-size: 9pt;
    color:#013473;
}

.cusName {
    color: #013473;
    font-size: 13px;
}

.newsLink {
    color: #003472;
    font-size: 11.5px;
    font-weight: bold;
    cursor: pointer;
}

.newsTitle {
    color: #013473;
    font-size: 13px;
    font-weight: bold;
    padding-left: 30px;
}

.newsData {
    color: #4D5F6F;
    font-size: 13px;
    line-height:1.5em;
    padding-left: 30px;
}

.newsDetailTitle {
    color: #4D5F6F;
    font-size: 15px;
    font-weight: bold;
    line-height:1.5em;
}

.cusLink {
    color: #003472;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
}

.hrCus {
    width: 100%;
    background-color: #013571;
}

.customercommentdiv {
    padding-left: 30px;
    padding-right: 60px;
    overflow: auto;
    font-family: arial;
    font-size: 13px;
    color:#4D5F6F;
    line-height: 1.5em;
    height: 1000px;
}

.cuscommentbordertr {
    width: 676px;
}

.cuscommentheadertd {
    width: 126px;
    background: #013473;
    color: white;
    border-left: 1px #8099B8 solid;
    border-top: 1px #8099B8 solid;
    border-bottom: 1px #8099B8 solid;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    font-size: 15px;
    font-weight: bold;
    text-align: right;
}

.cuscommentvaluetd {
    width: 550px;
    color: #013473;
    border-right: 1px #8099B8 solid;
    border-top: 1px #8099B8 solid;
    border-bottom: 1px #8099B8 solid;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

.cuscommentseperatortr {
    height:4px;  
}

.projectLink {
    color: #003472;
    font-size: 11.5px;
    font-weight: bold;
    cursor: pointer;
}

.projectName {
    color: #013473;
    font-size: 13px;  
}

.button {
    border-width: 1px;
    border-color: #b2c1e8;
    border-style: solid;
    background-color: transparent;
    font-family: arial;
    font-weight: bold;
    font-size: 13px;
    color: #013473;
}

.button:hover {
    color: #ED1C24;
    font-size: 13px;
}

.pagelink {
    color: #001B54;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.pagelinkdis {
    color: #C9CDD0;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.newsdiv {
    padding-left: 30px;
    padding-right: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: auto;
    font-family: arial;
    font-size: 13px;
    color:#4D5F6F;
    line-height: 1.5em;
    text-align: justify;
}

.newsdetaildiv {
    padding-left: 30px;
    padding-right: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: auto;
    font-family: arial;
    font-size: 13px;
    color:#4D5F6F;
    line-height: 1.5em;
    text-align: justify;
}

.customerdiv {
    padding-left: 30px;
    padding-right: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: auto;
    font-family: arial;
    font-size: 13px;
    color:#4D5F6F;
    line-height: 1.5em;
    text-align: justify;
}

.projectdiv {
    padding-left: 30px;
    padding-right: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: auto;
    font-family: arial;
    font-size: 13px;
    color:#4D5F6F;
    line-height: 1.5em;
    text-align: justify;
}

.projectdetaildiv {
    padding-left: 30px;
    padding-right: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: auto;
    font-family: arial;
    font-size: 13px;
    color:#4D5F6F;
    line-height: 1.5em;
    text-align: justify;
}

.homepagediv {
    padding-left: 30px;
    padding-right: 60px;
    padding-top: 30px;
    overflow: auto;
    font-family: arial;
    font-size: 13px;
    color:#4D5F6F;
    line-height: 1.5em;
    text-align: justify;
}

.contactusdiv {
    padding-left: 30px;
    padding-right: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: auto;
    font-family: arial;
    font-size: 13px;
    color:#4D5F6F;
    line-height: 1.5em;
    text-align: justify;
}

.recruitmentdiv {
    padding-left: 30px;
    padding-right: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: auto;
    font-family: arial;
    font-size: 13px;
    color:#4D5F6F;
    line-height: 1.5em;
    text-align: justify;
}

.hrpolicydiv {
    padding-left: 30px;
    padding-right: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: auto;
    font-family: arial;
    font-size: 13px;
    color:#4D5F6F;
    line-height: 1.5em;
    text-align: justify;
}

.hrcontactdiv {
    padding-left: 30px;
    padding-right: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: auto;
    font-family: arial;
    font-size: 13px;
    color:#4D5F6F;
    line-height: 1.5em;
    text-align: justify;
}

.safetydiv {
    padding-left: 30px;
    padding-right: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: auto;
    font-family: arial;
    font-size: 13px;
    color:#4D5F6F;
    line-height: 1.5em;
    text-align: justify;
}

.portfoliodiv {
    padding-left: 30px;
    padding-right: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: auto;
    font-family: arial;
    font-size: 13px;
    color:#4D5F6F;
    line-height: 1.5em;
    text-align: justify;
}

.housediv {
    padding-left: 30px;
    padding-right: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: auto;
    font-family: arial;
    font-size: 13px;
    color:#4D5F6F;
    line-height: 1.5em;
    text-align: justify;
}

.shoppingmalldiv {
    padding-left: 30px;
    padding-right: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: auto;
    font-family: arial;
    font-size: 13px;
    color:#4D5F6F;
    line-height: 1.5em;
    text-align: justify;
}

.publicdiv {
    padding-left: 30px;
    padding-right: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: auto;
    font-family: arial;
    font-size: 13px;
    color:#4D5F6F;
    line-height: 1.5em;
    text-align: justify;
}

.industrydiv {
    padding-left: 30px;
    padding-right: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: auto;
    font-family: arial;
    font-size: 13px;
    color:#4D5F6F;
    line-height: 1.5em;
    text-align: justify;
}

.introductiondiv {
    padding-left: 30px;
    padding-right: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: auto;
    font-family: arial;
    font-size: 13px;
    color:#4D5F6F;
    line-height: 1.5em;
    text-align: justify;
}

.missiondiv {
    padding-left: 30px;
    padding-right: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: auto;
    font-family: arial;
    font-size: 13px;
    color:#4D5F6F;
    line-height: 1.5em;
    text-align: justify;
}

.proclaimdiv {
    padding-left: 30px;
    padding-right: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: auto;
    font-family: arial;
    font-size: 13px;
    color:#4D5F6F;
    line-height: 1.5em;
    text-align: justify;
}

.sitemapdiv {
    padding-left: 30px;
    padding-right: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: auto;
    font-family: arial;
    font-size: 9px;
    color:#013473;
    line-height: 1.5em;
    text-align: justify;
}

.sitemapdiv a {
    cursor: pointer;
}

.border {
    border: 1px solid #B2C1E8;
    color: #013473;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 13px;
}

.border1 {
    border: 1px solid #B2C1E8;
    color: #013473;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 9px;
}

.companypolicydiv {
    padding-left: 30px;
    padding-right: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: auto;
    font-family: arial;
    font-size: 13px;
    color:#4D5F6F;
    line-height: 1.5em;
    text-align: justify;
}

.safetypolicydiv {
    padding-left: 30px;
    padding-right: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: auto;
    font-family: arial;
    font-size: 13px;
    color:#4D5F6F;
    line-height: 1.5em;
    text-align: justify;
}

.qualitypolicydiv {
    padding-left: 30px;
    padding-right: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: auto;
    font-family: arial;
    font-size: 13px;
    color:#4D5F6F;
    line-height: 1.5em;
    text-align: justify;
}

.structurediv {
    padding-left: 30px;
    padding-right: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: auto;
    font-family: arial;
    font-size: 13px;
    color:#4D5F6F;
    line-height: 1.5em;
    text-align: justify;
}

.managementdiv {
    padding-left: 30px;
    padding-right: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: auto;
    font-family: arial;
    font-size: 13px;
    color:#4D5F6F;
    line-height: 1.5em;
    text-align: justify;
}

.customerdiv {
    padding-left: 30px;
    padding-right: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: auto;
    font-family: arial;
    font-size: 13px;
    color:#4D5F6F;
    line-height: 1.5em;
    text-align: justify;
}

.slogan1 {
    position: absolute;
    padding-left: 20px;
    padding-top: 45px;
    font-family: arial;
    font-size: 17px;
    color: #ED1C24;
}

.slogan2 {
    position: absolute;
    padding-left: 40px;
    padding-top: 95px;
    font-family: arial;
    font-size: 17px;
    color: #013473;
}

#menu {
    width: 100%;
    background: #013473;
    float: left;
}

#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
    height: 32px;
}

#menu a, #menu h2 {
    font: 14px arial;
    display: block;
    margin: 0;
    padding-left: 14px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
}

#menu h2 {
    color: white;
    background: #013473;
}

#menu a {
    color: white;
    background: #013473;
    text-decoration: none;
}

#menu a:hover, #menu h2:hover {
    color: white;
    background-image: url("../images/menu_backgroup_act.jpg");
    background-repeat: repeat-x;
    cursor: pointer;
}

#menu li {
    position: relative;
}

#menu ul ul {
    position: absolute;
    z-index: 500;
    white-space: nowrap;
}

#menu ul ul li {
    border-top: 1px;
    border-top-style: solid;
    border-top-color: white;
}

.ulright {
    right: 0%;
}

#menu ul ul ul {
    position: absolute;
    top: 0px;
    left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{
    display: none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{
    display: block;
}

#seperator {
    height: 32px;
    width: 1px;
    background-color: white;
    position: relative;
    float: right;
}