﻿ul.topnav {
	list-style: none;
	padding: 0 20px;
	margin: 0;
	float: left;
	width: 920px;
	background: #222;
	font-size: 1.2em;
	background: url(topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
}

.choose{font-family:Arial, Helvetica, sans-serif; color:#0c54a4; font-weight:bold; font-size:13px;}

html h1{ font-family:Arial, Helvetica, sans-serif; 
 color:#333; 
 font-size:15px; 
 font-weight:bold;}

html a{color:#035abb; text-decoration:underline;}
html img{border:none;}
.products{
	width:730px;
	height:160px;
	float:left;
	display:block;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	  }
.productPanel{      
      width:230px; 
	  height:120px;
	  margin:0px;
	  float:left;
	  display:block;
	  background:#e2f5ff;
	  margin:5px;
	  }
.productImg{      
      width:76px; 
	  height:67px;
	  margin:5px;
	  float:left;
	  display:block;
	  }
.productTxt{      
      width:130px; 
	  height:100px;
	  margin:5px; 
	  float:right;
	  display:block;
	  font-family:Arial, Helvetica, sans-serif;
	  color:#333;
	  font-size:12px;
	  font-weight:normal;
	  text-align:left;
	  }
.productTxt a{color:#333; text-decoration:underline;}


.soluhed{width:680px; height:40px; float:left; display:block; margin:10px 0 0 10px;}
.solution{
	width:730px;
	height:350px;
	float:left;
	display:block;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	  }
.solutionPanel{      
      width:330px; 
	  height:120px;
	  margin:5px;
	  float:left;
	  display:block;
	  background:#e2f5ff;
	  }
.solutionImg{      
      width:76px; 
	  height:67px;
	  margin:5px;
	  float:left;
	  display:block;

	  }
.solutionTxt{      
      width:230px; 
	  height:120px;
	  margin:5px; 
	  float:right;
	  display:block;
	  font-family:Arial, Helvetica, sans-serif;
	  color:#333;
	  font-size:12px;
	  font-weight:normal;
	  text-align:left;
	  }



.body { 
    background:#000; 
	margin-bottom:0px; 
	margin-top:0px;
	background:url(../image/bg.png);
	}
.h1{ 
 font-family:Arial, Helvetica, sans-serif; 
 color:#333; 
 font-size:15px; 
 font-weight:bold;
 }
.h2{ 
 font-family:Arial, Helvetica, sans-serif; 
 color:#333; 
 font-size:14px; 
 font-weight:bold;
 }
.h2{ 
 font-family:Arial, Helvetica, sans-serif; 
 color:#333; 
 font-size:13px; 
 font-weight:bold;
 }
.h4{ 
 font-family:Arial, Helvetica, sans-serif; 
 color:#333; 
 font-size:13px; 
 font-weight:normal;
 }
.h5{ 
 font-family:Arial, Helvetica, sans-serif; 
 color:#333; 
 font-size:12px; 
 font-weight:bold;
 }
.h6{
 font-family:Arial, Helvetica, sans-serif; 
 color:#333; 
 font-size:12px; 
 font-weight:normal;
 }
.botExtraTxt{width:950px; padding:10px; height:100%; float:left;}
.main {
	width:975px;
	height:100%;
	margin:auto;


	display:block;
    }
.header1 { 
    width:980px; 
	height:481px;
	overflow:hidden;
	display:block;
	
	}

/*BANNER SLIDEING ANIMATION CSS*/
#slideshow {
    position:relative;
    height:336px;
	overflow:visible;
}

#slideshow IMG {
	position:absolute;
	top:0;
	left:1px;
	z-index:8;
	opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
/*BANNER SLIDEING ANIMATION CSS*/

.logo_area{ 
    width:950px; 
	height:81px; 
	float:left;
	}
.con{ 
    width:320px; 
	height:40px; 
	float:right; 
	margin:20px 10px 10px 50px;
	}
.logo{ width:141px;  margin-left:20px; float:left; display:block; height:81px;  }
.top_menu_area{ width:980px; height:44px;  float:left; display:block; overflow:hidden;  background:#FFF;}
.top_menu_left{width:13px; margin-left:1px; height:44px; float:left; display:block; overflow:hidden; background:url(../image/menu_left.gif) repeat-x;}
.top_menu_mid{width:960px; padding:0px 10px 0 10px; height:44px; position:absolute;  float:left; display:block; background:url(../image/menu_mid.gif) repeat-x;}
.top_menu_right{width:12px; height:44px; float:left; display:block; overflow:hidden;background:url(../image/menu_right.gif)  repeat-x;}
.banner{ width:980px; height:336px; float:left; background:#FFFFFF; overflow:visible;}

.header { 
     background:url(../image/header_over.gif) repeat-x ;
	 overflow:hidden;
	 display:block;
	 }
.mid_area{ 
     width:980px; 
	 height:600px; 
	 background:#fff; 
	 float:left;
	 overflow:hidden;
	 display:block;
	 }
.footer_area{ 
     width:980px; 
	 height:60px;
	 float:left;  
	 background:#fff;
	 display:block;
	 overflow:hidden;
	 }
.left_area{ 
        width:730px; 
		height:750px; 
		float:left; 
		display:block;
		overflow:hidden;
		}
.right_area{ 
        width:250px; 
		height:750px; 
		float:right;
		display:block;
		overflow:hidden;
		}
.left_a {
       width:700px; 
	   height:110px; 
	   display:block;
	   overflow:hidden;
	   }
.left_a_1 { 
      width:700px; 
	  height:40px; 
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:20px; 
	  color:#06F; 
	  font-weight:bold; 
	  text-indent:30px;       
	  margin-top:10px;
	  display:block;
	  overflow:hidden;
	  }
.left_a_1_line { 
      width:400px; 
	  height:2px; 
	  background:#000; 
	  margin-left:30px; 
	  margin-top:5px;
	  overflow:hidden;
	  display:block;
	  }
.left_a_2 {
	width:650px;
	height:100px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	  }
.left_b {
	width:730px;
	height:100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	  }
.left_c { 
      width:700px; 
	  height:160px; 
	  }
.right_a { 
      width:230px; 
	  height:310px;  
	  margin-top:10px; 
	  margin-right:10px;
	  margin-left:10px; 

	  }
.right_b { 
    width:220px;
	height:150px;
	margin-top:70px;
	margin-right:29px;
	margin-left:29px;
	float:right;
	border:#999 solid 1px;
	}
.txt_a { 
   font-family:Arial;  
   font-size:14px;  
   color:#333;
   }
.contact_top { 
  width:220px; 
  height:24px;  
  background:url(../image/header_over.gif) repeat; 
  text-indent:20px;
  }
.contact_txt { 
  font-family:Arial; 
  color:#FFF; 
  font-size:15px; 
  text-indent:20px; 
  }
.contact_bottom  {
	  width:220px; 
	  height:115px; 
	  padding-left:10px; 
	  padding-top:10px;
	  }
.clients   { 
      width:200px; 
	  height:20px; 
	  font-family:Arial; 
	  color:#3b6f11 ; 
	  font-size:16px; 
	  font-weight:bold; 
	  text-indent:30px;
	  }
.clients_a { 
      width:660px; 
	  height:130px; 
	  margin-left:30px; 
	  margin-right:10px;
      }
.txt_b  { 
     font-family:Arial;
	 font-size:12px;
	 color:#333; 
	 font-weight:normal;
	 }
.app_txt   { 
    font-family:Arial; 
    font-size:13px; 
    color:#333; 
    font-weight:bold;
    }
#services2 {
	
}
#services2 UL {
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-TOP: 0px;
}
#services2 LI {
	BORDER-BOTTOM: #cccccc 1px solid; 
	POSITION: relative; 
	BORDER-LEFT: #cccccc 1px solid; 
	PADDING-BOTTOM: 0px; 
	LIST-STYLE-TYPE: none; 
	MARGIN: 9px; 
	PADDING-LEFT: 0px; 
	WIDTH: 176px; 
	PADDING-RIGHT: 0px; 
	FLOAT: left;
	BORDER-TOP:#cccccc 1px solid; 
	BORDER-RIGHT: #cccccc 1px solid; 
	PADDING-TOP: 0px;
	display:block;
	overflow:hidden;
}
#services2 LI A {
	POSITION: relative; 
	WIDTH: 176px;
	DISPLAY: block; 
	FONT: 11px Arial, sans-serif, Helvetica; 
	BACKGROUND: url(images/services3_bg.gif) no-repeat; 
	HEIGHT: 179px; 
	COLOR: #707070; 
	OVERFLOW: hidden; 
	PADDING-TOP: 8px;
	overflow:hidden;
	display:block;
}
#services2 LI A {
	TEXT-DECORATION: none;
	overflow:hidden;
	display:block;
}
#services2 LI A:hover {
	TEXT-DECORATION: none;
	overflow:hidden;
	display:block;
}
#services2 LI IMG {
	BORDER-BOTTOM: medium none;
	POSITION: absolute;
	BORDER-LEFT: medium none;
	BACKGROUND-COLOR: #ffffff;
	BORDER-TOP: medium none;
	TOP: 45px;
	BORDER-RIGHT: medium none;
	left: 1px;
	overflow:hidden;
	display:block;
}
div.BottomMenu{
	display:block;
	width:700px;
	height:25px;
	margin-left:140px;
	margin-right:140px;
	margin-top:10px;
}
div.BottomMenu ul{
	list-style:none; 
	margin:0; 
	padding:0; 
	cursor:pointer;
	}
div.BottomMenu li{ 
    float:left;
	}
div.BottomMenu li a{
	display:block; 
	float:left;
	height:15px;
	width:80px;
	color:#333; 
	text-align:center; 
	padding: 6px 0 0 0 ;
	font-family:Arial; 
	font-size:11px;
	font-weight:bold; 
	text-decoration:none;
    }
div.BottomMenu li a:visited{
	font-weight:bold; 
	color:#333;
	}
div.BottomMenu li a:hover{ 
    color:#333; 
	font-size:11px; 
	font-weight: bold; 
	text-decoration:underline;
	}
div.BottomMenu li.current a{ 
    display:block; 
	float:left; 
	font-size:11px; 
	font-family:Arial; 
	font-weight:bold; 
	text-decoration:none; 
	color:#fff;
	}
div.BottomMenu li.divider{ 
    float:left; 
	width:1px; 
	height:16px; 
	background:#999; 
	margin-top:5px;
	display:inline;
	overflow:hidden;
	}
.footer_line {
	width:660px;
	height:1px;
	background:#333;
	margin-left:160px;
	margin-right:160px;
	float:left;
	margin-top:2px;
	display:inline;
	overflow:hidden;
	
    }
.powered { 
    width:700px; 
	height:15px;  
	display:inline;
	overflow:hidden;
	margin-left:140px; 
	margin-right:140px; 
	float:left; 
	margin-top:2px; 
	font-family:Arial; 
	font-size:12px; 
	color:#333;                                 
	text-align:center;
	}
.powered a {
	Font-family:Arial; 
	font-size:13px; 
	color:#333;
	text-align:center;
    }
.main_abt   {
	width:980px;
	height:100%;
	margin:auto;
	overflow:hidden;
	background:#fff;
	display:block;
	border:3px solid #333;
	border-bottom:none;
	border-top:none;
	}
.mid_area_abt {
	width:980px;
	height:630px;
	background:#fff;
	float:left
   }
.left_area_abt {
   width:700px; 
   height:610px; 
   float:left; 
   display:block;
   }
.abt_a    { 
   width:660px; 
   height:580px;
   margin-left:30px; 
   margin-top:20px;
   display:block;
   text-align:justify;
   }
   
.abt_a_txt  { 
   font-family:Arial; 
   color: #333; 
   font-weight:normal;  
   font-size:13px;
   }
   
.abt_a_txt_color { 	
   font-family:Verdana, Geneva, sans-serif; 
   color:#188fea ; 
   font-weight:bold;  
   font-size:15px;
   }
.met_txt_area { 
   width:600px;
   height:500px;
   margin-left:30px;
   margin-top:20px;
   overflow:hidden;
   display:block;
   float:left;
   }
/*Value Page CSS*/
.values { 
     width:580px; 
	 height:300px; 
	 margin:10px;
	 display:block;
	 } 
.value_a {
    width:270px; 
	height:300px; 
	margin:0px 10px 0px 10px; 
	float:left;
	display:block;
	overflow:hidden;
	}
.value_a_1 { 
    width:270px; 
	height:50px; 
	float:left;
	display:block;
	overflow:hidden;
	}
.value_a_1_img { 
    width:40px; 
	height:40px; 
	float:left;
	display:block;
	overflow:hidden;
	}
.value_a_1_txt { 
    width:200px;
	height:20px; 
	float:right; 
	font-family:Arial; 
	font-size:13px; 
	font-weight:bold; 
	color:#333; 
	padding-top:10px; 
	padding-bottom:10px;
	}
.value_txt { 
    font-family:Arial; 
	color:#46b610 ; 
	font-size:13px; 
	font-weight:bold;
	}
.value_txt_1 { 
    font-family:Arial; 
	color:#666; 
	font-size:14px;
	}
.value_b    { 
    width:270px; 
	height:300px; 
	margin:0px 5px 0px 5px; 
	float:right;
	display:inline;
	overflow:hidden;
	}
.value_b_1 { 
    width:270px; 
	height:50px;  
	float:left;
	display:block;
	overflow:hidden;

	}
.value_b_1_img { 
    width:40px; 
	height:40px; 
	float:left;
	display:block;
	overflow:hidden;
	}
.value_b_1_txt { 
    width:200px; 
	height:20px; 
	float:right;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	font-weight:bold; 
	color:#333; 
	padding-top:10px; 
	padding-bottom:10px;
	}
/*End Value Page CSS*/



/*Contact Page CSS*/
.contact_page { 
     width:550px;
	 height:300px;
	 margin-left:10px;
	 margin-right:10px;
	 }
.contact_page_a { 
     width:250px; 
	 height:300px; 
	 float:left;
	 }
.contact_page_a_1 { 
     width:250px; 
	 height:100px; 
	 float:left;
	 }
.contact_page_1_img { 
     width:100px; 
	 height:100px; 
	 float:left; 
	 display:block;
	 }
.contact_page_1_txt { 
     width:140px; 
	 height:60px; 
	 float:left; 
	 text-align:left; 
	 padding-top:40px; 
	 padding-left:10px; 
	 }
.contact_page_a_2 { 
     width:250px; 
	 height:200px; 
	 float:left; 
	 text-align:left;  
	 padding-top:10px;
	 }
.contact_page_b { 
     width:250px; 
	 height:300px; 
	 float:right;
	 }
.contact_txt_a { 
     font-family:Arial, Helvetica, sans-serif; 
	 color:#333; 
	 font-size:13px; 
	 font-weight:normal;
	 }
.contact_txt_b { 
     font-family:Arial, Helvetica, sans-serif; 
	 color:#46b610; 
	 font-size:13px; 
	 font-weight:bold;
	 }
.contact_big_txt { 
     font-family:Arial, Helvetica, sans-serif; 
	 color:#333; 
	 font-weight:bold; 
	 font-size:22px;
	 }
.color_txt  { 
     font-family:Arial, Helvetica, sans-serif; 
	 color:#0C3; 
	 font-weight:bold; 
	 font-size:13px;
	 }
.color_txt_1{
	 font-family:Arial; 
	 color:#666; 
	 font-size:15px;
	 }
/*End Contact Page CSS*/


/*Right Area Page CSS*/
.right_area_abt { 
     width:280px; 
	 height:550px;
	 float:right;
	 display:block;
	 overflow:hidden;
	 }
.right_a_abt   { 
     width:230px; 
	 height:350px;  
	 margin-top:10px; 
	 margin-right:25px;
	 margin-left:25px; 
	 float:right;
	 display:block;
	 overflow:hidden;
	 }
.right_b_abt { 
     width:220px; 
	 height:150px; 
	 margin-top:10px;
	 margin-right:29px; 
	 margin-left:29px;

	 border:#999 solid 1px;
	 }
.right_top    { 
     width:220px; 
	 height:150px; 
	 margin-right:10px;
	 margin-left:10px; 
	 margin-top:10px; 
	 border:#666 solid 1px;
	 }
.right_top_1  { 
     width:220px; 
	 height:21px; 
	 background:url(../image/header_over.gif); 
	 font-family:Arial; 
	 font-size:14px; 
	 color:#fff; 
	 font-weight:normal;
	 padding-top:3px; 
	 text-indent:20px;
	 }
.right_top_2 {
	width:210px;
	height:120px;
	padding-left:10px;
	padding-top: 5px;
}
.right_top_2_txt_a { 
    font-family:Arial; 
	font-size:13px; 
	color:#46b610; 
	font-weight:bold;
	}
.right_top_2_txt_b { 
    font-family:Arial; 
	font-size:12px; 
	color:#666; 
	font-weight:normal;
	}
/*End Right Area Page CSS*/

.headingtxtArea{ width:360px; height:60px; float:left; margin:10px;}
.selectdrop{ 
    width:150px; 
	height:25px; 
	background:#094f9d;
	float:right;
	border:1px solid #8c9fb5; 
	color:#FFFFFF;
	}
/*Service Page CSS*/
.service_area{ 
       width:500px; 
	   height:350px; 
	   float:left; 
	   display:block; 
	   margin:10px;
	   }
	   
.service_area_a  { 
      width:180px; 
	  height:180px; 
	  float:left; 
	  display:block;
	  margin:10px;
	  }
	  ..service_area_a img{border:none;}
.service_area_b  { 
      width:150px; 
	  height:150px; 
	  float:left; 
	  display:block; 
	  margin:5px;
	  }
.service_area_c  { 
     width:150px;
	 height:150px; 
	 float:left;  
	 margin:5px;
	 }
/*End Service Page CSS*/


/* Carrer Page CSS*/
.career_page  { 
     width:600px;
	 height:600px;
	 margin-left:10px;
	 margin-right:10px;
	 border:#333 solid 1px;
	 }
.career_page_top{
	 width:600px; 
	 height:40px;
	 border:#333 solid 1px;
	 }
.career_page_top_1{ 
     width:140px; 
	 height:30px; 
	 float:left; 
	 display:block; 
	 text-align:left;
	 background:url(../image/pan_bck.gif); 
	 padding-top:10px; 
	 padding-left:10px; 
	 }
.career_page_top_2 { 
     width:90px; 
	 height:30px; 
	 float:left; 
	 display:block;
	 text-align:left;
	 padding-top:10px;
	 background:url(../image/pan_bck.gif);
	 padding-left:10px; 
	 }
.career_page_top_3{ 
     width:240px; 
	 height:30px; 
	 float:left;
	 display:block;
	 text-align:left;
	 background:url(../image/pan_bck.gif);
	 padding-top:10px;
	 padding-left:10px;
	 }
.career_page_top_4 { 
     width:90px; 
	 height:30px;
	 background:url(../image/pan_bck.gif);
	 float:left;
	 text-align:left;
	 padding-top:10px;
	 padding-left:10px; 
	 }
.career_page_top_txt{ 
     font-family:Verdana, Geneva, sans-serif;
	 color:#FFF ; 
	 font-weight:bold; 
	 font-size:13px; 
	 text-align:center;
	 }
.career_page_bot {
	 width:600px;
	 height:556px;
	 border:#666 solid 1px;
	 }
.career_page_bot_txt{ 
     font-family:Arial; 
	 font-size:13px;  
	 color:#333;
	 }
.career_page_bot_a { 
     width:600px; 
	 height:250px;
	 }
.career_page_bot_a_1 {
	 width:130px; 
	 height:240px;
	 float:left; 
	 display:block; 
	 text-align:left; 
	 padding-left:10px; 
	 padding-right:10px; 
	 padding-top:10px;
	 }
.career_page_bot_a_2 { 
     width:80px; 
	 height:240px;
	 float:left; 
	 display:block; 
	 text-align:left; 
	 padding-left:10px; 
	 padding-right:10px; 
	 padding-top:10px;
	 }
.career_page_bot_a_3 { 
     width:230px; 
	 height:240px;
	 float:left; 
	 display:block; 
	 text-align:left;
	 padding-left:10px; 
	 padding-right:10px; 
	 padding-top:10px;
	 }
.career_page_bot_a_4{ 
     width:80px; 
	 height:240px;
	 float:left; 
	 text-align:left;
	 padding-left:10px; 
	 padding-right:10px; 
	 padding-top:10px;
	 }
.career_page_bot_b {
	 width:600px; 
	 height:250px;
	 }
.career_page_bot_b_1{ 
     width:130px; 
	 height:240px;
	 float:left; 
	 display:block; 
	 text-align:left;
	 padding-left:10px; 
	 padding-right:10px; 
	 padding-top:10px;
	 }
.career_page_bot_b_2 { 
     width:80px; 
	 height:240px;
	 float:left; 
	 display:block; 
	 text-align:left;
	 padding-left:10px; 
	 padding-right:10px; 
	 padding-top:10px;
	 }
.career_page_bot_b_3{ 
     width:230px; 
	 height:240px;
	 float:left; 
	 display:block; 
	 text-align:left;
	 padding-left:10px; 
	 padding-right:10px; 
	 padding-top:10px;
	 }
.career_page_bot_b_4 {
	 width:80px; 
	 height:240px;
	 float:left;  
	 text-align:left;
	 padding-left:10px; 
	 padding-right:10px; 
	 padding-top:10px;
	 }

/* End of Carrer Page CSS*/

html ul{padding:5px;}

