@import url("reset.css");

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
	overflow-x: hidden;
	overflow-y: auto;
	padding:0;
	margin:0;
}
@-ms-viewport { width: device-width!important; }

html{overflow-y: auto;-ms-overflow-style: -ms-autohiding-scrollbar!important;}

body {
	overflow-x:hidden;
	overflow-y: auto;
	
	}
	
::-moz-selection {
    background: #EBE1D2;
    text-shadow: none;
}

::selection {
    background:#EBE1D2;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ==========================================================================
   Google fonts:
	  font-family: 'Source Sans Pro', sans-serif;
	  font-family: 'Khand', sans-serif;
  
   ========================================================================== */
a {		color:#204d01;
		text-decoration:none;
		}
		
a:hover {color:#121212;
		}
a img
{
  border:none;
}

h1, h2, h3, h4 {
	
	text-shadow:0px 1px 0px #FFF;
	font-style:normal;
	margin:0;
	padding-top:0;
	font-family: 'Source Sans Pro', sans-serif;
	line-height:28px;
	font-weight:bold;
}
h1 {
	font-size:36px;
	margin-bottom:20px;
	color:#204d01;
	text-align:center;
	
}


h2 {
	font-size:19px;
	margin-bottom:10px;
	text-transform:uppercase;
	color:#585858;
	text-align:center;
}

		
.uppercase {
		text-transform:uppercase;
}
strong {
	color:#121212;}
	
p {	font-family: 'Source Sans Pro', sans-serif;
	color:#121212;
	font-size:18px;
	line-height:26px;
	margin:0 0px 26px 0;}

.container {
	display:block;
	width:1000px;
	margin:0 auto;
	padding:0;
	position:relative;
	 max-height:999999px;}

/*====HEADER =======*/
#header {
	display:block;
	height:134px;
	width:100%;
	background: #67483a; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzNSUiIHN0b3AtY29sb3I9IiM2NzQ4M2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjM2YyNjFhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #67483a 35%, #3f261a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#67483a), color-stop(100%,#3f261a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #67483a 35%,#3f261a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #67483a 35%,#3f261a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #67483a 35%,#3f261a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #67483a 35%,#3f261a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67483a', endColorstr='#3f261a',GradientType=0 ); /* IE6-8 */
	position:relative;
	z-index:90000;}
	
.logo {
	display:block;
	width:337px;
	height:86px;
	background:url(../img/logo.png) no-repeat;
	position:absolute;
	margin-top: 20px;
	 text-indent: -9999px;
	 -webkit-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;  
	-o-transition: 		all .2s ease-in;  
	transition: 		all .2s ease-in;
	
	}
.logo:hover {
	position:absolute;
	opacity:.9;
	margin-top: 21px;
	-webkit-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;  
	-o-transition: 		all .2s ease-in;  
	transition: 		all .2s ease-in;
	}	
	
		

nav {
	display: block;
	width: 1100px;
	height: 54px;
	font-family: 'Khand', sans-serif;
	font-size: 22px;
	line-height: 19px;
	color:#204d01!important;
	position: relative;
	top: 20px;
	z-index:1000;
	
	
	}
nav a {
	font-family: 'Khand', sans-serif;
		color:#204d01!important;

	font-size:22px;
	line-height:19px;
	color:#fff;
	-webkit-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;  
	-o-transition: 		all .2s ease-in;  
	transition: 		all .2s ease-in;
	padding:20px 20px 7px 20px;
	text-shadow:0px 1px 0px #FFF;
	text-transform:uppercase;
	margin-right:67px;
	position: relative;border:1px solid rgba(0,0,0,.00);
	}
	nav a:last {
		margin-right:0;}
	nav a:hover {
		background:none;
		color:#3e261a!important;
		padding:24px 20px 10px 20px;
		-webkit-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;  
	-o-transition: 		all .2s ease-in;  
	transition: 		all .2s ease-in;
	position: relative;
	top:1px;

	
	}
	
	.top-right {
		float:right;
		
		font-family: 'Source Sans Pro', sans-serif;
	color:#fff;
	font-style:normal;
	font-size:16px!important;
	line-height:18px;
	text-shadow:0px 1px 0px #000;
	text-align:right;}
	
	.top-right a{
		display:block;
		font-family: 'Source Sans Pro', sans-serif;
		color:#fff;
		font-style:italic!important;
		font-size:16px!important;
		line-height:18px;
		text-shadow:0px 1px 0px #000;
		text-align:right;
		top: 10px;
    position: relative;padding:0;}
	
	.top-right h1 {
		display:block;
		font-size:40px;
		text-align:right;
		
		margin-top:22px;
		font-family: 'Khand', sans-serif;
		color:#fff!important;
		font-style:normal!important;}
		
		.top-right h1 a{display:block;
		font-size:40px!important;
		text-align:right;
		
		font-family: 'Khand', sans-serif;
		color:#fff!important;
		text-shadow:0px 1px 0px #000;
		font-style:normal!important;padding:0;
		top: 20px;
    position: relative;}
		
		
		.social {
		display: block;
		height: 106px;
		width: 32px;
		float: right;
		margin-left: 0;
		top: 33px;
		position: relative;
		margin-left:22px;
}
			.icon {
				display:block;
				height:32px;
				width:32px;
				background:url(../img/brown-social.png) no-repeat;position:relative;
				margin-bottom:6px;
				}
				.icon:hover {-webkit-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;  
	-o-transition: 		all .2s ease-in;  
	transition: 		all .2s ease-in; top:1px; position:relative;
	opacity:.65;}
				.fb {
					background-position:0px 0px;}

				.yt {
					background-position:0px -38px;}
					
				.gp {
					background-position:0px -74px;}
					
			.social2 {
			display:block;
			height:106px;
			width:32px;
			float:right;
			margin-left:22px;
			margin-top:10px;
			position:relative;
			z-index:7000;}
			.icon2 {
				display:block;
				height:32px;
				width:32px;
				background:url(../img/dk-brown-social.png) no-repeat;position:relative;
				margin-bottom:6px;
				}
				.icon2:hover {-webkit-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;  
	-o-transition: 		all .2s ease-in;  
	transition: 		all .2s ease-in; top:1px; position:relative;
	opacity:.65;}
				.fb {
					background-position:0px 0px;}

				.yt {
					background-position:0px -38px;}
					
				.gp {
					background-position:0px -74px;}


/* ==========================================================================
   Section 1
   ========================================================================== */
   
   #section1 {
	   display:block;
	   width:100%;
	   min-height:381px;
	    background:url(../img/big_bg.jpg) repeat-x center top #f9f4ec;
		   width:100%;
	  	   max-height:999999px;
		   position:relative;
		   z-index:6000;
		   background-position: 0px -45px;
		  }
		  
		  #section1 p {padding-right:30px; max-height:999999px;}
	
		#section1 h1, h2{padding-right:30px;}
	  
				.last {
					margin-right:0!important;}	  
					

/* ==========================================================================
   asides
   ========================================================================== */
   
   aside {
	 display: block;
width: 340px;
background: #d9c4a7;
float: left;
height: 100%;
position: relative;
z-index: 999;
text-align: center;
padding-top: 20px;
max-height: 999999px;
padding-bottom: 20px;
	   }
	   
	   .btn {
		   position:relative;
		   
		   -webkit-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;  
	-o-transition: 		all .2s ease-in;  
	transition: 		all .2s ease-in;
	margin-bottom:12px;}
	.btn:hover {
		position:relative;
		-webkit-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;  
	-o-transition: 		all .2s ease-in;  
	transition: 		all .2s ease-in;
	opacity:.7;
	margin-top:2px;}
	
	.btn2 {
		   position:relative;
		   
		   -webkit-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;  
	-o-transition: 		all .2s ease-in;  
	transition: 		all .2s ease-in;
	}
	.btn2:hover {
		position:relative;
		-webkit-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;  
	-o-transition: 		all .2s ease-in;  
	transition: 		all .2s ease-in;
	top:2px;}
	
	.border {
		border:1px solid #777777;
		-webkit-box-shadow: 0px 2px 15px 1px rgba(0,0,0,.5);
box-shadow: 0px 2px 15px 1px rgba(0,0,0,.5);
		}
		.green-bar {
			display:block;
			margin:auto!important;
			position:relative!important;
			text-align:center!important;
			width:49px;
			padding:10px 75px 22px 0;}
	  
	  /*====testi =======*/ 
	  .testi
	  {
		  display:block;
		  margin:40px 0 50px 0;}
		  
	
/* ==========================================================================
   Footer
   ========================================================================== */
   #footer {
	display: block;
	height: 425px;
	width: 100%;
	background: url(../img/footer_bg.png) repeat repeat;
	border-top: 3px solid #534742;
	margin-top: -29px;
	position: relative;
	z-index: 6000;}
	
	#footer nav {
		display:block;
		width:632px;
		float:right;
		margin-right:30px;
		border-bottom:3px solid #204d01;
		height:46px;
		margin-top: -80px;
position: relative;
    left: -100px;}
		
	#footer nav a  {
		font-size:18px;
		color:#000;
		border:none;
		padding:0;
		margin-right:51px;
		}
		
	#footer nav a:hover {
		padding:0;
		color:#7B7B7B;
		background:none;
		box-shadow:none;} 
	
		.bottom-holder {
			margin: -205px 30px 0 435px;
			padding:0;
			display:block;
			width:636px;
			    float: right;
position: relative;
    left: -100px;}
			
		.bottom-right {
		display:block;
		width:290px;
		float:right;
		font-family: 'Source Sans Pro', sans-serif;
		color:#000;
		font-style:italic;
		font-weight:bold;
		font-size:20px;
		line-height:20px;
		text-shadow:0px 1px 0px #fff;
		text-align:right;}
	
	.bottom-right h1 {
		font-size:44px;
		text-align:right;
		margin-top:22px;
		margin-bottom:5px;
		font-family: 'Khand', sans-serif;
		color:#204d01!important;}
		
		.foot-over {
			background:url(../img/footer-logo.png) no-repeat bottom right;height: 425px;}
		
		
		
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

	
	
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
.clear {
	clear:both;}
	.left {
		float:left;}
		.right {
			float:right;}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}