/* css reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {	display: block;}
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	-collapse: collapse;	border-spacing: 0;}
* { margin:0px; padding:0px; }

/* mizu reset */
strong, b {font-weight:bold; }
.content ul li, .content  ol li {margin:3px 0px 3px 20px;list-style:circle;} 	
.content ol li {list-style:decimal;}
.content p, .content .txt div {margin-bottom:5px;}
.clear { clear:both; }
/* custom css */
a {	
	color:#000;
	text-decoration:none;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background:url(../img/struct/body.png) no-repeat center top #fff;
}
.wrap {
	width:990px;
	position:relative;
	margin:auto;
	
}
.header {

	height:402px;
}
.mainMedia-spc {
	height:256px;
	width:68px;
	background:url(../img/struct/mmedia-spc.png) no-repeat left top;
	position:absolute;
	top:78px;
	right:545px;
	z-index:27;
}
.mainMedia {
	height:256px;
	width:583px;
	overflow:hidden;
	margin:auto;
	position:absolute;
	top:78px;
	right:0px;
	z-index:24;
}
	.mainMedia-pager {
		position:absolute;
		display:none;
		z-index:30;	
		top:89px;
		right:10px;
		opacity:.8;
		filter:alpha(opacity=80);
	}
		.mainMedia-pager a {
			display:block;
			width:20px;
			line-height:20px;
			text-align:center;
			text-decoration:none;
			margin:0px 3px 3px 0px;
			
			font-size:10px;
			color:#000;
			background:#fff;
			border-radius:3px;
		}
		.mainMedia-pager a:hover, .mainMedia-pager a.activeSlide {
			background:#16151a;
			color:#fff;
		}
	.mainMedia .slider {
		height:256px;
		overflow:hidden;
	}
	.lng {
		position:absolute;
		top:60px;
		right:525px;
		font-size:11px;
		z-index:29;
		
		text-transform:uppercase;
	}
		.lng a, .lng {
			color:#bbbbbb;
		}
		.lng a:hover, .lng a.on {
			color:#ffb200;
		}
	.topNav {
		position:absolute;
		top:60px;
		right:0px;
	}
		.topNav li {
			float:left;
		}
		.topNav a {
			display:block;
			float:left;
			color:#bbbbbb;
			font-size:11px;
			border-right:1px solid #bbbbbb;
			padding:0px 6px;
			text-transform:uppercase;
		}
		.topNav a.last {
			border:0px;
		}
		.topNav a.on, .topNav a:hover {
			color:#ffb200;
		}
		
		
	.homeLink {
		position:absolute;
		top:85px;
		left:0px;
		width:289px;
		height:140px;
		background:url(../img/struct/logo.png) no-repeat right top;
		z-index:24;
	}

	
.nav {
}
	.nav li {
		
	}
		.nav li a {
			display:block;
			padding:0px 20px 8px 0;
			line-height:18px;
			color:#898989;
			text-align:right;
			
		}
		.nav li a:hover, .nav  li a.on {
			color:#ffb200;
			
		}
		.nav  li a.on {
			font-style:italic;
			background:url(../img/struct/nav-on.png) no-repeat right center;
		}
		
.mainNav {
	min-height:220px;
}
.mainNav a {
	text-transform:uppercase;
	
}
.mainNav li.first a.on {
	background:none;
}


.middle {
	clear:both;
}
	.middle .col1 {
		float:left;
		width:185px;
		margin-top:-150px;
		position:relative;
		z-index:23;
	}
	.middle .col2 {
		width:740px;
		float:right;
		min-height:400px;
	}
.footer {
	clear:both;
	background:url(../img/struct/footer.png) no-repeat right top;
	
	text-align:center;
	padding:10px 0px 10px 80px;
}
	.footer p {
		display:inline;
	}
	.footer, .footer a {
		color:#848487;
		font-size:11px;
	}
	.footer a.on, .footer a:hover {
		color:#ffb200;
	}

.navBread {
		position:absolute;
		top:340px;
		left:420px;	
}
	.navBread li {
		list-style:none !important;	
		margin:0px !important;
		float:left;
	}
	.navBread li a {
		display:block;
		float:left;
		line-height:15px;
		font-size:12px;
		padding:0px 10px 0px 12px;
		background:url(../img/struct/bread.png) no-repeat left center;
		color:#bbbbbb;
		font-style:italic;
	}
	.navBread li a.last {
		color:#ffb200;
	}
	.navBread li a:hover {
		color:#ffb200;
	}

/* content */
.content {
	clear:both;
	padding-left:30px;
	padding-bottom:20px;
}
	.content .tpl {
		clear:both;
	}
	.content h1, .content h2, .content h3 {
		color:#ffb200;
	}
	.content h1 {
		font-size:21px;
		font-weight:bold;
		margin-bottom:35px;
	}
	.content h2 {
		font-size:18px;
	}
	.content h3 {
		font-size:15px;
	}
	.content .txt {
		line-height:170%;
		color:#777679;
	}
	.content .txt, .content .files, .content .gallery {
		clear:both;
		padding-top:15px;
	}
	
.img-left .first-img {
  float:left;
  margin:5px 20px 20px 0px;
}
.img-right .first-img {
  float:right;
  margin:5px 0px 20px 20px;
}
/* list */
.list {
	clear:both;
	padding-top:15px;
}
	.list .item {
		width:49%;
		margin-bottom:10px;
		float:left;
		padding:10px 0px;
	}
	.list .firstInRow {
		clear:both;
	}
	.list .lastInRow {
		margin-right:0px;
	}
	.list .item:hover .more {
		color:#ffb200;
	}
	.list h3, .list .img, .list .txt {
		display:block;
		
	}
	.list .img {
		float:left;
	}
	.list .txt {
		float:left;
		clear:none;
		width:180px;
		padding:0px 10px 0px 20px;
	}
	.list-full .item {
    width:100%;
    border-bottom:1px solid #ccc;
  }
  .list-full .txt {
      float:right;
      width:500px;
      padding-right:50px;
  }
	
/* search box */
.search-box {
	background:#fff;
	height:20px;
	position:absolute;
	right:0px;
	top:340px;
	width:130px;
	
	border:1px solid #eeeeee;
}
	.search-box .submit {
		position:absolute;
		top:-1px;
		right:-1px;
	}
	.search-box .sword {
		position:absolute;
		top:2px;
		left:10px;
		width:80px;
		padding:2px;
		color:#707173;
		font-size:10px;
		border:0px;
		background:none;
	}
	
/* mail form */

.mailform {
	clear:both;
	width:600px;
	padding-top:20px;	
}
.mailform fieldset {
		border:0px;
		
	}
	.mailform legend {
		padding:0px;
		margin:0px;
		padding-bottom:10px;
	}
	.mailform .error {
		color:#dd7777;
	}
	.mailform .Ierror {
		border:1px solid red !important;
		color:black;
	}
	.mailform .el {
		float:left;
		padding:10px 30px 0px 0px;
		
	}
	.mailform .el-day {
		padding-right:0px;
		clear:both;
		width:500px;
	}
	.mailform .el-textarea textarea {
		width:375px;
		height:60px;	
	}
	.mailform .el-select {
	}
	.mailform .el-select select {
		width:115px;
	}
	.mailform .el-submit {
	 clear:both;
  }
	.mailform .el-submit label {
		display:none;	
	}
	.mailform .submit {
		padding:5px 20px;
		background:#ffb200;
		color:#fff;
		cursor:pointer;
		font-size:20px;
		margin-left:120px;
		border:1px solid white;
		border-radius:6px;
		
	}
	.mailform label {
		float:left;	
		display:block;
		width:120px;
	}
	.mailform .formInputs {
		float:left;
		width:110px;
		padding:2px;
		border:1px solid #aaa;
		background:#ddd;
		
	}
	.mailform .formInputsBox {
		float:left;
	}
	.mailform .spacer {
		float:left;
		height:28px;
		width:270px;
	}
	.mailform .caption, .mailform .title {
		clear:both;	
		margin-left:120px;
		width:370px;
	}
	.mailform .title {
		font-weight:bold;
	}
	
	
.banner {

  margin-top:20px;
  position:relative;
  left:-10px;
  padding:10px  0;
  border:1px solid #ccc;
  display:block;
  text-align:center;
}
.banner h3 {
  text-align:right;
  color:#aaa;
  font-size:11px;
  padding-right:20px;
  padding-bottom:5px;
}