/* 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 {	
	text-decoration:none;
}
.txt a {	
	color:#999;
	font-style:italic;
	text-decoration:none;
}
.home-spc {
	background:#999;
	text-align:center;
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	z-index:40;
	cursor:hand;
	cursor:pointer;
}
.txt  a:hover {
	color:#e21b21;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
	background:#999999;
}
.page {
	background:#fff;
}
.wrap {
	width:983px;
	position:relative;
	margin:auto;
}
.header {
	height:145px;
	position:relative;
	z-index:20;
	border-bottom:1px solid #999999;
	margin-bottom:30px;
}
.spc1 {
	position:absolute;
	top:95px;
	left:0px;
	width:100%;
	height:12px;
	border-top:12px solid #999999;
	border-bottom:1px solid #999999;
	
}
	.lng {
		position:absolute;
		top:126px;
		left:0px;
		font-size:11px;
		z-index:35;
		
		text-transform:uppercase;
	}
		.lng a, .lng {
			color:#999;
		}
		.lng a:hover, .lng a.on {
			color:#3c4c00;
		}
	.homeLink {
		position:absolute;
		top:15px;
		left:0px;
		color:#999999;
		font-size:37px;
		letter-spacing:-1px;
	}

	
.nav {
	float:right;
	position:relative;
	top:124px;
	left:0px;
}
	.nav li {
		float:left;
	}
		.nav li a {
			display:block;
			float:left;
			padding:0px 0px 0 30px;
			line-height:18px;
			color:#999;
			
		}
		.nav li a.i2, .nav li a.i3 {
			text-transform:uppercase;
			font-weight:bold;
		}
		.nav li a:hover, .nav  li a.on {
			color:#e21b21;
			
		}


.middle {
	clear:both;
	
}

.footer-wrap {
	
	min-height:150px;
}
.footer {
	clear:both;
	padding:10px 0;
	text-align:left;
	width:983px;
	position:relative;
	margin:auto;
	
}
	.footer p {
		display:inline;
	}
	.footer, .footer a {
		color:#fff;
		font-size:11px;
	}
	.footer a.on, .footer a:hover {
		color:#e21b21;
	}
	.footerNav, .footerNav li {
		display:inline;
	}
	 .footerNav li a {
	 	padding:0 5px;
	 }
	



/* content */
.content {
	clear:both;
	padding-bottom:20px;
	min-height:300px;
}
	.content .tpl {
		clear:both;
	}
	.content h1, .content h2, .content h3 {
		color:#999;
	}
	.content h1 {
		font-size:21px;
		text-transform:uppercase;
		margin-bottom:0px;
	}
	.content h2 {
		font-size:18px;
	}
	.content h3 {
		font-size:15px;
	}
	.content .txt {
		line-height:170%;
		color:#999;
	}
	.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;
}

.img-gallery {
	
}
	.img-gallery .gallery  {
		
	}
	.img-gallery .gallery .item, .img-gallery .gallery .item .hoverImg  {
		display:block;
		float:left;
		width:240px;
		height:200px;
		margin:0 -1px -1px 0;
		margin:0px;
		padding:0px;
		text-align:center;
		position:relative;		
		background:no-repeat center center;
	}
	.img-gallery .gallery .item {
		border:1px solid #eeeeee;
	}
	.img-gallery .gallery .item span.title  {
		background:white;
		display:block;
		position:absolute;
		width:100%;
		color:#999;
		bottom:30px;
		padding:4px 0px;
		text-align:center;
		
	}
	
	.img-gallery .gallery .item span.title, .img-gallery .gallery .item span.hoverImg {
		display:none;
	}
	.img-gallery .gallery .item:hover span.title, .img-gallery .gallery .item:hover span.hoverImg   {
		display:block;	
	}
	
.galNav {
	clear:both;
	padding:10px 15px 0 0 ;
	float:right;
}

.galSubs {
	display:inline;
	
}
	.galSubs li {
		display:inline;
		list-style:none !important;
		margin:0px !important;
	}
	.galNav span, .galSubs li a, .galSubs li span {
		color:#999999;
		padding:0 3px;
		font-size:12px;
	}
	.galNav span {
		padding:0px;
	}
	.galSubs li a.on, .galSubs li a:hover {
		color:#b4b6bc;
	}
	
.img-2cols {
	
}
	.img-2cols .txt1 {
		width:45%;
		float:left;
		padding-right:40px;
		border-right:1px solid #999;
	}
	.img-2cols .txt2 {
		clear:none;
		width:45%;
		float:right;
	}
	
/* list */
.list {
	clear:both;
	padding-top:15px;
}
	.list .item {
		clear:both;
		margin-bottom:10px;
		display:block;
		padding:10px 0px;
		border-bottom:1px solid #999;
	}
	.list .firstInRow {
		
	}
	.list .lastInRow {
		margin-right:0px;
	}
	.list .item:hover .more {
		color:#333;
	}
	.list h3, .list .img, .list .txt {
		display:block;
		
	}
	.list .img {
		float:left;
		display:block;
		width:200px;
		min-height:10px;
		display:none;
		
	}
	.list .txt {
		float:left;
		clear:none;
		width:950px;
		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;
  }
	

/* 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:#3c4c00;
		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;
	}
	
	
/* myscroll */
	.myscroll {
		width:100%;
		height: 211px;
		position: relative;
	}
	
	.myscroll div.scrollableArea a.item
	{
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
		padding: 0 10px;
	}
	.myscroll .scrollingHotSpotLeft, .myscroll .scrollingHotSpotRight {
		width:75px !important;
		display:block !important;
		min-width:3px;
		height:211px;
	}

	
.backLink {
	display:block;
	padding:20px 0px;
	font-size:12px;
	color:#999;
}
.backLink:hover {
	color:#333;
}