s@charset "utf-8";
/* CSS Document */
body{
margin:auto;
}

#mainwrapper{
	margin:0 auto;
	width:950px;
	
	
}
#mainwrapper div{
	float:left;
	font-family:Calibri;
}
#head{
padding:0;
background-image:url(../images/for_title.png) ;
background-repeat:no-repeat;
width:100%;
}
#head div{
float:left;
}
#head div.logo{
padding:1px;
}
#heading{
	position:relative;
	float:left;
	left:29px;
	top:12px;
	width:45%;
	font-family:Calibri;
	font-size:16px;
	font-weight:bold;
	color:#000000;
}
#heading div{
	position:relative;
	float:left;
	top:0;
}
#heading div.head1 {
	position:relative;
	margin-left:0;
	padding-top:0;
}
#heading div.head2 {
	position:relative;
	margin-top:0;
	padding-left:35px;
}
#heading div.head3 {
	position:relative;
	margin-top:0;
	padding-left:60px;
}
#heading div.head4 {
	position:relative;
	margin-top:0;
	padding-left:135px;
}
#headmoving{
	position:relative;
	padding-top:25px;
	margin-left:5px;
	z-index:1;
	}
#menu{
	position:relative;
	float:left;
	margin-left:0;
	width:100%;
	margin-right:0;
	height:31px;
	margin-top:-3;
	z-index:1;
	
}
#menusaddo{
	position:relative;
	float:left;
	left:0;
	width:100%;
	right:0;
	margin-top:-260px;
	background-image:url(../images/menuback.png);
	height:28px;
	z-index:0;
	
}
#info{
	position:relative;
	float:left;
	
	margin-left:0;
	margin-top:-221px;
	margin-right:0;
	width:100%;
	height:218px;
	background-image:url(../images/info_background.png);
	background-repeat:repeat-x;
	z-index:1px;
	
}
#infowithhand{
	position:relative;
	float:left;
	margin-left:0;
	margin-top:0;
	margin-right:21px;
	width:29%;
	height:210px;
	background-image:url(../images/manwithhand.png);
	background-repeat:no-repeat;
	z-index:-1px;
}
#infoservice{
	position:relative;
	float:left;
	margin-left:20px;
	margin-top:21px;
	margin-right:0;
	width:29%;
	height:231px;
	background-image:url(../images/servicesinfopng.png);
	background-repeat:no-repeat;
	z-index:-1px;
}
#infosupport{
	position:relative;
	float:left;
	margin-left:20px;
	margin-top:21px;
	margin-right:0;
	width:29%;
	height:231px;
	background-image:url(../images/support.png);
	background-repeat:no-repeat;
	z-index:-1px;
}
#infojobs{
	position:relative;
	float:left;
	margin-left:20px;
	margin-top:21px;
	margin-right:0;
	width:29%;
	height:231px;
	background-image:url(../images/career.png);
	background-repeat:no-repeat;
	z-index:-1px;
}
#infowithsolgon{
	position:relative;
	float:left;
	margin-left:0;
	margin-top:21px;
	margin-right:0;
	width:32%;
	height:185px;
	z-index:-1px;
	text-align:justify;
}
#infowithsolgon div{
	width:100%;
	position:relative;
	
}
#infowithsolgon div.infoheading{
	color:#006699;
	font-size:18px;
	font-weight:bold;
	font-family:Calibri;
	padding-left:10px;
	
}
#infowithsolgon div.infocontent{
	font-size:14px;
	font-family:Calibri;
	color:#336600;
	padding-left:10px;
	text-align:justify;
}
#infowithweb{
	position:relative;
	float:left;
	margin-left:58px;
	margin-top:2px;
	margin-right:0;
	width:30%;
	height:200px;
	border:thin;
	border:#FF0000;
	border-color:#CCCCCC;
	border-top-style:solid;
	border-right-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	z-index:2;
}
#servicertinfo{
	position:relative;
	float:left;
	margin-left:44px;
	margin-top:25px;
	margin-right:0;
	width:30%;
	z-index:0;
	
}
#infowithweb div{
	position:relative;
	float:left;
	padding-top:3px;
	padding-left:3px;
}
#infowithweb div.webeading{
	position:relative;
	float:left;
	padding-left:0;
	width:100%;
	font-family:Calibri;
	font-size:16px;
	text-align:center;
	border:medium;
	font-weight:bold;
	margin-bottom:3px;
	border-bottom: 1px solid #D8D8D8;
	text-align:center;
}
#infowithweb div.webcontent{
	position:relative;
	padding-top:5px;
	padding-left:10%;
	width:35%;
	height:35%;
}
#infowithweb div.webvisit{
	padding-left:0;
	width:100%;
	text-align:right;
}
#infowithweb a{
	text-decoration:none;
}
#middle{
margin:0 auto;
	width:950px;

}
#middle div{
	float:left;
	position:relative;
}
#middle div.leftside{
	position:relative;
	float:left;
	margin-left:0;
	width:186px;
	margin-right:0;	
}
#middle div img{
	padding-top:0;
}
#middle div.leftside div{
	position:relative;
	float:left;
	margin-left:0;
	margin-right:0;	
}
#ourservices{
	border:thin;
	border:#FF0000;
	border-color:#CCCCCC;
	
}
#ourservices div.leftheading{
	position:relative;
	float:left;
	margin-left:0;
	font-family:Calibri;
	font-size:16px;
	text-align:left;
	border:medium;
	font-weight:bold;
	margin-bottom:3px;
	border-bottom: 1px solid #D8D8D8;
	width:100%;
}
#ourservices div.leftcontent{
	position:relative;
	float:left;
	margin-left:5px;
	margin-top:2px;
	margin-right:5px;
	width:100%;
	height:20px;
	text-decoration:none;
	text-align:left; 
	text-align:justify;
	font-family:Calibri;
	border-bottom: 1px solid #D8D8D8;
}
#ourservices div.jobsleftcontent{
	position:relative;
	float:left;
	margin-left:5px;
	margin-top:2px;
	margin-right:5px;
	text-decoration:none;
	text-align:left; 
	text-align:justify;
	border-bottom: 1px solid #D8D8D8;
}
#ourservices a{
	text-decoration:none;
	text-align:left; 
}
#ourservices div.leftcontent:hover{
	color:#FF6600;
	background-color:#F7F7F7;
	text-decoration:none;
	text-align:left;
	text-align:justify; 
	
}
#ourservices div.leftcontent:active{
color:#FF6600;
background-color:#F7F7F7;
font-size:14px;
}

#middle div.mainbody{
	position:relative;
	float:left;
	padding-left:10px;
	width:520px;
	/*height:400px;*/
}
#middle div.mainportfolio{
	position:relative;
	float:left;
	padding-left:20px;
	width:500px;
	height:400px;
}
#middle div.mainsupportbody{
	position:relative;
	float:left;
	padding-left:10px;
	width:79%;
	height:400px;
}
#middle div.mainaboutusbody{
	position:relative;
	float:left;
	padding-left:10px;
	width:79%;
	height:350x;}
#middle div.maincontactbody{
	position:relative;
	float:left;
	padding-left:3px;
	width:64%;
	height:400px;
}
#middle div.maincontactbody div.contactHeading{
	position:relative;
	font-family:Calibri;
	color:#FF6600;
	font-size:16px;
	width:100%;
}
#middle div.maincontactbody div.contactEtnname{
	position:relative;
	float:left;
	width:100%;
	font-family:Calibri;
	font-size:16px;
	color:#015EAC;
}
#middle div.maincontactbody div.contactEtnadd{
	position:relative;
	float:left;
	font-family:Calibri;
	font-size:14px;
	color:#000000;
	width:100%;

}
#middle div.maincontactbody div.contactfeedback{
	position:relative;
	float:left;
	color:#FF6600;
	font-size:16px;
	font-family:Calibri;
	width:30%
}
#middle div.maincontactbody div.contacterror{
	position:relative;
	float:left;
	color:#FF0000;
	font-size:12px;
	font-family:Calibri;
	width:25%
}
#middle div.maincontactbody div.contactlabel{
	position:relative;
	float:left;
	font-family:Calibri;
	font-size:14px;
	color:#000000;
	width:12%;
	text-align:left;

}
#middle div.maincontactbody div.contactfield{
	position:relative;
	float:left;
	font-family:Calibri;
	font-size:14px;
	color:#000000;
	width:40%;
	text-align:left;
}
#middle div.maincontactbody div.contactimg{
	position:relative;
	float:right;
	width:40%;
	
}
#middle div.mainbody div.mainimage{
	float:left;
	position:relative;
	padding-top:0;
	text-align:justify;
	padding-left:0;
	width:276px;
	}
	#middle div.mainaboutusbody div.mainabout{
	float:left;
	position:relative;
	padding-top:0;
	text-align:justify;
	font-family:Calibri;
	padding-left:10px;
	
	}
#middle div.mainbody div.mainwel{
	float:left;
	padding-top:0;
	position:relative;
	text-align:justify;
	font-family:Calibri;
	padding-left:5px;
	width:100%;
		
}
#middle div.mainbody div.servicesdetail{
	width:100%;
	height:300px;
}
#middle div.mainbody div.servicesdetail div{
	width:100%;
	float:left;
}
#middle div.mainbody div.servicesdetail div.serviceheadin{
	text-align:left;
	text-decoration:blink;
	text-transform:uppercase;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
	font-family:Calibri;
	font-size:16px;
	font-weight:bold;
	color:#FF6600;
}
#middle div.mainbody div.servicesdetail div.servicedesc{
	width:98%;
	text-align:left;
	text-align:justify;
	position:relative;
	float:left;
	padding-left:8px;
	padding-top:8px;
	padding-right:8px;
	font-family:Calibri;
	font-size:14px;
	color:#000000;
}
#middle div.mainsupportbody div.submain{
	text-align:left;
	font-family:Calibri;
	text-align:justify;
	padding-left:10px;;
	padding-right:10px;
	width:48%;
	float:left;
	padding-bottom:2px;
}
#middle div.mainsupportbody div.submain1{
	text-align:left;
	font-family:Calibri;
	text-align:justify;
	padding-left:10px;;
	padding-right:0;
	width:48%;
	float:right;
	padding-bottom:2px;
}
#middle div.mainsupportbody h3{
	color:#FF6600;
	text-align:left;
	font-family:Calibri;
	font-size:16px;
}
#middle div.mainbody div.submain{
	text-align:left;
	text-align:justify;
	margin-left:5px;
	margin-right:10px;
	width:47%;
	float:left;
	padding-bottom:2px;
}
#middle div.mainbody div.submain1{
	text-align:left;
	text-align:justify;
	margin-left:5px;
	margin-right:0;
	width:47%;
	float:right;
	padding-bottom:2px;
}
#middle div.mainbody div.aboutsubmain{
	font-family:Calibri;
	font-size:14px;
	text-align:justify;
	padding-left:5px;
}
#middle div.mainbody div.JOBS{
	font-family:Calibri;
	text-align:justify;
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
	width:100%;
}
#middle div.mainbody div.JOBS div.jobheadin{
	text-align:left;
	text-decoration:blink;
	text-transform:uppercase;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
	font-family:Calibri;
	font-size:14px;
	font-weight:bold;
	color:#FF6600;
	width:100%;
}
#middle div.mainbody div.JOBS div.jobdesc{
	
	text-align:left;
	text-align:justify;
	position:relative;
	float:left;
	padding-left:10px;
	padding-top:8px;
	padding-right:10px;
	font-family:Calibri;
	font-size:12px;
	width:98%;
}
#middle div.mainbody div.applyjob{
	font-family:Calibri;
	text-align:right;
	padding-left:5px;
	padding-top:2px;
	width:110px;
	
}
#middle div.mainbody div.applyjoball{
	font-family:Calibri;
	text-align:right;
	padding-left:5px;
	padding-top:20px;

	
	
}
#middle div.mainbody div.applyjobtext{
	font-family:Calibri;
	text-align:left;
	padding-left:5px;
	padding-top:2px;
	width:340px;
	
}
#middle div.mainbody h3{
	text-align:center;
	font-family:Calibri;
	font-size:14px;
	font-weight:bold;
	color:#FF6600;
	margin-left:1px;
	
}
#middle div.mainbody a{
	text-decoration:none;
}
#middle div.mainbody p{
	font-family:Calibri;
	font-size:14px;
	color:#000000;
}

#middle div.rightsoftware{
	position:relative;
	float:right;
	margin-top:0;
	margin-right:0;
	padding-bottom:5px;
	width:210px;
	border:medium;
	border:#FF0000;
	border-color:#CCCCCC;
	
}
#middle div.rightsoftware div.leftcontent:hover{
	color:#FF6600;
	background-color:#F7F7F7;
	text-decoration:none;
	text-align:left;
	text-align:justify; 
 }
#middle div.rightsoftware h3{
	font-family:Calibri;
	font-size:14px;
	font-weight:bold;
	color:#FF6600;
	margin-left:0;
}
#middle div.rightsoftware img{
	left:5px;
	float:left;
	padding-top:2px;
	padding-right:3px;
	right:2px;
	bottom:2px;
}
#middle div.rightsoftware a{
	padding-left:0;
	text-decoration:none;
	margin-bottom:2px;
	text-decoration:none;
	float:left;
}
#middle div.rightsoftware div{
	position:relative;
	float:left;
	left:2%;
	top:5px;
	width:96%;
	border-bottom-style:solid;
	border-bottom-color:#999999;
	border-bottom-width:thin;
}
#middle div.rightsoftware div.serve{
position:relative;
float:right;
padding-right:0;
padding-top:5px;
}
#middle div.rightsoftware div.visitall{
	padding-left:135px;
	width:60px;
	text-align:right;
	border:none;
}
#middle div.rightsoftware div.softwareheading{
	margin-left:0;
	width:100%;
	font-family:Calibri;
	font-size:16px;
	text-align:center;
	border:medium;
	font-weight:bold;
	margin-bottom:3px;
	border-bottom: 1px solid #D8D8D8;
}
#middle div.tailpart{
	position:relative;
	width:100%;
	height:25px;
	float:left;
	
	padding-top:0;
}
#middle div.tailpart div.tailcontentheading{
	width:100%;
	position:relative;
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	background-image:url(../images/tailheading.png);
}
#middle div.tailpart div.tailcontentheading:hover{
	background-image:url(../images/titleheading1.png);
	color:#FFFFFF;
}
#middle div.tailpart div.tailcontent1{
	width:23%;
	padding-right:6px;
}
#middle div.tailpart div.tailcontent2{
	width:23%;
	padding-right:7px;
}
#middle div.tailpart div.tailcontent3{
	width:23%;
	padding-right:7px;
}
#middle div.tailpart div.tailcontactus{
	margin-top:0;
	padding-right:0;
	float:right;
	padding-top:0;
	padding-left:0;
}
#middle div.tailpart div.tailcontactus a{
	text-decoration:none;
	}