body{
margin:0px 0px 0px 0px;
background-color:#ffffff;
}

.main{
width:1000px;
height:auto;
text-align:center;
}

.headermain{
width:1000px;
height:100px;
float:left;
margin:10px 0px 10px 0px;
}

.logo{
width:400px;
height:100px;
float:left;
background-image:url(images/bposystemsinc_logo.jpg);
background-repeat:no-repeat;
margin:0px 0px 0px 0px;
}

.logolink{
width:380px;
height:50px;
float:left;
margin:30px 10px 20px 10px;
}

.logo-rightmain{
width:580px;
height:90px;
float:left;
margin:10px 20px 0px 0px;
}

.btnsmain{
width:1000px;
height:50px;
float:left;
text-align:left;
/*background-image:url(images/btns-bg.jpg);
background-repeat:repeat-x;*/
background-color:#193971;
margin:0px 0px 4px 0px;
-ms-border-radius:8px 8px 0px 0px;
-moz-border-radius:8px 8px 0px 0px;
-webkit-border-radius:8px 8px 0px 0px;
}

.divideline{
width:2px;
height:50px;
float:left;
margin:0px 0px 0px 0px;
background-image:url(images/divideline.png);
background-repeat:no-repeat;
}


.bannermain{
width:1000px;
height:320px;
float:left;
/*background-image:url(images/bannerimage.jpg);
background-repeat:no-repeat;*/
}

.innerbannermain{
width:1000px;
height:240px;
float:left;
}

.banner-leftmain{
width:247px;
height:320px;
float:left;
margin:0px 3px 0px 0px;
}


.banner-rightmain{
width:750px;
height:320px;
float:left;
}

.clientlist-head{
width:220px;
height:auto;
float:left;
text-align:left;
background-color:#bdd027;
padding:14px 13px 14px 14px;
margin:0px 4px 0px 0px;
-ms-border-radius:20px 0px 20px 0px;
-moz-border-radius:20px 0px 20px 0px;
-webkit-border-radius:20px 0px 20px 0px;
}


.homecl-img{
width:200px;
height:auto;
float:left;
text-align:left;
/*border-left:1px solid #ececec;
border-right:1px solid #ececec;
border-bottom:1px solid #ececec;
border-top:1px solid #ececec;*/
padding:0px 13px 0px 34px;
margin:0px 0px 0px 0px;
}

.content-main{
width:1000px;
height:auto;
float:left;
text-align:left;
padding:0px 0px 40px 0px;
background-color:#ffffff;
}

.content-topmain{
width:1000px;
height:auto;
float:left;
text-align:justify;
margin:8px 0px 20px 0px;
}

.ser1{
width:220px;
height:auto;
float:left;
text-align:left;
background-color:#389ac9;/*ff7300 0280bd*/
padding:20px 13px 20px 14px;
margin:0px 4px 0px 0px;
-ms-border-radius:20px 0px 20px 0px;
-moz-border-radius:20px 0px 20px 0px;
-webkit-border-radius:20px 0px 20px 0px;
}


.ser1a{
width:220px;
height:auto;
float:left;
text-align:left;
background-color:#3768be;/*ff7300 0280bd*/
padding:20px 13px 20px 14px;
margin:0px 4px 4px 0px;
-ms-border-radius:0px 20px 0px 20px;
-moz-border-radius:0px 20px 0px 20px;
-webkit-border-radius:0px 20px 0px 20px;
}


.ser2{
width:220px;
height:auto;
float:left;
text-align:left;
background-color:#ffc600;
padding:20px 13px 20px 14px;
margin:0px 4px 0px 0px;
-ms-border-radius:20px 0px 20px 0px;
-moz-border-radius:20px 0px 20px 0px;
-webkit-border-radius:20px 0px 20px 0px;
}

.ser3{
width:220px;
height:auto;
float:left;
text-align:left;
background-color:#bdd027;
padding:20px 13px 20px 14px;
margin:0px 4px 0px 0px;
-ms-border-radius:20px 0px 20px 0px;
-moz-border-radius:20px 0px 20px 0px;
-webkit-border-radius:20px 0px 20px 0px;
}

.ser3a{
width:220px;
height:auto;
float:left;
text-align:left;
background-color:#f55651;/*ffc600*/
padding:20px 13px 20px 14px;
margin:0px 4px 0px 0px;
-ms-border-radius:20px 0px 20px 0px;
-moz-border-radius:20px 0px 20px 0px;
-webkit-border-radius:20px 0px 20px 0px;
}


.ser4{
width:220px;
height:auto;
float:left;
text-align:left;
background-color:#666666;/*28cbd0*/
padding:20px 13px 20px 14px;
-ms-border-radius:20px 0px 20px 0px;
-moz-border-radius:20px 0px 20px 0px;
-webkit-border-radius:20px 0px 20px 0px;
}

.ser-headtext{
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-align:left;
text-decoration:none;
}

.ser-contentfont{
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-align:left;
text-decoration:none;
line-height:20px;
}

.content-downmain{
width:1000px;
height:auto;
float:left;
text-align:left;
padding:80px 0px 0px 0px;
}


.innercontent-left1{
width:70%;
height:auto;
float:left;
text-align:justify;
margin:20px 0px 0px 0px;
}

.innercontent-right1{
width:30%;
height:auto;
float:right;
text-align:left;
margin:20px 0px 0px 0px;
}

.innercontent-left{
width:690px;
height:auto;
float:left;
text-align:justify;
margin:20px 30px 20px 20px;
}

.innercontent-right{
width:240px;
height:auto;
float:left;
text-align:left;
margin:20px 20px 20px 0px;
}

.first-five{
float:left;
margin-right:20px;
 font-family: Arial, Helvetica, sans-serif;
 line-height: 2;
}

.rest{
clear:both;
text-align:justify;
 font-family: Arial, Helvetica, sans-serif;
 line-height: 2;
}

.newsmain{
width:240px;
height:auto;
float:left;
text-align:left;
}

.inner-clientlist{
width:240px;
height:auto;
float:left;
text-align:left;
margin:20px 0px 0px 0px;
}

.clientlist-img{
width:200px;
height:100px;
float:left;
text-align:left;
margin:0px 20px 0px 20px;
}


.inner-hotjobs{
width:240px;
height:auto;
float:left;
text-align:left;
margin:20px 0px 0px 0px;
}

.hotjobsbtn{
width:220px;
height:48px;
float:left;
text-align:left;
margin:10px 10px 10px 10px;
}

.copyrightmain{
width:100%;
height:60px;
float:left;
background-image:url(images/copyright-bg.jpg);
background-repeat:repeat-x;
}

.copyright{
width:1000px;
height:60px;
text-align:center;
background-image:url(images/copyright-bg.jpg);
background-repeat:repeat-x;
color:#676767;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
text-decoration:none;
font-size:12px;
text-align:left;
line-height:60px;
}

.copyright-leftmain{
width:460px;
height:60px;
float:left;
text-align:left;
padding:0px 0px 0px 40px;
}

.copyright-rightmain{
width:380px;
height:60px;
float:left;
text-align:right;
padding:0px 20px 0px 0px;
}

.copyright-font{
color:#676767;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-align:left;
text-decoration:none;
line-height:60px;
}

.weblabs-link{
color:#676767;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:right;
text-decoration:none;
line-height:60px;
}

a.weblabs-link:hover{
color:#83A21D;
text-decoration:none;
line-height:60px;
}


.headfont{
color:#0080bd;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-align:justify;
text-decoration:none;
line-height:24px;
}

.headfont1{
color:#f55651;/*f9ab17*/
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-align:justify;
text-decoration:none;
line-height:24px;
}

.heading-font1a{
color:#0080bd;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-align:justify;
text-decoration:none;
line-height:24px;
}


.subheading-font{
color:#f5f5f5;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-align:justify;
text-decoration:none;
line-height:24px;
}

.subheading-font1{
color:#2a459e;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-align:justify;
text-decoration:none;
line-height:24px;
}

.subheadfont{
color:#2a7dc4;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-align:justify;
text-decoration:none;
line-height:24px;
}

.readmore-btn{
width:100px;
height:40px;
float:left;
padding:0px 90px 0px 90px;
}


.contentfont{
color:#727272;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-align:justify;
text-decoration:none;
line-height:22px;
}

.maillink{
color:#888888;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:right;
text-decoration:none;
line-height:22px;
}

a.maillink:hover{
color:#40b2c6;
text-decoration:none;
}


.submitbtn{
width:100px;
height:40px;
-ms-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
-webkit-border-radius:8px 8px 8px 8px;
color:#888888;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:center;
text-decoration:none;
line-height:22px;
background-color:#f5f5f5;
border:1px solid #999999;
}

.org{
color:#ff0000;
}


/* .banner-downmain{
width:850px;
height:176px;
float:left;
text-align:justify;
padding:0px 76px 0px 76px;
background-color:#f5f5f5;
} */

.banner-downmain {
  width: 850px;
  height: 176px;
  margin: 0 auto; /* centers the whole banner container */
  display: flex;
  justify-content: center; /* centers the items horizontally */
  align-items: center; /* centers vertically */
  gap: 40px; /* space between the two banners */
  text-align: justify;
  padding: 0 76px;
  background-color: #f5f5f5;
}

.bposer1, .bposer2 {
  width: 350px;
  text-align: left;
}


.bposer1{
width:250px;
height:160px;
float:left;
text-align:left;
padding:16px 50px 0px 0px;
}

.bposer2{
width:250px;
height:160px;
float:left;
text-align:left;
padding:16px 50px 0px 0px;
}

.bposer3{
width:250px;
height:160px;
float:left;
text-align:left;
padding:16px 0px 0px 0px;
}

.ser-head{
color:#155ea4;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-align:left;
text-decoration:none;
line-height:28px;
}

.ser-content{
color:#888888;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-align:left;
text-decoration:none;
line-height:18px;
}