/* CSS Document */
body{

}
#hwraper{
width:100%;
background-image: url(../images/wrapper_bg.gif);
background-repeat: repeat;
border-top:1px solid #ffffff;
min-width:1002px;
}
#secondaryNav{
width:17%;
float:left;
background-image: url(../images/london_underground.jpg);
background-repeat: no-repeat;
background-position: left top;
padding:222px 5px 5px 5px;
}
#hcontent{
width:79%;
float:right;
}
#hmainContent{
width:72%;
float:left;
}
#secondaryContent{
width:25%;
float:right;
}

.sidecontent{
padding:10px 10px;
}


h4{
background-color:#e7e7e7;
padding:4px;
color:#000000;
border:0 ;
margin:0px 0px 10px 0px;
font-size:100%;
}
#login{
background:#f4f4f4 url(../images/bg_login3.jpg) top right no-repeat ; 
}
#login{
margin-bottom:6px;
}
#loginform td{
padding:7px 0px 3px 0px;
}

#loginform{
padding:0px 0px 0px 0px;
margin:0px;
}
#loginform form{ 
margin:0px ;
padding:0px;
}
#loginform input{
font-size:90%;
color:#666666;
}
.arrowlist ul {
margin: 8px 0px 10px 0px;
padding:0px 0px 0px 4px;
list-style-type: none;
font-size:95%;
}
.arrowlist li{
margin: 0px;
padding:2px 0px 2px 12px;
background-image: url(../images/bullet_arrow_links.gif) ;
background-repeat: no-repeat;
background-position: 0% 50%;
}
.arrowlist a {
}
.arrowlist a:link, #arrowlist a:visited{

text-decoration: underline;
}
/* you can combine the last two rules if you wish */
.arrowlist a:hover, #arrowlist a:active{
text-decoration: underline;
}

/* CSS Document */

h1{
font-family:verdana, Arial, Helvetica, sans-serif;
color: #000000;	
font-size:14px;
border:0;
padding:8px 0px 3px 0px;
margin:10px 0px 5px 0px;}
h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000000;
padding:4px;
margin:1px 0px 1px 0px;
font-size:14px;
background-color:#e7e7e7;
}
h3{
text-shadow:#CCCCCC;
}

.homefeature{
padding:5px 0px;
}
#promo{
padding-bottom:10px;
}
#promo p{
padding:6px 0px 8px 0px;
margin:0px;

}
.flashbox{
background: url(../images/flash_bg.gif) top left repeat; 

}
#blockright{
width:150px;
float:right;
text-align:left;
padding:0px;
}
p.link{
margin: 5px 0px;
padding:4px 0px 4px 15px;
background-image:  url(../images/arrow.gif);
background-repeat: no-repeat;
background-position: 0% 0%;
font-size: .9em;
}
.link{
margin: 5px 0px;
padding:4px 0px 4px 15px;
background-image:  url(../images/arrow.gif);
background-repeat: no-repeat;
background-position: 1% 0%;
}
h4.link{
font-size: 1em;
}
p.link a:link, p.link a:visited, .link a:link, .link a:visited {
color: #999999;
text-decoration: underline;
font-weight:bold;
}
p.link a:hover, p.link a:active, .link a:hover, .link a:active {
color: #CC6600;
text-decoration: underline;
}
span.link a:link, span.link a:visited {
color: #999999;
text-decoration: underline;
}
span.link a:hover, span.link a:active {
color: #CC6600;
text-decoration: underline;
}


.solution1{
background: url(../images/bg_solution_1.gif) bottom right no-repeat ; 

}

.solution2{
background: url(../images/bg_solution_2.gif) bottom right no-repeat ; 

}

.solution3{
background: url(../images/bg_solution_3.gif) bottom right no-repeat ;
 
}


/*new section css*/

.green-ar {
    width: 22%;
    margin: 0 auto;
}

.gr-hd {
    text-align: center;
    font-size: 18px;
    position: relative;
    padding-top: 40px;
    border-bottom: 1px solid #7F7B29;
    color: #7f7b2a;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    height: 48px;
    width: 100%;
    background-color: #abd45a;
}

.green-ar {
    /* background-color: #abd45a; */
    position: relative;
    margin-top: 40px;
}

.gr-cont li {
    color: #7f7b2a;
    padding: 2px 0;
}
.gr-cont {
    background-color: #abd45a;
    width:80%;
    min-height: 230px;
    margin: 0 auto;
}
.gr-cont ul{
    margin-top: 0;
    margin-right: 10px;
}

.brown-ar {
    position: relative;
    width: 32%;
    margin-top: -80px;
    left: 12%;
}
.brown-ar {
    position: relative;
    width: 32%;
    margin-top: -80px;
    background-color: #eb89299c;
    left: 8%;
    padding: 5px;
}
.brwn-hd p {
    font-size: 18px;
    color: #7f7b2a;
    width: 90%;
    position: relative;
    border-bottom: 1px solid #7F7B29;
}
.br-cont ul {
    padding: 0 0px 0 19px;
}
.brown-ar:after {
    content: '';
    position: absolute;
    clip-path: polygon(59% 0, 59% 100%, 100% 51%);
    background-color: #eb89299c;
    width: 180px;
    height: 160px;
    margin-top: -130px;
    right: -74px;
}


.gy-hd p {
    font-size: 18px;
    color: #7f7b2a;
    width: 90%;
    position: relative;
    border-bottom: 1px solid #7F7B29;
}

.gy-cont ul {
    padding: 0 0 0 20px;
}

.gy-ar {
    width: 35%;
    position: relative;
    left: 235px;
    margin: -103px auto 0;
    background: #999898ba;
}


.gy-hd p {
    font-size: 18px;
    color: #7f7b2a;
    width: 90%;
    position: relative;
    border-bottom: 1px solid #7F7B29;
}

.gy-cont ul {
    padding: 0 0 10px 20px;
}

.gy-ar:after {
    content: '';
    position: absolute;
    clip-path: polygon(43% 0, 43% 100%, 0 48%);
    width: 181px;
    left: -78px;
    margin-top: -150px;
    height: 165px;
    background-color: #999898ba;
}
a.ar-lnk {
    text-decoration: none;
    color: #7f7b2a;
}
.thr-arrows {
    padding: 10px 0 50px;
        background-color: #F5F5DC;
}
/*.gy-ar:hover {*/
/*    background-color: #999898e6;*/
/*}*/
/*.brown-ar:hover {*/
/*    background-color: #eb8929db;*/
/*}*/
/*.gr-cont:hover {*/
/*    background-color: #7faf21;*/
/*}*/

.yarrowsec{
    width: 100%;
    height: 500px;
    position: relative;
    background-color: #F5F5DC;
    margin-bottom: 90px;
}
.arrow-border-bg{
    background-color: #F5F5DC;
}
.yarrowsec a{
    position: absolute;
}
.yarrowsec .arr-service img{
    height: 500px;
    width: 400px;
}
.yarrowsec .arr-service {
    width: 100%;
    text-align: center;
}
.yarrowsec .arr-capability{
    bottom: -60px;
    width: 100%;
    text-align: center;
    left: -200px;
    /* left: 180px; */
}
.yarrowsec .arr-capability img{
    height: 250px;
}
.yarrowsec .arr-vindustries img{
    height: 250px;
}
.yarrowsec .arr-vindustries{
    width: 100%;
    text-align: center;
    bottom: -60px;
    right: -180px
}

/* arr-capability
arr-vindustries */

/*new section css end*/