body{width:100%;margin:0 auto; padding:0px; font-family:"Microsoft YaHei", "Microsoft JhengHei","century gothic"; position:relative; font-size:12px;text-align: center; 
 color:#666; line-height:150%}
html>body {width:100%;margin:0 auto; padding:0px; font-family:"Microsoft YaHei", "Microsoft JhengHei","century gothic"; position:relative; font-size:12px;text-align: -moz-center;color:#666; line-height:150%} 
img{border:0}
a{text-decoration:none; color:#666}
a:hover{color:#47a8dd}
h3{margin:0; padding:0; color:#777777; font-size:13px; margin-top:35px; }
#container{width:1004px; text-align:center; position:relative; }
#containerhome{width:983px; margin:0px auto; padding:0px}
#header{background:url(../images/headerbg.png) repeat-x; width:100%; height:83px; position:relative}
#logo{background:url(../images/logo.jpg) no-repeat; width:209px; height:83px; position:absolute; top:0px; left:0px}
#midsection{background:url(../images/midbody.png) no-repeat; width:983px; height:268px; margin-top:10px; line-height:12px}
#midsection p{font-size:12px; color:#999999; text-align:left; padding:13px 0 0 10px;}
.h2bar{background:url(../images/h2bar.png) no-repeat; width:983px; height:38px; margin-top:8px; line-height:12px}
.h2bar p{font-size:12px; color:#999999; text-align:left; padding:13px 0 0 10px; }
.midsec{position: relative; width:983px; background:url(../images/midsec.gif) no-repeat; height:178px; margin-top:15px}
.midsec ul{margin:0; padding:0;}
.midsec li{float:left;list-style:none; text-align:left;}
.midsec p{width:320px; font-size:12px; color:#666;}
.midsec img{padding:20px; padding-right:45px; padding-top:45px; padding-left:45px}
.midbot{width:975px; height:257px; position:relative; margin-top:8px;text-align:left; line-height:140%;}
.midbot li{margin:0; padding:0;width:225px}
.midbot ul{margin:0; padding:0}
.midbot span{color:#f21e34; font-weight:bold}
.intro{display:none}
.footerhome{background:url(../images/footer.gif) no-repeat; width:979px; height:44px; margin-top:30px;}
.footer{background:url(../images/footer.gif) no-repeat; width:979px; height:44px; margin-top:30px; margin-left:10px; text-align:center}
#menu01,#menu02,#menu03,#menu04,#menu05,#menu06 span{display:none}
.a{position:absolute; top:20px; left:10px}
.b{position:absolute; top:120px; left:10px}
.c{position:absolute; top:42px; left:150px; width:170px;}
.d{position:absolute; top:125px; left:150px; width:170px;}
.e{position:absolute;left:350px;top:25px}
.f{position:absolute;left:440px;top:25px;width:225px}
.g{position:absolute;left:440px;top:125px;width:225px}
li{list-style:none}
.li li{margin:0px; padding:0px; width:300px}
/* CSS Icons */
#wrap{width:284px; height:230px; padding-top:5px; position:absolute; top:4px; right:10px}
#wrapa{width:284px; height:230px; padding-top:5px; position:absolute; top:335px; right:10px}
#wrapr1{width:139px; float:left;cursor:hand}
#wrapr2{width:139px; float:right;cursor:hand}
.left{margin:0 auto; text-align:center; height:42px}
.right{margin:0 auto; text-align:center; height:42px}
.contentop a{color:#666666}
.contentop span{color:#333}
.contentop a:hover{color:#2971a7}
/* CSS End Icons */

/* CSS Showcase */
#body{position:relative; width:1004px; text-align:left; margin-top:8px}
#mainbody{background:url(../images/showcasebody.png) no-repeat; width:749px; height:697px; margin-left:250px; margin-top:40px}
.showcaseimg{margin:0; padding:0; text-align:left; padding-left:50px}
.showcaseimg ul{margin:0; padding:0;list-style:none;}
.showcaseimg li{float:left; list-style:none; text-align:left; padding-top:5px; padding-left:5px; width:225px; height:105px; background:url(../images/thumbbg.png) no-repeat; margin-top:40px}
/* CSS End Showcase */

/* CSS About us */
#fffix{}
#mainbodyabout{width:756px; margin-top:36px; position:absolute; top:0px; right:10px}
.contentop{width:756px; height:34px; text-align:left; background:url(../images/contenttop.jpg) no-repeat; line-height:34px; font-weight:normal; color:#999999;}
.contentop a{text-decoration:none; color:#999999}
.contentop span{padding-left:5px;}
.contentmid{width:756px; text-align:left;background:url(../images/contentmid.jpg) repeat-y; margin:0 auto; }
.contentmid p{padding:0px 15px 0px 20px; margin:0 auto}
.contentbom{width:756px; height:23px; text-align:left;background:url(../images/contentbot.jpg) no-repeat;}
/* CSS End About us */
.firefixnav{position:relative; width:208px; float:left; text-align:left; margin-left:9px}
.firefixnavabout{width:208px; margin-left:10px}
#marketing {background:url(../images/menu1.jpg) no-repeat; width:211px; height:377px;}
#marketing ul{margin:0; padding:114px 0 0 11px;display:block;}
#marketing li{margin:0; padding:0;list-style:none;width:187px}
#marketing li a{list-style:none;display:block;margin:0; padding:0;height:34px; margin-top:4px}
#marketing a.first{background:url(../buttons/google.jpg) no-repeat;}
#marketing a.first:hover{background:url(../buttons/google.jpg); background-position:0 -34px}
#marketing a.firston{background:url(../buttons/google.jpg); background-position:0 -68px}

#marketing a.sec{background:url(../buttons/baidu.jpg) no-repeat}
#marketing a.sec:hover{background:url(../buttons/baidu.jpg); background-position:0 -34px}
#marketing a.secon{background:url(../buttons/baidu.jpg); background-position:0 -68px}

#marketing a.four{background:url(../buttons/yahoo.jpg) no-repeat}
#marketing a.four:hover{background:url(../buttons/yahoo.jpg); background-position:0 -34px}
#marketing a.fouron{background:url(../buttons/yahoo.jpg); background-position:0 -68px}

#marketing a.five{background:url(../buttons/xinlang.jpg) no-repeat}
#marketing a.five:hover{background:url(../buttons/xinlang.jpg); background-position:0 -34px}
#marketing a.fiveon{background:url(../buttons/xinlang.jpg); background-position:0 -68px}

#marketing a.six{background:url(../buttons/souhu.jpg) no-repeat; margin-top:3px}
#marketing a.six:hover{background:url(../buttons/souhu.jpg); background-position:0 -34px}
#marketing a.sixon{background:url(../buttons/souhu.jpg); background-position:0 -68px}

#marketing a.seven{background:url(../buttons/wangyi.jpg) no-repeat;}
#marketing a.seven:hover{background:url(../buttons/wangyi.jpg); background-position:0 -34px}
#marketing a.sevenon{background:url(../buttons/wangyi.jpg); background-position:0 -68px; margin-top:6px}

#nav{width:616px; height:34px; float:right; position:absolute; right:0px; bottom:10px}
#nav ul{float:left; padding:0px; margin:0px; width:616px; height:34px; list-style:none}
#nav li{float:left; padding:0px; margin:0px; width:88px; height:34px; line-height:34px; display:block}
#nav li a{padding:0px; margin:0px; width:88px; height:34px; line-height:34px; display:block}
#nav a{padding:0px; margin:0px; width:88px; height:34px; line-height:34px; display:block}
#nav li a:hover{background-position: 0 -34px; background-repeat:no-repeat}
#nav a:hover{background-position: 0 -34px; background-repeat:no-repeat}
#nav a.active:hover{background-position: 0 -68px; background-repeat:no-repeat}

#nav a.active{background-position: 0 -68px; background-repeat:no-repeat}

#menu01{background:url(../buttons/index_03.jpg)}
#menu02{background:url(../buttons/index_04.jpg)}
#menu03{background:url(../buttons/index_05.jpg)}
#menu04{background:url(../buttons/index_06.jpg)}
#menu05{background:url(../buttons/index_07.jpg)}
#menu06{background:url(../buttons/index_08.jpg)}
#menu07{background:url(../buttons/index_09.jpg)}

a{font-weight:normal;text-decoration:none}
#lightbox img{ width: auto; height: auto; }
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #000; width: 10px; height: 10px; margin: 0 auto; }
#imageContainer{ padding: 10px;}

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

#prevLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#prevLink:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#nextLink:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font-size:20px; font-weight:normal;background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; text-decoration:none }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#designs{background:url(../images/menu.jpg) no-repeat; width:211px; height:377px;}
#designs ul{margin:0; padding:114px 0 0 11px;display:block;}
#designs li{margin:0; padding:0;list-style:none;width:187px}
#designs li a{list-style:none;display:block;margin:0; padding:0;height:34px; margin-top:4px}
#designs a.first{background:url(../buttons/bt-1.png) no-repeat;}
#designs a.first:hover{background:url(../buttons/bt-1.png); background-position:0 -34px}
#designs a.firston{background:url(../buttons/bt-1.png); background-position:0 -68px}

#designs a.sec{background:url(../buttons/bt-2.png) no-repeat}
#designs a.sec:hover{background:url(../buttons/bt-2.png); background-position:0 -34px}
#designs a.secon{background:url(../buttons/bt-2.png); background-position:0 -68px}

#designs a.four{background:url(../buttons/bt-3.png) no-repeat}
#designs a.four:hover{background:url(../buttons/bt-3.png); background-position:0 -34px}
#designs a.fouron{background:url(../buttons/bt-3.png); background-position:0 -68px}

#designs a.five{background:url(../buttons/bt-4.png) no-repeat}
#designs a.five:hover{background:url(../buttons/bt-4.png); background-position:0 -34px}
#designs a.fiveon{background:url(../buttons/bt-4.png); background-position:0 -68px}

#designs a.six{background:url(../buttons/bt-5.png) no-repeat; margin-top:3px}
#designs a.six:hover{background:url(../buttons/bt-5.png); background-position:0 -34px}
#designs a.sixon{background:url(../buttons/bt-5.png); background-position:0 -68px}

#about{background:url(../images/menu2.jpg) no-repeat; width:211px; height:427px;}
#about ul{margin:0; padding:114px 0 0 11px;display:block;}
#about li{margin:0; padding:0;list-style:none;width:187px}
#about li a{list-style:none;display:block;margin:0; padding:0;height:34px; margin-top:4px}
#about a.first{background:url(../buttons/bt-1.png) no-repeat;}
#about a.first:hover{background:url(../buttons/bt-1.png); background-position:0 -34px}
#about a.firston{background:url(../buttons/bt-1.png); background-position:0 -68px}

#about a.sec{background:url(../buttons/bt-6.png) no-repeat}
#about a.sec:hover{background:url(../buttons/bt-6.png); background-position:0 -34px}
#about a.secon{background:url(../buttons/bt-6.png); background-position:0 -68px}

#about a.four{background:url(../buttons/bt-7.png) no-repeat}
#about a.four:hover{background:url(../buttons/bt-7.png); background-position:0 -34px}
#about a.fouron{background:url(../buttons/bt-7.png); background-position:0 -68px}

#about a.five{background:url(../buttons/bt-8.png) no-repeat}
#about a.five:hover{background:url(../buttons/bt-8.png); background-position:0 -34px}
#about a.fiveon{background:url(../buttons/bt-8.png); background-position:0 -68px}

#about a.six{background:url(../buttons/bt-9.png) no-repeat; margin-top:3px}
#about a.six:hover{background:url(../buttons/bt-9.png); background-position:0 -34px}
#about a.sixon{background:url(../buttons/bt-9.png); background-position:0 -68px}

#about a.seven{background:url(../buttons/bt-10.png) no-repeat; }
#about a.seven:hover{background:url(../buttons/bt-10.png); background-position:0 -34px}
#about a.sevenon{background:url(../buttons/bt-10.png); background-position:0 -68px; margin-top:6px}

#about a.eight{background:url(../buttons/bt-11.png) no-repeat;}
#about a.eight:hover{background:url(../buttons/bt-11.png); background-position:0 -34px}
#about a.eighton{background:url(../buttons/bt-11.png); background-position:0 -68px; }

#about a.nine{background:url(../buttons/bt-12.png) no-repeat;}
#about a.nine:hover{background:url(../buttons/bt-12.png); background-position:0 -34px}
#about a.nineon{background:url(../buttons/bt-12.png); background-position:0 -68px; margin-top:6px }