/* general reset */
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:none;}
ol, ul {list-style:none;}
h1, h2, h3, h4, h5, h6, li {line-height:100%;}
blockquote, q {quotes:none;}
table {border-collapse:collapse; border-spacing:0;}
input, textarea, button {margin:0;font-family:inherit; font-size:1em;}
html{height:100%;}
q:before,q:after {content:"";}
body{
    font:12px/20px  Arial,Helvetica, sans-serif;
    color: #090909;
    background:#f4f4f4 url(../images/bg-body.gif) repeat-x;
    height:100%;
    min-width:960px;
    background: #203558;
}
/* general setings */
a{
    /*color:#fe9b00;*/
    color: #58595B;
    text-decoration:none;
}
a:hover{text-decoration:underline;}
/* wrapper */
#wrapper {
    min-height:100%;
    width:990px;
    margin:0 auto;
    /*background: #F4F4F4;*/
    background: #E4E9EC;
    padding-left: 15px;
    padding-right: 15px;
}
* html #wrapper {height: 100%;}
/*header start*/
#header{
    padding:32px 0 0px;
    font:13px/15px Arial, Helvetica, sans-serif;
    border-bottom:1px solid #c0c0c0;
    margin-bottom:5px;
    /*outline: 1px solid red;*/
}

#header .mail a{color:#999898;}
#header .row{
    /*width:100%;*/
    width: 960px;
    overflow:hidden;
    margin-top:-14px;
    /*outline: 1px solid red;*/
}
.logo{
    float:left;
    overflow:hidden;
    text-indent:-9999px;
    background:url(../images/logo--.png) no-repeat;
    width:140px;
    height:150px;
    margin-left: 40px;
    /*border-bottom:1px solid #c0c0c0;*/
}

.logo-name{
    float:left;
    overflow:hidden;
    text-indent:-9999px;
    background:url(../images/logo-name--.png) no-repeat;
    width:520px;
    height:120px;
    margin-left: 100px;
    margin-top:10px;
}
.logo a{
    display:block;
    height:100%;
}

/*header end*/
/*promo start*/
.promo{
    position:relative;
    
    padding-bottom:18px;
    margin-bottom:22px;
    /*width:100%;*/
    width:725px;
}
.promo img{display:block;}
.promo .view{
    position:absolute;
    background:#090909;
    width:422px;
    text-transform:uppercase;
    font:bold 15px/44px Arial, Helvetica, sans-serif;
    color:#999898;
    top:290px;
    left:35px;
    padding:0 8px 0 13px;
    overflow:hidden;
}
.promo .view a{
    float:right;
    background:url(../images/arrow-orange.gif) no-repeat 100% 19px;
    padding-right:16px;
}
/*promo end*/
/*main start*/
#main{
    width:960px;
    overflow:hidden;
    padding-bottom:145px;
}
.three-cols{
    width:1020px;
    overflow:hidden;
    padding-bottom:23px;
    border-bottom:1px solid #c0c0c0;
    margin-bottom:19px;
}
.three-cols .col{
    float:left;
    width:240px;
    margin-right:28px;
    display:inline;
    /*outline: 1px solid black;*/
}
.three-cols .col h2{
    text-transform:uppercase;
    font:bold 18px/18px Arial, Helvetica, sans-serif;
    color:#090909;
    padding:0 0 10px 28px;
    border-bottom:6px solid #090909;
    /*background:url(../images/arrow.gif) no-repeat 0 7px;*/
background:url(../images/arrow-.png) no-repeat 0 7px;
    margin-bottom:16px;
}
.three-cols .col .more, .portfolio .more{
    /*background:url(../images/small-arrow.gif) no-repeat 0 50%;*/
    background:url(../images/arrow-.png) no-repeat 0 50%;
    padding-left:23px;
    font-weight:bold;
    text-transform:uppercase;
    color:#800000;
}
.three-cols .col p{margin-bottom:5px;}
.three-cols .list li{
    background:url(../images/sep02.gif) no-repeat 0 3px;
    line-height:14px;
    padding:2px 0 14px 29px;
}
.three-cols q{
    display:block;
    margin-bottom:19px;
}
.three-cols cite{color:#090909;}
.portfolio{
    padding-bottom:40px;
    border-bottom:1px solid #c0c0c0;
    margin-bottom:25px;	
}
.portfolio h2{
    text-transform:uppercase;
    font:bold 18px/18px Arial, Helvetica, sans-serif;
    color:#090909;
    padding:0 0 18px 30px;
    /*background:url(../images/arrow.gif) no-repeat 0 7px;*/
    background:url(../images/arrow-.png) no-repeat 0 7px;
}
.portfolio ul{
    width:994px;
    overflow:hidden;
}
.portfolio ul li{
    float:left;
    margin-right:33px;
    position:relative;
}
.portfolio ul li img{display:block;}
.portfolio .view{
    position:absolute;
    bottom:0;
    right:0;
    padding:0 20px 0 10px;
    color:#090909;
    font:bold 12px/21px Arial, Helvetica, sans-serif;
    background:#fe9b00 url(../images/orang-arrow.gif) no-repeat 100% 6px;
    text-transform:uppercase;
}
* html .portfolio .view{
    bottom:-1px;
    right:-1px;
}
.block{
    /*width:100%;*/
    width:960px;
    overflow:hidden;
}
.block h3{
/*    background:url(../images/small-arrow.gif) no-repeat 0 4px;*/
    background:url(../images/arrow-.png) no-repeat 0 4px;
    padding:0 0 21px 23px;
    font:bold 12px/14px Arial, Helvetica, sans-serif;
    color:#090909;
    text-transform:uppercase;
}
.block .social{
    float:right;
    width:219px;
    margin-left:82px;
}
.social ul{
    /*width:100%;*/
    width:960px;
    overflow:hidden;
    margin-left: 50px;
}
.social li{
    float:left;
    margin-right:14px;

}
.social li img{display:block;}
.block .text{
    height:1%;
    overflow:hidden;
}
/*main end*/
/*wrapper end*/
/*footer start*/
#footer{
    background:#001332;
    position:relative;
    width: 100%;
    height:71px;
    margin-top:-71px;
}
#footer .holder{
    width:960px;
    margin:0 auto;
    overflow:hidden;
    padding:19px 0 18px;
}
#footer .logo1{float:right;}
#footer .logo1 img{display:block;}
#footer .nav{
    height:1%;
    overflow:hidden;
    padding:10px 0 0;
}
#footer .nav li{
    float:left;
    background:url(../images/sep01.gif) no-repeat 0 50%;
    padding:0 6px 0 9px;
    margin:0 9px 0 -9px;
    line-height:18px;
    display:inline;
}
#footer .nav li a{color:#5d5d5d;}
/*footer end*/

.clear{
    clear: both;
}
.copy{
    color:#E4E9EC;
}

.content{
    width: 940px;
    /*outline: 1px solid;*/
    margin-left: 20px;
    /*padding-right: 20px;*/
}

.heading2{
    font-size: 18px;
    margin-bottom: 10px;
}
.heading3{
    font-size: 14px;
    margin-bottom: 10px;
}
.text-p{
    font-size: 13px;
    margin-bottom: 10px;
    line-height: 20px;
}

.blue{
    color: #0950B0;
}

.quality-table{
    width: 83%;
    border-collapse: collapse;
    border:1px solid #c0c0c0;
    margin-bottom: 20px;    
}

.quality-table tr th{
    text-align: left;
}

.quality-table tr td, .quality-table tr th{
    padding:1px 5px;
    border:1px solid #c0c0c0;
}

.center{
    text-align: center;
}

.customer-table{
    width: 95%;
    border-collapse: collapse;
}

.customer-table tr td{
    padding: 1px 5px;
    vertical-align: top;
}

.customer-table  tr td ul{
    list-style-type: none;    
}

.customer-table tr td ul li{
    line-height: 25px;
}

.enquiry-form-table{
    width:90%;
    border-collapse: collapse;
}

.enquiry-form-table tr td{
    padding: 10px;
    vertical-align: top;
}

.textbox {
    font-family: Calibri;
    font-size: 12px;
    color: #2C010B;
    width: 245px;
    height:18px;
    padding: 2px 5px;
}
.multi{
    height:60px;
}

.gallery-img-holder{
    width:350px;
    height:230px;
    border:1px solid #999898;
    margin: 20px;
    float: left;
}

.product-name{
    text-align: center;
    margin-top: 5px;
}


.content-new{
    width: 960px;
    /*height:600px;*/
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
    border-bottom:1px solid #c0c0c0;
}

.content-new-left{
    float: left;
    width: 200px;
    /*height:300px;*/
    border:1px solid #E4E9EC;  
    box-shadow: 5px 5px 15px #800000;
    margin-left: 5px;
    margin-top: 10px;
    
}


.content-new-right{
    float: right;
    width: 725px;
    /*height:500px;*/
    /*outline:1px solid red;*/
    margin-top: 10px;
}

.sector-list li{
    font-size: 14px;
    font-weight: bold;
}

.sector-list li p{
    font-weight: normal;
    font-size: 13px;
    margin-top: 10px;
    margin-left: 2px;
    line-height: 20px;
    margin-bottom: 10px;
    text-align: justify;
}

.sector-list li ul{
    margin: 5px;
    margin-left: 15px;
}
.sector-list li ul li{   
    font-weight: normal;
    font-size: 12px;
}

.abt-training-center-heading{
    font-size: 13px;
    margin: 8px 0px;
}

.sector-imgs{
    float: right;
    margin-top: 4px;
    margin-left: 10px;
}

.three-cols .col h2.col-heading{
    font-size: 15px;
}