/* 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;
}
html {
	background:white;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	overflow: hidden;
    overflow-y: auto;
	
}
.lng, .nav, h1, h2, h3 {
    
}
.wrap {
	width:988px;
	position:relative;
	margin:auto;
	
}
.header {
	height:502px;
	background:url(../img/struct/header.png) no-repeat center bottom;
	padding:0 10px;
	margin:0 -10px;
}

	.lng {
		position:absolute;
		top:10px;
		right:0px;
		z-index:29;
		text-align:right;
	}
	   .lng, .lng a {
            font-size:11px;
            color:#000;
	   }
		.lng a {
			text-transform: uppercase;
			padding:0 10px 0 0;
		}
		.lng a:hover, .lng a.on {
			color:#008954;
		}
		.lng a.home {
		    padding-right:0px;
		}
	.homeLink {
		position:absolute;
		top:40px;
		left:0px;
		width:409px;
		height:91px;
		z-index:24;
		background:url(../img/struct/logo.png) no-repeat;
	}
	.logo2 {
		position: absolute;
		top: 40px;
		right: 0;
		width: 409px;
		height: 91px;

	}
.mainMedia {
    height:253px;
    width:988px;
    overflow:hidden;
    margin:auto;
    position:absolute;
    top:187px;
    right:0px;
    z-index:24;
}
    .mainMedia-pager {
        position:absolute;
        z-index:30; 
        bottom:5px;
        right:10px;
        opacity:.8;
        filter:alpha(opacity=80);
    }
        .mainMedia-pager a {
            display:block;
            height:1px;
            width:1px;
            padding:10px 10px 0 0;
            border-radius:10px;
            text-align:center;
            text-decoration:none;
            margin:0px 3px 3px 0px;
            
            float:left;
            font-size:10px;
            background:#fff;
            border:2px solid #fff;
            overflow:hidden;
        }
        .mainMedia-pager a:hover, .mainMedia-pager a.activeSlide {
            background:#648450;
        }
    .mainMedia .slider {
        height:253px;
        overflow:hidden;
    }
    
    

	
.nav-box {
    position:absolute;
    left:0px;
    top:149px;
    padding:0px;
    width:100%;
	clear:both;
	z-index:40;
	background:#008954;
	height:34px;
}
.nav {
    float:right;
    background:url(../img/struct/nav-round-2.png) no-repeat left top;
    padding-left:9px;
}
	.nav li {
		float:left;

	}
		.nav li a {
			display:block;
			
		    background:url(../img/struct/nav-round-1.png) no-repeat left top;
		}
		.nav li a .b {
		    background:url(../img/struct/nav-round-2.png) no-repeat right top;
		    display:block;
		    padding:0;
            font-size:19px;
            line-height:34px;
            padding:0 13px;
            color:white;
            text-align:center;
            cursor: pointer;    
		}
		.nav li a:hover .b, .nav li a.on .b {
			color:#ff6f2d;
		}
		.nav li:hover ul {
          display: block;
        }
        .nav li a .c {
            display:none;
        }
		/* 2 level */
		.nav li ul  {
		  	position:absolute;
            margin-top:0px;
            min-width:137px;
            display:none;
            background:#008954;
            
		}
		.nav li ul li {
		    padding:0px;
		    background:none;
		    
		    float:none;
		}
		.nav li ul li a, .nav li ul li a .b {
		    background:none;
		}
		.nav li ul li a {
		    clear:both;
			font-size:13px;
			line-height:15px;
			height:auto;
		}
		* + html div .nav li ul {
		    display:none !important;
		}

.subNav-box {
    position:absolute;
    left:-5px;
    top:465px;
    background:url(../img/struct/sub-nav-round-2.png) no-repeat right bottom #ff6f2d;
}	
.subNav {
    background:url(../img/struct/sub-nav-round-1.png) no-repeat left top;
    width:173px;
    min-height:40px;
    padding:10px 0;
}
    .subNav a {
        display:block;
        color:white;
        line-height:20px;
        padding:0 10px;
    }
    .subNav a:hover, .subNav a.on {
        color:#008954; 
    }  
	
.footer {
	clear:both;
    border-top:1px solid #008954;
    padding-top:10px;
    padding-bottom:40px;
    text-align:right;
}
	.footer p, .footer ul, .footer li, .footer a {
		display:inline;
	}
	.footer li {
	    padding-left:10px;
	}
	.footer, .footer a {
		color:#008954;
		font-size:12px;
		line-height:140%;
	}
	.footer a.on, .footer a:hover {
		color:#9c2a0c;
	}
	.footer a .c {
	    display:none;
	}
.footer .banner {
    position:absolute;
    right:0px;
    top:10px;
}
    .footer .banner a {
        padding: 0 0 0 30px;
    }


/* content */
.content {
	clear:both;
    width:800px;
    float:right;
    min-height:300px;
    padding-bottom:20px;
    margin-top:-40px;
}
	.content .tpl {
		clear:both;
	}
	.content h1, .content h2, .content h3 {
		color:#444;
		text-transform: uppercase;
	}
	.content h1 {
		font-size:25px;
		padding-bottom:4px;
        color:white;
        margin-bottom:20px;		
	}
	.content h2 {
		font-size:20px;
	}
	.content h3 {
		font-size:20px;
	}
	.content .txt {
		line-height:170%;
		color:#444;
	}
	.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 00px 20px 20px;
}

.img-slide .part1, .img-slide2 .part1 {
    display:block;
    float:left;
    width:400px;
}

.gallery.slider {
    float:right;
    width:570px;
}
.gallery.slider .slide {
    
    margin-bottom:10px;
    border-bottom:1px solid #008954;
    
}
.gallery.slider .slide img {
    padding-bottom:10px;
}
.gallery.slider .pager {
    clear:both;
}
.gallery.slider .pager a {
    float:left;
    margin:5px 5px 0 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity:0.3;
}
.gallery.slider .pager a:hover, .gallery.slider .pager a.activeSlide {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity:1;
    
}

/* list */
.list {
	clear:both;
	padding-top:15px;
}
	.list .item {
		width:100%;
		margin-bottom:10px;
		float:left;
		padding:0px 0px;
	}
	.list .firstInRow {
		clear:left;
	}
	.list .lastInRow {
		margin-right:0px;
	}
	.list .item:hover .more {
		background:#008954;
		color:white;	
	}
	.list h3, .list .img, .list .txt {
		display:block;
		
	}
	.list .img {
		float:left;
		
	}
	.list .txt {
		float:left;
		clear:none;
		width:400px;
		padding:5px 10px 0px 20px;
	}
	

	
/* 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:#9c2a0c;
		color:#fff;
		cursor:pointer;
		font-size:20px;
		margin-left:120px;
		border:1px solid white;
		
	}
	.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;
    }






.myslider {
    position:relative;
    
    float:right;
    margin-top:10px;
}

.myslider .actions {
    position:relative;
    margin-top:10px;
    border-top:1px solid #008954;
    width:100%;
    z-index:30;
    text-align:center;
    padding: 10px 0 10px 0;
}
.myslider .thumbs {
    overflow:hidden;
    width:100%;
    margin:auto;
}
    .myslider .cnt {
           
    }
.myslider .thumbs a img {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity:0.3;

}
.myslider .thumbs a.activeSlide img {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity:1;

}
.myslider .next, .myslider .prev {
    display:block;
    position:absolute;
    z-index:31;
    top:10px;
    height:80px;
    width:20px;
    background:white;
}
.myslider .next {
    right:-20px;
    background:url(../img/struct/next.png) center center no-repeat;
}
.myslider .prev {
    left:-20px;
    background:url(../img/struct/prev.png) center center  no-repeat;
}
.myslider .close-actions {
    display:block;
    position:absolute;
    top:20px;
    right:20px;
    z-index:30;
    background:white;
    padding:10px;
    display:none;
}
.myslider .close-actions.closed {
    background:red;
}


.content table td, .content table th {
  
  padding:5px 10px;
  vertical-align:top;
}
.content table.border td, .content table.border th {
 border:1px solid #aaa;
}

