﻿


@charset "utf-8";
/* CSS Document */
#body
{
background:#ffffff;

}
a
{
text-decoration:none;
}

/*------------------menu------------------------*/
#menu2 {padding:0; margin:0 0 0 0px; list-style:none;}
#menu2 li {float:left; margin-left:1px; /*padding-top:5px;*/}
#menu2 li a {display:block; height:38px; line-height:38px; padding:0 18px 0 0; float:left; background:url(img/tab_a.gif) no-repeat right top; color:#FFFFFF; text-decoration:none; font-family:Calibri, Tahoma; font-size:14px; font-weight:bold;}
#menu2 li a b {display:block; height:38px; float:left; padding:0 0 0 18px; background:url(img/tab_b.gif) left top; cursor:pointer;}
#menu2 li a:hover, 
.home #menu2 li#home a,
.single #menu2 li#single a,
.dropdown #menu2 li#dropdown a,
.dropline #menu2 li#dropline a,
.flyout #menu2 li#flyout a,
.support #menu2 li#support a,
.contact #menu2 li#contact as
{background-position:right -51px; margin-top:-2px; height:40px; color:#000000;}
#menu2 li a:hover b,
.home #menu2 li#home a b,
.single #menu2 li#single a b,
.dropdown #menu2 li#dropdown a b,
.dropline #menu2 li#dropline a b,
.flyout #menu2 li#flyout a b,
.support #menu2 li#support a b,
.contact #menu2 li#contact a b
{background-position:left -51px; height:40px;}

/*------------------End menu------------------------*/

#wapper
{
width:1000px; height:auto; background:#ffffff; margin:auto; /*border:#999999 solid 1px;*/
}
#menu
{
width:950px; /*height:70px;*/ float:left; background:#000000;/* border:#999999 solid 1px;*/
padding:20px 0px 0px 50px;
}
#menu-txt
{ 
padding:25px 15px 25px 15px; float:left; min-width:50px; height:25px;/* background:#000000;*/  font-family:Calibri, Tahoma; font-size:20px;  color:#ffffff;
}
#menu-txt a
{ 
color:#ffffff; text-decoration:none; background:#000000;
}
#menu-txt a:hover
{ 
color:#000000; background:#FFFFFF;
}
#logo-bg
{
width:1000px; height:100px; float:left; background:#ffffff; border-bottom:#d5d3d3 solid 2px;
}
#logo-bg-home
{
width:1000px; height:100px; float:left; background:#ffffff; border-bottom:#d5d3d3 solid 2px;
}
#logo
{
width:315px; height:81px; float:left; padding-top:8px;
}
#logo_nxt_img
{
width:425px; height:93px; float:left; padding-top:3px; margin-left:28px;
}
#logo-homes
{
width:315px; height:81px; float:left; padding-top:8px;
}
#search
{
width:225px; height:65px; float:right; margin: 22px 0px 0px 0px;/* border:#CCCCCC solid 1px;*/
}
#search-home
{
width:225px; height:65px; float:right; margin: 22px 0px 0px 0px;/* border:#CCCCCC solid 1px;*/
}
#search-box
{
width:135px;height:auto;  float:left; margin-top:2px;
}
.search-logo
{
border:solid 1px #353333; background:#333333; width:150px; height:18px; color:#FFFFFF;
}
#search-button
{
width:auto; height:auto; float:left; margin:2px 10px 0px 0px;
}
#link-box
{
width:200; height:auto; float:left;
}
#link-button
{
float:left; margin:3px 2px 0px 2px;
}

#titel
{
float:left;; margin-top:20px; margin-left:280px; margin-bottom:18px; font-family:Calibri, Tahoma; font-size:28px; font-weight:bold; color:#333333;
}
#contant-area
{
width:700px; height:auto; float:left; /*border:#333333 solid 1px;*/
}
#contant-area-case
{
width:700px; height:auto; float:left; /*border:#333333 solid 1px;*/
}
#data
{
width:293px; height:auto; float:left; margin-left:32px; margin-bottom:15px;/* border:#CCCCCC solid 1px;*/
}
#img
{
width:293px; height:196px; float:left;
}
#banner
{
width:1000px; height:578px; float:left; margin: 0px 0px 0px 0px; background:url(img/homeimg.jpg) no-repeat;  /*border: solid 1px #CCCCCC;*/
}
/*#banner-bg
{
width:600px; height:138px; float:right; background-color:#e5e5e7; 
 for IE
filter: alpha( opacity=40);
css3 standard
opacity:0.5;
}*/
#banner-inner
{
width:195px; height:126px; float:right; /*border-left: solid 12px #868383;*/ background:url(img/bannerbg-png.png);
}
#banner-txt-head
{
width:165px; height:20px; font-family:Calibri; font-size:20px; font-weight:bold; text-align:left; color:#120e0e; float:left; margin: 12px 0px 10px 20px;

}
#banner-link
{
width:160px; height:20px; font-family:Calibri; font-size:14px;  text-align:right;  color:#fd0101; float:left; margin: 0px 10px 0px 20px;

}
#more_link
{ 
color: #EC0000;

}
#banner-link a
{
 color:#fd0101; text-decoration:underline;

}
#banner-link a:hover
{
 color:#fd0101; text-decoration:none;

}

#banner-txt
{
width:160px; height:55px; font-family:Calibri;  font-size:13px; float:left; font-weight:bold; text-align:left; color:#1b1818; 
margin: 0px 0px 0px 20px;

}
#sub-titel
{
float:left; width:293px; font-family:Calibri, Tahoma; font-size:18px; font-weight:bold;  margin:8px 0px 10px 0px;
}
#sub-titel-latest
{
float:left; width:293px; font-family:Calibri, Tahoma; font-size:18px; font-weight:bold;  margin-top:10px; margin-bottom:8px;
}
#txt-data
{
height:auto; width:293px; float:left; font-family:Calibri, Tahoma; font-size:12px; margin-bottom:10px; text-align:justify; color:#433e3e;
}
#side-menu
{
width:293px; height:auto; float:left; margin-left:0px;   border-left:#d5d3d3 solid 2px;
}
#side-menu-bg
{
width:293px; height:35px; margin-bottom:15px; float:left; background:#d5d3d3; 
}
#side-menu-head
{
float:left; width:293px; font-family:Calibri, Tahoma; font-size:16px; font-weight:bold;  margin-top:8px;  color:#333333;
}
#side-menu-list
{
float:left; width:265px; font-family:Calibri, Tahoma; font-size:14px; margin: 4px 0px 0px 25px; /*border:#cccccc solid 1px;*/
}
#side-menu-list a
{ 
color: #000000;
text-decoration:underline;
}
#side-menu-list a:hover
{ 
color: #000000;
text-decoration:none;
}
#side-menu-list-it
{
float:left; width:250px; font-family:Calibri, Tahoma; font-size:14px; margin: 4px 0px 0px 25px; 
}
#side-menu-list-it a
{ 
color: #000000;
text-decoration:underline;
}
#side-menu-list-it a:hover
{ 
color: #000000;
text-decoration:none;
}
#talk
{
width:220px; height:148px; float:left; margin:25px 25px 10px 25px; background:url(img/talk.png) no-repeat; 
}
#talk-link
{
float:left; width:150px; font-family:Calibri, Tahoma; font-size:16px; font-weight:bold; margin: 118px 0px 0px 48px; color:#035ca0;
}
#talk-link a
{
 color:#035ca0; text-decoration:underline;
}
#talk-link a:hover
{
 color:#035ca0; text-decoration:none;
}
#inst-msg
{
width:250px; height:41px; float:left; margin:0px 0px 15px 15px;
}
#inst-data
{
width:220px; height:50px; float:left; margin:0px 0px 5px 35px; /*border:#666666 solid 1px;*/ 
}
#inst-img
{
width:50px; height:50px; float:left;
}
#inst-txta
{
width:150px; height:20px; float:left; font-family:Calibri, Tahoma; font-size:15px;  color:#404040; margin: 15px 0px -10px 10px;
}
#inst-txt
{
width:150px; height:20px; float:left; font-family:Calibri, Tahoma; font-size:15px;  color:#404040; margin: 8px 0px -3px 10px;
}
#inst-txt1
{
width:150px; height:20px; float:left; font-family:Calibri, Tahoma; font-size:15px;  color:#2181c9 ; margin: 6px 0px -12px 10px;
}
#inst-txt1 a
{
color:#2181c9 ; text-decoration:underline;
}
#inst-txt1 a:hover
{
color:#2181c9 ; text-decoration:none;
}





#pro-img
{
width:100px; height:80px; float:left; margin-bottom:10px;
}
#web-link
{
float:left;; margin-top:25px; margin-left:20px; font-family:Calibri, Tahoma; font-size:18px; font-weight:bold; color:#29528a;
}
#web-link a
{
 color:#29528a;
 text-decoration:underline;
}
#web-link a:hover
{
 color:#29528a;
 text-decoration:none;
 
}
#black-bg
{
width:700px; height:auto; float:left; background:#1d1d1d; margin-top:10px;
}
#black-data
{
width:295px; height:250px; float:left; margin: 15px 0px 10px 30px; /*border:#ffffff solid 1px;*/
}
#black-head
{
width:293px; height:36px; float:left; background:#383637;
}
#sub-tite2
{
float:left; width:293px; font-family:Calibri, Tahoma; font-size:18px; font-weight:bold;  margin-top:8px; margin-bottom:10px; color:#FFFFFF;
}
#txt-data2
{
height:auto; width:293px; float:left; font-family:Calibri, Tahoma; font-size:14px; margin-bottom:10px; color:#8c8c8b;
}
#more
{
width:200px; height:auto; text-align:right;  float:right; margin-right:10px; font-weight:bold; font-family:Calibri, Tahoma; font-size:12px; color:#ffffff;
}
#more a
{
 color:#ffffff;
 text-decoration:underline;
}
#more a:hover
{
 color:#06a8ec;
 text-decoration:none;
}
#username
{
width:150px; height:auto; float:left; font-family:Calibri, Tahoma; font-size:14px;  margin-left:10px; color:#FFFFFF;  
}
#username-txt-box
{
width:150px;height:auto; margin-left:10px; float:left; margin-top:2px;
}
.search-bb
{
border:solid 1px #353333; background:#333333; width:270px; height:18px; color:#FFFFFF;
}
#password
{
width:150px; height:auto; float:left; font-family:Calibri, Tahoma; font-size:14px;  margin-left:10px; color:#FFFFFF;  
}
.search-bb-1
{
border:solid 1px #353333; background:#333333; width:270px; height:18px; color:#FFFFFF;
}
#checkbox
{
width:293px; height:23px; margin-top:5px; float:left; /*border:#FFFFFF solid 1px;*/
}
#check-button
{
width:auto; height:auto; float:left; margin: 4px 5px 0px 10px; 
}
#check-button-txt
{
width:auto; height:auto; float:left; margin-top:4px; font-family:Calibri, Tahoma; font-size:14px; color:#FFFFFF;
}
#login-button
{
width: 75px; height:22px; float:right; margin-right:12px; /*background:#333333; border:#615f5f solid 1px;*/ 
}


/*#login-txt
{
font-family:Calibri, Tahoma; font-size:16px; color:#FFFFFF; margin: 1px 0px 0px 20px;
}
#login-txt a 
{
 color:#FFFFFF; 
}
#login-txt a:hover
{
 color:#c73212; 
}*/
#password-rem
{
width:150px; height:auto; float:left; font-family:Calibri, Tahoma; font-size:14px;  margin: 5px 0px 5px 10px; color:#FFFFFF;  
}
#password-rem a
{
 color:#FFFFFF;
 text-decoration:underline; 
}
#password-rem a:hover
{
 color:#06a8ec;
 text-decoration:none;  
}

#fotter
{
width:1000px; background:#383637; height:50px; float:left; padding-top:0px; padding-bottom:30px;
}
#fotter1
{
width:1000px; height:50px; float:left; background:#383637; margin-top:70px; margin-bottom:30px;
}
#fotter a
{ 
text-decoration:none;
}
#fotter a:hover
{ 
text-decoration:underline;
}
#fotter1 a
{ 
text-decoration:none;
}
#fotter1 a:hover
{ 
text-decoration:underline;
}
#copyrigth
{ 
margin-left:321px; margin-top:12px; float:left; font-family:Calibri, Tahoma; font-size:14px; color:#FFFFFF;
}
/*------------------------ IT  services ---------------------------------*/
#contant-area-it
{
width:690px; height:auto; float:left;/* border:#CCCCCC solid 1px;*/ margin: 0 30px 15px 0px;
}
#contant-area-it1
{
width:800px; height:auto; float:left;/* border:#CCCCCC solid 1px;*/ margin: 0 30px 15px 0px;
}

#contant-area-its
{
width:550px; height:auto; float:left;/* border:#CCCCCC solid 1px;*/ margin: 30px 80px 15px 0px;
}
#contant-area-client
{
width:998px; border: #999999 solid 1px; height:auto; float:left;/* border:#CCCCCC solid 1px;*/ margin: 10px 30px 15px 0px;
}
#contant-area-case
{
width:600px; height:auto; float:left;/* border:#CCCCCC solid 1px;*/ margin: 10px 30px 15px 0px;
}
#IT-right-data
{ 
width:690px; height:auto;  /*border:#CCCCCC solid 1px;*/ margin-bottom:10px;  float:left; font-family:Calibri, Tahoma; font-size:14px; color: #000000; text-align:justify; line-height:20px;
}
#it-data
{
width:600px; height:450px; float: left; border:#CCCCCC solid 1px;
}
#it-menu-img
{
width:500px; height:250px; float:left; margin:5px 0px 10px 15px; 
}
/**-------------------------------- Dynamics -----------------------*/

#dyn-right-data
{ 
width:700px; height:auto;  /*border:#CCCCCC solid 1px*/; margin-bottom:10px;  float:left; font-family:Calibri, Tahoma; font-size:12px; color:#000000; text-align:justify; 
}
#dyn-img
{
width:700px; height:72px; float:left; margin:5px 0px 10px 15px; 
}
#dyn-contant-area-it
{
width:690px; height:auto; float:left; /*border:#CCCCCC solid 1px;*/ margin: 0px 30px 15px 0px;
}
/*--------------------------soluction ---------------------------------*/
#solu-right-data
{ 
width:700px; height:auto;  /*border:#CCCCCC solid 1px;*/ margin-bottom:10px;  float:left; font-family:Calibri, Tahoma; font-size:12px; color:#000000; text-align:justify; 
}
#solu-contant-area-it
{
width:690px; height:auto; float:left;/* border:#CCCCCC solid 1px; */margin: 0px 30px 15px 0px;
}
#solu-img
{
width:500px; height:250px; float:left; margin:5px 0px 10px 15px; 
}
/*--------------------- industries -------------------------------------*/
#ind-img
{
width:320px; height:150px; float:left; margin:5px 10px 10px 15px; 
}
/*---------------------------- clients ----------------------------------*/
#logos
{
width:980px ; height:auto; float:left;s
}
#cli-img
{
width:auto; height:auto; float:left; margin:5px 0px 20px 30px; /*border:#CCCCCC solid 1px;*/
}

/*------------------------ contact us -----------------------------------*/
#Contact-us
{ 
width:330px; height:auto;  /*border:#CCCCCC solid 1px;*/ margin:0px 10px 0px 10px; float:left;
}
#Contact-form
{ 
width:430px; height:auto; /* border:#CCCCCC solid 1px;*/  float:left; margin:0 0 70px;
}
#Contact-form1
{ 
width:430px; height:auto; /* border:#CCCCCC solid 1px;*/  float:right; margin:0 0 30px 0px;
}

#cont-inner-line
{
width:430px; height:20px; float:left; /*border:#CCCCCC solid 1Px;*/ margin-top:5px;
}
#cont-inner-line1
{
width:450px; height:70px; float:left; /*border:#CCCCCC solid 1Px;*/ margin-top:5px;
}
#cont-inner-line2
{
width:450px; height:30px; float:left; /*border:#CCCCCC solid 1Px;*/ margin:3px 0px 5px 0px; 
}
#data-box
{
width:200px; height:70px; float:left;  border: inset 2px #CCCCCC;
}
#Cont-txt
{
width:200px; height:20px; /*border:#CCCCCC solid 1px;*/ font-family:Calibri, Tahoma; font-size:12px;   margin:5px 5px 0px 0px; float:left; text-align:right;
}
#Cont-txt1
{
width:200px; height:20px; /*border:#CCCCCC solid 1px;*/ font-family:Calibri, Tahoma; font-size:12px;   margin:25px 5px 0px 0px; float:left; text-align:right;
}
#Cont-txt2
{
width:200px; height:20px; /*border:#CCCCCC solid 1px;*/ font-family:Calibri, Tahoma; font-size:12px;   margin:5px 5px 0px 0px; float:left; text-align:right;
}

#cont-textbox
{
width:175px; height:12px; float:left;  
}
#cont-textbox2
{
width:175px; height:12px; float:left; margin:8px 0px 0px 0px; 
}
#cont-button
{
width:175px; height:12px; float:left; margin:10px 0px 0px 0px;  
}
#cont-button1
{
width:175px; height:12px; float:left; margin:55px 0px 0px 0px;  
}
#cont-listbox
{
width:175px; height:15px; float:left;  
}
#Contact-add
{ 
width:250px; height:auto;  /*border:#CCCCCC solid 1px;*/ margin-left:20px;  float:left; font-family:Calibri, Tahoma; font-size:14px; color: #000000; text-align:justify;
}
#conactus-link
{ 
width:250px; height:auto;  float:left; font-family:Calibri, Tahoma; margin-left:50px; font-weight:bold; font-size:14px; color:#000000; text-align:justify; 
}
#conactus-link a 
{ 
color:#0b05fd;
text-decoration:underline;
}
#conactus-link a:hover
{ 
color:#0b05fd;
text-decoration:none;
}
/*---------------------- company over view  ---------------------------*/
#Cov-supmrnu
{
float:left;; margin-top:10px; margin-bottom:18px; font-family:Calibri, Tahoma; font-size:16px; font-weight:bold; color: #000000;
}
#Cov-data
{ 
width:700px; height:auto;  /*border:#CCCCCC solid 1px;*/  float:left; font-family:Calibri, Tahoma; font-size:14px; color: #000000; text-align:justify; line-height:20px;
}
#Cov-data-case
{ 
width:700px;  /*border:#CCCCCC solid 1px;*/  float:left; font-family:Calibri, Tahoma; font-size:14px; color: #000000; text-align:justify; line-height:20px;
}

#right-menu
{
width:225px; height:autos; float:right; border:#CCCCCC solid 1px;
}
#Cov-sub-tit
{
float:left; width:700px; margin: 0px 0px 10px 0px;s font-family:Calibri, Tahoma; font-size:16px; bottom:10px; font-weight:bold; color:#333333;
}
#Cov-sub-tit1
{
float:left;  margin-bottom:10px; font-family:Calibri, Tahoma; font-size:16px; bottom:10px; font-weight:900; font-style:italic; color:#333333;
}
#capability-img
{
width:530px; height:315px; float:left; margin:5px 100px 10px 100px; 
}
#cov-side-menu-bg
{
width:275px; height:30px; float:left; background:#d5d3d3; margin-bottom:15px;
}
#cov-side-menu-bg1
{
width:275px; height:30px; float:left; background:#d5d3d3; margin-bottom:15px; margin-top:20px;
}
#cov-side-menu-bg2
{
width:275px; height:30px; float:left; background:#d5d3d3; margin-bottom:15px;
}
#cov-side-menu-head
{
float:left; width:275px; font-family:Calibri, Tahoma; font-size:16px; font-weight:bold;  margin-top:6px;  color: #000000;
}
#cov-side-menu
{
width:275px; height:auto; float:right; border-left:#d5d3d3 solid 1px; border-right:#d5d3d3 solid 1px; border-bottom:#d5d3d3 solid 1px; margin:10px 0;
}
/*-----------------Leadership Team----------------------*/
#lst-data
{ 
width:700px;  height:auto;  /*border:#CCCCCC solid 1px;*/  float:left; font-family:Calibri, Tahoma; font-size:12px; color:#433e3e; text-align:justify; 
}
#lst-inner-data
{
width:700px; height:200px; float:left; /*border:#CCCCCC solid 1px;*/
}
#lst-imgs
{
width:145px; height:161px; float:left; /*border:#CCCCCC solid 1px;*/
}
#name
{
float:left; width:140px; height:20px; text-align:center; font-family:Calibri, Tahoma; font-size:14px;   color: #000000; 
}
#ist-data
{
width:525px; height:160px; float:left; font-size:14px; color:#000000; text-align:justify; margin: 28px 0px 0px 20px; /*border:#CCCCCC solid 1px;*/
}

/*---------------------------------------why espl ------------------------------------*/
#why-data
{ 
width:700px; height:auto;  /*border:#CCCCCC solid 1px;*/ margin-bottom:10px;  float:left; font-family:Calibri, Tahoma; font-size:12px; color:#000000; text-align:justify; 
}
#why-data1
{ 
width:650px; height:auto;  /*border:#CCCCCC solid 1px;*/ margin-left:30px;  float:left; font-family:Calibri, Tahoma; font-size:12px; color:#000000; text-align:justify;
}
#why-data1 ul
{
display:inherit;
list-style:disc;
}
#why-data1 ul li
{
display:inherit;
margin-top:5px;
}

/*-------------------------------------careers--------------------------------------*/
#car-data-link
{ 
width:750px; height:auto;  float:left; font-family:Calibri, Tahoma; font-weight:bold; font-size:14px; color:#000000; text-align:justify; 
}
#car-data-link a 
{ 
color:#0b05fd;
text-decoration:underline;
}
#car-data-link a:hover
{ 
color:#0b05fd;
text-decoration:none;
}
/*--------------------------- mobile app -------------------------*/
#mobile-side-menu-bg
{
width:275px; height:30px; float:left; background:#d5d3d3; margin-bottom:12px;
}
#mobile-side-menu-head
{
float:left; width:275px; font-family:Calibri, Tahoma; font-size:18px; font-weight:bold;  margin: 4px 0px 4px 13px; color:#554f4f;
}
/*----------------------------------------*/
#callbackbg
{
	width:186px; height:26px; background:url(img/Untitled-1.jpg) no-repeat; float:left; padding:114px 0px 0px 35px; margin:25px 25px 15px 25px;
}
#footer-link
{
font-family:Calibri, Tahoma; font-size:15px; color:#FFFFFF;
}
#sitemap
{ 
font-family:Calibri, Tahoma; font-size:14px; color: #000000;
}
#sitemap a
{ 
color: #000000;
text-decoration:none;
}
#sitemap a:hover
{ 
color: #000000;
text-decoration:underline; 
}

#site-bottom-bar {
			background-color: #F0F0F0 ;
			border-top: 1px solid #CCCCCC ;
			border-left: 1px solid #CCCCCC ;
			border-right: 1px solid #CCCCCC ;
			bottom: 0px ;
			font-family: verdana, arial ;
			font-size: 11px ;
			height: 30px ;
			position: fixed;
			width: 100% ;
			z-index: 1000 ;
			s}
 
		#site-bottom-bar-frame {
			height: 30px ;
			margin: 0px 10px 0px 10px ;
			position: relative ;
			}
 
		#site-bottom-bar-content {
			padding: 3px 0px 0px 0px ;
			}
			#float_extolution
			{
	width:200px; float:left; margin:4px; font-size:11px; font-weight:bold; color:#CC0000;
}
#float_facebook
			{
	width:600px; float:left; 
}
