@charset "utf-8";

/* CSS Document */

*, form, fieldset { margin:0px; padding:0px;}

body { background:url(body_bg.gif) repeat-x #FFFFFF; font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#333333;}

a{ color:#77688c; text-decoration:none;}

a:hover{ text-decoration:underline;}

.clear{ clear:both;}

.inputt{ width:350px; height:16px;}

.inputt2{ width:200px; height:16px;}

.forms td{ padding:3px 4px; background-color:#E2DFE7;}





#header { background:url(header_bg.gif) bottom center no-repeat; width:941px; margin:auto; padding:0 12px 17px 10px; position:relative; display:block; z-index:3; height:173px;}

	#header a {	white-space:normal !important;}

	#globaltext{ color:#9b8fac; padding:5px 10px; margin:0px 20px 0px 0px; font-family:"Lucida Sans Unicode","Times New Roman"; font-size:13px; font-weight:bold; border-bottom:1px solid #d4cfdb; background:url(company-name.gif) center right no-repeat;}

	#logo{ float:left; text-align:right; width:215px; height:80px; line-height:25px; margin-top:10px; font-size:14px; font-weight:bold;}

	#header h1{ float:left; margin:0px; margin-top:10px; font-size:16px; padding-top:25px; width:500px; height:50px; color:#333;}

		#header h1 a{ color:#333333; text-decoration:none;}

		#header h1 a:hover{ color:#000000;}

	#quickcontact{ float:left; margin-top:10px; width:200px; height:80px; background:url(quick-bg.gif) top center no-repeat; text-align:center;}

	#quickcontact ul{ list-style:none;}

	#quickcontact ul li{ float:left; width:75px; margin:10px 5px 0px 5px; text-align:center;}

	#nav{ background:url(nav-bg.gif); height:27px; line-height:27px; color:#FFFFFF; margin:0px 2px; padding-left:20px; font-size:13px;}

		#sitename{ width:150px; text-align:center; float:left; margin-right:20px;}

		#nav a{ padding:0px 10px; color:#FFFFFF; font-weight:bold;}

	#recommend{ list-style:none; margin-top:6px; margin-left:20px; font-weight:bold;}

	#recommend li{ float:left; padding:0px 10px; border-left:1px solid #959199; border-right:1px solid #FFFFFF;}

	#recommend li a{ color:#ec3838;}



#mainer{ width:963px; background:url(mainer-bg.gif) repeat-y; margin:auto;}

#main{ width:940px; min-height:586px; _height:586px; background:url(main-bg.gif) no-repeat; padding-left:9px; padding-right:14px;}

	#shadow{ background:#f2f2ee url(dot2.gif) 7px 7px no-repeat; border-bottom:#CCCCCC 1px dashed; width:890px; height:28px; line-height:28px; padding:0px 25px; margin-bottom:10px;}

		#shadow a{ color:#333333;}

		

	#container{ float:left; width:682px; padding:0px 5px 10px 10px;}

		#banner{ width:380px; height:140px; background:url(banner.jpg) no-repeat; padding:30px 290px 10px 10px; color:#FFFFFF; font-family:"Lucida Sans Unicode", Arial; font-size:14px; line-height:140%; margin-bottom:6px;}

		/*

		#cp3{ list-style:none; background-color:#755c6d; width:678px; height:60px; padding:0px 1px;}

		#cp3 ul{ list-style:none;}

		#cp3 ul li{ float:left; height:56px; width:223px; background:url(cp3-bg.gif) repeat-x; margin:2px 1px 0px 1px; text-align:center;}

		*/

		#container h2{ margin-bottom:3px; clear:both;}

		#container .pi{ list-style:none;}

		#container .pi li{ float:left; width:218px; margin:5px 5px 5px 4px; _margin:5px 4px 5px 3px; background: url(pi-bg.gif) bottom center repeat-y; text-align:center;}

		#container .pi li .pi-top{ width:218px; height:18px; background:url(pi-top.gif) top center no-repeat;}

		#container .pi li .pi-name{ width:218px; min-height:40px; height:40px; background:url(pi-name-bg.gif) repeat-y;}

		#container .pi li h2{ color:#77688c; font-size:14px; font-weight:normal; min-height:28px; height:28px; background:url(pi-name-bg.gif) repeat-y; line-height:28px;}

		#container .pi li h2 a{ color:#77688c;}

		#container .pi li h2 a:hover{ color:#333333;}

		#container .pi li .pi-des{ text-align:left; font-size:11px; padding:0px 7px 10px 7px; color:#77688c;}

		

		#pimg{ float:left; width:255px; min-height:255px; _height:255px; text-align:center;}

			#pimg div{ text-align:center;}

			#pimg div a{ background:url(limg.gif) no-repeat; display:block; width:70px; padding-left:20px; margin:5px auto;}

		#pdes{ float:left; width:397px; height:275px; padding:10px 0px 0px 30px;}

			#pdes ul{ list-style:none;}

			#pdes ul li{}

		#content{ padding:15px 5px; line-height:150%;}

		

	#sidebar{ float:right; width:227px; padding:0px 8px;}

		#sidebar h2,#container h2{ font-size:13px; font-weight:bold; padding:4px 12px 3px 12px; background:#776C87 url(leftnav_h2.gif) center repeat-x; color:#FFFFFF; display:block;}

		#sidebar h2 a,#container h2 a{ color:#FFFFFF;}

		#sidebar ul{ list-style:none; background:url(leftnav_ul.gif) repeat-y;}

		#sidebar ul li{ height:22px; border-bottom:1px dotted #bbbbbb; line-height:22px; background:url(dot.gif) 3px 7px no-repeat; padding:0px 10px 0px 15px;}

		#sidebar ul li a:visited{ color:#999999;}

		#sidebar ul li a:hover{ color:#000000;}

		#sidebar .sidebar_foot{ width:227px; height:13px; font-size:1px; background:url(leftnav_foot.gif) no-repeat;}

		#sidebar .pi2{ text-align:center; line-height:150%; margin:10px 0px;}

		#sidebar .pi2 p{ margin-top:10px;}

		

		

#main-foot{ display:block; width:923px; height:56px; background:url(main-foot.gif) no-repeat; margin:auto; padding:4px 20px 0px 20px; line-height:18px; overflow:hidden; color:#666666;}

#foot{ text-align: right; padding-bottom:10px; color:#939598; font-size:11px; width:940px; margin:0px auto;}
#foot img{  float:left; margin-right:20px;}

#foot a{ color:#939598; text-decoration:underline;}

#foot a:hover{ color:#333333;}