/* CSS Document */

* {padding: 0; margin: 0;}

body{
	padding:0;
	margin:0;
	background-color:#E0E1E1;
	color:#000;
}

/*------------------------------------------------body--------------------*/

/*------------------------------------------------header--------------------*/
#header{
	background: #21242C;
	width:100%;
	height:80px;
	position:relative;
	margin:0 auto;
}

#header img{
margin:20px 0 10px 215px;
text-align: left;
border:none;
}



/*------------------------------------------------main menu--------------------*/
#menu{
background: url(../images/menubg.png) 0 0 repeat-x;
width:990px;
height:34px;
margin:0 auto;
}

#menu ul.nav{
	width:100%px;
	height:34px;	
	list-style-type: none;
	margin: 0 auto;
}
#menu ul.nav li{
	float:left;
	margin:0;
	padding:0;
}
#menu ul.nav li a{
	display:block;
	padding:0 15px;
	font:normal 11px/33px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#menu ul.nav li a:hover{
	color:#fff;
	background-color:#434650;
}

#menu ul.nav li a.selected{
	background-color:#575B66;
}


/*------------------------------------------------body--------------------*/
#bodytop{
	background:url(../images/wall.png) 0 0 repeat-x;
	width:990px;
	height:300px;
	margin:0 auto;
}

#bodytop .slogan{
	margin: 63px 0 0 30px;
	font-size: 30px;
	font-family: sans-serif, Arial, Verdana, Helvetica;
	color: #046598;
}

#bodytop .leftimage {
	float:left;
	margin:100px 0 0 50px;
}


#bodytop .rightimage {
	float:right;
	padding: 10px 10px 0 0;
}

#bodytop2{
	background:url(../images/pagetitle.png) 0 0 repeat-x;
	width:990px;
	height:105px;
	margin:0 auto;
}

#bodytop2 h1{
	padding: 63px 0 0 30px;
	font-size: 30px;
	font-family: sans-serif, Arial, Verdana, Helvetica;
	color: #046598;
}

#body{
	width:990px;
	height:auto;
	padding:13px 1px 13px 0;
	margin:0 auto;
	background: #fff;
	overflow:hidden;
}

#breadcrumb{
	padding: 0 0 20px 30px;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}

#breadcrumb a{
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#003D5C;
	text-decoration:underline;
}
#breadcrumb a:hover{
	color:#666;
}

/*----BODY LEFT PANEL----*/
#bodyLeftPan{
	width:620px; 
	float:left; 
	padding:12px 30px 50px 30px;
	background: inherit; 
	margin-right:20px;
}

#bodyLeftPan .home1, #bodyLeftPan .home2, 
#bodyLeftPan .home3, #bodyLeftPan .home4, 
#bodyLeftPan .home5{
	float:left;
	background: url(../images/services_bg.png) 0 0 no-repeat;
	width:279px;
	height:185px;
	padding: 5px 20px 10px 0;	
}

#bodyLeftPan .home1 p, #bodyLeftPan .home2 p, 
#bodyLeftPan .home3 p, #bodyLeftPan .home4 p, 
#bodyLeftPan .home5 p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}

#bodyLeftPan .home1 strong, #bodyLeftPan .home2 strong, 
#bodyLeftPan .home3 strong, #bodyLeftPan .home4 strong,
#bodyLeftPan .home5 strong{
	color:#0666B2;
}

#bodyLeftPan .home1 span, #bodyLeftPan .home2 span,
#bodyLeftPan .home3 span, #bodyLeftPan .home4 span,
#bodyLeftPan .home5 span{
	float:left;
	margin: 0 0 10px 55px;
	width:200px;
}

#bodyLeftPan .home  green{
	color:#408508;
}

#bodyLeftPan .home1 img, #bodyLeftPan .home2 img, 
#bodyLeftPan .home3 img, #bodyLeftPan .home4 img,
#bodyLeftPan .home5 img{
	border:none;
}

#bodyLeftPan .home1 a, #bodyLeftPan .home2 a, 
#bodyLeftPan .home3 a, #bodyLeftPan .home4 a,
#bodyLeftPan .home5 a{
	display:block;
	width:49px;
	height:90px;
	cursor:pointer;
	cursor:hand;
}


.softwarebox{
	background: #fff /*#E2EEFF*/;
	border:1px solid #AFD1FF;
	margin: 0 0 20px 0;
}

.softwarebox img{
	padding: 5px 0 5px 10px;
	border:none;
}


#bodyLeftPan .address{
	width:200px; 
	float:left;
	margin:10px 70px 0 0;
}
#bodyLeftPan .form{
	float:left;
	margin:15px 0 0 0;
}

#bodyLeftPan .form .sent{
	color: #408508;
}

#bodyLeftPan .form .error{
	color: #CC0000;
}

#bodyLeftPan h2{
	height:30px; 
	color:#333; 
	font-weight:normal;
	font-family: sans-serif, Arial, Verdana, Helvetica;
	padding: 0 0 15px 0;
}
#bodyLeftPan h2 span{
	background:#fff; 
	color:#046598;
}

#bodyLeftPan h3{
	width:410px; 
	height:30px; 
	background:url(../images/border2.gif) 100% 70% no-repeat #fff; 
	color:#00111A; 
	font:28px/28px Georgia, "Times New Roman", Times, serif;
}

#bodyLeftPan h3 span{
	background:#fff; 
	color:#046598;
}

#bodyLeftPan p{
	padding:0 0 20px 0;
	color:#333;
	font-family: sans-serif, Arial, Verdana, Helvetica;
	font-size:0.8em;
}

#bodyLeftPan  b, #bodyRightPan b{
	color: #56A1D5;
}

#bodyLeftPan p span{
	background:#fff; 
	color:#046598; 
	font-weight:bold;
}

#bodyLeftPan ul{
	width:410px; 
	margin:10px 0 0;
	list-style-type: none;
}
#bodyLeftPan ul li{
	width:410px; 
	height:20px;
}
#bodyLeftPan ul li a{
	width:390px; 
	height:20px; 
	background:url(../images/button.gif) 0 6px no-repeat #fff; 
	color:#1A1A1A; 
	text-decoration:underline; 
	padding:0 0 0 20px;
}
#bodyLeftPan ul li a:hover{
	width:390px; 
	height:20px; 
	background:url(../images/button-hover.gif) 0 6px no-repeat #fff; 
	color:#676363; 
	text-decoration:underline;
}

#bodyLeftPan p.more{
	background:#F3F3F3; 
	color:#003D5C; 
	width:410px; 
	height:11px; 
	margin:25px 0; 
	padding:0px; 
	line-height:11px; 
	font-size:11px; 
}
#bodyLeftPan p.more a{
	display:block; 
	width:44px; 
	height:11px; 
	background:#fff; 
	color:#003D5C; 
	text-decoration:none; 
	margin:0 0 0 246px; 
	line-height:11px; 
	text-align:center; 
	padding:0px; 
	text-transform:uppercase;
}
#bodyLeftPan p.more a:hover{
	display:block; 
	width:44px; 
	height:11px; 
	background:#E0DEDE; 
	color:#003D5C; 
	text-decoration:none;
}

#bodyLeftNextPan{
	width:410px; 
	clear:both; 
	padding:10px 0 0;
}
#bodyLeftPan p.next{
	background:#F3F3F3; 
	color:#003D5C; 
	width:410px; 
	height:11px; 
	padding:0px; 
	line-height:11px; 
	font-size:11px; 
	clear:both; 
}
#bodyLeftPan p.next a{
	display:block; 
	width:44px;
	height:11px; 
	background:#fff; 
	color:#003D5C; 
	text-decoration:none; 
	margin:0 0 0 246px; 
	line-height:11px; 
	text-align:center; 
	padding:0px; 
	text-transform:uppercase;
}
#bodyLeftPan p.next a:hover{
	display:block; 
	width:44px; 
	height:11px; 
	background:#E0DEDE; 
	color:#003D5C; 
	text-decoration:none;
}

#left1{
	width:570px;
	height: 92px;
	background:#E2EEFF;
	border:#AFD1FF solid 1px;
	margin:5px 0 20px 0;	
	color:#878767;
}

#left1 a{
	display:block;
	width:570px;
	height: 92px;
	background: inherit;
	cursor: hand;
	cursor: pointer;
	text-decoration:none;
}
#left1 a:hover{
	background: #fff;
}

#left1 p.pic1{
	display:block;
	background:url(../images/online-consultancy.png) 0 0 no-repeat;
	width:152px;
	height:83px;
	margin:5px 20px 0 5px;
	float:left;
}
#left1 p.boxTxt1{
	float:left;
	padding:0 0 0 15px;
	border-left:#fff solid 0px;
	font:normal 11px/16px sans-serif, Arial, Verdana, Helvetica;
	width:300px;
}
#left1 p.boxTxt1 span{
	font:normal 18px/17px sans-serif, Arial, Verdana, Helvetica;
	color:#56A1D5;
	background-color:inherit;
	padding:0 0 0 25px;
	margin:7px 0 10px 0;
	background:url(../images/one.png) 0 0 no-repeat;
	height:17px;
	display:block;
}

#left2{
	width:570px;
	height: 92px;
	background:#E2EEFF;
	border:#AFD1FF solid 1px;
	margin:0 0 20px 0;
	color:#878767;
}
#left2 a{
	display:block;
	width:570px;
	height: 92px;
	background: inherit;
	cursor: hand;
	cursor: pointer;
	text-decoration:none;
}
#left2 a:hover{
	background: #fff;
}

#left2 p.pic2{
	display:block;
	background:url(../images/onsite-consultancy.png) 0 0 no-repeat;
	width:152px;
	height:83px;
	margin:5px 20px 0 5px;
	float:left;
}
#left2 p.boxTxt2{
	float:left;
	padding:0 0 0 15px;
	border-left:#fff solid 0px;
	font:normal 11px/16px sans-serif, Arial, Verdana, Helvetica;
	width:300px;
}
#left2 p.boxTxt2 span{
	font:normal 18px/17px sans-serif, Arial, Verdana, Helvetica;
	color:#56A1D5;
	background-color:inherit;
	padding:0 0 0 25px;
	margin:7px 0 10px 0;
	background:url(../images/two.png) 0 0 no-repeat;
	height:17px;
	display:block;
}
#left3{
	width:570px;
	height: 92px;
	background:#E2EEFF;
	border:#AFD1FF solid 1px;
	margin:0;
	color:#878767;
}
#left3 a{
	display:block;
	width:570px;
	height: 92px;
	background: inherit;
	cursor: hand;
	cursor: pointer;
	text-decoration:none;
}
#left3 a:hover{
	background: #fff;
}

#left3 p.pic3{
	display:block;
	background:url(../images/project-consultancy.png) 0 0 no-repeat;
	width:152px;
	height:83px;
	margin:5px 20px 0 5px;
	float:left;
}
#left3 p.boxTxt3{
	float:left;
	padding:0 0 0 15px;
	border-left:#fff solid 0px;
	font:normal 11px/16px sans-serif, Arial, Verdana, Helvetica;
	width:300px;
}
#left3 p.boxTxt3 span{
	font:normal 18px/17px sans-serif, Arial, Verdana, Helvetica;
	color:#56A1D5;
	background-color:inherit;
	padding:0 0 0 25px;
	margin:7px 0 10px 0;
	background:url(../images/three.png) 0 0 no-repeat;
	height:17px;
	display:block;
}


/*----/BODY LEFT PANEL----*/
/*----BODY RIGHT PANEL----*/
#bodyRightPan{
	width:270px; 
	float:left; 
	border:0px solid #EDEDED; 
	background:#F3F3F3; 
	color:#1A1A1A; 
}

#bodyRightPan .contact{
	background: #fff; 
	border:1px solid #D9D9D9; 
	margin: 20px; 
	height:auto;
}

#bodyRightPan h2{	
	background:#fff; 
	color:#333; 
	font:14px/14px sans-serif, Arial, Verdana, Helvetica;	
	padding:10px 0 10px 10px; 
	border-bottom: 1px solid #D9D9D9; 
}

#bodyRightPan .contact p{
	padding:0 10px 10px 10px;
	color:#333;
	font-family: sans-serif, Arial, Verdana, Helvetica;
	font-size:0.8em;
}

#bodyRightPan .contact p span{	
	font-size:12px;
}



#bodyRightPan h2 span{
	background:#fff; 
	color:#046598;
}

#bodyRightPan h3{
	width:195px; 
	height:35px; 
	display:block; 
	border:1px solid #DADADA; 
	background:#fff; 
	color:#00111A; 
	font:24px/34px Georgia, "Times New Roman", Times, serif; 
	margin:6px 8px 0; 
	padding:0 0 0 20px;
}
#bodyRightPan h3 span{
	background:#fff; 
	color:#046598;
}

#bodyRightPan ul{
	width:180px; 
	margin:0 0 17px 29px;
	list-style-type: none;
}
#bodyRightPan ul li{
	width:180px; 
	height:18px;
}
#bodyRightPan ul li a{
	width:160px; 
	height:18px; 
	display:block; 
	background:url(../images/button.gif) 0 6px no-repeat; 
	color:#1A1A1A; 
	text-decoration:none; 
	padding:0 0 0 15px;
}	
#bodyRightPan ul li a:hover{
	background:url(../images/button-hover.gif) 0 6px no-repeat; 
	color:#797878; 
	text-decoration:none;
}

#bodyRightPan p{
	padding:0px 29px 0px 29px;
}
#bodyRightPan p.boldtext{
	padding:10px 29px 0px; 
	font-size:14px; 
	background:#F3F3F3; 
	color:#1A1A1A; 
	font-weight:bold;
}

#bodyRightPan p a{
	color:#003D5C; 
	text-decoration:none; 
	font-size:12px; 
	line-height:18px; 
	text-align:center; 
}
#bodyRightPan p a:hover{
	height:12px; 
	color:#666; 
	text-decoration:none;
}

#bodyRightPan p.more{
	border-top: 1px solid #D9D9D9;
	background:#fff; 
	color:#003D5C; 
	height:11px; 
	line-height:11px; 
	margin: 15px 0 0 0;
}
#bodyRightPan p.more a{
	color:#003D5C; 
	text-decoration:none; 
	font-size:11px; 
	line-height:11px; 
	text-align:center; 
}
#bodyRightPan p.more a:hover{
	height:11px; 
	color:#666; 
	text-decoration:none;
}
/*----/BODY RIGHT PANEL----*/
/*----/BODY PANEL----*/
/*----FOOTER PANEL----*/

.clear{
	width:991px; 
	height:50px; 
	background: #F0F0F0; 
	margin: 0 auto; 
	clear:both;
}

/*------------------------------------------------footer--------------------*/
#footer{
	width:990px;
	height:70px;
	margin:0 auto;
	background:#21242C;
	color:#fff;
	position:relative;
}

#footer ul{
	width:587px;
	position:absolute;
	list-style-type: none;
	left:27px;
	top:17px;
}
#footer ul li{
	float:left;
	color:#D4D4C6;
	background-color:inherit;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
}
#footer ul li a{
	color:#D4D4C6;
	background-color:inherit;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	padding:0 7px;
	text-decoration:none;
}
#footer ul li a:hover{
	color:#D4D4C6;
	text-decoration:underline;
}
#footer p.copyright{
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	color:#666;
	background-color:inherit;
	position:absolute;
	left:34px;
	top:33px;
}