﻿body
{
	margin:0;
	padding:0;
	background:#1c1f22;
	font-family:Arial, Helvetica, sans-serif;
}

#header_bg
{
	width:100%;
	height:488px;
	background-image:url(../../content/images/top_bg.png);
}

.main_top_header
{
	width:980px;
	height:481px;
	margin:0 auto 0 auto;
}

.logo_header_bg
{
	width:980px;
	height:101px;
}

.logo_bg
{
	width:226px;
	height:86px;
	float:left;
	padding:9px 0 0 0;
}

.logo img
{
	width:226px;
	height:86px;
	border:none;
}


.icon_bg
{
	width:405px;
	height:32px;
	margin-top:8px;
}

.fb_tw_bg
{
    width:445px;height:65px; float:right; margin-top: 32px;
}

.fb_bg_f
{
    width:260px; height:22px; padding-left: 7px; color:#ffffff;
}

.icon
{
	width:90px;
	height:32px;
	border:none;
	float:left;
	margin-left:8px;
}

.icon_twt
{
	width:90px;
	height:32px;
	border:none;
	float:left;
	margin-left:8px;
}

.icon_gp
{
	width:105px;
	height:32px;
	border:none;
	float:left;
	margin-left:8px;
}

.icon_gpls
{
    width:75px;
    height:32px;
	border:none;
	float:left;
	margin-left:8px;
}

#menu_bg
{
	width:980px;
	height:30px;
}

/*============menu css=============*/

#nav, #nav ul{
margin:0;
padding:2px 0 0 0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
z-index:100;
font-size:14px;
font-weight:bold;
}

#nav a{
display:block;
padding:0 24px;
/*border:1px solid #333;*/
color:#B2DCEF;
background-color:#008dcc;
text-decoration:none;
}

#nav a:hover{
background-color:;
color:#fff;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:15.6em;
top:1.5em;
}

#nav li ul a{
width:15.5em;
height:26px;
float:left;

}

#nav li ul span
{
    background-image:url(../../content/images/menu_arrow.png);
    width:12px;
    height:12px;
    float:right;
    margin-top:3px;
}

#nav ul ul{
top:auto;	
}	

#nav li ul ul {
left:16.4em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

/*============menu css end=============*/


/*=====header_bg ends=============*/













#container_bg
{
	width:100%;
	height:auto;
	float:left;
	background-color:#fff;
}


.main_container
{
	 height: 447px;
    margin: 0 auto;
    padding: 35px 0;
    width: 980px;
}


.main_container_text
{
	width:980px;
	height:auto;
	margin:0px auto;
	font-size:12px;
	padding:35px 0;
}

.main_container_text .left_side_bar
{
    width:220px;
    height:auto;
    float:left;
}

.main_container_text .right_content
{
    width:730px;
    height:auto;
    float:right;
}

.keyboard_bg
{
	width:307px;
	height:157px;
	float:left;
	background-image:url(../images/keyboard.png);
}

.mobile_appli
{
	width:307px;
	height:157px;
	float:left;
	margin-left:30px;
	background-image: url(../images/mobile_appli.png);
}

.lap_keyboard
{
	width:307px;
	height:157px;
	float:right;
	background-image: url(../images/lap_keyboard.png);
}


.transparent_bg
{
	background-image:url(../images/transparent.png);
	width:305px;
	height:56px;
	margin:100px 0 0 1px;
}

.transparent_bg .top_text
{
	width:305px;
	height:22px;
	color:#008dcc;
	font-size:18px;
	text-align:center;
	padding-top:6px;
}

.transparent_bg .bootom_text
{
	width:220px;
	height:18px;
	margin-left:45px;
	padding-top:5px;
	font-size:14px;
}

.transparent_bg .bootom_text .link_text
{
	width:70px;
	height:16px;
	float:left;
	text-align:center;
	color:#008dcc;
	border-right:1px solid #008dcc;
}

.transparent_bg .bootom_text .link_text a
{
	color:#008dcc;
	text-decoration:none;
}

.transparent_bg .bootom_text .link_text a:hover
{
	color:#fff;
}


.transparent_bg .bootom_text .last_text
{
	width:70px;
	height:20px;
	float:left;
	color:#008dcc;
	text-align:center;
}

.transparent_bg .bootom_text .last_text a
{
	color:#008dcc;
	text-decoration:none;
}

.transparent_bg .bootom_text .last_text a:hover
{
	color:#fff;
}




.transparent_bg .bootom_social_text
{
	width:305px;
	height:18px;
	margin-left:14px;
	padding-top:5px;
	font-size:14px;
}

.transparent_bg .bootom_social_text .link_social_text
{
	width:100px;
	height:16px;
	float:left;
	text-align:center;
	color:#008dcc;
	border-right:1px solid #008dcc;
}

.transparent_bg .bootom_social_text .link_social_text a
{
	color:#008dcc;
	text-decoration:none;
}

.transparent_bg .bootom_social_text .link_social_text a:hover
{
	color:#fff;
}


.transparent_bg .bootom_social_text .last_social_text
{
	width:90px;
	height:20px;
	float:left;
	color:#008dcc;
	text-align:center;
}

.transparent_bg .bootom_social_text .last_social_text a
{
	color:#008dcc;
	text-decoration:none;
}

.transparent_bg .bootom_social_text .last_social_text a:hover
{
	color:#fff;
}


.transparent_bg .mo_bootom_text
{
	width:305px;
	height:18px;
	margin-left:5px;
	padding-top:5px;
	font-size:14px;
}


.transparent_bg .mo_bootom_text .mobile_applic
{
	width:auto;
	height:16px;
	padding:0 5px;
	color:#008dcc;
	float:left;
	border-right:1px solid #008dcc;
}

.transparent_bg .mo_bootom_text .mobile_applic a
{
	color:#008dcc;
	text-decoration:none;
}

.transparent_bg .mo_bootom_text .mobile_applic a:hover
{
	color:#fff;
}



.transparent_bg .mo_bootom_text .last_mobile_applic
{
	width:auto;
	height:16px;
	padding:0 5px;
	color:#008dcc;
	float:left;
}

.transparent_bg .mo_bootom_text .last_mobile_applic a
{
	color:#008dcc;
	text-decoration:none;
}

.transparent_bg .mo_bootom_text .last_mobile_applic a:hover
{
	color:#fff;
}


.main_container_text p
{
	padding:0 5px;
	text-align:justify;
	font-size:12px;
}

.main_container_text p b
{
	color:#008dcc;
	font-size:13px;
	font-weight:bold;
}


.main_container_text a
{
	color:#008DCC;
	font-size:12px;
	font-weight:bold;
}

.main_container_text ul
{
    font-size:12px;
    margin-top: -18px;
    margin-left: -25px;
    list-style-type: square;
}

.main_container_text ul li
{
    line-height:2;
}

/*=====container_bg ends=============*/











#footer_bg
{
	width:100%;
	height:204px;
	float:left;
	background-image:url(../images/footer_bg.png);
}

.main_footer
{
	width:980px;
	height:204px;
	margin:0 auto 0 auto;
	
}

.main_footer .top_text
{
	width:980px;
	height:30px;
	color:#008dcc;
	font-size:16px;
	padding-top:9px;
}


.bottom_footer_link
{
	width:980px;
	height:102px;
	margin-top: 13px;
}

.bottom_footer_link .main_box_link
{
	width:auto;
	height:100px;
	color:#fff;
	float:left;
	font-size:13px;
	line-height: 1.5;
}

.bottom_footer_link .main_box_link a
{
	color:#fff;
	text-decoration:none;
}

.bottom_footer_link .space_bit
{
	width:60px;
	height:100px;
	float:left;
}

.bottom_footer_link .main_box_link a:hover
{
	color:#d3d4d4;
}

.bootom_menu_bg
{
	width:980px;
	height:30px;
	margin-top: 21px;
	color:#fff;
	font-size:10px;
}


.bootom_menu_bg .left_menu_bg
{
	width:780px;
	height:20px;
	float:left;
	margin: -10px 0 0 -47px;
}

.bootom_menu_bg .left_menu_bg ul
{
	width:auto;
	height:19px;
}

.bootom_menu_bg .left_menu_bg ul li
{
	width:auto;
	height:19px;
	list-style:none;
	padding:0 5px 0 5px;
	color:#fff;
	float:left;
}

.bootom_menu_bg .left_menu_bg ul li a
{
	color:#fff;
	text-decoration:none;
}

.bootom_menu_bg .left_menu_bg ul li a:hover
{
	color:#08a9f1;
}

.bootom_menu_bg .right_menu_bg
{
	width:218px;
	height:20px;
	float:right;
}



/*=====footer_bg ends=============*/


.main_contact
{
    width:980px;
    height:602px;
}

.partner_w_usbg
{
    width:980px;
    height:auto;
}

.main_contact b
{
  color:#008dcc;
	font-size:15px;
	font-weight:bold;
}


.main_contact .contact_left
{
    width:450px;
    height:auto;
    float:left;
    padding-left:65PX;
}

.main_contact .contact_left .email_name
{
    width:450px;
    height:21px;
    font-size:11px;
    margin-top:5px;
    color:#666;
}

.error_msg
{
    width:450px;
    height:auto;
    font-size:12px;
    margin-top:2px;
    color:red;
    text-align:left;
}

.main_contact .contact_left .input_name
{
    width:450px;
    height:25px;
}


.main_contact .contact_left .send_name
{
    width:450px;
    height:25px;
    color:#666;
}


.main_contact .contact_left .input_name input
{
    height: 22px;
    width: 332px;
    border:1px solid #999;
    background-image:url(../images/contactUs_Strip.png);
}

.main_contact .contact_left .input_name input:hover
{
    height: 22px;
    width: 332px;
    border:1px solid #008DCC;
    background-image:url(../images/contactUs_Strip_Over.png);
}

.main_contact .contact_left .textarea_name
{
    width:450px;
    height:139px;
}

.textarea_names
{
    width:200px;
    height:100px;
}

.textarea_names textarea
{
    height: 88px;
    width: 200px
}

.main_contact .contact_left .textarea_name textarea
{
     height: 127px;
    width: 332px;
    border:1px solid #999;
    background-image:url(../images/contactUs_Strip_TextArea.png);
    
}

.main_contact .contact_left .textarea_name textarea:hover
{
    height: 127px;
    width: 332px;
    border:1px solid #008DCC;
    background-image:url(../images/contactUs_Strip_TextArea_Over.png);
}

.main_contact .contact_right
{
    width:400px;
    height:auto;
    float:left;
}


.cu_office {
    float: left;
    height: auto;
    width: 400px;
    margin-top: -9px;
}
.cu_office h1 {
    color: #30BAE2;
    font-size: 17px;
}
.cu_office p {
    font-size: 12px;
    padding-left:23px;
}


.main_contact_career
{
    width:950px;
    height:auto;

}

.main_contact_career b
{
    color:#008DCC;
    font-size:15px;
}

.main_contact_career .contact_career_left
{
    width:450px;
    height:auto;
    float:left;
    font-size:12px;
    color:#333;
    text-align:justify;
}

.main_contact_career .contact_career_right
{
    width:400px;
    height:auto;
    float:right;
}

/*********contact Us ends***************/









.lof-slidecontent, .lof-slidecontent a {	color:#FFF;	}
.lof-container {}.lof-slidecontent{	position: relative;}
.lof-slidecontent .preload{	position:absolute;	top:0;	left:0;	z-index:2; height: 100%; width: 100%;}
.lof-main-outer {position: relative; overflow:hidden;}
.lof-main-outer .lof-next,  .lof-main-outer .lof-previous{	display:block;	width:40px;	color:#FFF;	cursor:pointer;	position:absolute;	height:100%;	top:0;}
.lof-main-outer .lof-next {	right:10px;}
.lof-main-outer .lof-previous {	left:10px;}
.lof-main-wapper li {border: none !important;}

/* main flash */
ul.lof-main-wapper{/*margin-right:auto;*/ background: transparent;	padding:0 !important;	margin:0 !important;	position: relative;}
ul.lof-main-wapper li{	padding:0 !important;	margin:0 !important;	float:left;	list-style: none;	position:relative;}
ul.lof-main-wapper li a img {border:none !important;}
.lof-opacity {	overflow:visible  !important;;	position:absolute !important;}
.lof-opacity  li{	position:absolute  !important;;	top:0;	left:0;	margin:0;	padding:0;	float:inherit  !important;}
ul.lof-main-wapper li img{	padding:0 !important; margin:0 !important; max-width: none !important; }

/* item navigator */.lof-navigator-wapper {	position:absolute; background-image:url(../images/slider_point_bg.png); width:150px; height:41px; margin-left:399px;margin-top: 5px;}
.lof-navigator-outer{	position:relative;	z-index:1;	height:180px;	overflow:hidden;	color:#FFF;	margin:0;	padding:0;}ul.lof-navigator{	top:0;	padding:0;	margin:0;	position:relative;	width:100%;}
ul.lof-navigator li{	cursor:pointer;	list-style:none;	padding:0;	margin: 0;	overflow:hidden;	float:left;	display:block;	text-align:left; border: none !important;}
ul.lof-navigator li span {	display: none;}
ul.lof-navigator li.active {		display:block;}

/*============slider ends=====================*/


.css_title_txt_orng {
    color: #F8490F;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 4px;
    padding-top: 4px;
    text-decoration: none;
}

.css_title_txt {
    color: #666666;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 4px;
    padding-top: 4px;
    text-decoration: none;
}


.testimonials
{
    width:100%;
    height:auto;
    
}

.testimonials ul
{
    width:100%;
    height:auto;
    font-size:14px;
    list-style-image:url(../images/right_icon.png);
}

.testimonials ul li b
{
    color:#333;
    font-weight:bold;
}




.portfolio_content
{
    width:943px;
    height:auto;
    margin-top:-29px;
    padding-bottom:20px;
    padding-right:80px;
}
.portfolio_content a
{
    color:#424445;
}
.portfolio_content_inner
{
    border:solid 1px #4f5253;  
    width:943px; 
    margin-bottom:10px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:10px;
    padding-top:10px;
    border-radius: 3px 3px 3px 3px;
    height:80px;
}
.portfolio_numerical
{
    width:200px;
    height:22px;
}

.portfolio_numerical a
{
    color:#333;
}

.portfolio_numerical a:hover
{
    color:#16A6D5;
}

.portfolio_numerical span
{
    padding-left:2px;
    padding-right:2px;
    text-decoration:underline;
}
.portfolio_numerical span:hover
{
    text-decoration:none;
}

.portfolio_img_back
{
    width:80px; height:70px; float:left; margin-top:5px;
}

.portfolio_text_bg
{
    width:820px; height:auto; float:right; margin-top:5px; font-size:13px;
}


.products_cbot_bot
{
	width:980px;
	height:1960px;
	margin-top:5px;
	background-color:#fff;
}

.products_for_sale
{
	width:980px;
	height:1480px;
	margin-top:5px;
	background-color:#fff;
}

.products_cbot_bot_main
{
	width:980px;
	height:auto;
	font-size:12px;
	float:left;
	margin-top:30px;
}
.products_inner_main
{
	width:480px;
	height:auto;
	float:left;
}
.products_inner_main1
{
	width:480px;
	height:auto;
	float:right;
}

.products_inner
{
	width:440px;
	height:auto;
	float:left;
	border-radius: 3px 3px 3px 3px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #CCCCCC;
	padding:10px;
}

img
{
    border:none;
}

.prod_for_salebg

{
    width:980px; height:auto; margin:0 auto 0 auto; float:left;
}

.prod_fr_sale_r
{
    width:740px; height:auto; float: right;
}

.prod_fr_sale_l
{
     width:200px; height:auto; float:left;
}

.team_pht_bg
{
    width:800px; height:auto;
}

.team_main_bg
{
  width:800px; min-height:86px;
}

.tpht_bg
{
    width:60px; height:60px; float:left; border:1px solid #999;
}

.tpht_bg img
{
    width:56px; 
    height:56px; 
    float:left; 
    border:1px solid #999;
    margin:1px;
}

.teame_part_name
{
    width:730px; height:auto; float:right;
}

.teame_part_name a
{
    color:#008DCC; font-size:16px;
}

.form_text {
    color: #000000;
    font-family: Arial;
    font-size: 11px;
}

.form_text input
{
    color: #000000;
    font-family: Arial;
    font-size: 11px;
    height: 22px;
    width: 250px;
    border:1px solid #999;
    background-image:url(../images/contactUs_Strip.png);
}

.form_text input:hover
{
    height: 22px;
    width: 250px;
    border:1px solid #008DCC;
    background-image:url(../images/contactUs_Strip_Over.png);
}


#ctl00_MainContent_btnSubmit
{
    width:70px;
}

#ctl00_MainContent_btnReset
{
    width:70px;
}

.form_text select
{
    color: #000000;
    font-family: Arial;
    font-size: 11px;
    height: 27px;
    width: 252px;
    border:1px solid #999;
    background-image:url(../images/contactUs_Strip.png);
}

.form_text select:hover
{
    background-image:url(../images/contactUs_Strip_Over.png);
    border:1px solid #008DCC;
 }

.form_text textarea
{
     height: 127px;
    width: 250px;
    border:1px solid #999;
    background-image:url(../images/contactUs_Strip_TextArea.png);
    
}

.form_text textarea:hover
{
    height: 127px;
    width: 250px;
    border:1px solid #008DCC;
    background-image:url(../images/contactUs_Strip_TextArea_Over.png);
}


.middle_heads {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
}

#ctl00_MainContent_btnEmail
{
    background-image:url(../images/btSend.png);
    height: 36px;
    width: 77px;
    cursor:pointer;

}
.send_name input
{
       border:none;
       background:none; 
}


#ctl00_MainContent_btnSubmit
{
    background-image:url(../images/btSend.png);
    height: 36px;
    width: 77px;
    cursor:pointer;

}
#ctl00_MainContent_btnReset
{
    background-image:url(../images/btReset.png);
    height: 36px;
    width: 77px;
    cursor:pointer;

}

/*======================sidebar nav starts===========*/
ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 220px;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 1px;
}

ul.menu li a {
  background: #7fc6e5;
  color: #fff;	
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  -khtml-border-radius: 2px 2px 2px 2px;
  padding: 0.5em;
}

ul.menu li a:hover {
  background: #008dcc;
}

ul.menu li.active a {
  background: #008dcc;
}

ul.menu li ul li a {
  background: #cce8f5;
  color: #000;
  padding-left: 20px;
}

ul.menu li ul li a:hover {
  background: #cce8f5;
  border-left: 5px #008dcc solid;
  padding-left: 15px;
}


.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }

/*======================sidebar nav ends===========*/
