/* CSS Document */
body{padding:0px; margin:0px; color:#5F7A77; font:13px/19px ËÎÌå, Arial, Helvetica, sans-serif;}
div, p, ul, h2, h3, h4, h5, img{padding:0px; margin:0px;}
ul{list-style-type:none}
a {color:#FD9602}
a:hover{color:#6B9905}
a:focus {outline: none;} 

/*----MAIN PANEL----*/
#mainPan{width:900px; position:relative; margin:0 auto;}


/*----HEADER PANEL----*/
#headerPan{width:900px; height:159px; background:url(images/header.jpg) 0 0 no-repeat; position:relative; margin:0 auto; padding:5px 0 0 0px;}

#logo{width:200px; float:left; margin-left:22px; margin-top:2px;}

#headerPan ul.leftmenu{width:87px; float:right}
#headerPan ul.leftmenu li{width:87px; height:22px; border-bottom:0px dashed #AECCCA;}
#headerPan ul.leftmenu li a{width:72px; height:22px; display:block; background:url(images/bullet-normal.png) 0 6px no-repeat; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
#headerPan ul.leftmenu li a:hover{background:url(images/bullet-hover.png) 0 6px no-repeat; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}

#headerPan ul.leftmenu li a{width:72px; height:22px; display:block; background:url(images/bullet-normal.png) 0 6px no-repeat; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}


#headerPan ul.leftmenu li.solutions{width:72px; height:22px; background:url(images/bullet-hover.png) 0 7px no-repeat; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
#headerPan ul.leftmenu li.clients{width:87px; height:22px; border-bottom:none;}
#duo{width:900px; height:25px; position:relative; margin:0px auto 0; clear:both;}
#navi-main{width:100px; float:left; padding-top:2px;}           
#navi-main ul{width:80px; margin:0 10px; float:left;}           
#navi-main ul li{width:40px; margin:0; height:18px; float:left;}
/*#motto{width:500px; margin:0px; float:left; text-align:center; padding-top:2px;}*/
#motto{margin-right:10px; float:right; text-align:center; padding-top:5px;}
#music{width:100px; float:right; text-align:right; color:#6b9905;}


/*----/HEADER PANEL----*/

/*----BODY PANEL----*/
#bodyPan{width:890px; position:relative; margin:0 auto; padding:2px 0 0 10px;}
/*----Body Left Panel----*/
#leftPan{width:114px; float:left;}

#leftPan h2{width:114px; height:34px; background:#fff; color:#5F7A77; font-size:20px; line-height:34px;}
#leftPan h2.learn{margin-top:25px; color:#83B216}
#leftPan h2.play {color:#FE6C00}
#leftPan ul{width:114px;}
#leftPan ul li{width:114px; height:24px; font-size:14px;}
#leftPan ul li a{width:103px; height:24px; display:block; background:url(images/bullet2-normal.gif) 0 10px no-repeat #fff; color:#5F7A77; text-decoration:none; line-height:24px; padding:0 0 0 12px;}
#leftPan ul li a:hover{background:url(images/bullet2-hover.gif) 0 10px no-repeat #fff; color:#5F7A77; text-decoration:underline;}

#leftPan ul li.home {width:114px; height:34px;font-size:16px;}
#leftPan ul li.home a{width:102px; height:34px; display:block; background:url(images/home.gif) 0 5px no-repeat #fff; color:#5F7A77; text-decoration:none; line-height:34px; padding:0 0 0 25px;}
#leftPan ul li.home a:hover{background:url(images/home.gif) 0 5px no-repeat #fff; color:#5F7A77; text-decoration:none;}

#leftPan ul li span{text-decoration:none;}

.selected {font-weight:bold; color:#B3B216;}
/*----/Body Left Panel----*/

/*#middleLine {width:0px; height:400px; float:left; border-left:1px solid #C8E8E2;} */

/*----Body Right Panel----*/
#rightPan{width:744px; float:left; border-left:1px solid #C8E8E2; margin:10px 0 0; padding-left:30px;}

#rightPan p{padding:0px; line-height:5px}

#rightPan .navi{margin-bottom:5px;}

#rightPan p.space{clear:both;}
#rightPan p.more{width:614px; height:25px; float:left; background:url(images/sky-color-bg.gif) 0 10px repeat-x; padding:0 0 20px 0;}
#rightPan p.more a{width:92px; height:21px; display:block; background:url(images/icon2.jpg) 0 0 no-repeat #fff; color:#555; line-height:21px; text-transform:uppercase; text-decoration:none; margin:0 0 0 328px; padding:4px 0 0 50px;}
#rightPan p.more a:hover{background:url(images/icon2.jpg) 0 0 no-repeat #fff; color:#333; text-decoration:none;}

#rightPan h2.learn{margin-bottom:5px; width:80px; height:16px; float:left; display:inline; background: #83B216; color:#fff; font-size:16px; font-weight:bold; line-height:16px; text-transform:uppercase; padding:32px 0; margin:0px; text-align:center;}
#rightPan h2.play{margin-bottom:5px; width:80px; height:16px; float:left; display:inline; background: #FE6C00; color:#fff; font-size:16px; font-weight:bold;  line-height:16px; text-transform:uppercase; padding:32px 0; margin:0px; text-align:center;}

/*---- detail list of sites -----*/
#rightPan ul.detail{margin-bottom:5px; width:632px; height:69px; float:left; border:1px solid #B1DED5; background:#fff; color:#5F7A77; padding:9px 10px 0 20px;}
#rightPan ul.detail li.captionthree{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:none;}
#rightPan ul.detail li{width:618px; height:20px;}
#rightPan ul.detail li a{width:393px; height:20px; display:inline; background:url(images/bullet2-normal.gif) 0 7px no-repeat #fff; color:#555; font-size:14px; text-decoration:none; line-height:20px; padding:0 0 0 12px;}
#rightPan ul.detail li a:hover{background:url(images/bullet2-hover.gif) 0 7px no-repeat #fff; color:#333; text-decoration:underline;}

/*---  simple list of sites ---*/
#rightPan ul.simple{margin-bottom:5px; width:632px; height:69px; float:left; border:1px solid #B1DED5; background:#fff; color:#5F7A77; padding:9px 10px 0 20px;}
#rightPan ul.simple li{float:left; width:209px; height:20px;}
#rightPan ul.simple li a{width:197px; height:20px; display:inline; background:url(images/bullet2-normal.gif) 0 5px no-repeat #fff; color:#555; font-size:14px; text-decoration:none; line-height:20px; padding:0 0 0 12px;}
#rightPan ul.simple li a:hover{background:url(images/bullet2-hover.gif) 0 5px no-repeat #fff; color:#333; text-decoration:underline;}



/*----/Body Right Panel----*/
/*----/BODY PANEL----*/
/*----/MAIN PANEL----*/

/*----FOOTER PANEL----*/
#footermainPan{width:100%; color:#2F5958; font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both; padding:36px 0 0;}

#footerSEO {color:#3B5D14; width:900px; position:relative; margin:0 auto; padding: 20px 0; background: #B2D281; height:40px;}

#footerSEO ul{width:608px; position:relative; margin:0 auto;}
#footerSEO li{float:left; }
#footerSEO ul li a{padding:0 10px 0; color:#2F5958; text-decoration:none; font-size:13px;}
#footerSEO ul li a:hover{text-decoration:underline;}
#footerSEO p{width:680px; position:relative; margin:0 auto; text-align: center;}


#footerPan{color:#3B5D14; width:900px; position:relative; height:60px; background:#90B557; margin:0 auto;}
#footerPan p.copyright{width:250px; padding:10px 0 0 92px;}
#footerPan p.tongji{width:10px; padding:5px 0 0 92px;}

#aJiang{width:21px; height:21px; display:block; position:absolute; top:23px; left:790px;}
/*----/FOOTER PANEL----*/


/*jquery ajax, etc cool stuffs */
#load {
	display: none;
	position: absolute;
	right: 10px;
	top: 20px;
	background: url(images/ajax-loader1.gif);
	width: 43px;
	height: 11px;
	text-indent: -9999em;
}

/*- Main Menu Tabs--------------------------- */

#main-tabs {
  float:left;
  width:300px;
  height:25px;
  font-size:100%;
  line-height:normal;
}
#main-tabs ul {
margin:0;
padding:0px 10px 0 10px;
list-style:none;
}
#main-tabs li {
  display:inline;
  margin:0;
  padding:0;
}
#main-tabs a {
  float:left;
  background:url("/images/tabl3.gif") no-repeat left bottom;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
}
#main-tabs a span {
  float:left;
  display:block;
  background:url("/images/tabr3.gif") no-repeat right bottom;
  padding:5px 14px 4px 6px;
  color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#main-tabs a span {float:none;}
/* End IE5-Mac hack */
#main-tabs a:hover span {
  color:#FFF;
}
#main-tabs a:hover {
  background-position:0% -59px; /*42px - 25px +42 */
}
#main-tabs a:hover span {
  background-position:100% -59px;
}
  
#main-tabs a.hot {
  background-position:0% -17px; /*42px - 25px */
}
#main-tabs a.hot span {
  background-position:100% -17px;
}