﻿body {
	background-color: #CCCCCC;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;

}
.topdiv { display:none;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	/*SHQ: margin-top: 15px;*/
	clear: both;
	
}
.img {
	padding-top: 3px; /*SHQ: padding-top: 28px;*/
}
.lefttopmenu 
{
	display:none;
	clear: right;
	float: right;
	width: 129px;
	height: 10px;
	margin-top: 65px; /*SHQ: margin-top: 90px;*/
}
.more a {
	color: #333333;
	text-decoration: none;
}
.gallery {
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
}
.content .textindex p {
	padding-top: 3px;
}
.mainsecond {
	background-image: url(../img/bgmain1.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	overflow: auto;
}
.content {
	width: 962px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	position: relative;
	padding-bottom: 35px;
}
.copy1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	width: 981px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-color: #FFFFFF;
	
}
.copy2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	padding-top: 10px;
	text-align: center;
	padding-bottom: 30px;
}
.copy2 a {
	color: #999999;
	text-decoration: none;
}
.leftcontent {
	height: 55px;
	width: 742px;
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	clear: left;
	
}
.rightcontent {
	background-image: url(../img/rightbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	clear: right;
	float: right;
	width: 210px;
	padding-top: 55px;
	margin-top: 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	padding-left: 10px;
	height: 280px;
}
.date {
	font-weight: bold;
	float: left;
	width: 33px;
	margin-right: 23px;
	padding-top: 2px;
}
.news {
	clear: right;
	float: left;
	width: 149px;
	margin-bottom: 10px;
}
.blockfirst,.blocksec,.blockt {
background-repeat: no-repeat;
	background-position: left top;
	height: 240px;
	width: 240px;
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 190%;
	padding-top: 10px;
	float: left;
}
.blockfirst {
	background-image: url(../img/block1.jpg);
}
.blocksec{
	background-image: url(../img/block2.jpg);
}
.textindex {
	width: 735px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 130%;
	color: #333333;
}
.smallbanner { margin-top:25px; width:210px; height:141px; }

.blockt{
	background-image: url(../img/block3.jpg);
	clear: none;
	width: 230px;
}
.leftcontent a {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 55px;
}
.more {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	clear: both;
	float: right;
	padding-right: 10px;
	margin-top:5px;
}
.leftcontent a:hover {
	
	background-position: bottom;
}
.solut {
	background-image: url(../img/solutions1.jpg);
	width: 240px;
}
.prod{
	background-image: url(../img/products1.jpg);
	width: 252px;
}.serv {
	background-image: url(../img/services1.jpg);
	width: 250px;
}
.lefttopmenu a {
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 10px;
}
.home {
	background-image: url(../img/home.jpg);
	width: 52px;
}
.company {
	background-image: url(../img/cpscompany.jpg);
	width: 154px;
}
.solutions {
	background-image: url(../img/cpssolutions.jpg);
	width: 154px;
}
.support {
	background-image: url(../img/support.jpg);
	width: 77px;
}
.products {
	background-image: url(../img/cpsproducts.jpg);
	width: 154px;
}.services {
	background-image: url(../img/cpsservices.jpg);
	width: 154px;
}.contact {
	background-image: url(../img/cpscontact.jpg);
	width: 154px;
}
.lefttopmenu a:hover {
background-position: bottom;
}
.mainbanner
{
	position:relative;
	background-color: #CCCCCC;
	background-image: url(../img/cpsbgtopbanner.jpg);
	background-repeat: repeat;
	background-position: 0px top;
	height: 60px;
	width: 981px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.main {
	background-image: url(../img/cpsbgmain.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	padding-top: 10px;
}
.mainmenu {
	height: 30px;
	width: 771px; /*width: 981px;*/
	float:right;
	margin-top:30px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	display: block;
}
.mainmenu a {
	
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	float: left;
	height: 30px;
}
.mainmenu a:hover {
	background-position: bottom;
}
.banner {
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	padding-right: 1px;
}
.copy {
	background-image: url(../img/copybg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 29px;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 10px;
}
.copy a {
	color: #FFFFFF;
	text-decoration: none;
}
.copy a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.copy2 a:hover {
	text-decoration: underline;
}
.more a:hover {
	text-decoration: underline;
}
.contentinner {
     width: 962px;
     margin-right: auto;
     margin-left: auto;
     overflow: hidden;
}
.leftside {
	float: left;
	width: 220px;
	margin-right: 10px;
	margin-top: 11px;	
	background-repeat: no-repeat;
	background-position: left 60px;
	min-height:780px;
	
}
* html .leftside{/***************for ie6**************/
	height:780px;
}
.company-style{
	background-image:url(../img/left_menu_bkg-1.jpg);
}
.product-style{
	background-image:url(../img/left_menu_bkg-2.jpg);
}
.product-style .menu-left a {
	border-top-color:#609479;
	border-bottom-color: #609479;
}
.solution-style{
	background-image:url(../img/left_menu_bkg-3.jpg);
}
.solution-style .menu-left a {
	border-top-color:#FDB45D;
	border-bottom-color: #FDB45D;
}
.contact-style{
	background-image:url(../img/left_menu_bkg-1.jpg);
}
.services-style{
	background-image:url(../img/left_menu_bkg-1.jpg);
}
.menu-left {
	clear: both;
	float: left;
	margin-top: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 100%;
}

.rightsideinner {
	clear: right;
	float: left;
	width: 730px;
	margin-top: 10px;
}
.breadcrump {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(../img/breadcrumpbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 18px;
	clear: right;
	float: left;
	width: 719px;
	margin-top: 3px;
	padding-left: 5px;
	padding-top: 4px;
}
.breadcrump a {	color: #000000;	text-decoration: none; }
.breadcrump a:hover { text-decoration: underline; }

.contentright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 125%;
	clear: right;
	float: left;
	width: 689px;
	background-color: #D7E0EC;
	background-image: url(../img/bginnerright.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 18px;
	padding-left: 11px;
	padding-bottom: 35px;
	padding-right: 20px;
	text-align: justify;	
	min-height:455px;
}
* html .contentright{/***************for ie6**************/
	height:455px;
}
.mainsecondinner {
	background-image: url(../img/bgmain1.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	overflow: visible;
}
.mainsecondinnerbg {
	background-image: url(../img/cpsbgmain.jpg);
	background-repeat: no-repeat;
	background-position: center -60px;
	overflow: visible;
}
.menu-left a {
	color: #000000;
	text-decoration: none;
	display: block;
	width: 190px!important;
	padding-top: 8px;
	padding-left: 20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #879DFB;
	border-bottom-color: #879DFB;
	margin-bottom: -1px;
	overflow:hidden;
	padding-right: 10px;
	padding-bottom:10px;
}
.menu-left a:hover {
	text-decoration: underline;
}
.lmenu {
	color: #000000;
	text-decoration: none;
	display: block;
}
.lmenutwoline a {
	color: #000000;
	text-decoration: none;
	display: block;
	padding-left: 20px;
}
.menu {
	clear: both;
	width: 771px; /*width: 981px;*/
	LIST-STYLE-TYPE: none;
	margin: 0px;
	padding: 0px;
	height: 30px;
}
.menu li {
	list-style: none;
	float: left;
	POSITION: relative;
	HEIGHT: 22px;
}
.menu UL {
	DISPLAY: none;
	Z-INDEX: 500;
	LEFT: 0px;
	MARGIN: 0px;
	LIST-STYLE-TYPE: none;
	POSITION: absolute;
	TOP: 30px;
	padding: 0px;
	width: 152px; /*width: 194px;*/
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-left-color: #000000;
	line-height: 22px;
}
.menu UL LI {
	MARGIN: 0px;
	LIST-STYLE-TYPE: none;
	POSITION: static;
	HEIGHT: 22px;
	background-color: #4875B8;
	width: 152px; /*width: 194px;*/
	clear: both;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
}
.menu UL LI A {
	DISPLAY: block;
	COLOR: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	width: 136px; /*width: 178px;*/
	height: 22px;
	background-image: url(../img/dropbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-right: 8px;
	padding-left: 8px;
}
.menu UL LI A:hover {
	text-decoration: none;
	color: #000000;
	background-image: url(../img/dropbgover.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#sub_company {
    width: 190px;
}
#sub_company li {
    width: 190px;
}
#sub_company li a  {
    width: 174px;
}
#sub_services {
    width: 260px;
}
#sub_services li {
    width: 260px;
}
#sub_services li a  {
    width: 244px;
}
#sub_products,#sub_products_colon {
    width: 245px;
}
#sub_products li,#sub_products_colon li {
    width: 245px;
}
#sub_products li a ,#sub_products_colon li a {
    width: 229px;
}
#sub_products_colon{
	position:absolute;
	left:226px;
	top:-1px;
}
#sub_products_colon ul{
	position:absolute;
	left:0px;
	top:0px;
}
a {
	color: #4875B8;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
.padr20 {
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 0px;
}
.padl20 {
	padding-bottom: 10px;
	padding-left: 15px;
	padding-top: 10px;
}
.border {
	border: 1px solid #CCCCCC;
}
form {
	margin: 0px;
	padding: 0px;
	overflow: auto;
}
.join-text-of {
	float: left;
	width: 140px;
	padding-top: 3px;
	text-align: right;
	padding-right: 3px;
}
.join-block {
	clear: both;
	float: left;
	width: 430px;
	text-align: left;
	height: 30px;
}
.join-right {
	float: left;
	width: 251px;
}
.check-join {
	float: left;
	width: 25px;
}
.check {
	clear: both;
	float: left;
	width: 548px;
	padding-left: 5px;
}
.check-text-qa {
	float: left;
	width: 350px;
	padding-bottom: 15px;
}
.check-block-qa {
	clear: both;
	float: left;
	width: 400px;
}
.engin {
	width: 200px;
	float: left;
}
.join-right-text {
	float: left;
	width: 390px;
	clear: both;
}
.join-block-2 {
	clear: both;
	float: left;
	width: 430px;
	text-align: left;
	padding-bottom: 5px;
}
.join-right .inp {
	width: 239px;
	height: 18px;
	border: 1px solid #4875B8;
}
.join-right textarea {
	width: 260px;
	height: 58px;
	border: 1px solid #4875B8;
}
.join-right .submit {
	width: 160px;
}
.blockfirst a,.blocksec a,.blockt a {
	color: #000000;
	text-decoration: none;
}
.blockfirst a:hover,.blocksec a:hover,.blockt a:hover {
	color: #000000;
	text-decoration: underline;
}
.imgpad {
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 3px;
}
.lmenu a {
	color: #000000;
	text-decoration: none;
	display: block;
	width: 181px;
}
.listmenu {
	float: left;
	width: 140px;
	text-align: right;
	padding-right: 5px;
	padding-top: 3px;
}
.join-text-of1 {
	float: left;
	width: 140px;
	padding-top: 3px;
}
