@charset "utf-8";
@font-face {
    font-family:franklin;
    src:url(../font/Franklin-Gothic-Medium-Regular.ttf);
}
@font-face {
    font-family:candara;
    src:url(../font/candara.ttf);
}
html{
		margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
body{

background: url(../images/backgound.jpg) 100% no-repeat fixed;
background-size:100% 100%;
	margin: 0px;
	padding: 0px;
	font-size:18px;
	font-weight: 100;
font-family: franklin;
	color:#FFF;	
	text-align:center;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}
#outer {
	
	margin: 0px;
	padding: 0 0 0 0;
	vertical-align: top;
	border-spacing: 0px;
	height: 100%;
	width: 100%;
	text-align:center;	
	
	
}
#header_main {
	margin: 0px;
	vertical-align:top;
	width: 100%;
	height: 100%;
	text-align: center;
	

}
#header_inner {
	
	background:#011f27;
	display:table;
	width: 1000px;
	height: 110px;
	text-align: center;
	margin:auto;
	margin-top:30px;
}
#header_logo {
display:table-cell;
text-align:left;
padding-left:20px;
vertical-align:middle;
padding-top:10px;
}
#header_social{
width:200px;
color:#fff;

height: 110px;
		font-family:franklin;

	display:table-cell;
}
#header_top_menu{
width:320px;
height: 110px;
text-align:left;	
	display:table-cell;
	font-family:franklin;
	color:#fff;
	font-size:15px;
}
#header_top_menu a{
	color:#fff;
}
#header_top_menu a:hover{
	color:#267bf7;
}
.header_top_menu_inner{
	float:left;
	height:13px;
	border-left:1px solid #fff;
	padding-right:2px;
	padding-left:2px;
}
#main_body{
		font-family:candara;

width:1000px;
text-align:center;

height: 100%;
	padding-bottom: 35px;
	text-align: center;
	margin: auto;

display:block;
color:#000;
	
}

#main_menu{
	width:1000px;
	text-align:center;
	margin:auto;
	padding-top:0px;
	
	
}
#menu_table
{
color:#FFF;

font-weight:100;
font-size:15px;
height:30px;
width:1000px;
border-spacing:0px;
 text-align:center;
	
}
#menu_table td{
width: 14.2%;
}
.menu_table_bor{
border-right: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
text-align:center;
vertical-align:middle;

	
}
a{
color:#000;
text-decoration:none;
}
a:hover {
    color: #0F3;
	text-decoration:underline;
}
#menu_table td a {
    display: table;
    position: relative;
    height: 100%;
    width: 100%;
	color:#FFF;
	text-decoration:none;
    background-color: transparent;
}
#menu_table span {
    display: table-cell;
    text-align:center;
	padding-top:6px;
    
}
#menu_table td a:hover,#menu_table span a:hover,a:hover {
	color:#267bf7;

}


 #menu_ul {
  margin: 0;
  padding: 0px 0px 0px 0;
  list-style: none;
  width:1000px;
  margin-left:-4px
   width: 100%;
  display: table;

}
#menu_ul a{
  font: bold 12px/18px sans-serif;
  display: inline;
  margin-right: -4px;
  position: relative;
  padding: 5px 0px 5px 0px;
  background: #002128;
  cursor: pointer;
color:#fff;
  width:135px;
  border-right: 2px solid #FFF;
  border-top: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
   display: table-cell;
  width: 14.2%;
}

#menu_ul a:hover {
  background: #555;
  color: #fff;
  text-decoration:none;
}
#menu_ul li ul {
  padding: 0;
  position: absolute;
  top: 28px;
  left: 0;
  width: 100%;
  display: none;
  opacity: 0;
  visibility: hidden;

}
#menu_ul li ul li { 
  background: #555; 
  display: block; 
  color: #fff;
  width:137px;
   border-right: 0px solid #FFF;
  border-top: 2px solid #FFF;
  border-bottom: 0px solid #FFF;
  margin-left:0px;
  z-index:999;
}
#menu_ul li ul li:hover { background: #666; }
#menu_ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
#slider_main{
width:1000px;
height:380px;
text-align:center;
margin:auto;
margin-top:0px;


}
.home_body_main{
	width:1000px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	height:318px;
	
}
.home_body_inner{
	text-align:justify; 
	 font-size:19px;
	float:left;
	background-color:#336;
	color: #fff;
	width:296px;
	height:335px;
	padding-left:15px;	
	padding-right:15px;
line-height:22px;
	padding-top:5px;
}

.home_inner_heading{
font-size:25px;	
color: #eaff00;
padding-bottom: 20px;


}
/* CSS Document */

#services_body{
text-align:left;
background-color: rgba(1,54,67,0.9);
height:100%;
padding-top:20px;
padding-left:35px;
color:#fff;
padding-bottom:60px;

}

.services_outer{
display:table;
	
}
.services_table{
	background-size: 220px 150px;
	 width:220px; 
	 height:150px;
	    vertical-align:text-top;
	
}

#services_body table{
			padding-bottom:25px;

	
}


.services_td{
		text-align:justify;
		font-size:14px;
		vertical-align:top;
		font-weight:bold;
		padding-top:10px;
}


.services_text{
   	
   background-color:rgba(193,26,241,0.9);
   margin-right:10px;
   font-size:13px;
   line-height:30px;
   padding-left:5px;
   font-weight:bold;
}


#company_outer{
width:930px;
display:table;	

	padding-right:35px;
}



#company_left{
		padding-top:25px;
	padding-bottom:20px;

	display:table-cell;
	width:635px;
	padding-left:10px;
	font-size:17px;
	text-align:justify;
	   background-color:rgba(1,31,38,0.9);
	   	padding-right:10px;

	   vertical-align:top

}

#creativity_left{
		padding-top:25px;
	padding-bottom:20px;

	display:table-cell;
	width:635px;
	padding-left:20px;
	font-size:17px;
	text-align:justify;
	   background-color:#00ccff;
	   	padding-right:20px;
color:#000;
	   vertical-align:top

}



#company_right{
	
		display:table-cell;
	width:270px;
	padding-left:10px;
	
	
}

.company_right_inner{
height:210px;
width:270px;
padding: 0px 0px 0px 0px;
margin:  0px 0px 0px 0px;	
}



.company_table{
	background-size: 270px 210px;
	 width:270px; 
	 height:200px;
	    vertical-align:text-top;
		padding-bottom:0px;

}

.company_right_inner table{
 width:270px; 
	 height:210px;
	 padding-bottom:0px;
	margin-top:20px;
}


.company_td{
		text-align:justify;
		font-size:14px;
		vertical-align:top;
		font-weight:bold;
		 width:270px; 
	 height:200px;
		
}

.company_text{
	
	   background-color:rgba(86,34,116,0.8);
	   color:#FFF;

   font-size:15px;
   line-height:40px;
   padding-left:5px;
      margin-top:60px;
	  float:right;
	  width:170px;
	  text-align:center;

}
.company_text a{
color: #fff;	
}
.company_text a:hover{
color:#267bf7;	
}

.portfolio_3_images{
	
display:table;	
margin-left:-10px;

}


.portfolio_3_images_inner{
font-size:16px;
	
display:table-cell;	
padding-left:20px;
}
.website_link a{
	
color:#fffc00;	
}


.logos_outer{
	
display:table;
width:100%;
height:120;
padding-top:42px;	
margin-left:-10px;

}

.logos_inner{
	display:table-cell;
	width:170px;
	padding-left:25px;
	
	
}
#company_outer{
width:930px;
display:table;	

	padding-right:35px;
}



#software_inner{
		padding-top:25px;
	padding-bottom:50px;

	padding-left:20px;
	font-size:17px;
	text-align:justify;
	   background-color:rgba(1,31,38,0.9);
	   	padding-right:20px;

	   vertical-align:top

}


#software_outer{
	
	width:930px;
	padding-right:35px;
}

.creativity_logos{
	
display:table;
width:100%;
height:130;
padding-top:42px;	


}

.creativity_logos_inner{
	display:table-cell;
	width:190px;
	padding-left:28px;
	
	
}
#industries_ul{
	list-style:disc;
	line-height:25px;
}

#industries_ul li {
  color: #fff; 
}
#industries_ul li span {
 	 color:#98e5f8;
}

.contact_outer{
	display:table;
	height:840px;
	width:930px;
}
.contact_left{
	display:table-cell;
	width:480px;
	vertical-align:top;
}
.contact_left a{
color:#FFF;	
	
}
.contact_left a:hover{color:#267bf7}
.contact_right{
	display:table-cell;
	width:450px;
	background-color:#49a9c1;
		height:840px;
		color:#000;

}
.contact_form{
padding: 25px 25px 25px 25px;	
	
}

#form_submit {
    background:#02313d; 
    border:1 #FFF;
    cursor:pointer;
   height:30px;
   width:80px;
   color:#FFF;
   
}

#careers-top{
	border:0px; width:930px;
	font-size:14px;
}
#careers-top td{
height:180px;
}
.logo_img_bor{
	width:170px;
	height:120px;
	border: solid 1px #000000;
	
}
.logo_img_bor2{
	border: solid 1px #000000;
	
}
.logo_img_bor1{
	width:170px;
	height:120px;
	border: solid 1px #fc02ff;
	
}

.reasons_table{
width:930px;
	
	
}

.reasons_td{
width:225px;	
height: 168px;

}
.reasons_space{
	width:10pxpx;	

}

.reasons_text{
	
float:left;
 width:140px; 
 padding-left:35px;
  font-size:23px;
  padding-top:55px;
	
}

.diversity{
display:table;
width:930px;	
}

.diversity_img{
display:table-cell;
width:512px;
}

.diversity_text{
display:table-cell;	
width:390px;
vertical-align:top;
text-align:justify;
padding-top:60px;
}



.resourses_outer{
	display:table;
	height:440px;
	width:930px;
}
.resourses_left{
	display:table-cell;
	width:240px;
}
.resourses_left a{
color:#fff;	
}
.resourses_right{
	display:table-cell;
	width:450px;

}


#footer_main{
	background-color:#011f27;
	color:#d8d8d8;
	width:100%;
height:320px;
text-align: center;
	margin:auto;
}
#footer_main a{color:#d8d8d8;}
#footer_main a:hover{color:#267bf7}
#footer_inner{
	width:1000px;

text-align: center;
	margin:auto;
	
}
#footer_links{
display:table;
padding-top:30px;
	text-align:left;
	line-height:20px

}
#footer_links_inner{
display:table-cell;
}
#footer_bottom{
text-align:center;
}