@charset "utf-8";
/* color spec:
dark orange: rgb(230, 47, 0);
hover orange: rgb(230, 104, 71); -> rgb(236, 137, 113);
dark green: rgb(95, 114, 68);
light green: rgb(128, 149, 74);
pale green: rgb(205, 213, 185);
*/

h2 {
 margin-top: 20px;
 font-size: 14px;
 color: #E62F00;
}


/* wrapper */
.wrapper{
	margin: 0 auto 0 auto;
	padding-top: 5px;
	width: 950px;
}
/*share*/
.wrapper .header,
.wrapper .contentwrap,
.wrapper .footer{
	width: 899px;
	border-left: 1px solid #5f7244;
	border-right: 1px solid #5f7244;
	margin: 0 auto;
}
/*header*/
.wrapper .header{
	background-image: url(background/main_bg.gif);
	border-top: 1px solid #5f7244;
	height: 49px;
	overflow: hidden;
}
.header .logo{
	position: absolute;
	margin: 10px 0 0 60px;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enable=true,src='skins/logo.png',sizingMethod='image');
}
.header .logo img{
	_visibility: hidden;	
}
/*navmain*/
.header ul.navmain{
	float: right;
	line-height: 25px;
	padding: 13px 50px 0 0;
	font-weight: normal;
}
ul.navmain li{
	float: left;
	height: 25px;
	border-right: 1px solid #5f7244;
	padding: 0 5px;
}
ul.navmain a{
/*nat	color: #668027;*/
	color: rgb(95, 114, 68);
	font-size: 12px;
}
ul.navmain a:hover{
/*nat	color: #668027;*/
	color: rgb(95, 114, 68);
	text-decoration: none;
}
ul.navmain a.tel{
	display: block;
	height: 25px;
	width: 19px;
	background: url(icons/tel.gif) no-repeat center center;
	line-height: 13px;
	overflow: hidden;
}
ul.navmain a.tel:hover{
	text-decoration: none;
	background-image: none;
}
ul.navmain a.tel:hover ins{
	display: block;
	text-decoration: none;
}
ul.navmain li.last{ border:none;}
/*menubox*/
.wrapper .menubox{
	background: url(images/copyright.gif) no-repeat 100% 60px;
	padding: 1px;
}
.menubox .photowrap{
	height: 244px;
	width: 925px;
	overflow: hidden;
	margin-left: 10px;
	border-left: 1px solid #5f7244;
	border-right: 1px solid #5f7244;
}
.photowrap ul.photobox{
	height: 244px;
	background-color: #fff;
}
ul.photobox li{
	position: absolute;
	visibility: hidden;
}
ul.photobox li.choosed{
	visibility: visible;
}
/*navbox*/
.wrapper .navbox{
	line-height: 21px;
	padding-left: 24px;
	height: 21px;
}
.navbox a{}
.navbox a:hover{
	color: #cf6207;
}
.navbox ul.navigator{
	height: 21px;
/*nat	background-color: #9cac73;*/
	background-color: rgb(128, 149, 74); /*#80954a;*/
	width: 838px;
	border: 1px solid #5f7244;
	padding-left: 60px;
	position: absolute;
	z-index: 15;
	font-size: 12px;
}
.navbox ul.navigator li{
	float: left;
	margin-right: 50px;
}
.navbox ul.navigator a{
	color: #FFF;
}
.navbox ul.navigator a:hover{
	color: #cf6207;
}
.navbox ul.navigator li.start{
	width: 78px;
	margin-right:0;
}
.navbox ul.navigator li a.self{
/*nat	color: #f15835;*/
	color: rgb(230, 47, 0);
}
.navbox ul.navigator li.choosed{
	margin-right: 128px;
}
/*navwrap*/
.navbox .navwrap{
	position: absolute;
	width: 380px;
	margin-left: 125px;
	/*margin-top: -140px;*/
	visibility: hidden;
	z-index: 10;
}
.navwrap .wrapheader{
	background-image: url(background/nav_bg_top.png);
}
.navwrap .wrapbody{
	background: url(background/nav_bg_body.png) repeat-y;
	padding-left: 15px;
	/*height: 160px;*/
	height: 0;
	overflow: hidden;
}
.navwrap .wrapfooter{
	background-image: url(background/nav_bg_bottom.png);
}
.navwrap .wrapheader,
.navwrap .wrapfooter{background-repeat: no-repeat;height: 9px;}

* html .navwrap .wrapheader{
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enable=true,src='common/css/background/nav_bg_top.png',sizingMethod='image');
}
* html .navwrap .wrapbody{
	_background: none;
	_height: 50px;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enable=true,src='common/css/background/nav_bg_body.png',sizingMethod='scale');
}
* html .navwrap .wrapfooter{
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enable=true,src='common/css/background/nav_bg_bottom.png',sizingMethod='image');
}
/*navcols*/
.wrapbody table.navcols{
	color: #F60;
	position: relative;
	line-height: 16px;
}
table.navcols td{
	vertical-align: bottom;
}
table.navcols a{
	color: #476c23;
	letter-spacing: 1px;
}
table.navcols a span{
/*nat	color: #ed8234;*/
	color: rgb(236, 137, 113);
}
table.navcols a:hover{
/*nat	color: #ed8234;*/
	color: rgb(236, 137, 113);
}
/*contentwrap*/
.wrapper .contentwrap{
	clear: both;
	padding: 15px 60px 0;
	height: 190px;
/*nat	color:#668027;*/
	color: rgb(95, 114, 68);
	font-size: 12px;
	overflow: hidden;
	width: 778px;
}
.contentwrap h1{
 font-size: 40px;
 font-weight: normal;
}
.contentwrap a{
/*nat	color: #f47922;*/
	color: rgb(230, 47, 0);
}
.contentwrap a:hover{
/*nat	color:#f8af7a;*/
	color: rgb(236, 137, 113);
}
/*searchbox*/
.contentwrap .searchbox{
	text-align: right;
}
.searchbox input.text{
/*nat	color: #668027;*/
	color: rgb(95, 114, 68);
	font-size: 11px;
}
.searchbox input.searchbutton{
/*nat	background-color: #b2c093;*/
	background-color: rgb(205, 213, 185);
	border: none;
	color: #FFF;
	height: 19px;
	width: 20px;
	padding-bottom: 3px;
}
/*context*/
.contentwrap .context{
	padding: 5px 0;
}
.context p{
	text-align: justify;
}
.context p dfn {
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	margin-right: 10px;
	color: #EE7801;
}
/*listbox*/
.contentwrap .listbox{}
.listbox ul.leftbox{
	float: left;
	width: 40%;
	padding-top: 12px;
}
.listbox ul.rightbox{
	float: right;
	width: 58%;
	padding-top: 12px;
}
.listbox ul.rightbox li{
	background: url(icons/dot_01.gif) no-repeat 0 6px;
	padding-left: 10px;
}
.listbox ul.rightbox a{
/*nat	color: #668027;*/
	color: rgb(95, 114, 68);
}
.listbox ul.rightbox a:hover{
/*nat	color: #f8af7a;*/
	color: rgb(236, 137, 113);
}
/*partner*/
.wrapper .partner{
	background: url(images/partner_title.gif) no-repeat 0 50%;
	width: 900px;
	margin: 0 1px;
	border-top: 1px solid #5f7244;
	border-bottom: 1px solid #5f7244;
}
.partner .partnerwrap{
	width: 898px;
	margin: 0 auto 0 25px;
	height: 46px;
	overflow: hidden;
/*nat	background-color: #cdd5b9;*/
	background-color: #cdd8bb;
}
/*partnerbox*/
.partnerwrap .partnerbox{
	width: 10000px;
}
.partnerbox ul.partnerlist{
	float: left;
	display: block;
}
ul.partnerlist li{
	float: left;
	padding: 0 30px;
}
/*footer*/
.wrapper .footer{
	background-image: url(background/main_bg.gif);
	border-bottom: 1px solid #5f7244;
	height: 24px;
}
/*siteinfo*/
.wrapper .siteinfo{
/*nat	color: #668027;*/
	margin: 0 0 0 82px;
	color: rgb(95, 114, 68);
	text-align: left;
	line-height: 24px;
}
.siteinfo span,
.siteinfo a{
	padding: 5px;
/*nat	color: #668027;*/
	color: rgb(95, 114, 68);
}
.siteinfo .right{
	display: block;
	margin: 0 85px 0 0;
	padding: 0;
	float: right;
}
/*msgbox*/
.wrapper .msgbox{
	position: absolute;
	top: 20px;
	margin-left: 600px;
	width: 270px;
	z-index: 30;
	visibility: hidden;
}
.msgbox .msgboxheader{
	background: url(background/msgbox_top.png) no-repeat center top;
	height: 12px;
	+background: none;
	+filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enable=true,src='common/css/background/msgbox_top.png',sizingMethod='image');
}
.msgbox .msgboxfooter{
	background: url(background/msgbox_bottom.png) no-repeat center top;
	height: 12px;
	+background: none;
	+filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enable=true,src='common/css/background/msgbox_bottom.png',sizingMethod='image');
}
.msgbox .msgboxbody{
/*nat	padding: 15px;*/
	padding: 12px 15px 12px 15px;
	background: url(background/msgbox_body.png) repeat-y center center;
}
.msgboxbody h2{
	font-size: 13px;
/*nat	color: #f79855;*/
	color: #FF421C;
/*nat	line-height: 21px;*/
	border-bottom: 1px dotted #b2c093;
/*nat	padding: 0 0 5px 15px;*/
	padding: 0 0 15px 15px;
	font-weight: normal;
}



.msgboxbody .contexts{
	color: #FFF;
	font-size: 11px;
	padding: 15px;
/*nat	min-height:350px;*/
/*nat	_height:350px;*/
	overflow:auto;
	overflow-y:auto;
	overflow-x:hidden;
}
.msgboxbody .contexts a{
/*nat	color: #f79855;*/
	color: rgb(230, 47, 0);
}
.msgboxbody .contexts p{
/*nat	padding-bottom: 10px;*/
	text-align: left;
}
.msgboxbody .msgcontrol{
/*nat	line-height: 30px;*/
	font-size: 12px;
/*nat	font-weight: bold;*/
	padding-left: 15px;
}
.msgcontrol a{
	color: #FFF;
	background-repeat: no-repeat;
/*nat	background-position: 0 8px;*/
	background-position: center left;
/*nat	padding: 10px 0 5px 18px;*/
	padding-left: 18px;
}
.msgcontrol a.print{
	background-image: url(icons/print.gif);
	margin-right: 30px;
}
.msgcontrol a.close{
	background-image: url(icons/close.gif);
}
.msgcontrol a:hover{}









/* Start Matt */

/*portfoliobox*/
.wrapper .portfoliobox{
	position: absolute;
	top: 20px;
	margin-left: 80px;
	margin-bottom: 20px;
	width: 670px;
	z-index: 30;
	visibility: hidden;
}
.portfoliobox .portfolioboxheader{
	background: url(background/portfoliobox_top.png) repeat center top;
	height: 12px;
	+background: none;
	+filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enable=true,src='common/css/background/portfoliobox_top.png',sizingMethod='image');
}
.portfoliobox .portfolioboxfooter{
	background: url(background/portfoliobox_bottom.png) repeat center top;
	height: 12px;
	+background: none;
	+filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enable=true,src='common/css/background/portfoliobox_bottom.png',sizingMethod='image');
}
.portfoliobox .portfolioboxbody{
	padding: 15px;
	background: url(background/portfoliobox_body.png) repeat center center;
}
.portfolioboxbody h2{
	font-size: 14px;
	color: #f79855;
	line-height: 21px;
	border-bottom: 1px dotted #b2c093;
	padding: 0 0 5px 15px;
	font-weight: normal;
}
.portfolioboxbody .contexts{
	color: #FFF;
	font-size: 12px;
	padding: 15px;
/*nat	min-height:350px;*/
/*nat	_height:350px;*/
	overflow:auto;
	overflow-y:auto;
	overflow-x:hidden;
}
.portfolioboxbody .contexts a{
	color: #f79855;
}
.portfolioboxbody .contexts p{
	padding-bottom: 10px;
	text-align: justify;
}
.portfolioboxbody .msgcontrol{
	line-height: 30px;
	font-size: 12px;
/*nat	font-weight: bold;*/
	padding-left: 15px;
}


/*contactbox*/
.contactbox{
	position: absolute;
	top: 20px;
	margin-left: 600px;
	width: 270px;
	z-index: 30;
	visibility: hidden;
}
.contactbox .contactboxheader{
	background: url(background/msgbox_top.png) no-repeat center top;
	height: 12px;
	+background: none;
	+filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enable=true,src='common/css/background/msgbox_top.png',sizingMethod='image');
}
.contactbox .contactboxfooter{
	background: url(background/msgbox_bottom.png) no-repeat center top;
	height: 12px;
	+background: none;
	+filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enable=true,src='common/css/background/msgbox_bottom.png',sizingMethod='image');
}
.contactbox .contactboxbody{
/*nat	padding: 15px;*/
	padding: 12px 15px 12px 15px;
	background: url(background/msgbox_body.png) repeat-y center center;
}
.contactboxbody h2{
	font-size: 13px;
/*nat	color: #f79855;*/
	color: rgb(230, 47, 0);
/*nat	line-height: 21px;*/
	border-bottom: 1px dotted #b2c093;
/*nat	padding: 0 0 5px 15px;*/
	padding: 0 0 15px 15px;
	font-weight: normal;
}
.contactboxbody .contexts{
	color: #FFF;
	font-size: 11px;
	padding: 15px;
/*nat	min-height:350px;*/
/*nat	_height:350px;*/
	overflow:auto;
	overflow-y:auto;
	overflow-x:hidden;
}
.contactboxbody .contexts a{
/*nat	color: #f79855;*/
	color: rgb(230, 47, 0);
}
.contactboxbody .contexts p{
/*nat	padding-bottom: 10px;*/
	text-align: left;
}
.contactboxbody .contactcontrol{
/*nat	line-height: 30px;*/
	font-size: 12px;
/*nat	font-weight: bold;*/
	padding-left: 15px;
}
.contactcontrol a{
	color: #FFF;
	background-repeat: no-repeat;
/*nat	background-position: 0 8px;*/
	background-position: center left;
/*nat	padding: 10px 0 5px 18px;*/
	padding-left: 18px;
}
.contactcontrol a.print{
	background-image: url(icons/print.gif);
	margin-right: 30px;
}
.contactcontrol a.close{
	background-image: url(icons/close.gif);
}
.contactcontrol a:hover{}


/* End Matt */






/*detail*/
.wrapper .detailhoder{
	position: absolute;
	width: 924px;
	height: 546px;
	overflow: hidden;
	z-index: 40;
	top: 55px;
	font-size: 12px;
	+margin-left: -25px;
	display: none;
}
.detailhoder .detail{
	width: 820px;
/*nat	height: 506px;*/
/*nat	background-color: #668038;*/
	background: rgb(95, 114, 68);
	overflow: hidden;
	color: #FFF;
/*nat	padding: 40px 40px 0;*/
	padding: 38.75px 40px 42px 40px;
	margin-left: 950px;
}
.detail h2{
/*nat	padding: 0 0 10px 128px;*/
	padding: 0 0 30px 128px;
	line-height: 24px;
	font-size: 14px;
	color: #FFF;
}
/*nat start*/
.detail a{
	color: rgb(230, 47, 0);;
}
/*nat end*/
.detail .detailwrap{
	width: 800px;
	overflow: hidden;
	float: left;
}
.detail .detailinner{
	width: 800px;
	height: 390px;
	overflow-y: scroll;
	padding-right: 20px;
	line-height: 21px;
}
.detailinner ul.leftbar{
	float: left;
	width: 115px;
	text-align: right;
}
.detailwrap ul.leftbar li{
	padding-bottom: 12px;
}
.detailinner .detailcontext{
	margin-left: 128px;
}
.detailinner .detailcontext p{
	padding-bottom: 10px;
	text-align: justify;
}
.detailinner .detailcontext ul{
	padding-left: 25px;
	padding-bottom: 10px;
}
.detailinner .detailcontext ul li{
	list-style-position: inside;
	list-style-type: disc;
}
.detail .msgcontrol{
	padding-top: 10px;
	clear: both;
/*nat	height: 30px;*/
}
.detail .msgcontrol a.print{}
/*scrollbox*/
.detail .scrollbox{
	float: right;
	width: 16px;
	height: 390px;
	background: url(background/scroll_bg.gif) repeat-y center top;
	line-height: 1%;
	font-size: 1%;
	overflow: hidden;
}
.scrollbox .scrolltop{
	background: url(background/scroll_top.gif) no-repeat center top;
	height: 5px;
}
.scrollbox .scrollbar{
	background: url(background/scroll_bar.gif) no-repeat center top;
	height: 10px;
}
.scrollbox .scrollbar:hover{
	background-position: center bottom;
}
.scrollbox .scrollbottom{
	height: 375px;
	background: url(background/scroll_bottom.gif) no-repeat center bottom;
}



.wrapper #overlay {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	z-index: 100;
	background: #000;
	cursor: pointer;
	cursor: hand;
	/*opacity: 0.5;*/
}


.loginform {
	position: absolute;
	top: 4px;
	z-index: 999;
	width: 276px;
	height: 265px;
	display: none;
}
.loginbody {
	width: 276px;
	height: 251px;
	background: url(images/ftp_login_bg.gif) no-repeat;
	margin: 50px 0;
	padding: 14px;
	text-align:left;
}

.loginbody h1{
	font-size: 14px;
	color: #FFF;
	margin-bottom: 10px;
	padding-top: 22px;
	padding-left: 20px;
	line-height: 30px;
/*nat*/
	font-weight: normal;
}
.loginbody h1 a {
	color: #FFE222;
	text-decoration: none;
	margin-right: 8px;
}
.loginbody h1 a:hover {
	color: #FFF;
}
.loginbody ul {
	line-height: 39px;
	padding-left: 20px;
}
.loginbody ul li {
	list-style-type: none;
	height: 39px;
	clear: both;
	padding: 0 0 0 8px;
}
.loginbody ul li span {
	color: #FFF;
	float: left;
	width: 68px;
	height:32px;
	text-align:right;
	margin-right:7px;
	line-height:32px;
}
.loginbody ul li.submitbutton{
	background-image: none;
	line-height: 24px;
}
.loginbody dl{
	float: left;
	width: 160px;
	padding-left: 10px;
	line-height: 18px;
	color: #FFF;
}
.loginbody dl dt{
/*nat	font-weight: bold;*/
	padding-left: 10px;
}
.loginbody dl dd{}
.loginbody p {
	text-align: center;
	color: #FFE;
	font-size: 10px;
	clear: both;
	padding-top: 25px;
	+padding-top: 0;
}
.loginbody .submit {
	height: 22px;
	width: 58px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #f6893c;
	cursor:pointer;
	color: #b0c336;
/*nat	font-weight: bold;*/
/*nat	background: #f47922;*/
	background: transparent;
}
.loginbody input.userinput{
	font-size: 12px;
	padding: 2px;
	margin-top: 10px;
	width: 140px;
	background:transparent;
	border: none;
	float: left;
	margin-bottom: 10px;
}
#alertinfo{
	display:none;
	/*color:white;*/
	height:51px;
	padding-top:10px;
	background:url(background/error_bg.gif) no-repeat center top;
}


#ftpaccessrequestform div {
 float: left;
}

#ftpaccessrequestform div div {
 float: none;
 clear: left;
}

#ftpaccessrequestform div div label {
 float: left;
 width: 200px;
}

#ftpaccessrequestform div div input {
 float: left;
}

#ftpaccessrequestform .btnSubmit {
	height: 22px;
	width: 58px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #f6893c;
	cursor:pointer;
	color: #b0c336;
	background: transparent;
}