@charset "utf-8";
/* CSS Document */
/* Solution page */
#solution_container{
	width:339px;
	float:left;
	margin:0 259px 0 258px;
}
#solution_container a{
	background-image: url("../img/main_solution.png");
	background-repeat:no-repeat;
}
a.business{
	background-position: 0 0;
    float: left;
    height: 129px;
    width: 149px;
	padding:0 9px 0 0;
}
a.business:hover{
	background-position: 0 -129px;
}
a.technology{
	background-position: -158px 0;
    float: left;
    height: 129px;
    width: 172px;
	padding:0 9px 0 0;
}
a.technology:hover{
	background-position: -158px -129px;
}

/* Solution inner pages */
a.business_in{
	float: left;
  height: 21px;
  width: 183px;
	background-image: url("img/icons_business_solution.png");
	background-repeat:no-repeat;
	background-position: 0 0;
	padding:0 0 0 40px;
}
a.business_in:hover{
	background-position: 0 -21px;
}
a.technology_in{
	float: left;
  height: 21px;
  width: 183px;
	background-image: url("img/icon_tech_solution.png");
	background-repeat:no-repeat;
	background-position: 0 0px;
	padding:0 0 0 40px;
}
a.technology_in:hover{
	background-position: 0 -20px;
}
.business_inActive{
  float: left;
  height: 21px;
  width: 183px;
	background-image: url("img/icons_business_solution.png");
	background-repeat:no-repeat;
	background-position: 0 -21px;
	padding:0 0 0 40px;
  color:#e58d07 !important;
}
.technology_inActive{
  float: left;
  height: 21px;
  width: 183px;
	background-image: url("img/icon_tech_solution.png");
	background-repeat:no-repeat;
	background-position: 0 -20px;
	padding:0 0 0 40px;
  color:#e58d07 !important;
}
/* Services page */
#services_container{
	width:100%;
	float:left;
	margin:0 75px 0 100px;
}
#services_container a{
	background-image: url("../img/main_services.png");
	background-repeat:no-repeat;
}
a.services_web{
	background-position: 0 0;
  float: left;
  height: 146px;
  width: 133px;
	padding:0 9px 0 0;
}
a.services_web:hover{
	background-position: 0 -129px;
}
a.services_mobile{
	background-position: -141px 0;
  float: left;
  height: 146px;
  width: 111px;
	padding:0 9px 0 0;
}
a.services_mobile:hover{
	background-position: -141px -129px;
}
a.services_strategy_consulting{
	background-position: -261px 0;
  float: left;
  height: 146px;
  width: 160px;
	padding:0 9px 0 0;
}
a.services_strategy_consulting:hover{
	background-position: -261px -129px;
}
a.services_application_development{
	background-position: -417px 0;
  float: left;
  height: 146px;
  width: 150px;
	padding:0 9px 0 0;
}
a.services_application_development:hover{
	background-position: -417px -129px;
}
a.services_maintenance{
	background-position: -576px 0;
  float: left;
  height: 146px;
  width: 132px;
}
a.services_maintenance:hover{
	background-position: -576px -129px;
}
/* services inner pages begins*/
a.web_in{
  float: left;
  height: 21px;
  width: 183px;
	background-image: url("img/icon_web_services.png");
	background-repeat:no-repeat;
	background-position: 0 0;
	padding:0 0 0 40px;
}
a.web_in:hover{
	background-position: 0 -21px;
}
a.mobile_in{
	float: left;
  height: 21px;
  width: 183px;
	background-image: url("img/icon_mobile_services.png");
	background-repeat:no-repeat;
	background-position: 0 0;
	padding:0 0 0 40px;
}
a.mobile_in:hover{
	background-position: 0 -21px;
}
a.strategy_consulting_in{
	float: left;
	background-image: url("img/icon_strategy_consultancy.png");
	background-repeat:no-repeat;
	background-position: 0 0;
	padding:0 0 0 40px;
	height: 21px;
  width: 183px;
}
a.strategy_consulting_in:hover{
	background-position: 0 -21px;
}
a.application_development_in{
	float: left;
	background-image: url("img/icon_app_development.png");
	background-repeat:no-repeat;
	background-position: 0 0px;
	padding:0 0 0 40px;
	height: 21px;
  width: 183px;
}
a.application_development_in:hover{
	background-position: 0 -20px;
}
a.maintenance_in{
	float: left;
	background-image: url("img/icon_support_services.png");
	background-repeat:no-repeat;
	background-position: 0 0;
	padding:0 0 0 40px;
	height: 21px;
  width: 183px;
}
a.maintenance_in:hover{
	background-position: 0 -21px;
}

/* services inner pages begins*/
.web_inActive{
    float: left;
    height: 21px;
    width: 183px;
		background-image: url("img/icon_web_services.png");
		background-repeat:no-repeat;
		background-position: 0 -21px;
		padding:0 0 0 40px;
		color:#e58d07 !important;
}
.mobile_inActive{
		float: left;
		height: 21px;
		width: 183px;
		background-image: url("img/icon_mobile_services.png");
		background-repeat:no-repeat;
		background-position: 0 -21px;
		padding:0 0 0 40px;
		color:#e58d07 !important;
}
.strategy_consulting_inActive {
    background-image: url("img/icon_strategy_consultancy.png");
    background-position: 0 -21px;
    background-repeat: no-repeat;
    float: left;
    height: 21px;
    padding: 0 0 0 40px;
    width: 183px;
		color:#e58d07 !important;
}
.application_development_inActive {
    background-image: url("img/icon_app_development.png");
    background-position: 0 -21px;
    background-repeat: no-repeat;
    float: left;
    height: 21px;
    padding: 0 0 0 40px;
    width: 183px;
		color:#e58d07 !important;
}
.maintenance_inActive {
    background-image: url("img/icon_support_services.png");
    background-position: 0 -21px;
    background-repeat: no-repeat;
    float: left;
    height: 21px;
    padding: 0 0 0 40px;
    width: 183px;
		color:#e58d07 !important;
}
/* services inner pages ends here*/
/* Careers Section*/
/* careers main page begins*/
#careers_container{
		float: left;
    margin: 0 224px;
    width: 402px;
}
#careers_container a{
	background-image: url("../img/main_careers.png");
	background-repeat:no-repeat;
}
a.work_culture{
	background-position: 0 0;
  float: left;
  height: 145px;
  width: 137px;
	padding:0 9px 0 0;
}
a.work_culture:hover{
	background-position: 0 -129px;
}
a.current_openings{
	background-position: -146px 0px;
    float: left;
    height: 145px;
    width: 133px;
}
a.current_openings:hover{
	background-position: -146px -129px;
}
a.internship{
	background-position: -288px 0;
    float: left;
    height: 145px;
    width: 123px;
}
a.internship:hover{
	background-position: -288px -129px;
}
/* careers main page ends*/
/* careers inner page begins*/
a.work_culture_in{
	float: left;
  height: 21px;
  width: 183px;
	background-image: url("img/icon_work_culture.png");
	background-repeat:no-repeat;
	background-position: 0 0px;
	padding:0 0 0 40px;
}
a.work_culture_in:hover{
	background-position: 0 -21px;
}
a.current_openings_in{
	float: left;
    height: 21px;
    width: 183px;
	background-image: url("img/icon_location.png");
	background-repeat:no-repeat;
	background-position: 0 0;
	padding:0 0 0 40px;
}
a.current_openings_in:hover{
	background-position: 0 -21px;
}
a.internship_in{
	float: left;
  height: 21px;
  width: 183px;
	background-image: url("img/icon_location.png");
	background-repeat:no-repeat;
	background-position: 0 0;
	padding:0 0 0 40px;
}
a.internship_in:hover{
	background-position: 0 -21px;
}

/* careers */
.work_culture_inActive {
    background-image: url("img/icon_work_culture.png");
    background-position: 0 -21px;
    background-repeat: no-repeat;
    float: left;
    height: 22px;
    padding: 0 0 0 40px;
    width: 183px;
		color:#e58d07 !important;
}
.current_openings_inActive {
    background-image: url("img/icon_location.png");
    background-position: 0 -21px;
    background-repeat: no-repeat;
    float: left;
    height: 21px;
    padding: 0 0 0 40px;
    width: 183px;
		color:#e58d07 !important;
}
.internship_inActive {
    background-image: url("img/icon_location.png");
    background-position: 0 -21px;
    background-repeat: no-repeat;
    float: left;
    height: 21px;
    padding: 0 0 0 40px;
    width: 183px;
		color:#e58d07 !important;
}
/* careers inner page ends here*/
.title_text{   
	font-size: 14px;
	font-weight:bold;
	text-align:center;
	line-height:21px;
	float:left;
	padding-top:100px;
	width:90%;
	padding-left:2%;
	padding-right:8%;
	color: #1E537B;
}
.title_text1{ 
	padding-top:110px;
	padding-bottom:15px;
}
/* About page */
#about_container{
	width:100%;
	float:left;
	margin:0 75px;
}
#about_container a{
	background-image: url("../about_main1.png"); 
	background-repeat:no-repeat;
}
a.vision{
	background-position: 0 0;
  float: left;
  height: 141px;
  width: 200px;
	padding:0 9px 0 0;
}
a.vision:hover{
	background-position: 0 -129px;
}
a.ourteam{
		background-position: -184px 0;
    float: left;
    height: 141px;
    width: 200px;
		padding:0 9px 0 0;
}
a.ourteam:hover{
	background-position: -184px -129px;
}
a.clients{
	background-position: -381px 0;
    float: left;
    height: 141px;
    width: 160px;
	padding:0 9px 0 0;
}
a.clients:hover{
	background-position: -381px -129px;
}

a.blog{
	background-position: -540px 0;
    float: left;
    height: 141px;
    width: 200px;
}
a.blog:hover{
	background-position: -540px -129px;
}
/* Toggle style begins here */
.toggle {
	width: 100%;
}
.toggle-wrapper {
	padding-bottom:5px;
}
h2.trigger {
	background: url("../img/icn-toggle2.png") no-repeat scroll 8px 12px #eee;
	cursor: pointer;
  font-size: 14px;
  height: 18px;
  line-height: 21px;
  margin: 10px 0 5px 0;
  padding: 10px 10px 10px 30px;
  width: 93.5%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #ccc;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}
h2.active {
	background-position:8px -16px;
}
.togglebox {
	background-color:#fff;
	border: 1px solid #cfcfcf;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	font-size: 13px;
	clear: both;
	overflow: hidden;
	width: 91.8%;
	margin-bottom:10px;
	padding:3%;
}
.togglebox p {
	font-size:13px;
}
.float_right{
	float: right;
}
.orange{
	color:#e58d05;
}
.button2{
	background:url("../img/button_strip_orange.jpg") repeat-x scroll 0 0 transparent;
	padding:9px 18px;
	height:35px;
	font-size:14px;
	font-weight:bold;	
	border:1px solid #d68404;
	-webkit-border-radius: 04px;
	-moz-border-radius: 04px;
	border-radius: 04px;
	min-width:130px;
	color:#fff;
	text-shadow:1px 1px 0 #b2710b;
	cursor:pointer;
	outline:none;
}
.button2:hover{
	background:url("../img/button_strip_blue.jpg") repeat-x scroll 0 0 transparent;
	height:35px;
	border:1px solid #3e6b92;
	text-shadow:1px 1px 0 #335a7c;
	color:#fff;
}
/* Toggle style ends here */