* {
	margin: 0;
	padding: 0;
	outline: 0;
	border-width: 0;
	list-style: none;
}

body {
	font: 12px/19px Arial, Helvetica, Garuda, sans-serif;
	color: #666666;
	background: #fff url(/images/www/bg2.gif) repeat-x 0 100%;
}

a {
	color: #666666;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3 {
	font: bold 14px/19px Arial, Helvetica, Garuda, sans-serif;
	color: #333;
}

h1 a, h2 a, h3 a {
	color: #333;
}

h1 img, h2 img, h3 img {
	display: block;
}

input, textarea, select {
	font: 10px/12px Arial, Helvetica, Garuda, sans-serif;
	color: #999999;
}

#bg {
	background: url(/images/www/bg1.gif) repeat-x 0 120px;
}

#top_bg {
	height: 601px;
	background: url(/images/www/bg3.jpg) no-repeat 50% 110px;
}

#top {
	margin: 0 auto;
	width: 945px;
	height: 601px;
	position: relative;
}

#logo {
	position: absolute;
	top: 25px;
	left: 22px;
}

#menu {
	width: 692px;
	height: 68px;
	position: absolute;
	top: 0;
	right: 20px;
}

#menu li {
	font-size: 14px;
	text-align: center;
	padding: 0 0 0 1px;
	float: left;
	height: 68px;
	background: url(/images/www/a1.gif) no-repeat;
}

#menu li.i1,
#menu li.i1 * {
	width: 71px;
}

#menu li.i2,
#menu li.i2 * {
	width: 110px;
}

#menu li.i3,
#menu li.i3 * {
	width: 146px;
}

#menu li.i4,
#menu li.i4 * {
	width: 110px;
}

#menu li.i5,
#menu li.i5 * {
	width: 129px;
}

#menu li.i6,
#menu li.i6 * {
	width: 120px;
}

#menu a,
#menu span {
	cursor: pointer;
	float: left;
	height: 78px;	
}

#menu a {
	background: url(/images/www/a3.gif) repeat-x 0 -88px;	
}

#menu a .i1 {
	background: url(/images/www/a2.gif) no-repeat 0 -88px;
}

#menu a .i2 {
	padding: 31px 0 0;
	height: 37px;	
	background: url(/images/www/a4.gif) no-repeat 100% -88px;
}

/*#menu a:hover {
	text-decoration: none;
	margin: 0 -8px;
	position: relative;
	background-position: 0 0;
}

#menu a:hover .i1 {	
	background-position: 0 0;
}

#menu a:hover .i2 {
	padding: 41px 8px 0;
	height: 47px;	
	background-position: 100% 0;
}*/

#menu a:hover {
	font-weight: bold;
	text-decoration: none;
}

#img {	
	width: 932px;
	height: 402px;
	overflow: hidden;
	position: absolute;
	top: 117px;
	left: 7px;
}

#img .controls {
	position: absolute;
	right: 25px;
	bottom: 22px;
	z-index: 1000;	
}

#img .controls li {
	margin: 0 0 0 8px;
	float: left;
	width: 12px;
	height: 12px;
}

#img .controls li.prev {
	margin: 0 -4px 0 0;
}

#img .controls li.next {
	margin: 0 0 0 4px;
}

#img .controls li a {
	cursor: pointer;
	float: left;
	width: 12px;
	height: 12px;
}

#img .controls li.prev a {
	background: url(/images/www/b2.gif) no-repeat;
}

#img .controls li.next a {
	background: url(/images/www/b3.gif) no-repeat;
}

#img .controls li.toc a {
	background: url(/images/www/b4.gif) no-repeat;
}

#img .controls li.selected a {
	background: url(/images/www/b4.gif) no-repeat 0 -12px;
}

#img .controls li span {
	display: none;
}

#img .section {
	color: #ccc;
	float: left;
	width: 932px;
	overflow: hidden;
	position: absolute;
	background: #fff;
}

#img .section a {
	color: #ccc;
}

#img .section img {
	display: block;
}

#img .section div {
	width: 932px;
	height: 60px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	z-index: 100;
	background: #000;
	opacity: .70; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=70); /* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	-khtml-opacity: .70; /* Safari 1.x */
	-moz-opacity: .70; /* FF lt 1.5, Netscape */
}

#img .section dl {
	overflow: hidden;
	position: absolute;
	top: 20px;
	left: 27px;
}

#img .section dl dt {
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 0 -1px;
	padding: 0 6px 0 13px;
	float: left;
	background: url(/images/www/b1.gif) no-repeat 0 2px;
}

#img .section dl dt A{
	color: #FFF;
}

#img .section dl dd {
	font-size: 10px;
	padding: 1px 12px 0 0;
	float: left;
}

#bottom {
	margin: -1px auto 0;
	padding: 0 0 50px;
	width: 979px;
	overflow: hidden;
}

#bottom .cw1 {
	width: 979px;
	height: 55px;
	position: relative;
	background: url(/images/www/bg9.gif) repeat-x;
}

#bottom .cw1 .c1 {
	font-size: 10px;
	position: absolute;
	top: 19px;
	left: 23px;
}

#bottom .cw1 .c1 em {
	font-style: normal;
	color: #000;
}

#bottom .cw1 .c2 {
	font-size: 11px;
	width: 434px;
	height: 20px;
	overflow: hidden;
	position: absolute;
	top: 18px;
	right: 19px;
}

#bottom .cw1 .c2 legend span {
	position: absolute;
	top: 1px;
	left: 0;
}

#bottom .cw1 .c2 label {
	font-size: 10px;
	color: #999999;
	padding: 1px 0 0 10px;
	position: absolute;
	top: 0;
	z-index: 10;
}

#bottom .cw1 .c2 div {
	width: 148px;
	height: 18px;
	position: absolute;
	top: 0;
	z-index: 5;
	background: #fff;
	border: 1px solid;
	border-color: #7F7F7F #CCCCCC #CCCCCC #7F7F7F;
}

#bottom .cw1 .c2 div.i1,
#bottom .cw1 .c2 label.i1 {
	left: 96px;
}

#bottom .cw1 .c2 div.i2,
#bottom .cw1 .c2 label.i2 {
	left: 266px;
}

#bottom .cw1 .c2 div input {
	margin: 3px 0 0 9px;
	width: 130px;
	display: block;
}

#bottom .cw1 .c2 .submit {
	position: absolute;
	top: 0;
	right: 0;
}

#bottom .cw2 {
	font-size: 10px;
	width: 979px;
	overflow: hidden;
	background: url(/images/www/bg9.gif) repeat-x;
}

#bottom .cw2 .c1 {
	margin: 12px 0 0 23px;
	float: left;
	display: inline;
}

#bottom .cw2 .c2 {
	margin: 10px 23px 0 0;
	padding: 2px 0 10px 36px;
	float: right;
	display: inline;
	background: url(/images/www/e2.png) no-repeat;
}

#bottom .cw2 .c3 {
	margin: 10px 5px 0 0;
	float: right;
	display: inline;
}


#bottom .cw2 .c1 em,
#bottom .cw2 .c2 {
	font-style: normal;
	color: #000;
}

#middle1_bg {
	background: url(/images/www/bg4.gif) no-repeat 50% 100%;
}

#middle1 {
	margin: 0 auto;
	padding: 0 0 70px;
	width: 980px;
	overflow: hidden;
}

#middle1 h1 {
	margin: 0px 20px 0 27px;
}

#middle1 p {
	margin: 14px 20px 0 27px;
}

#middle1 a {
	color: #f36100;
}

#middle1 ul {
	margin: 14px 20px 0 57px;
}


#middle1 ul.green li {
	list-style-image: url(/upload/image/bullet-point-tick.png);
}

#middle1 ul li {
	list-style-image: url(/images/www/bullet_arrow.gif);
}
#middle1 p .m {
	text-align: right;
	margin: 6px 4px -26px;
	display: block;	
}

#middle1 p .m a {
	font-size: 10px;
	color: #FF6600;
	padding: 0 10px 0 0;
	background: url(/images/www/c1.gif) no-repeat 100% 4px;
}

#middle2_bg1 {
	background: url(/images/www/bg7.gif) repeat-y 50% 0;
}

#middle2_bg2 {
	background: url(/images/www/bg5.gif) no-repeat 50% 0;
}

#middle2 {
	margin: 0 auto;
	width: 980px;
	overflow: hidden;
	background: url(/images/www/bg6.gif) no-repeat 4px 4px;
}

#middle2 .cw1 {
	margin: 18px 0 0 22px;
	padding: 0 0 4px;
	width: 940px;
	overflow: hidden;
}

#middle2 .cw1 .c {
	margin: 0 4px 0 0;
	float: left;
	width: 231px;
}

#middle2 .cw1 .c .b {
	width: 231px;
	height: 143px;
	background: url(/images/www/c2.png) no-repeat;
}

#middle2 .cw1 .c .b h2 {
	font-size: 13px;
	color: #F36100;
	text-align: center;
	margin: 0 0 0 15px;
	padding: 6px 0 0;
	width: 100px;
	height: 26px;
	position: relative;
}

#middle2 .cw1 .c .b h2 a {
	color: #F36100;
}

#middle2 .cw1 .c .b img {
	margin: 5px 0 0 10px;
}

#middle2 .cw1 .c p {
	font-size: 10px;
	line-height: 16px;
	color: #fff;
	margin: 0 0 0 10px;
	width: 211px;
	height: 80px;
}

#middle2 .cw1 .c .m {
	margin: 0px 0 0 132px;
	display: block;
	width: 83px;
	height: 36px;
	background: url(/images/www/c3.png) no-repeat;
}

#middle2 .cw1 .c .m a {
	font-size: 10px;
	color: #333;
	text-align: right;
	padding: 3px 19px 0 0;
	display: block;
	width: 64px;
	height: 23px;
	position: relative;
}

#middle3_bg1 {
	margin: 0 0 1px;
	background: url(/images/www/bg7.gif) repeat-y 50% 0;
}

#middle3_bg2 {
	background: url(/images/www/bg10.gif) no-repeat 50% 0;
}

#middle3 {
	margin: 0 auto;
	width: 980px;
	overflow: hidden;
	background: url(/images/www/bg11.gif) no-repeat 19px 0;
}

#middle3 .cw1 {
	padding: 0 0 32px;
	width: 980px;
	overflow: hidden;
}

#middle3 .cw1 h2 {
	font-size: 12px;
	color: #fff;
	margin: 17px 0 -20px 26px;
}

#middle3 .cw1 .c1 {
	margin: 34px 0 0 14px;
	width: 960px;
	overflow: hidden;
}

#middle3 .cw1 .c1 .b {
	margin: 0 9px 0 0;
	float: left;
	width: 231px;
	position: relative;
}

#middle3 .cw1 .c1 .b .img {
	width: 231px;
	height: 118px;
	overflow: hidden;
	background: url(/images/www/f1.png) no-repeat;
}

#middle3 .cw1 .c1 .b .img .over {
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 48px;
    left: 50%;
    z-index: 15;
}

#middle3 .cw1 .c1 .b .img img {
	margin: 5px auto 0;
	display: block;
	position: relative;
}

#middle3 .cw1 .c1 .b dl {
	font-size: 10px;
	line-height: 15px;
	margin: 0 auto;
	padding: 7px 0 0;
	width: 221px;
	overflow:hidden;
	border-top: 1px solid #DFDFDF;
}

#middle3 .cw1 .c1 .b dl dt {
	color: #333;
	padding: 0 0 0 7px;
	float: left;
	clear: left;
	width: 44px;
}

#middle3 .cw1 .c1 .b dl dd {
	color: #fff;
	float: left;
	width: 170px;
}

#middle3 .cw1 .c2 {
	margin: 0 auto;
	padding: 42px 0 0;
	width: 940px;
	overflow: hidden;
}

#middle3 .cw1 .c2 ul {
	float: right;
}

#middle3 .cw1 .c2 li {
	margin: 0 0 0 8px;
	float: left;
	width: 12px;
	height: 12px;
}

#middle3 .cw1 .c2 li.prev {
	margin: 0 -4px 0 0;
}

#middle3 .cw1 .c2 li.next {
	margin: 0 0 0 4px;
}

#middle3 .cw1 .c2 li a {
	cursor: pointer;
	float: left;
	width: 12px;
	height: 12px;
}

#middle3 .cw1 .c2 li.prev a {
	background: url(/images/www/f2.gif) no-repeat;
}

#middle3 .cw1 .c2 li.next a {
	background: url(/images/www/f3.gif) no-repeat;
}

#middle3 .cw1 .c2 li.toc a {
	background: url(/images/www/f4.gif) no-repeat;
}

#middle3 .cw1 .c2 li.selected a {
	background: url(/images/www/f4.gif) no-repeat 0 -12px;
}

#middle3 .cw1 .c2 li span {
	display: none;
}






















#middle4_bg {
	background: url(/images/www/bg8.gif) repeat-y 50% 0;
}

#middle4 {
	margin: 0 auto;
	padding: 19px 0 23px;
	width: 979px;
	overflow: hidden;
	position: relative;
	z-index: 10000;
	border: solid #ccc;
	border-width: 1px 0;
}

#middle4 .cw1 {
	margin: 0 auto;
	width: 936px;
	overflow: hidden;
	background: #fff url(/images/www/d1.gif) repeat-x 0 100%;
	border: solid #ccc;
	border-width: 1px 1px 1px 0;
}

#middle4 .cw1 .c {
	font-size: 10px;
	line-height: 14px;
	float: left;
	width: 233px;
	height: 154px;
	position: relative;
	border-left: 1px solid #ccc;
}

#middle4 .cw1 .c1 {
	background: url(/images/www/d3.jpg) no-repeat 100% 0;
}

#middle4 .cw1 .c2 {
	background: url(/images/www/d4.jpg) no-repeat 100% 0;
}

#middle4 .cw1 .c3 {
	background: url(/images/www/d5.jpg) no-repeat 100% 0;
}

#middle4 .cw1 .c4 {
	background: url(/images/www/d6.jpg) no-repeat 100% 0;
}

#middle4 .cw1 .c h2 {
	margin: 10px 0 0 17px;
}

#middle4 .cw1 .c p {
	margin: 4px 0 0 17px;
}

#middle4 .cw1 .c1 p {
	width: 125px;
}

#middle4 .cw1 .c2 p {
	width: 102px;
}

#middle4 .cw1 .c3 p {
	width: 111px;
}

#middle4 .cw1 .c4 p {
	width: 115px;
}

#middle4 .cw1 .c p em {
	line-height: 19px;
	font-style: normal;
	margin: 10px 0 0;
	display: block;
}

#middle4 .cw1 .c p em big {
	font-size: 16px;
	font-weight: bold;
	color: #FF6600;
}

#middle4 .cw1 .c p .m {
	color: #fff;
	text-align: center;
	padding: 4px 0 0;
	width: 70px;
	height: 20px;
	position: absolute;
	left: 17px;
	bottom: 10px;
	background: url(/images/www/d2.gif) no-repeat;
}

.contactTable {
	padding-left: 30px;
}

.contactTable td {
	padding: 7px;
}

.contactTable img {
	border: 1px solid #bebdc3;
	padding: 2px;
	margin: 5px 10px;
}




#middle5 {
	margin: 11px auto 0;
	padding: 0 0 27px;
	width: 980px;
	overflow: hidden;
}

#middle5 .cw1 {
	margin: 0 0 0 28px;
	float: left;
	display: inline;
	width: 530px;
}

#middle5 .cw1 p {
	margin: 14px 0 0;
}

#middle5 .cw1 p img {
	margin: 5px 15px 0 5px;
	float: left;
}

#middle5 .cw1 ul {
	margin: 14px 0 0 13px;
}

#middle5 .cw1 ul li {
	color: #FF6600;
	padding: 5px 0 0 18px;
	background: url(/images/www/b5.gif) no-repeat;
}

#middle5 .cw1 ul li a {
	color: #FF6600;
}

#middle5 .cw1 ol {
	margin: 14px 0 0 13px;
}

#middle5 .cw1 ol li {
	list-style: inside decimal;
}

#middle5 .cw2 {
	margin:0 4px 0 0;
	float: right;
	display: inline;
	width: 405px;
}

#middle5 .cw2 h2 {
	margin: 0 0 0 39px;
}

#middle5 .cw2 .bg1 {
	margin: 5px 0 0;
	width: 405px;
	background: url(/images/www/bg14.gif) repeat-y 0 12px;
}

#middle5 .cw2 .bg2 {
	width: 405px;
	background: url(/images/www/bg13.gif) no-repeat 0 100%;
}

#middle5 .cw2 .bg3 {
	padding: 11px 0 17px;
	width: 405px;
	overflow: hidden;
	background: url(/images/www/bg12.gif) no-repeat;
}

#middle5 .cw2 .c {
	margin: 0 0 0 12px;
	width: 376px;
	overflow: hidden;
	border-top: 1px solid #fff;
}

#middle5 .cw2 .c .img {
	margin: 22px 18px 0 0;
	float: right;
	display: inline;
	width: 231px;
	height: 118px;
	overflow: hidden;
	background: url(/images/www/f1.png) no-repeat;
}

#middle5 .cw2 .c .img img {
	margin: 5px auto 0;
	display: block;
}

#middle5 .cw2 .c h3 {
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #fff;
	margin: 23px 0 0 27px;
	width: 95px;
}

#middle5 .cw2 .c h3 a {
	color: #fff;
}

#middle5 .cw2 .c p {
	font-size: 10px;
	line-height: 13px;
	color: #493C34;
	margin: 7px 0 0 27px;
	width: 95px;
}

#middle5 .cw2 .c .m {
	margin: 32px 0 0 21px;
	display: block;
	width: 83px;
	height: 36px;
	background: url(/images/www/c3.png) no-repeat;
}

#middle5 .cw2 .c .m a {
	font-size: 10px;
	color: #333;
	text-align: right;
	padding: 3px 19px 0 0;
	display: block;
	width: 64px;
	height: 23px;
	position: relative;
}
