/*@import url("reset.css") screen;*/

@import url("animation.css") screen;

/*------------------------------------*\
    $START SITE CSS
\*------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body,
html {
		height: 100%;

}


img {
 max-width:100%;
}

body {
	font: 13px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
        color: #36302F;
  background: #F6F6F6;
         /*
	 * Relates to the pseudo class & sibling bug, see
	 * http://css-tricks.com/webkit-sibling-bug/ for more details
	 */
	-webkit-animation: bugfix infinite 1s;
}

/* Also relates to the pseudo class & sibling bug */
@-webkit-keyframes bugfix { from { padding: 0; } to { padding: 0; } }

.outer {
	overflow: hidden;
}

.slide {
	padding: 20px;
}

.content {
	margin-top: 30px;
}

.content ul,
.content ol {
	margin: 10px 40px;
}

h1,h2,h3,p {
	margin-bottom: 18px;
}

h1 {
	line-height: 26px;
}

/* @group .nav */
.nav {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 5px 0;
	background: #464241;
	border-radius: 3px;
	overflow: hidden;
}

.nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

.nav li a {
	display: block;
	padding: 5px 20px;
	text-decoration: none;
	background: #464241;
	color: #f9f9f9;
}


.nav li a:hover {
	background: #2e2e2e;
}

/* @end nav */

/* This is the clickable label */
.slide-toggle {
	float: right;
	cursor: pointer;
	position: relative;
	z-index: 1;
	display: none;
	margin: 10px 10px 0 0;
}

/* Kill the nasty outlines everywhere */
.slide-toggle,
.slide-toggle:active,
.slide-toggle:focus {
	border: none !important;
	outline: none !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* The :after pseudo element has an icon that covers the checkbox */
/* The background color is the color of the mobile click box */
.slide-toggle:after {
	content: "!";
	color: #f9f9f9;
	background: #464241;
	display: block;
	height: 30px;
	width: 38px;
	border-radius: 3px;
	font: 24px/30px 'responav';
	text-align: center;
	margin-left: -19px;
}

/* This is the checkbox */
.slide-checkbox {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/* When it's checked replace the menu icon with a close icon */
.slide-checkbox:checked ~ .slide-toggle:after {
	content: '"';
}

/*
 * I set the width pretty high because I wanted to test on an Ipad in portrait mode,
 * depending on your website you can probably make this narrower
 */
@media handheld, only screen and (max-width: 700px) {

	/* Only show the menu link on smaller screens */
	.slide-toggle {
		display: block;
	}

	/*
	 * The transition value determines the speed
	 * at which the content will slide over
	 */
	.slide {
		-webkit-transition: -webkit-transform 500ms ease;
		-moz-transition: -moz-transform 500ms ease;
		-o-transition: -o-transform 500ms ease;
		transition: transform 500ms ease;
	}

	/*
	 * Enable hardware acceleration and stop flickering
	 * More details: http://indiegamr.com/ios6-html-hardware-acceleration-changes-and-how-to-fix-them/
	 * Add more browser prefixes as required for your environment
	 */
	.slide,
	.nav {
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-webkit-perspective: 1000;
		-moz-perspective: 1000;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
	}

	/*
	 * When the checkbox is checked slide the content
	 * over and the checkbox with it
	 */
	.slide-checkbox:checked ~ .slide {
		-webkit-transform: translateX(80%) scale(1);
		-moz-transform: translateX(80%) scale(1);
		-ms-transform: translateX(80%) scale(1);
		-o-transform: translateX(80%) scale(1);
		transform: translateX(80%) scale(1);

	}

	.nav {
		height: 100%;
		background: #333;
		border-radius: 0;

		/*
		 * The width determines how much of the page you want to
		 * remain visible once the menu slides over
		 */
		width: 80%;

		/*
		 * Must be absolutely positioned otherwise it won't sit
		 * side by side with the content but instead above it
		 * */
		position: absolute;
		left: 0;
		top: 0;

		/* Keeps the menu hidden off-canvas to the left */
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	.nav li {
		float: none;
	}

	.nav li a {
		border-top: 1px solid #222;
		border-bottom: 1px solid #444;
		padding: 12px 12px;
	}

	.nav li:first-child a {
		border-top: none;
	}

	.nav li:last-child a {
		border-bottom: none;
	}

}

@font-face {
	font-family: 'responav';
	src:url('fonts/responav.eot');
	src:url('fonts/responav.eot?#iefix') format('embedded-opentype'),
		url('fonts/responav.woff') format('woff'),
		url('fonts/responav.ttf') format('truetype'),
		url('fonts/responav.svg#responav') format('svg');
	font-weight: normal;
	font-style: normal;
}

hr.linefade { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); }

hr.linefaderight { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.75), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0.75), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0.75), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0.75), rgba(0,0,0,0.75), rgba(0,0,0,0)); }


.treebg { 
  background: url('/tree_background3.jpg') no-repeat center bottom fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


/* unvisited link */
a:link {
    color: #24201F;
}

/* visited link */
a:visited {
    color: #24201F;
}

/* mouse over link */
a:hover {
    color: #AE5634;
}

/* selected link */
a:active {
    color: #24201F;
}



.contactnew {
    font-family: Verdana;
    font-size: 18px;
    font-style: normal;
    color: #555555;
    line-height: 1.5;
    letter-spacing: .25px;
    text-indent: 50px;
    text-align: left;
}

.contactnewsmaller {
    font-family: Verdana;
    font-size: 14px;
    font-style: normal;
    color: #555555;
    line-height: 1.5;
    letter-spacing: .25px;
    text-indent: 50px;
    text-align: left;
}

.homequote {
    font-family: Verdana;
    font-size: 1.4vw;
    font-style: normal;
    color: #555555;
    line-height: 1.5;
    letter-spacing: .25px;
    text-align: center;
}

.homequoteauthor {
    font-family: Verdana;
    font-size: 1.1vw;
    font-style: italic;
    color: #555555;
    line-height: 1.5;
    letter-spacing: .25px;
    text-indent: 100px;
    text-align: center;
}



.footer {
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 11px;
        font-style: normal;
        color: #36302F;
        line-height: 250%;
        text-indent: 0px;
        font-weight: normal;
        text-align: left;
}



/*------------------------------------*\
    $START SLIDESHOW CSS http://www.alessioatzeni.com/CSS3-Cycle-Image-Slider/#
\*------------------------------------*/


/* LAYOUT */
.container {
	margin:10 auto;
	overflow:hidden;
	width:1100px;
    max-width:100%;
}

/* CONTENT SLIDER */
#content-slider {
	width:100%;
/* 	height:770px; */
    height:auto;
	margin:0px auto 0;
}
/* SLIDER */
#slider {
	background:transparent;
        border:0px;
	/*border:3px solid #464241;*/
 	/*box-shadow:1px 1px 4px rgba(0,0,0,0.7);*/
	height:770px;
	width:1100px;
    max-width:100%;
	margin:10px auto 0;
	overflow:visible;
	position:relative;
}
#mask {
	overflow:hidden;
/*	height:770px; */
    height:100%;
}
#slider ul {
	margin:0;
	padding:0;
	position:relative;
}
#slider li {
	width:1100px;
    max-width:100%;
	height:770px;
	position:absolute;
	top:-770px;
	list-style:none;
}

#slider li.firstanimation {
	-moz-animation:cycle 25s linear infinite;	
	-webkit-animation:cycle 25s linear infinite;		
}
#slider li.secondanimation {
	-moz-animation:cycletwo 25s linear infinite;
	-webkit-animation:cycletwo 25s linear infinite;		
}
#slider li.thirdanimation {
	-moz-animation:cyclethree 25s linear infinite;
	-webkit-animation:cyclethree 25s linear infinite;		
}
#slider li.fourthanimation {
	-moz-animation:cyclefour 25s linear infinite;
	-webkit-animation:cyclefour 25s linear infinite;		
}
#slider li.fifthanimation {
	-moz-animation:cyclefive 25s linear infinite;
	-webkit-animation:cyclefive 25s linear infinite;		
}

#slider .tooltip {
	background:rgba(0,0,0,0.6);
	width:980px;
	height:30px;
	position:relative;
	bottom:40px;
	left:0px;  
}
#slider .tooltip h1 {
	color:#fff;
	font-size:13px;
	font-weight:300;
	line-height:30px;
	padding:0 0 0 50px;
}
#slider li#first:hover .tooltip, 
#slider li#second:hover .tooltip, 
#slider li#third:hover .tooltip, 
#slider li#fourth:hover .tooltip, 
#slider li#fifth:hover .tooltip {
	left:0px;
}
#slider:hover li {
	-moz-animation-play-state:paused;
	-webkit-animation-play-state:paused;
}