/* CSS Document */
@charset "utf-8";

/* basic elements */
img {border: none;}
*{ padding: 0px; margin: 0px; }
.clear {margin: 0px; padding: 0px; clear: both;}

body {
	font-family: Verdana;
	font-size: 12px;
	background: url(../images/bg.jpg) repeat-x #715F55;
}

#wrapper { display: block; width: 723px; margin: 0 auto; position:relative; padding: 0 146px;}
#header { display:block; overflow:hidden;}
	#header h1 { display:block; background: url(../images/index_02.jpg) no-repeat; width: 723px; height: 85px; overflow:hidden; }
		#header h1 a { display:block; overflow:hidden; text-decoration: none; width: 600px; height: 58px; margin: 20px auto 0;}
		#header h1 a span { visibility:hidden;}
	#header .nav { display:block;  font-family: Arial; font-size: 14px; list-style:none; _height:1%;}
		#header .nav li { display: block; padding: 10px 19px 10px 20px ; overflow: hidden; float:left;}
		#header .nav li a { text-decoration: none; color:#fff;}
		#header .nav li a:hover {color: #F2C26E;} 
	
#content { display:block;  background: url(../images/bg-content.jpg) right top no-repeat #fff    ; overflow: hidden; width:723px;}
.full { padding: 26px 26px 0; text-align:center; width:671px !important;}
	#content .sCont { display:block; width:285px; float:left; padding:15px 10px 24px 26px; text-align:justify;}
	#content .bCont  { display:block; padding:15px 15px 10px 26px; text-align:justify; width: 345px; float:left; }
	#content .leftCont { display:block; padding:20px 15px 10px 22px;text-align:justify; width: 315px; float:left; }
	#content .rightCont { display:block; padding:20px 15px 10px 15px;text-align:justify; width: 315px; float:left; }	
	#content .learn { display:block; text-align: left;}
	#content .learn a {color: #715F55; text-decoration:none;}
	#content h3 { display:block; margin: 18px 0 10px; font-size:14px; color:#715F55; overflow:hidden;}
	#content h2.toppage { font-size:12px!important; font-weight:bold; color:#000000 !important; margin-bottom:10px !important;}
	#content h3.cont {color:#423129;}
	#content .top-cont h2 { margin: 0 !important;}
	#content h2 {color:#715F55; font-size:14px; font-weight:bold; margin-bottom: 5px;}
	#content h2.service { color:#423129 !important; }
	#content .center { text-align:center;}
	#bg-pen { display:block; position:absolute;	right:0; _right:-1px; background:url(../images/index_13.jpg) no-repeat; width: 146px; height:601px;}
	.top-cont { display:block; padding:24px 21px 0 22px;}
	
	.contactTB { width: 522px; margin: 15px auto 0; }
		.contactTB th { width:29%; font-weight: normal; background:#734a38; text-align: right; padding: 2px; font-size:10px; margin-bottom:5px; color:#fff; }
		.contactTB td { width: 71%; padding:2px 2px 2px 5px; text-align: left;}
		.contactTB td .areaText { width:323px; display:block;}
	.mapTB { margin: 20px auto; width:534px; height:247px;}
	.info-contact { line-height: 24px; color:#715F55; }
	
#footer { display:block; overflow:hidden; background:#fff; color:#715F55; padding: 20px 35px 15px;}
	.province { display:block; margin: 15px 0; color:#999; text-align:center;}
	.province a { color:#999; text-decoration: none;}
	.sub-nav { color:#715F55; font-size:10px; display:block; margin-bottom: 12px;}
	.sub-nav a {color:#715F55; text-decoration: none; }
	.copyright { font-size:10px; }