/* CSS Document */
body{padding:0px; margin:0px; background:#666; color:#6f6f6f; font:10px/14px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

#mainbody{height:auto !important; height:100px; min-height:100px; width:997px; margin:0px auto; background:#fff; position:relative; padding:0px; border: #CCCCCC 0px solid} 

/*  TOP HEADER  */

#topheader{
	height:120px;
	width:997px;
	background:url(../images/) 0 0 no-repeat;
	margin:0 0 0 0px;
	position:relative;
	padding:0px;
} 

#topheader img{height:108px; width:219px; position:absolute; top:14px; left:30px;}

#topheader ul {
	width:550px;
	height:32px;
	position:absolute;
	top:74px;
	left:410px;
}
#topheader ul li{float:left}

#topheader ul li.home{
	width:52px;
	height:35px;
	margin-right:22px;
}
#topheader ul li.home a{width:52px; height:35px; display:block; background:url(../images/btn_home.gif) 0 0 no-repeat; text-indent:-20000px;}
#topheader ul li.home a:hover{width:52px; height:35px; background:url(../images/btn_home_over.gif) 0 0 no-repeat;}

#topheader ul li.products{width:52px; height:35px; margin-right:22px}
#topheader ul li.products a{width:52px; height:35px; display:block; background:url(../images/btn_products.gif) 0 0 no-repeat; text-indent:-20000px;}
#topheader ul li.products a:hover{width:52px; height:35px; background:url(../images/btn_products_over.gif) 0 0 no-repeat;}

#topheader ul li.solutions{width:70px; height:35px; margin-right:22px}
#topheader ul li.solutions a{width:70px; height:35px; display:block; background:url(../images/btn_solutions.gif) 0 0 no-repeat; text-indent:-20000px;}
#topheader ul li.solutions a:hover{width:70px; height:35px; background:url(../images/btn_solutions_over.gif) 0 0 no-repeat;}

#topheader ul li.services{width:70px; height:35px; margin-right:22px}
#topheader ul li.services a{width:70px; height:35px; display:block; background:url(../images/btn_services.gif) 0 0 no-repeat; text-indent:-20000px;}
#topheader ul li.services a:hover{width:70px; height:35px; background:url(../images/btn_services_over.gif) 0 0 no-repeat;}

#topheader ul li.about{width:70px; height:35px; margin-right:22px}
#topheader ul li.about a{width:70px; height:35px; display:block; background:url(../images/btn_about.gif) 0 0 no-repeat; text-indent:-20000px;}
#topheader ul li.about a:hover{width:70px; height:35px; background:url(../images/btn_about_over.gif) 0 0 no-repeat;}

#topheader ul li.contact{width:70px; height:35px; margin-right:22px}
#topheader ul li.contact a{width:70px; height:35px; display:block; background:url(../images/btn_contact.gif) 0 0 no-repeat; text-indent:-20000px;}
#topheader ul li.contact a:hover{width:70px; height:35px; background:url(../images/btn_contact_over.gif) 0 0 no-repeat;}

/* TOP BACK */

#topback{
	height:224px;
	width:997px;
	background:url(../images/main-img01.jpg) 0 0 no-repeat;
	margin:0 0 0 0;
	position:relative;
	padding:0px;
}
#topback h2{width:181px; height:28px; background:url(../images/h_welcome.jpg) 0 0 no-repeat; text-indent:-20000px; margin:14px 0 0 19px;}
#topback p{width:170px; margin:14px 0 0 23px; font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#FFF; }
#topback p span {font:12px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#72ab13; text-transform:uppercase; }

#topback ul{width:170px; margin:14px 0 0 23px;}
#topback ul li a{display:block; width:160px; height:20px; background:url(../images/arrow1.jpg) 0 6px no-repeat; font:10px/20px Tahoma, Arial, Helvetica, sans-serif; color:#6fe3f0; font-weight:normal; text-decoration:none; padding:0 0 0 20px;}
#topback ul li a:hover{text-decoration:underline; color:#FFF} 

#topback ul.ask {width:200px; height:50px; position:absolute; top:232px; left:558px; background: none; margin:0}
#topback ul.ask li a{width:200px; height:50px; display:block; text-indent:-20000px; background: none; padding:0}
#topback ul.ask li a:hover{width:200px; height:50px;}

/*  BODY PAN */

#bodypan{
	width:970px;
	margin:0px 0px 0 0px;
	position:relative;
	padding:0px;
	height:auto !important;
}

#leftpan{
	width:220px;
	margin:18px 0 0 19px;
	position:relative;
	padding:0px;
	float:left
}
#leftpan h2{width:219px; height:27px; background:url(../images/h_latestnews.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 1px 0; border-bottom:#1c3743 1px solid;}
#leftpan ul{width:215px; margin:0 0 0 4px;}
#leftpan ul li.arrow{background:url(../images/arrow2.jpg) 0 6px no-repeat; height:16px; padding:0 0 0 16px; font:12px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#72ab13; margin-top:14px}
#leftpan ul li{background:none; padding:0 0 0 16px;}
#leftpan ul li span {font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#4aafdc;}
#leftpan ul li a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#leftpan ul li a:hover{color:#4aafdc;}

#middlepan{
	width:260px;
	margin:18px 0 0 31px;
	position:relative;
	padding:0px;
	float:left
}
#middlepan h2{width:212px; height:27px; background:url(../images/h_featuredservices.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 16px 0; border-bottom:#1c3743 1px solid;}
#middlepan h3{width:212px; height:76px; background:url(../images/img1.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 12px 0;}
#middlepan span{color:#4aafdc;}
#middlepan a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#middlepan a:hover{color:#4aafdc;}

#rightpan{
	width:660px;
	margin:18px 0 0 28px;
	position:relative;
	padding:0px;
	float:left
}
#rightpan h2{width:246px; height:27px; background:url(../images/h_professionalteam.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 16px 0; border-bottom:#1c3743 1px solid;}
#rightpan span{color:#4aafdc;}
#rightpan #img01{
	background:url(../images/img2.jpg) 0 0 no-repeat;
	min-height:100px;
	padding:0 0 0 89px;
	font:10px/14px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-top:12px
}
#rightpan #img02{background:url(../images/img3.jpg) 0 0 no-repeat; min-height:76px; padding:0 0 0 89px; font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; margin-top:12px}
#rightpan a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#rightpan a:hover{color:#4aafdc;}

/*  FOOTER */

#footer{
	height:75px;
	margin:0 0 0 0;
	position:relative;
	padding:0px;
	background:#333333;
	float: left;
	width: 997px;
}
#footer p{margin:20px 0 0 40px; font:10px/18px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;}
#footer a{font:10px/18px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#888888; text-decoration:none;}
#footer a:hover{color:#fff; text-decoration:underline;}
#footer img {
	height:38px;
	width:211px;
	position:absolute;
	top:18px;
	left:750px;
}

#footer .beian {
	position:absolute;
	top:8px;
	left:750px;
	font-size: 12px;
}

#sponsor{
	width:770px;
	margin:15px 0px 10px 0px;
	text-align: center;
	float: left;
	position: relative;
}