h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}

body{font-family:Arial, Verdana, Helvetica, sans-serif;}

*{padding:0px:; margin:0px;}

.main {
	width: 100%;
}

.exect-ht {
	width: 1002px;
	margin:auto;

}

.top {
	width: 1002px;
	clear: both;
}

.topbg {
	width: 1002px;
    background:url(images/topbg.jpg) no-repeat; height:142px;
}

.tophomemenu {
		margin-top:100px;
		width:1002px;
		padding-left:550px;
		font-family:Arial, Verdana, Helvetica, sans-serif;font-size:12px;color:#444444;
}

.whyemicro{background:url(images/bgbase.jpg) repeat top left; height:500px; width:100%; text-align:center;}
.bighead{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:25px; font-weight:bold;color:#42464e; background:none; text-align:center;}
.alltext {font-family:Georgia, "Times New Roman", Times, serif;font-size:25px; font-weight:normal;color:#42464e;color:#42464e;
text-align:center;left;color: #444444; line-height:40px;}

.footerbx {
	width: 1380px;
	background-color: #137ba9;
	clear: both;
	height: 70px;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
	text-align:center;
	vertical-align:middle;
}


.linktxt{font-family:Arial, Verdana, Helvetica, sans-serif;font-size:12px;color:#444444; background:none; text-align:right; text-decoration:none;}
.linktxt a{font-family:Arial, Verdana, Helvetica, sans-serif;font-size:12px;color:#ffffff; background:none; text-decoration:underline; text-align:right;}
.linktxt:hover{font-family:Arial, Verdana, Helvetica, sans-serif;font-size:12px;color:#ffffff; background:none; text-decoration:overline; text-align:right;}

.footlinktxt{font-family:Arial, Verdana, Helvetica, sans-serif;font-size:12px;color:#efefef; background:none; text-align:right; text-decoration:none;}
.footlinktxt a{font-family:Arial, Verdana, Helvetica, sans-serif;font-size:12px;color:#ffffff; background:none; text-decoration:none; text-align:right;}
.footlinktxt:hover{font-family:Arial, Verdana, Helvetica, sans-serif;font-size:12px;color:#444444; background:none; text-decoration:underline; text-align:right;}
.foottxt{font-family:Arial, Verdana, Helvetica, sans-serif;font-size:12px;color:#efefef; background:none; }

.bott {
	width: 1002px;
	clear: both;
}
.midd {
	width: 1002px;
	clear: both;
	background-color: #FFFFFF;
	margin-top: 50px;
}


.midd3 {
	width: 1002px;
	clear: both;
	background-color: #FFFFFF;
	margin-top: 20px;
}


.midd-about {
	width: 1002px;
	clear: both;
	background-color: #FFFFFF;
	margin-top: 0px;
}

.logobox {
	width: 1002px;
	clear: both;
}

.imagebox {
	width: 1002px;
	float:left;
	padding-top: 20px;
	height: 440px;
}

.imagebox-about {
	width: 1002px;
	clear: both;
	padding-top: 20px;
	height: 240px;
	background-repeat: no-repeat;
	background-position: center;
	color: #FFFFFF;
}

.image-about {padding:5px; border: 5px solid #efefef;}

.head-img-bg{  background-color:#f2f0f0; border:#dbdbdb solid 1px; padding:14px 0 14px 0;}

.logo {
	float: left;
	height: 120px;
	width: 640px;
	padding-top: 25px;
}
.contactimage {
	float: left;
	width: 80px;
	height: 70px;
	padding-top: 50px;
}
.contacttext {
	float: left;
	color: #FFFFFF;
	width: 230px;
	height: 70px;
	padding-top: 70px;
	font-size: 14px;
}


.manubox {
	width: 1002px;
	clear: both;
	height: 30px;
	padding-left: 0px;
}

.manubox ul {
	list-style-type: none;
}
.manubox ul li {
	height: 38px;
	font-size: 13px;
	color: #FFFFFF;
	float: left;
	background-image: url(images/manuline_03.jpg);
	background-repeat: no-repeat;
	line-height: 35px;
}

.manubox ul li a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	display:block;
	padding-right: 9px;
	padding-left: 10px;
}

.manubox ul li a:hover{
	background-color:#003366;
	display:block;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	padding-right: 9px;
	padding-left: 10px;
	padding-top:2px;
}



.leftmidbox {
	float: left;
	width: 725px;
	padding:25px 0 25px 0;
}



.leftmidbox3 {
	float: left;
	width: 725px;
	padding:5px 0 25px 0;
}




.lft-brd{ background-color:#f2f0f0; border:#dbdbdb solid 0px;}

.leftmidbox-about {
	float: left;
	width: 675px;
}


.rightmidbox {
	width: 265px;
	float: left;
}


.rightmidbox-about {
	width: 265px;
	float: left;
	margin-top:10px;
	padding-left:17px;
	padding-right: 0px;
}

.welcomebox {
	clear: both;
}

.our-clientprojectbox {
	/*clear: both;*/
	float:left;
	width: 702px;
	/*height: 313px;*/
	margin:45px 0 0px 14px;
	/*margin:15px 0 32px 14px;
	padding-top: 17px;*/
}
.welcometext {
	clear: both;
	font-size: 25px;
	color: #333333;
	padding-bottom: 10px;
	padding-left: 20px;
}
.welcomeline {
	clear: both;
	padding-left: 20px;
}

.welcome-imageandtext {
	clear: both;
	width: 675px;
	padding:40px 0 0 27px;
}


.about-imageandtext {
	clear: both;
	background-repeat: no-repeat;
	width: 702px;
	padding-top: 20px;
}


.welcome-readmore {
	clear: both;
	width: 640px;
}

.welimage {
	float: left;
	width: 140px;
	padding-left: 27px;
}


.welimage-homepage {
	float: left;
	width: 160px;
	/*padding-left:27px;*/
	
}

.welimage-about {
	padding-left: 20px;
	clear: both;
	font-size: 13px;
	line-height:19px;
	text-align: justify;
}

/*career*/  

.welimage-about-text {
	padding-left: 1px;
	font-size: 13px;
	line-height:19px;
	text-align: justify;
	width: 660px;
	clear: both;
}


.welimage-about-textchenge {
	font-size: 13px;
	line-height:19px;
	text-align: justify;
	width: 660px;
	clear: both;

}


/*
.welimage-about-text div{
	line-height:16px;
	border:1px solid;
	padding-top:0px;
}

*/


.welimage-vision {
	clear: both;
	font-size: 13px;
	text-align: justify;
	margin:0 0 0 15px;
}

.welimage-vision ul{ margin:0px; padding:0px;}

.welimage-vision ul li{line-height:30px;
  padding:0 0 0 35px;
  line-height:25px;
  background-image:url(images/right.png);
  background-repeat:no-repeat;
  background-position:left top;
  }


.welimage-aboutimg {
	padding-left: 20px;
	float:left;
	font-size: 13px;
	line-height:19px;
	text-align: justify;
}


.welimage-tech {
	clear: both;
	font-size: 13px;
	line-height:19px;
	text-align: justify;
	margin-left:15px;
}

.welimage-tech ul{ margin:0px; padding:0px;}

.welimage-tech ul li{line-height:30px; list-style:disc; margin:0 0 0 20px;}


.head-txt{ font-size:14px; color:#113a7e; font-weight:bold;}
.head-txt a{ font-size:13px; color:#113a7e; font-weight:bold; text-decoration:none;}
.head-txt a:hover{ font-size:13px; color:#113a7e; font-weight:bold; text-decoration:underline;}

.list1 ul{ margin:0px 0 0 0px; padding:0px 00 0px 0;}
.list1 li{ list-style:decimal; margin:0px 0 0 0px; padding:0px 00 10px 0; font-size:13px; line-height:19px;}

.weltext {
	float: left;
	width: 510px;
	font-size: 13px;
	text-align: justify;
}


.weltext-homepage {
	float: left;
	width: 490px;
	font-size: 13px;
	line-height:19px;
	text-align: justify;
}

.ourprojectbox {
	float: left;
	height: 313px;
	width: 345px;
	background-image: url(images/projlets-img_03_03.jpg);
	background-repeat: no-repeat;
}

.letesttbox {
	float: left;
	height: 313px;
	width: 345px;
	background-image: url(images/projlets-img_03_03.jpg);
	background-repeat: no-repeat;
	margin-left: 5px;
}

.projtext {
	clear: both;
	font-size: 16px;
	color: #32b0cf;
	padding-top: 30px;
	padding-bottom: 15px;
	padding-left: 27px;
}

.proj-img {
	clear: both;
	padding-left: 27px;
}

.proj-read {
	clear: both;
	padding:7px 0 0 0;
}
.proj-text {
	clear: both;
	padding-left: 27px;
	font-size: 13px;
	line-height:19px;
	text-align: justify;
	padding-top: 10px;
}



.proj-text-new {
	clear: both;
	padding-left: 27px;
	font-size: 13px;
	line-height:19px;
	text-align: justify;
	padding-top: 10px;
}

.proj-text-new ul{list-style:none; margin:0px; padding:0px;}
.proj-text-new ul li{ font-family:Arial, Helvetica, sans-serif; font-size:13px; background:url(images/project-seer_03.jpg) no-repeat left 10px; margin:0px; padding:0 10px 0 20px;}


.ourprojectbox-main {
	clear: both;
	width: 320px;
}
.rightmidbox-main {
	width: 2480px;
	margin-right: auto;
	margin-left: auto;
}
.searchbox {
	clear: both;
	height: 40px;
	padding-top: 3px;
	width:265px;
}

.searchimagetext {
	height: 40px;
	clear: both;
}
.ourservisessbox {
	float:left;
	width:265px;
	border:1px solid #dbdbdb;
	background-color:#FFFFFF;
}
.srch {
	width: 205px;
	height: 21px;
	padding-left:3px;
	border:#dbdbdb solid 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; color:#333333;
	outline:none;
}
.goimg {
	padding-top: 5px;
}
.serchtx {
	float: left;
	width: 205px;
	
}
.searchgo {
	float: left;
	padding-left: 19px;
	
}
.ourservicestext {
	clear: both;
	color: #32b0cf;
	font-size: 16px;
	padding-top: 18px;
	padding-bottom: 20px;
}
.ourservices-manu {
	clear: both;
}
.ourservices-read {
	/*clear: both;*/
	float:right;
	padding:30px 0 30px 0;
/*	padding-bottom: 10px;*/
}
.readimagest{
float:right;
padding:25px 0 0 0;
*padding:6px 0 0 0;
}


.ourservisessbox-main {
	width: 220px;
	margin-right: auto;
	margin-left: auto;
}
.ourservices-manuline {
	/*clear: both;*/
	float:left;
	padding:15px 0 11px 0;
	/*padding-bottom: 10px;*/
}
.ourservices-manu ul {
	list-style-type: none;
}
.ourservices-manu ul li {
	font-size: 11px;
	background-image: url(images/project-seer_03.jpg);
	background-repeat: no-repeat;
	line-height: 30px;
}
.osleftimg {
	float: left;
	width: 10px;
	padding-top: 1px;
}
.oslefttext {
	float: left;
	width: 200px;
	font-size: 11px;
	padding-left: 10px;
	color: #1f566b;
}
.ourclientboxx {
	width: 265px;
	float:left;
	border:1px solid #efeeee;
	margin-top:32px;
}
.oc-text {
	clear: both;
	font-size: 16px;
	color: #32b0cf;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 23px;
}
.ocimages {
	clear: both;
	height: 230px;
}


.ocimages-view {
text-align:right;
	clear: both;
	height: 40px;
	padding:0 24px 0 0;
	}

.ocimages-dabur {
	float: left;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left:24px;
}
.ocimages-nokia {
	float: left;
	padding: 15px;
}
.footerbox {
	width: 1002px;
	background-color: #137ba9;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding-left: 250px;
	text-align:center;
	vertical-align:middle;
}
.footerbox ul {
	list-style-type: none;
	padding-top: 30px;
}

.footerbox ul li {
	font-size: 11px;
	color: #FFFFFF;
	float: left;
	background-image: url(images/botmanu-line_03.jpg);
	background-repeat: no-repeat;
	padding-right: 12px;
	padding-left: 8px;
}

.footermbox {
	width: 100%;
	background-color: #137ba9;
	clear: both;
	height: 56px;
}
.oslefttext a {
	color: #1f566b;
	text-decoration: none;
}

 .oslefttext a:hover{color:#812e06;}
 



 
.footerbox ul li a {
	text-decoration: none;
	color: #FFFFFF;
}

.footerbox ul li a:hover{color:#812e06;}

.award-gap {
	float: left;
	width: 100px;
}
.award-hei {
	float: left;
	clear:both;
	height: 50px;
	width:700px;
}

.shdw{float:left; width:176px; }
.shdw a{float:left; width:176px;}
.shdw a:hover{box-shadow: 4px 4px 8px 2px #888;}

.about-imgegf {
	float: left;
	width: 176px;
}

.about-imgegf-right {
	float: left;
	width: 475px;
	font-size: 13px;
	margin-left: 18px;
	text-align: justify;
	line-height:19px;
}
.querie {
	width: 100px;
	height: 22px;
}

.querie-point {
	width: 20px;
	height: 30px;
}


.querie-pointform {
	width: 250px;
	height: 22px;
}.inputform {
	width: 200px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.tarea {
	width: 200px;
	height: 70px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.submitbox {
	width: 150px;
	height: 30px;
	padding-top: 8px;
}


.submitbbox {
/*	width: 300px;
	height: 30px;*/
	padding-top: 8px;
	padding-right: 0px;
}

.submitboxx {
	width: 50px;
	height: 30px;
	padding-top: 8px;
	padding-right: 7px;
}
.detail-imgss {
	float: left;
	padding-right: 20px;
	padding-left: 480px;
}


.apply-imgss {
	float: left;
}

.detail-imgss-box {
	width: 680px;
	clear: both;
}

.pop-up{
	width:450px;
	border: 2px solid #e2e2e2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 80px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 80px;
	padding-top: 20px;
}

/*home menu*/

.ddsmoothmenus{
	font: normal 11px Verdana; /*background of menu bar (default state)*/
	width:768px;
	margin-left:487px;
	float:left;
	font-weight:bold;
	background:url(images/menubg.jpg)repeat-x;
	margin-top:60px;
}

.ddsmoothmenus ul{
	z-index:100;
	list-style-type: none;
	margin: 0px;
	padding: 0;
}

/*Top level list items*/
.ddsmoothmenus ul li{
	position: relative;
	display: inline;
	float: left;
	background-image: url(images/manuline_03.jpg);
	background-repeat: no-repeat;
	background-position: top 0px;
}

/*Top level menu link items style*/
.ddsmoothmenus ul li a{
display: block;
padding: 12px 9px 12px 9px;
color: #ffffff;
text-decoration: none;
}

* html .ddsmoothmenus ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenus ul li a:link, .ddsmoothmenu ul li a:visited{
color: #ffffff;
}

.ddsmoothmenus ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #09488e; 
color: #ffffff;
}

.ddsmoothmenus ul li a:hover, .active{
background: #09488e; /*background of menu items during onmouseover (hover state)*/
color: white!important;
}
	
/*1st sub level menu*/
.ddsmoothmenus ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
background: #09488e; 
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenus ul li ul li{
display: list-item;
float: none;
background:none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenus ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenus ul li ul li a{
	font: normal 11px Verdana;
	width: 190px; /*width of sub menus*/
	padding: 10px 5px;
	margin: 0;
	border-top-width: 0;
	border-bottom: 1px solid #245da2;

}

.ddsmoothmenus ul li ul li a:hover{
background:#0a54a6;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenus{height: 1%;} /*Holly Hack for IE7 and below*/











                       /*drop manu*/
					   
					   
					   
					   
@charset "utf-8";
/* CSS Document */

.ddsmoothmenu{
	font: normal 11px Verdana; /*background of menu bar (default state)*/
	width:987px;
	margin-left:6px;
	float:left;
	font-weight:bold;
/*	height: auto;
	padding-right: 10px;*/
	/*padding-left: 80px;*/
}

.ddsmoothmenu ul{
	z-index:100;
	list-style-type: none;
	margin: 0px;
	padding: 0;
}

/*Top level list items*/
.ddsmoothmenu ul li{
	position: relative;
	display: inline;
	float: left;
	background-image: url(images/manuline_03.jpg);
	background-repeat: no-repeat;
	background-position: top 0px;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
padding: 12px 9px 12px 9px;
color: #ffffff;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: #ffffff;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #09488e; 
color: #ffffff;
}

.ddsmoothmenu ul li a:hover, .active{
background: #09488e; /*background of menu items during onmouseover (hover state)*/
color: white!important;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
background: #09488e; 
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
background:none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
	font: normal 11px Verdana;
	width: 190px; /*width of sub menus*/
	padding: 10px 5px;
	margin: 0;
	border-top-width: 0;
	border-bottom: 1px solid #245da2;

}

.ddsmoothmenu ul li ul li a:hover{
background:#0a54a6;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}
/* CSS Document */

.ocimageslts-sirals{clear:both; padding:0 0 0 25px;}
.ocimageslts-sirals ul{list-style:none; margin:0px; padding:0px;}
.ocimageslts-sirals ul li{font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:8px 0 8px 20px; background:url(images/project-seer_03.jpg) no-repeat left 10px;}
.thankscls{clear:both; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#414142; line-height:30px; height:200px; padding:50px 0 0 0;}


#fade{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index:1001;
    -moz-opacity: 0.7;
    opacity:.70;
    filter: alpha(opacity=70);
}
#light{
    display: none;
    position: absolute;
    top: 30%;
    left: 50%;
    width: 600px;
    height: 670px;
    margin-left: -300px;
    margin-top: -200px;                 
    padding: 10px;
    border: 2px solid #FFF;
    background: #CCC;
    z-index:1002;
    overflow:visible;
}

/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
	padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
	padding: 0;
}

/* 

for zoom animation 
uncomment this part if you haven't added this code anywhere else

*/


.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}