@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
	
.page{margin:auto; width:901px; height:auto;}

.header{ margin:auto; width:901px; height:43px;}
.header2{width:901px; height:75px;}
.logo{width:247px; height:43px; float: left;}
.navbar{width:654px; height:42px; float:right; background-image:url(../images/greybar.jpg); background-repeat:no-repeat;}
.navbarservice{width:654px; height:75px; float:right; background-image:url(../images/greybar1.jpg); background-repeat:no-repeat;}
.navbarport{width:654px; height:75px; float:right; background-image:url(../images/greybar2.jpg); background-repeat:no-repeat;}
.servicebar{margin-top:0 auto; margin-left:247px; width:654px; height:20px; background-color:#999999;}

.menu{width:636px; height:18px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; padding-left:18px; padding-top:15px;}
.menu2{width:636px; height:18px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; padding-left:18px; padding-top:20px;}

.top{ margin-top:5px;width:901px; height:10px;}
.bottom{margin:auto;width:901px; height:20px;}
.content{margin-top:0;width:901px; height:auto; background-image:url(../images/border-repeat.jpg); background-repeat:repeat-y;}
.contentcl{margin-top:0;width:901px; height:600px; background-image:url(../images/border-repeat.jpg); background-repeat:repeat-y;}
.contenthmb{margin-top:0;width:901px; height:420px; background-image:url(../images/border-repeat.jpg); background-repeat:repeat-y;}
.contentH{margin-top:0;width:901px; height:900px; background-image:url(../images/border-repeat.jpg); background-repeat:repeat-y;}
.contentCS{margin-top:0;width:901px; height:1100px; background-image:url(../images/border-repeat.jpg); background-repeat:repeat-y;}
.contentCS2{margin-top:0;width:901px; height:600px; background-image:url(../images/border-repeat.jpg); background-repeat:repeat-y;}
.contentCS3{margin-top:0;width:901px; height:670px; background-image:url(../images/border-repeat.jpg); background-repeat:repeat-y;}
.contentCS4{margin-top:0;width:901px; height:760px; background-image:url(../images/border-repeat.jpg); background-repeat:repeat-y;}




.flashHome{margin:auto;width:850px; height:400px; background-image:url(../images/flashbg.jpg); background-repeat:no-repeat;}
.flashHomeTop{margin:auto; padding-top:5px;width:901px; height:21px;}
.ftl{width:45px; height:21px; float:left;}
.ftr{width:119px; height:21px; float:right;}


.line{ margin:auto; padding-top:20px;width:898px; height:11px}

.box{ margin:auto;width:901px; height:260px}
.boxL{ margin:auto;width:243px; height:250px; float:left; background-image:url(../images/homeleftb.jpg); background-repeat:no-repeat;}
.tl{ width:200px; height:230px; padding-left:20px; padding-top:10px; padding-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;}

.boxR{ margin:auto;width:636px; height:250px; float:right; background-image:url(../images/homerightb.jpg); background-repeat:no-repeat;}
.tr{ width:590px; height:230px; margin-right:20px;padding-left:20px; padding-top:10px; padding-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; text-align:justify;}



.textfield{margin:auto; width:850px; height:320px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:1.3;}
.lefthome{ width:235px; height:286px; float:left;}
.midlehome{width:1px; height:286px; float:left;}
.righthome{ width:600px; height:286px; float:right; text-align:justify;}

.bottomline{margin:auto; width:901px; height:20px;}
.copy{width:240px; height:20px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999;}
.navbottom{width:650px; height:20px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999;}

.about{margin-left:265px;width:611px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:1.3; text-align:justify;}
.contact{margin-left:265px;width:607px; height:280px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:1.3; text-align:justify;}
.servicepage{width:901px; height:1230px;}
.servicepage2{width:901px; height:1130px;}
.servicepage3{width:901px; height:600px;}
.csp{width:901px; height:240px;}
.csp2{width:901px; height:815px;}
.csp3{width:901px; height:750px;}
.csp4{width:901px; height:650px;}
.servicepage3a{width:901px; height:480px;}
.servicepageeb{width:901px; height:550px;}
.servicepage4{width:901px; height:500px;}
.servicepage4a{width:901px; height:370px;}
.servicepage5{width:901px; height:530px;}
.gdpage{width:901px; height:530px;}
.servicesflash{width:254px; height:206px; float:left;}
.servicesflash1{width:234px; height:206px; float:left; padding-left:10px;}
.servicesflash2{width:240px; height:515px; float:left; padding-left:10px;}
.servicesflash3{width:210px; height:515px; float:left; padding-left:41px;}
.servicesflashcs{width:238px; height:230px; float:left; padding-left:10px;}
.servicesflashcs3{width:238px; height:750px; float:left; padding-left:10px;}
.servicesflashcs4{width:238px; height:650px; float:left; padding-left:10px;}
.servicesflash3a{width:210px; height:480px; float:left; padding-left:41px;}
.servicesflasheb{width:230px; height:550px; float:left; padding-left:25px; position:relative;}
.servicesflash4{width:210px; height:480px; float:left; padding-left:41px;}
.servicesflash4a{width:210px; height:350px; float:left; padding-left:41px;}
.servicesflash5{width:210px; height:520px; float:left; padding-left:41px;}
.services{margin-left:10px; width:612px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:1.3; text-align:justify; float:left}
.serviceshd{margin-left:10px; width:616px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:1.3; text-align:justify; float:left}
.servicesf{margin-left:10px; width:618px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:1.3; text-align:justify; float:left}
.serviceseb{margin-left:1px; width:602px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:1.3; text-align:justify; float:left}
.servicesD{margin-left:20px; width:612px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:1.3; text-align:justify; float:left}
.servicesM{margin-left:10px; width:609px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:1.3; text-align:justify; float:left}
.cs{margin-left:15px; width:612px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:1.1; text-align:justify; float:left}
.portfolio{margin-left:245px; width:auto; height:1000px;}
.portfolio2{margin-left:245px; width:auto; height:600px;}
.af{width:607px; height:369px;}
.aboutL{ width:230px; height:369px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:1.3; text-align:justify; float:right; padding-left:20px;}
.aboutR{ width:339px; height:369px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:1.3; text-align:justify; float:left;background-image:url(../images/about.jpg);}
.aboutflash{width:320px; height:265px; margin-top:10px; margin-left:10px;}
.flashdesignpage{ width:336px; height:320px;background-image:url(../images/flashdesign.jpg);}
.flashexamp{width:320px; height:215px; padding-left:8px; padding-top:17px;}
.paging{ margin-left:265px;width:611px; height:30px; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
.pt{width:200px; height:30px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#cecece}
.pn{width:200px; height:30px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:right;}

a:link {
	color: #FF6600;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color:#FF6600;
}
a:hover {
	text-decoration: none;
	color: #CCCCCC;
}
a:active {
	text-decoration: none;
	color: #FF6600;
}






a.navcol:link {
	text-decoration: none;
	color: #ffffff;
}
a.navcol:visited {
	text-decoration: none;
	color: #ffffff;
}
a.navcol:hover {
	text-decoration: none;
	color: #cccccc;
}

a.navcol:active {
	text-decoration: none;
	color: #ffffff;
}



a.navcol2:link {
	text-decoration: none;
	color: #999;
}
a.navcol2:visited {
	text-decoration: none;
	color: #999;
}
a.navcol2:hover {
	text-decoration: none;
	color: #ccc;
}

a.navcol2:active {
	text-decoration: none;
	color: #999;
}



.navcol1{font-family:Arial, Helvetica, sans-serif; font-size:10.5px; color:#cccccc;}
a.navcol1:link {
	text-decoration: none;
	color: #999;
}
a.navcol1:visited {
	text-decoration: none;
	color: #999;
}
a.navcol1:hover {
	text-decoration: none;
	color: #666;
}

a.navcol1:active {
	text-decoration: none;
	color: #999;
}





.lccon{width:515px; height:550px; z-index:1000;position:relative;}
.lc{width:171px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; float:left; text-align:left;line-height:1.5;}
.lc2{width:190px; height:auto;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; float:left;text-align:left;line-height:1.5;}

.lc3{width:150px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; float:right;text-align:left;line-height:1.5;}


.case{margin:auto;width:901px; height:auto;}
.caseL{width:235px; height:60px; float:left; font-family:Arial, Helvetica, sans-serif; color:#FF6600; font-size:12px; padding-left:10px; text-align:right; line-height:1.3; }
.caseR{padding-left:20px;width:608px; height:60px; float:left; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px; line-height:1.3; text-align:justify;}
.caseR1{padding-left:20px;width:608px; height:80px; float:left; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px; line-height:1.3; text-align:justify;}
.caseR2{padding-left:20px;width:608px; height:90px; float:left; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px; line-height:1.3; text-align:justify;}
.caseR3{padding-left:20px;width:608px; height:110px; float:left; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px; line-height:1.3; text-align:justify;}
.caseR4{padding-left:20px;width:608px; height:120px; float:left; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px; line-height:1.3; text-align:justify;}
.caseR5{padding-left:20px;width:608px; height:160px; float:left; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px; line-height:1.3; text-align:justify;}

.con1{width:355px; height:auto; float:left;}
.con2{ width:150px; height:90px; float:right; padding-right:20px;}

.cop1{width:30px; height:15px; float:left;}
.cop2{ width:120px; height:12px; text-align:right;float:right;}

#news-list ul {margin: 10px 0 0 0; padding: 0px;}
#news-list li {margin-bottom: 9px;margin-left: 14px; list-style: square; color: #FF6600}