*{ margin:0px; padding:0px; }
img{border:0px}
html{height:100%; width:100%; min-width:980px;}


body{ background:url(../images/bg.jpg) no-repeat top left #e0e0e0; 
width:100%;
height:100%;
position:relative; font: 74%/145% "Lucida Sans Unicode","Lucida Grande",sans-serif;}
html > body{ min-height:100%; height:auto; }
.logo{	height:52px; width:268px; position:absolute; left:50px;	top:35px; text-indent:-9999px; z-index: 5;	display:block;}
.logo a{ height:52px; width:268px; display:block; text-indent:-9999px; }
.logo a:hover{ cursor:pointer;}

#about .leftMenu li.about a{ background:url(../images/menu1.jpg) no-repeat right ; text-indent:-2000px;}
#project .leftMenu li.project a{ background:url(../images/menu2.jpg) no-repeat right ; text-indent:-2000px;}
#service .leftMenu li.service a{ background:url(../images/menu3.jpg) no-repeat right ; text-indent:-2000px;}
#contact .leftMenu li.contact a{ background:url(../images/menu4.jpg) no-repeat right ; text-indent:-2000px;}

ul.menu{ height:23px; background:url(../images/topBg2.png) repeat-y; margin:0 auto; width: 960px;  }
ul.menu li{ float:left; color:#fff;  padding-left:15px;}
ul.menu li a{font-size:12px; color:#CCC; padding:0 5px;}
ul.menu li a:hover{color:#333; background-color:#fff; display:block;}
ul.menu li.right{float:right; padding:0 15px 0 0;}


ul.leftMenu {width:210px; padding: 0 ; margin:0; float:left;}
ul.leftMenu li{ height:40px;list-style:none; width:200px;margin-bottom:10px}
ul.leftMenu li.about{ background:url(../images/menu11.png) no-repeat right ; text-indent:-2000px;}
ul.leftMenu li.about a{ height:40px; background:url(../images/menu11.png) no-repeat right top; display:block;}
ul.leftMenu li.about a:hover{ background:url(../images/menu1.jpg) no-repeat right top ;}
ul.leftMenu li.project{ background:url(../images/menu21.png) no-repeat right; text-indent:-2000px;}
ul.leftMenu li.project a{ height:40px; background:url(../images/menu21.png) no-repeat right top; display:block;}
ul.leftMenu li.project a:hover{ background:url(../images/menu2.jpg) no-repeat right top ;}
ul.leftMenu li.service{ background:url(../images/menu31.png) no-repeat right; text-indent:-2000px;}
ul.leftMenu li.service a{ height:40px; background:url(../images/menu31.png) no-repeat right top; display:block;}
ul.leftMenu li.service a:hover{ background:url(../images/menu3.jpg) no-repeat right top ;}
ul.leftMenu li.contact{ background:url(../images/menu41.png) no-repeat right; text-indent:-2000px;}
ul.leftMenu li.contact a{ height:40px; background:url(../images/menu41.png) no-repeat right top; display:block;}
ul.leftMenu li.contact a:hover{ background:url(../images/menu4.jpg) no-repeat right top ;}
ul.leftMenu li.btop{ background:url(../images/menu51.png) no-repeat right; text-indent:-2000px;}
ul.leftMenu li.btop a{ height:40px; background:url(../images/menu51.png) no-repeat right top; display:block;}
ul.leftMenu li.btop a:hover{ background:url(../images/menu5.jpg) no-repeat right top ;}
ul.leftMenu li.pb{ height:180px;}

ul.firstM {width:900px;  padding: 0 0 60px 120px ; float:left;}
ul.firstM li{ width:180px; height:375px;list-style:none; float:left; margin-right:40px; }
ul.firstM li.about{ background:url(../images/item11.png) no-repeat right ; text-indent:-2000px;}
ul.firstM li.about a{ height:375px; background:url(../images/item11.png) no-repeat right top; display:block;}
ul.firstM li.about a:hover{ background:url(../images/item1.png) no-repeat right top ;}
ul.firstM li.project{ background:url(../images/item21.jpg) no-repeat right; text-indent:-2000px;}
ul.firstM li.project a{ height:375px; background:url(../images/item21.jpg) no-repeat right top; display:block;}
ul.firstM li.project a:hover{ background:url(../images/item2.jpg) no-repeat right top ;}
ul.firstM li.service{ background:url(../images/item31.jpg) no-repeat right; text-indent:-2000px;}
ul.firstM li.service a{ height:375px; background:url(../images/item31.jpg) no-repeat right top; display:block;}
ul.firstM li.service a:hover{ background:url(../images/item3.jpg) no-repeat right top ;}
ul.firstM li.contact{ background:url(../images/item41.jpg) no-repeat right; text-indent:-2000px;}
ul.firstM li.contact a{ height:375px; background:url(../images/item41.jpg) no-repeat right top; display:block;}
ul.firstM li.contact a:hover{ background:url(../images/item4.jpg) no-repeat right top ;}

ul.sec {width:900px;  padding: 0 0 60px 250px ; float:left;}
ul.sec li{ width:274px; height:375px;list-style:none; float:left; margin-right:40px; }
ul.sec li.pot1{ background:url(../images/btnav1.jpg) no-repeat right ; text-indent:-2000px;}
ul.sec li.pot1 a{ height:375px; background:url(../images/btnav1.jpg) no-repeat right top; display:block;}
ul.sec li.pot1 a:hover{ background:url(../images/btnav1.jpg) no-repeat right top ;}
ul.sec li.pot2{ background:url(../images/btnav2.jpg) no-repeat right; text-indent:-2000px;}
ul.sec li.pot2 a{ height:375px; background:url(../images/btnav2.jpg) no-repeat right top; display:block;}
ul.sec li.pot2 a:hover{ background:url(../images/btnav2.jpg) no-repeat right top ;}
ul.sec li.pot3{ background:url(../images/btnav31.jpg) no-repeat right; text-indent:-2000px;}
ul.sec li.pot3 a{ height:375px; background:url(../images/btnav31.jpg) no-repeat right top; display:block;}
ul.sec li.pot3 a:hover{ background:url(../images/btnav3.jpg) no-repeat right top ;}




p.des{ width:100%; height:40px; background:url(../images/des.png) no-repeat; text-indent:-9999px; position:relative; top:390px; left:200px;}

.aboutL{ width:270px; float:left; padding:0 15px; }
.aboutL p{text-align:justify; font:12px/1.4 Verdana, Geneva, sans-serif;}
.serviceTop{background:url(../images/serviceTop.jpg) no-repeat top left; width:825px; height:50px; position:absolute;left:230px; text-indent:-9999px;}
.serviceL { padding-left:10px;}
.serviceL p{text-align:justify; font:12px/1.8 Verdana, Geneva, sans-serif;}
.serviceL span{color:#666;}
.serviceL div {float:left; width:235px; margin:50px 0 0 30px;}
.contactL { width:700px; float:left; padding:0; }
.projectL { width:1120px; float:left; position:absolute; left:220px; min-width:1120px;}

ul.proList { width:80px; float:left; }
ul.proList img{ padding:0 0 6px 0; }
ul.proDetail{ float:left; width:190px; padding:0px 10px 0 0;}
ul.proDetail li{ color:#666; padding-bottom:3px; text-align:justify; text-justify: inter-ideograph; line-height:1.75;}
ul.proDetail li span{font-size:15px; font-weight:bold;}
#products .proS {
	width:250px;
	padding:0 0 0 10px;
	float:left;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;}
#products .proS li {float:left;	margin:0 6px 6px 0;	list-style:none;}
#products .proS li a {	display:block;	width:107px;	height:71px;	background:#f9f9f9;}
#products .proS li.current a {margin:0;}
.proB img{width:570px; height:379px;}
#products .proB {
	width:570px;
	float:left;
	position:relative;
display:none;}


/*
	Next/prev buttons
*/

#products .next,#products .prev {
	position:absolute;
	top:350px;
	display:none;
	left:0;
	width:21px;
	height:0;
	padding-top:21px;
	overflow:hidden;}

ul.fMenu {width:100%; height:37px; padding:0; margin:0;background:url(../images/btMenu.jpg) no-repeat left top #7e7e7e; line-height:20px;}
ul.fMenu li{list-style:none; color:#fff; float:right; border-right:1px solid #fff; margin-top:8px;}
ul.fMenu li a{   display:block; text-decoration:none; color:#fff; margin:0 30px; }
ul.fMenu li a:hover{ text-decoration:underline; }
.footer{ background-color: #cccbcb; clear:both; bottom:0px; margin-left:0 auto;width:100%; color:#5d5d5d; font-size:12px; height:150px;}
.footer p{float:right; padding:5px 10px;}

h2.news{ background:url(../images/h2news.png) repeat-x; height:12px; text-indent:-9999px; margin:10px 0 ; }
h2.sales{background:url(../images/h2sales.png) repeat-x; height:12px; text-indent:-9999px; margin:10px 0 ;}
h2.oneSize{background:url(../images/h2oneSize.png) repeat-x; height:12px; text-indent:-9999px; margin:10px 0; }

h2.userGuide{ background:url(../images/h2userGuide.png) no-repeat; text-indent:-9999px; margin:10px 0;}

ul.companyInfo{float:left;width:400px;}
ul.companyInfo li{font-size:14.8px;}
.contactForm{float:left; width:320px; padding-top:40px;}
.contactForm .rul{ width:320px; height:200px;}

.imgleft{float:left;}

ul.itemlist{float:left; clear:both;font-size:12px;}
ul.itemlist li{ display:inline; float:left; padding:10px 0 0 15px;}
ul.itemlist li a{ color:#fff; text-decoration:none;}
ul.itemlist li a:hover{ color:#CF0; display:block;}
ul.itemlist li p{ background-color:#000;width:220px;background-color:#000;line-height:24px;text-align:center; color:#fff;}
ul.itemlist li p span{ text-decoration:line-through; padding-left:50px;}
/********** contact form **********/

#contactform { margin:0; padding-left:20px;}
#contactform * { color:#7a7a7a;}
#contactform ol { margin-top:10px; padding:0; list-style:none;}
#contactform li { margin:0; padding:10px 0; background:none; border:none; display:inline-block;}
#contactform li.buttons { margin:0;}
#contactform label { float:left; margin:0; width:60px; padding:5px 5px 5px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#666;  text-align:left;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}

#contactform input.text { width:260px; border:1px solid #e1e1e1; margin:0 5px 5px 5px; padding:0 2px 5px 2px; height:20px; background:#f8f8f8; float:left;}
#contactform textarea { width:187px; border:1px solid #e1e1e1;margin:0 0 5px; padding:2px; background:#f8f8f8; height:100px; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0	 0 0 150px; border:1 solid #F60; color:#000; position:relative;}

.send{ width:70px; hieght:31px; background:url(../images/send.gif) no-repeat left; }