/*====================== GENERAL ======================*/
body{
	padding:0;
	margin:0;
	background:url(../images/body-bg.gif) #fff 0 0 repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
td, img, p, a, ul, li, dl, dt, dd, h2, h3, h4, h5, h6 form, label, input{
	padding:0;
	margin:0;
	}
img{ border:none;}
a{ text-decoration:none;
	outline:none;
	}
ul, dl{ list-style-type:none;}
.spacer{
	font-size:0;
	line-height:0;
	clear:both;
	}
/*====================== main & top ======================*/
#main-container{
	width:927px;
	margin:0 auto;
	}
#body{
	margin:0 auto;
	}
.logo-menu{
	width:927px;
	}
.logo-new{
	padding:34px 0 15px 0;
	float:left;
	}
.menu{
	float:right;
	width:522px;
	}
ul.mainnav{
	list-style:none;
	font:normal 15px Verdana, Arial, Helvetica, sans-serif;
	padding:55px 0 0 0;
	}
ul.mainnav li{
	float:right;
	}
ul.mainnav li a,ul.mainnav li span{
	color:#3d729a;
	background-color:inherit;
	padding:0 8px;
	float:left;
	}
ul.mainnav li a:hover,ul.mainnav li span{
	color:#8ab909;
	background-color:inherit;
	text-decoration:underline;
	}
/*====================== left-part ======================*/
#left-panel{
	width:608px;
	float:left;
	}
.header{
	background:url(../images/header-bg.jpg) 0 0 no-repeat;
	height:231px;
	padding:0 0 28px 0;
	}
.header-tech{
	background:url(../images/technology-bg.jpg) 0 0 no-repeat;
	height:231px;
	padding:0 0 28px 0;
	}
.header-service{
	background:url(../images/services-bg.jpg) 0 0 no-repeat;
	height:231px;
	padding:0 0 28px 0;
	}
.header-cont{
	background:url(../images/contact-bg.jpg) 0 0 no-repeat;
	height:231px;
	padding:0 0 28px 0;
	}
.header-career{
	background:url(../images/career-bg.jpg) 0 0 no-repeat;
	height:231px;
	padding:0 0 28px 0;
	}
.header-about{
	background:url(../images/about-bg.jpg) 0 0 no-repeat;
	height:231px;
	padding:0 0 28px 0;
	}
#left-panel h2{
	color:#fff;
	background-color:inherit;
	font:normal 15px Verdana, Arial, Helvetica, sans-serif;
	padding:193px 0 0 0;
	text-align:center;
	}
#left-panel h3{
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#16639b;
	background-color:inherit;
	padding:0 0 20px 22px;
	}
#left-panel h3.new{
	padding:25px 0 0 22px;
	}
#left-panel h2 a{
	text-decoration:underline;
	font-weight:bold;
	color:#fff;
	}
#left-panel p{
	font:normal 12px/19px Verdana, Arial, Helvetica, sans-serif;
	color:#474040;
	background-color:inherit;
	padding:0 22px 0 22px;
	}
#left-panel p.small{
	font:normal 11px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#16639b;
	background-color:inherit;
	padding:0 22px 0 22px;
	}
#left-panel p span{
	color:#16639b;
	background-color:inherit;
	font-weight:bold;
	}
	
ul.logo{
	font-size:0;
	line-height:0;
	height:100%;
	overflow:hidden;
	margin-left:22px;
	margin-top:18px;
	}
ul.logo li{
	float:left;
	margin-right:12px;
	padding-bottom:10px;
	}
ul.logo li a{
	display:block;
	}
/*====================== right-part ======================*/
#right-panel{
	width:318px;
	float:right;
	}
.top{
	background:url(../images/right-pattern.gif) 0 0 repeat;
	height:177px;
	margin:0 0 1px 0;
	padding:27px 15px;
	cursor:pointer;
	}
.top h2{
	font:normal 16px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:underline;
	}
.top ul {
	padding:19px 25px 0 24px;
	}
.top ul li {
	padding:0 0 12px;
	font-size:18px;
	color:#000000;
	background-color:inherit;
	line-height:38px;
	text-align:center;
	}
.top ul li.orgbg {
	background:url(../images/orgbg.gif) no-repeat 0 0;
	}
.top ul li.yellowbg {
	background:url(../images/yellowbg.gif) no-repeat 0 0;
	}
.top ul li.grnbg {
	background:url(../images/grnbg.gif) no-repeat 0 0;
	padding:0 0 0px !important;
	}
.middle{
	background:#edffbe;
	border:3px solid #deefb1;
	padding:17px 22px;
	}
.middle h2{
	font:bold 14px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#364852;
	background-color:inherit;
	padding:0 0 13px 0;
	}
.middle p{
	color:#364852;
	background-color:inherit;
	font:normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
	/*padding-bottom:10px;*/
	} 
.middle p.name{
	color:#364852;
	background-color:inherit;
	font:italic 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	} 
.middle p span.normal{
	color:#000;
	background-color:inherit;
	text-decoration:none;
	font:normal 11px/22px Verdana, Arial, Helvetica, sans-serif;
		} 
.middle p span{
	color:#16629a;
	background-color:inherit;
	font-weight:bold;
	text-decoration:underline;
	}
/*.middle p span a{
	color:#438D15;
	background-color:inherit;
	font-weight:bold;
	text-decoration:underline;
	}
.middle p span a:hover{
	color:#000;
	}*/
p.dotline{
	background:url(../images/dotline.gif) 0 0 repeat-x;
	height:1px;
	}
	
.bottom{
	background:url(../images/green.gif) 0 0 repeat;
	padding:17px 22px;
	margin-top:1px;
	}
.bottom h2{
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	padding:0 0 13px 0;
	}
.bottom p{
	font:italic 13px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	}
.bottom p span{
	font-weight:bold;
	font-size:11px;
	line-height:14px;
	}
	
/*====================== footer-part ======================*/
#footer{
	background:url(../images/footer.gif) 0 0 repeat-x;
	height:104px;
	margin-top:38px;
	}
.footer-container{
	width:927px;
	margin:0 auto;
	}
ul.footerlink{
	margin:8px 0 25px 0;
	}
ul.footerlink li{
	float:left;
	font:13px/18px Verdana, Arial, Helvetica, sans-serif;
	}
ul.footerlink li a{
	padding:0 6px ;
	color:#113753;
	background-color:inherit;
	text-decoration:none;
	}
ul.footerlink li a:hover{
	color:#000;
	background-color:inherit;
	text-decoration:underline;
	}
p.copyright{
	width:500px;
	float:left;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	display:block;
	padding:22px 0 0 5px;
	}
p.copyright a{
	color:#fff;
	background-color:inherit;
	}
p.copyright a:hover{
	color:#000;
	background-color:inherit;
	text-decoration:underline;
	}
p.copyrightnew{
	width:250px;
	float:right;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	display:block;
	padding:22px 0 0 0;
	}
	
/*====================== service page ======================*/
#box-container{
	padding:0 0 0 22px;
	}
.orange-box{
	width:174px;
	height:394px;
	background:url(../images/service-orange.jpg) 0 0 repeat-x;
	border:1px solid #bebab7;
	padding:0 1px 10px 1px;
	margin:10px 15px 0 0;
	float:left;
	}
h5{
	background:url(../images/orange-h.jpg) 0 0 repeat-x;
	height:25px;
	font:12px/25px Verdana, Arial, Helvetica, sans-serif;
	color:#364852;
	font-weight:bold;
	text-align:center;
	}
.yellow-box{
	width:174px;
	height:394px;
	background:url(../images/service-yellow.jpg) 0 0 repeat-x;
	border:1px solid #bebab7;
	padding:0 1px 10px 1px;
	margin:10px 15px 0 0;
	float:left;
	}
h4{
	background:url(../images/yellow-h.jpg) 0 0 repeat-x;
	height:25px;
	font:12px/25px Verdana, Arial, Helvetica, sans-serif;
	color:#364852;
	font-weight:bold;
	text-align:center;
	}
.green-box{
	width:174px;
	height:394px;
	background:url(../images/service-green.jpg) 0 0 repeat-x;
	border:1px solid #bebab7;
	padding:0 1px 10px 1px;
	margin:10px 0 0 0;
	float:left;
	}
h4.green{
	background:url(../images/green-h.jpg) 0 0 repeat-x;
	height:25px;
	font:12px/25px Verdana, Arial, Helvetica, sans-serif;
	color:#364852;
	font-weight:bold;
	text-align:center;
	}
	
ul.service{
	font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif; 
	margin:16px 10px 0  ;

}

ul.service li {
	background:url(../images/hz-line.gif) 0 0 repeat-x;
	/*padding-bottom:1px;*/
	padding-top:2px;
	height:43px;
	}
ul.service li.noline{
	background:none;
	}
ul.service li.nolinenew{
	background:none;
	height:56px;
	}
ul.service li.extra {
	background:url(../images/hz-line.gif) 0 0 repeat-x;
	padding-bottom:1px;
	height:56px;
	}
ul.service li.extranew {
	background:url(../images/hz-line.gif) 0 0 repeat-x;
	padding-bottom:1px;
	height:73px;
	}

ul.service li span{
 	color:#474040;
	background:url(../images/orange-icon.gif) 0 5px no-repeat;
	display:block;
	height:18px;
	padding-left:14px;
}
ul.service li span.yellow{
 	color:#474040;
	background:url(../images/yellow-icon.gif) 0 5px no-repeat;
	display:block;
	height:18px;
	padding-left:14px;
}
ul.service li span.green{
 	color:#474040;
	background:url(../images/green-icon.gif) 0 5px no-repeat;
	display:block;
	height:18px;
	padding-left:14px;
}
/*====================== technology page ======================*/
span.blue-text{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#16629a;
	background-color:inherit;
	padding:0 0 10px 22px;
	}
ul.tech{
	font:bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
	list-style-type:none;
	margin-left:32px;
	margin-top:7px;
	}
ul.tech li{
	background:url(../images/square.gif) 10px 5px no-repeat;
	height:16px;
	color:#364852;
	padding:0 0 0  22px;
	}
/*====================== contactus page ======================*/
.form-holder{
	width:523px;
	/*padding-left:22px;*/
	}
.text-input{
	width:143px;
	height:18px;
	font:11px/15px Verdana, Arial, Helvetica, sans-serif;
	
	}
.text-message{
	width:474px;
	height:105px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	}
p.color strong{
	font-weight:normal;
	color:#3d72a8;
	background-color:inherit;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	display:block;
	float:left;
	margin:5px 17px 18px  0;
	}
p.color strong.last{
	font-weight:normal;
	color:#3d72a8;
	background-color:inherit;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	display:block;
	float:left;
	/*margin:0 12px 0 0;*/
	}
p.color strong.messagebox{
	font-weight:normal;
	color:#3d72a8;
	background-color:inherit;
	width:474px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	display:block;
	float:left;
	margin:5px 17px 18px  0;
	}
p.color strong span{
	padding-left:334px;
	color:#000;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	background-color:inherit;
	}
.submitbt{
	margin-left:388px;
	margin-top:15px;
	width:92px;
	font-weight:bold;
	text-align:center;
	}
div#thankText{
	display:none;
	padding-top:15px;
	float:none;
	height:auto;
	margin:0;
	}
div#thankText p{
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	display:block;
	padding-bottom:0;
	color:#CC0000;
	}

/*========================== site map ===========================*/
	
ul.sitemap {
	font-weight:bold;
	line-height:22px;
	font-size:12px;
}
ul.sitemap ul {
	background:url(../images/sitemap-vert.gif) 0 0 repeat-y;
	margin-left:-20px;
	padding-left:20px;
}
ul.sitemap li {
	background:url(../images/sitemap-midd.gif) 0 0 no-repeat;
	padding:0 0 0 20px;
}
ul.sitemap li.last {
	background:url(../images/sitemap-last.gif) 0 0 no-repeat;
}
ul.sitemap li a {
	text-decoration:none;
	color:#000;
}
ul.sitemap li a:hover {
	text-decoration:none;
	color:#64ba47;
}
	
	
/*--------------------- rss -----------------------*/
div.rssArea{
	height:250px;
	/*border:1px solid #000;*/
	overflow:hidden;
	margin-bottom:10px;
	}
a.mainRssLink{
	font-size:11px;
	line-height:13px;
	font-weight:bold;
	text-decoration:underline;
	color:#16629a;
	background-color:inherit;
	}
a.mainRssLink:hover{
	text-decoration:none;
	color:#000;
	background-color:inherit;
	}
div.rssArea p.rssNewsText{
	font:normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	background:url(../images/hz-line2.gif) 0 100% repeat-x;
	}
div.rssArea p.rssNewsText strong{
	display:block;
	padding:0 0 10px 8px;
	background:url(../images/news-bull.gif) 0 5px no-repeat;
	} 
div.rssArea p.rssNewsText strong a{
	color:#438D15;
	background-color:inherit;
	font-weight:bold;
	text-decoration:underline;
	}
div.rssArea p.rssNewsText strong a:hover{
	color:#000;
	}
div.rssArea p.rssNewsText span{
	display:block;
	margin-left:8px;
	padding-bottom:15px;
	color:#364852;
	background-color:inherit;
	font-weight:normal;
	text-decoration:none;
	padding-bottom:12px;
	}
div.rssArea p.rssNewsText span em{
	display:block;
	text-align:right;
	font:italic 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#5A5A5A;
	background-color:inherit;
	padding-top:10px;
	}