/*
#region !!====={ Version Information }=====!!
// %~%@ < 91.3003 > @%~%     // File Version
// %~%# < 03/24/2016 > #%~%   // File Mod Date
// %~%! < Genesis Content > !%~%    // Core Module
// %~%^ < 1.3000 > ^%~%     // Minimum Core Version
#endregion ==================================
*/
/* 
#region !!====={ Mod Information }=====!!
#~#$ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
03/24/2016 - MKA :  * Color Change for Gen 1.3
$#~# +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

#~#$ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
11/5/2014 - MKA : Added style for comments
$#~# +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

#endregion ==================================
*/

body {margin: 0; padding: 0; height: 100%; background:#FBFCF7;}
a, a img {border:none; outline:none;}

h1	{color:#144E36; font-family:'montserratlight'; font-size:45px; font-weight:normal;}
h2	{color:#47AA50; font-family:'tinositalic'; font-weight:normal; font-size:30px;}
h3	{font-family:'montserratlight'; color:#144E36; font-weight:normal; font-size:20px; letter-spacing:1px;}
h4	{font-family:'montserratlight'; color:#47AA50; font-weight:normal;}
h5  {font-family:'montserratlight'; color:#144E36; font-weight:normal; text-align:center; border:1px solid #819d83; font-size:20px; padding:25px !important; position:relative; top:5px;}

#Home #covidAlert {
    display: block;
    font-size: 16px;
}
#Home #covidAlert p {
    margin: 1px 0;
}

#covidAlert {
    background: #47AA50;
    color: #FFF;
    padding: 20px 0;
    display: none;
    width: 100%;
    text-align: center;
    font-family: 'tinositalic';
    font-weight: normal;
    letter-spacing: 0.5px;
    font-size: 22px;
}

@media screen and (max-width:1000px) {
    #covidAlert {
        position: fixed;
        bottom: 0;
        z-index: 10000;
        padding: 10px 5%;
        width: 90%;
    }
}

/* New Wood Block - Homepage Styles */
#botForestText      {text-align:center; position:absolute; width:100%; top:50%; transform:translateY(-50%); text-decoration:none;}
#botForestText:hover span {color:#104a31 !important; transition:all 0.25s ease;}
#botForestText span {color:rgb(47, 8, 7); font-family:'tinosbold_italic'; font-size:30px; display:block; transition:all 0.25s ease;}
#botForestProd img  {max-width:100%; height:auto;}


.floating {animation-name:floating; animation-duration:3s; animation-iteration-count:infinite; animation-timing-function:ease-in-out; margin-top:5px;}

@keyframes floating {
    from {transform: translate(0,  0px);}
    65%  {transform: translate(0, 15px);}
    to   {transform: translate(0, -0px);}    
}

#newWoodBlockRegion {width:100%; float:left; margin:0 0 60px 0;}
.newWoodBlock       {width:16.3%; float:left; margin:0.18%; text-align:center; position:relative; overflow:hidden;}
.newWoodBlock img   {max-width:100%; height:auto;}
.newWood_Text       {display:inline-block; vertical-align:middle; color:#000; position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; z-index:100; transition:all 0.15s ease;}
.newWood_Title      {display:inline-block; width:100%; font-family:'tinosbold_italic'; font-size:30px;}
.newWood_SubTitle   {display:inline-block; width:100%; font-family:'tinositalic'; font-size:20px;}

.newWoodBlock:hover .overlayImg {opacity:1; transition:all 0.25s ease;}
.newWoodBlock:hover .newWood_Text {color:#FFF; transition:all 0.15s ease;}
 
.overlayImg         {background:url(/Content/images/newWoodBlocks/overlayImg.png) center repeat; display:block; width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; transition:all 0.25s ease; max-height:312px; display:block;}
.woodtypeBG         {max-width:312px; max-height:312px; display:block;}




/* TheBuzz Landing Styling */
#TheBuzz h1 {font-size:26px; color:#47aa50; text-transform:uppercase; font-family:'tinositalic';} 
#TheBuzz h1 img {margin-bottom:30px;}
#TheBuzz h3 {font-size:26px; color:#47aa50; font-family:'tinosregular';} 
#TheBuzz h3 img {position:relative; bottom:-30px;}

body#TheBuzz {background:url(/Content/images/eventLandingBG.jpg) top center no-repeat;}
#TheBuzz #topHeader {background:none;}
#TheBuzz #mainContentContainer {background:none; padding-bottom:250px;}
#TheBuzz #mainContentContainer a#TheBuzzContactBtn {position:absolute; padding:15px 35px 15px 75px; display:block; bottom:-150px; left:44%; transition:all 0.0s ease; background:url(/Content/images/arrowContact.png) left center no-repeat #104a31; color:#FFF; text-transform:uppercase; font-size:16px; text-decoration:none;}
#TheBuzz #mainContentContainer a#TheBuzzContactBtn:hover {background:url(/Content/images/arrowContactHover.png) left center no-repeat #2d2d2d; transition:all 0.0s ease;}
#TheBuzz #subpageMC {text-align:center;}

#mainContentContainer a.js-event {display:block; max-width:400px; margin:20px auto; float:none; background:#182b4b; color:#FFF; text-decoration:none; text-transform:uppercase; font-style:normal; font-family:'montserratlight'; font-size:28px; padding:15px;}

#js-form-div {background:#FFF; padding:30px; font-family:'tinosregular'; text-align:center; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
#js-form-div input {border:1px solid #47aa50; text-align:Center;}
#js-form-div input[type=submit] {background:#182b4b; color:#FFF; text-transform:uppercase; border:none; padding:10px 20px; transition:all 0.2s ease;}
#js-form-div input[type=submit]:hover {cursor:pointer; background:#000; transition:all 0.2s ease;}

/* TheBuzz form page styling */
#groupTable { }
.tableRow   {width:100%; float:left; padding:5px 0;}
.tableThird {width:25.333%; padding:0 4%; float:left;}

.row1 {background:#6dcff6;}
.row2 {background:#39b54a;}
.row3 {background:#ed1c24;}
.row4 {background:#fff568;}
.row5 {background:#f26522;} 
.row6 {background:#2e3192; color:#FFF;}
.row7 {background:#003471; color:#FFF;}
.row8 {background:#f49ac1;}

.eventClass #topHeader            {background:none;}
.eventClass #mainContentContainer {background:none;}
.eventClass {background:url(/Content/images/eventFullBG.jpg) top center no-repeat;}
.eventClass #ContactForm {margin-top:30px; }
.eventClass #ContactForm label {clear:both; display:block; float:left;}
.eventClass #ContactForm input {clear:both; float:left; display:block; width:100%;}
.eventClass h1 {font-size:26px; color:#47aa50; text-transform:uppercase; font-family:'tinositalic';} 
.eventClass h3 {font-size:22px; color:#47aa50; font-family:'tinosregular'; text-transform:uppercase;}

.eventClass #mainContentContainer p.js-message {background:#552F25; color:#FFF; border-radius:5px; width:auto; text-align:center; margin:15px auto;}
.radioLabel:hover {cursor:pointer; text-decoration:underline;}

.WoodSuppliersClass#ThankYou #subpageMC h1 {display:none;}
.WoodSuppliersClass#ThankYou #subpageMC {padding-top:15px;}
.WoodSuppliersClass#ThankYou #subpageMC div {font-size:18px;}

#eventDiv   {width:100%; clear:both; margin:30px 0 60px; float:left;}
#eventLeft  {float:left; width:48%;}
#eventLeft input {background:#e7cea9; border:none; padding:12px 5px;}
#eventLeft input[type=radio] {width:20%;}
#eventLeft input[type=submit] {background:#336237; max-width:250px; text-align:center; margin:0 auto; color:#FFF; float:none; transition:all 0.3s ease; font-size:16px; text-transform:uppercase;}
#eventLeft input[type=submit]:hover {cursor:pointer; background:#000; transition:all 0.3s ease;}
#eventLeft label {margin-top:5px; font-size:18px; width:100%;}
#eventRight {float:right; width:48%;}
#subpageMC .wrap #eventRight img {max-width:80%; margin:55px 0 0 35px;}
#subpageMC .wrap #emoji-slider img {max-width:100%;}
.eventClass #ContactForm label.error {display:block; text-align:center;}
#mainContentContainer a.reserveLink {background:#182b4b; color:#FFF; padding:8px 12px; border-radius:5px; text-decoration:none;}

#botRowLumber span#americanBasswoodSpan {line-height:38px;}

#mainContentContainer a {color:#A04C06; transition:all 0.3s ease;}
#mainContentContainer a:hover {color:#47AA50; transition:all 0.3s ease;}
#mainContentContainer p {color:#464646; font-size:20px; font-family:'tinosregular';}
#mainContentContainer ul {color:#464646; font-size:20px; font-family:'tinosregular';}
#mainContentContainer ol {color:#464646; font-size:20px; font-family:'tinosregular';}

#homeLogs {display:none;}
#Home #homeLogs {display:block; position:absolute; top:82px; left:0; height:1294px; width:100%; background:url(/Content/images/logs_withTransparency.png) top center no-repeat;}
#Home #subNavBG {display:none;}
#subNavBG {display:block; background:url(/Content/images/subnavBG.png) top center repeat-y; height:100px; position:absolute; top:0; z-index:200; width:100%;}

.wrap {max-width:1360px; width:98%; margin:0 auto; position:relative;}   
.topwrap {max-width:1360px; width:100%; margin:0 auto;}

/*#Home {background:url(/Content/images/newMainBackground6month.jpg) top center no-repeat;}*/
#Home {background:url(/Content/images/fixedTopBG.jpg) top center no-repeat #FFF;}
#Home #topHeader {background:none; height:600px; width:100%; position:relative;}
#Home #botHeaderContainer {display:block;}
#Home #midHeaderContainer {display:block;}
#noscriptWarning {display:none; color:#FFF; background:Red; text-align:center; font-size:19px; font-weight:bold; padding:5px 0; position:absolute; top:0; width:100%; left:0;}

#midHeaderContainer {display:none;}
#botHeaderContainer {display:none;}
#topHeader {background:url(/Content/images/secondary/contact-us.jpg) top center no-repeat; height:505px; width:100%; position:relative;}

#ContactStreamBodyID #topHeader {background:url(/Content/images/secondary/contact-us.jpg) top center no-repeat; height:505px;}
#Jobs #topHeader {background:url(/Content/images/secondary/employment.jpg) top center no-repeat; height:505px;}
.NewsClass #topHeader {background:url(/Content/images/secondary/about-us.jpg) top center no-repeat; height:505px;}
#History #topHeader {background:url(/Content/images/secondary/history.jpg) top center no-repeat; height:505px;}
#WoodSuppliers #topHeader, .WoodSuppliersClass #topHeader {background:url(/Content/images/secondary/wood-suppliers-for.jpg) top center no-repeat; height:505px;}
#SustainableForestry #topHeader, .SustainableForestryClass #topHeader {background:url(/Content/images/secondary/forestry.jpg) top center no-repeat; height:505px;}
.LumberProductsClass #topHeader {background:url(/Content/images/secondary/wood-lumber.jpg) top center no-repeat; height:505px;}

#Home #subpageFlare {display:none;}
#subpageFlare {position:absolute; width:100%; text-align:center; top:0; left:0; background:url(/Content/images/subpageFlare.png) bottom center no-repeat; height:362px;}
#subpageFlare h3 {
    position: absolute;
    bottom: 40px;
    margin: 0;
    width: 100%;
    font-family: 'tinositalic';
    color: #104a31;
    font-size: 60px;
    text-shadow: 1px 0px 3px rgba(255, 255, 255, 1);
}

.noLinkA {position:relative; top:-9px;}
.linkA {position:relative; top:-9px;}
#headerPhoneLink {padding-top:0 !important;}

#topHeaderContainer {width:100%; position:relative; z-index:300;}
#topLogo {float:left; position:relative; top:5px; left:12px;}
/* ADDED BJF 10-26-16 */
#Home #topLogoHome, #topLogoWhite {display:block; }
#topLogoHome, #Home #topLogoWhite {display:none;}
/* END BJF Addition */
#topLogoMobile {float:left; position:relative; top:5px; left:20px; display:none; z-index:600;}

#topNavigation {float:right; margin-top:38px;}
#topNavigation ul {margin:0; padding:0; list-style-type:none;}
#topNavigation li {float:left; margin:0; padding:0 5px;}
#topNavigation a {color:#FFF; text-decoration:none; z-index:501; display:block; float:left; position:relative; font-family:'montserratbold'; font-size:15px; padding:10px 9px 10px 7px; transition:all 0.3s ease;}
#topNavigation #headerPhoneNumber {color:#e0a76f; font-size:19px; position:relative; top:-4px; left:-2px; transition:all 0.3s ease;}
#topNavigation #headerPhoneNumber:hover {color:#FFF; transition:all 0.3s ease;}
#topNavigation ul li a:hover {color:#E0A76F; transition:all 0.3s ease; border-top-left-radius:8px; border-top-right-radius:8px; background:#124A31;}
#topNavigation ul li ul li {padding:0;}
#topNavigation ul li:hover > a { background:#124A31; color:#FFF;}
#topNavigation ul li:hover > a:hover {color:#124A31; }
#topNavigation ul li:hover > .noLinkA:hover {background:#124A31; color:#FFF;}
#topNavigation ul li:hover > #contactAnchor:hover {color:#FFF; }


#topNavigation #headerPhoneLink:hover {background:none;}

/* Drop Down Navigation Styling */
.noLinkA:hover { }
#aboutLI {position:relative;}
#topNavigation #aboutLI:hover #aboutUL {transition:all 0.3s ease; padding:10px 0 5px; height:auto; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
#aboutUL {position:absolute; z-index:500; top:25.4px; height:0; overflow:hidden; transition:all 0.3s ease; color:#FFF; background:#124a31;}
#aboutUL li {width:200px;}
#aboutUL li a {padding:7px 5%; display:block; float:left; width:90%;}

#woodLumberLI {position:relative;}
#topNavigation #woodLumberLI:hover #woodLumberUL {transition:all 0.3s ease; padding:10px 0 5px; height:auto; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
#woodLumberUL {position:absolute; z-index:500; top:25.4px; height:0; overflow:hidden; transition:all 0.3s ease; color:#FFF; background:#124a31;}
#woodLumberUL li {width:200px;}
#woodLumberUL li a {padding:7px 5%; display:block; float:left; width:90%;}
#topNavigation #woodLumberAnchor:hover {background:#124A31; color:#FFF;}

#forestryLI {position:relative;}
#topNavigation #forestryLI:hover #forestryUL {transition:all 0.3s ease; padding:10px 0 5px; height:auto; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
#forestryUL {position:absolute; z-index:500; top:25.4px; height:0; overflow:hidden; transition:all 0.3s ease; color:#FFF; background:#124a31;}
#forestryUL li {width:200px;}
#forestryUL li a {padding:7px 5%; display:block; float:left; width:90%;}

#suppliersLI {position:relative;}
#topNavigation #suppliersLI:hover #suppliersUL {transition:all 0.3s ease; padding:10px 0 5px; height:auto; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
#suppliersUL {position:absolute; z-index:500; top:25.4px; height:0; overflow:hidden; transition:all 0.3s ease; color:#FFF; background:#124a31;}
#suppliersUL li {width:200px;}
#suppliersUL li a {padding:7px 5%; display:block; float:left; width:90%;}


/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FFF;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/*
#woodLumberLI { }
#woodLumberUL { }

#forestryLI { }
#forestryUL { }

#suppliersLI { }
#suppliersUL { }
*/

.VideosClass #mainContentContainer h2 {text-align:center; display:block;}

/* Active Navigation */
.LumberProductsClass #woodLumberAnchor {-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#124A31; color:#FFF;}
.SustainableForestryClass #forestryAnchor {-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#124A31; color:#FFF;} 
.WoodSuppliersClass #woodSuppliersAnchor {-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#124A31; color:#FFF;}

.JobsClass #aboutUsAnchor {-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#124A31; color:#FFF;}
#History #aboutUsAnchor {-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#124A31; color:#FFF;}
#Recognition #aboutUsAnchor {-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#124A31; color:#FFF;}
.NewsClass #aboutUsAnchor {-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#124A31; color:#FFF;}
.VideosClass #aboutUsAnchor {-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#124A31; color:#FFF;}

#ContactStreamBodyID #contactAnchor {-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#124A31; color:#FFF;}

.tooltip {position:relative; display:inline-block;}
.tooltip .tooltiptext {visibility:hidden; width:120px; background-color:#104a31; color:#fff; text-align:center; border-radius:6px; padding:5px 0; position:absolute; z-index:1; bottom:100%; right:0%;}
.tooltip .tooltiptext a {color:#FFF; text-decoration:none;}

.tooltip:hover .tooltiptext {visibility:visible;}

#midHeaderContainer {clear:both; text-align:center; color:#FFF; top:-20px; position:relative; z-index:100; font-family:'tinosregular'; font-size:20px; width:66%; margin:0 17%;}
#midHeaderContainer h2 {color:#FFF; font-family:'tinositalic'; font-size:80px; font-weight:normal; margin:40px 0 0 0; float:left; width:100%; display:block;}
#midHeaderContainer p {line-height:30px;}

#botHeaderContainer {position:absolute; bottom:0; left:0; width:100%; height:479px; /*background:url(/Content/images/botSubHeader.png) top center no-repeat;*/}
#botHeaderContainer .botHeaderWrap {position:absolute; bottom:0; width:100%;}
#fscLogoHeader {position:relative; bottom:90px; left:0; z-index:1000; float:left;}
#sustainableForestry {position:absolute; bottom:-15px; left:50%; margin-left:-650px; overflow:hidden;}
#sustainableForestry img {max-width:100%; width:100%;}

#timelineHeaders {display:block; position:relative; z-index:150; text-align:center; clear:both; width:100%; display:block; margin-top:30px; float:left; text-shadow:2px 2px 2px rgba(0, 0, 0, 1);}
#timelineHeaders h2 {color:#FFF; font-size:58px; margin:0; padding:0;}
#timelineHeaders span {font-style:italic; color:#FFF; font-size:27px;}

#productsAndTimeline {width:100%; /*background:url(/Content/images/paperTimelineBG.jpg) top center no-repeat;*/ height:1445px;}
#productsAndTimeline .hvr-bounce-to-right:before {background:#3F5A2B;}
#forestProductsContainer {position:relative; width:100%; z-index:100; top:-45px;}

#productsAndTimeline #topRowLumber a:hover {color:#FFF;}
#productsAndTimeline #topRowLumber span.hvr-bounce-to-right {display:block; height:90.5%;}
#productsAndTimeline #topRowLumber span.hvr-bounce-to-right:before {background:#542E25; display:inline-block;}

#productsAndTimeline #botRowLumber a:hover {color:#FFF;}
#productsAndTimeline #botRowLumber span.hvr-bounce-to-right {display:block; height:90.5%;}
#productsAndTimeline #botRowLumber span.hvr-bounce-to-right:before {background:#542E25; display:inline-block;}


#factsOfTheForest {width: 225px; position:relative; padding: 20px; height: 405px; background: url(/Content/images/grayGradientSlice.jpg) top center repeat-x; float: left;
-webkit-box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.26); -moz-box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.26); box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.26);}
#factsOfTheForest h3 {color:#FFF; font-family:'montserratlight'; font-weight:normal; font-size:24px; margin:0 0 15px 0; text-align:center; text-transform:none; letter-spacing:0;}

.factBlock {display:block; margin:20px 5%; width:90%;}
.factNumber {color:#104a31; font-family:'tinosbold'; display:block; font-size:36px; line-height:36px;}
.factInfo {color:#2d2d2d; font-family:'tinosbold'; display:block; font-size:20px; line-height:20px;}
#bottomFact {text-align:center;}
#bottomFact img {width:70%; max-width:179px;}
#bottomFact a {background:#182B4B; font-size:14px; padding:13px 0; color:#FFF; transition:all 0.3s ease;text-transform:uppercase; letter-spacing:1px; font-family:'montserratlight'; text-decoration:none; display:block; width:88%; margin:0 auto;}
#bottomFact a:hover {background:#3F5A2B; transition:all 0.3s ease;}

#forestProductsMain {position:relative; z-index:100; width:830px; height:475px; float:left; margin-top:-25px; -webkit-box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.26); -moz-box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.26); box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.26);}
#topForestProd {background:url(/Content/images/forestProductsMain.jpg) top center no-repeat; height:315px; font-family:'tinositalic';}

#leftForest {width:27.5%; float:left; margin:80px 0 0 5%; font-size:20px; color:#2f0807;}
#leftForest ul {list-style-type:none; margin:0; padding:0;}
#leftForest li {position:relative;}
#leftForest a {color:#2f0807; text-decoration:none; line-height:34px;}
#leftForest img {position:relative; top:12px; left:-5px;}
#leftForest a {padding:0 5px;}
#leftForest a:hover {color:#FFF;}
#leftForest a.hvr-bounce-to-right::before {background:#542E25; color:#FFF;}

#midForest {width:35%; margin:100px 0 0; float:left; text-align:center;}
#midForest a {color:#2f0807; text-decoration:none; font-size:22px; font-family:'montserratlight'; padding:0 10px;}
#midForest a.hvr-bounce-to-right::before {background:#542E25; color:#FFF;}
#midForest a:hover {color:#FFF;}
#rightForest {width:32.5%; float:left; text-align:center; font-size:20px; color:#2f0807; margin-top:80px;}
#rightForest ul {list-style-type:none; margin:0; padding:0;}
#rightForest li {border-top:1px dashed #2f0807; padding:10px 0;}
#rightForest li:last-child {  border-bottom: 1px dashed #2f0807; }
#rightForest img {position:relative; top:10px; left:6px;}
#rightForest .smallTextForest {font-size:16px; font-family:'tinosregular';}
#rightForest a {color:#542E25; text-decoration:none; padding:0 10px;}
#rightForest a.hvr-bounce-to-right::before {background:#542E25; color:#FFF;}
#rightForest a.hvr-bounce-to-right:hover, #rightForest a.hvr-bounce-to-right:active, #rightForest a.hvr-bounce-to-right:focus {color:#fff;}
#rightForest a:hover {color:#FFF;}
#rightForest a:hover { }

#botForestProd {clear:both; font-family:'tinositalic'; font-size:19px; position:relative;}
#topRowLumber {width:100%; float:left; display:block; height:80px; overflow:hidden;}
#topRowLumber a {float:left; position:relative; color:#543024;}
#topRowLumber span {line-height:78px; position:absolute; width:100%; top:0; left:0; text-align:center;}
#botRowLumber {width:100%; float:left; display:block;}
#botRowLumber a {float:left; position:relative; color:#543024; }
#botRowLumber span {line-height:78px;  position:absolute; width:100%; top:0; left:0; text-align:center;}

#landEthic {width:225px; position:relative; padding:20px; height:405px; background:url(/Content/images/grayGradientSlice.jpg) top center repeat-x; float:left;
-webkit-box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.26); -moz-box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.26); box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.26);}
#landEthic h3 {color:#FFF; font-family:'montserratlight'; font-weight:normal; font-size:24px; margin:0 0 15px 0; text-align:center; text-transform:none; letter-spacing:0;}
#landEthic p {font-size:16px; font-family:'tinosregular'; color:#2d2d2d; line-height:25px;}
#chiefSection {display:block; width:100%; position:relative;}
#chiefSection a {background:#182b4b; transition:all 0.3s ease; text-align:center; clear:both; color:#fff; display:block; font-family:"montserratlight"; font-size:14px; letter-spacing:1px; margin:0 auto; padding:13px 0; text-decoration:none; text-transform:uppercase; width:88%;}
#chiefSection a:hover {background:#3F5A2B; transition:all 0.3s ease;}

#leftChief {float:left; padding-right:10px; position:relative; left:-5px;}
#rightChief {float:left; font-size:20px; color:#104a31;}
#boldChief {font-family:'tinosbold'; display:block;}
#subChief {font-family:'tinosregular'; display:block; line-height:22px;}
#aboutusBtn {clear:both; float:left; width:100%; margin-top:30px;}


#timelineContainer {display:block; position:relative; clear:both; width:100%; float:left; margin-top:20px; background:#FFF; border-top:7px solid #104a31; 
-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.45); -moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.45); box-shadow:0px 0px 5px 0px rgba(0,0,0,0.45);
-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}

.cd-timeline-navigation {list-style-type:none;}
.events ol, .events-content ol {list-style-type:none; margin:0; padding:0;}

#continuingForward {background:url(/Content/images/continuingForwardBG.jpg) top center no-repeat; width:100%; height:429px; clear:both; color:#5f0602; text-align:center;}
#continuingForward p {width:800px; margin:20px auto 40px; line-height:30px; font-size:16px; font-family:sans-serif; font-family:'montserratlight';}
#continuingForwardSpacer {height:160px;}
#cfContainer {margin:0 auto; width:40%; }
#cfContainer #resourcesBtn.hvr-bounce-to-right:before {background:#a04c06 url("/Content/images/resources_Icon.png") no-repeat scroll left center}
#cfContainer #vidCollectionBtn.hvr-bounce-to-right:before {background:#a04c06 url("/Content/images/videoCollection_icon.png") no-repeat scroll left center}


#resourcesBtn {color:#FFF; font-size:14px; font-family:'montserratregular'; text-transform:uppercase; text-decoration:none; background:url(/Content/images/resources_Icon.png) center left no-repeat #104a31; display:block; width:44%; margin:0 3%; float:left; letter-spacing:1px; padding:12px 0; transition:all 0.3s ease;}
#resourcesBtn:hover {background:url(/Content/images/resources_Icon.png) center left no-repeat #A04C06; transition:all 0.3s ease;}
#vidCollectionBtn {color:#FFF; font-size:14px; font-family:'montserratregular'; text-transform:uppercase; text-decoration:none; background:url(/Content/images/videoCollection_icon.png) center left no-repeat #104a31; display:block; width:44%; margin:0 3%; float:left; letter-spacing:1px; padding:12px 0; transition:all 0.3s ease;}
#vidCollectionBtn:hover {background:url(/Content/images/videoCollection_icon.png) center left no-repeat #A04C06; transition:all 0.3s ease;} 

#ourClients {background:url(/Content/images/ourClientsBG.jpg) top center no-repeat; width:100%; height:663px; clear:both;}
#ourClientsList {width:100%; float:left; overflow:hidden; margin-top:180px;}
.clientBlock {display:block; float:left; width:33.33333%; color:#FFF; position:relative;}
.clientBlock img {max-width:100%; height:auto;}
.clientText {position:absolute; bottom:48px; display:block; width:93%; margin-left:7%;}
.clientHeader {font-family:'tinosbold'; display:block; width:100%; font-size:36px; line-height:36px;}
.clientSubHeader {font-family:'tinosbold'; display:block; width:100%; font-size:20px; line-height:20px;}
#seeMoreClientsBtn {width:320px; margin:0px auto; text-align:center; display:block; font-family: 'montserratregular';}
#seeMoreClientsBtn a {display:block; float:left; width:100%; margin:35px auto; color:#FFF; text-transform:uppercase; text-decoration:none; background:url(/Content/images/seeMoreClients_Icon.png) center left no-repeat #104a31; display:block; float:left; letter-spacing:1px; padding:12px 0; transition:all 0.3s ease;}
#seeMoreClientsBtn a:hover {background:url(/Content/images/seeMoreClients_Icon.png) center left no-repeat #A04C06; transition:all 0.3s ease;}
#seeMoreClientsBtn a.hvr-bounce-to-right:before {background:#a04c06 url("/Content/images/seeMoreClients_Icon.png") no-repeat scroll left center}




#Home #mainContentContainer {background:none; margin-top:35px;}
#Home #subpageMC {background:none; border:none; margin-top:0; max-width:none; webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
#subpageMC {background:#FFF;  padding-bottom:20px; border-top:7px solid #104A31; max-width:1250px; position:relative; z-index:10; width:100%; margin:-145px auto 0 auto; webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.45); -moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.45); box-shadow:0px 0px 5px 0px rgba(0,0,0,0.45); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
#subpageMC .wrap img {max-width:60%; height:auto !important;}
#mainContentContainer {display:block; color:#464646; font-family:"tinosregular"; clear:both; width:100%; float:left; padding-bottom:35px; background:url(/Content/images/subpageWoodPanel.jpg) top center no-repeat;}
#mainContentContainer .wrap {max-width:1650px;}

#footerContainer {clear:both; display:block; width:100%; background:url(/Content/images/footerBackground.jpg) top center no-repeat; height:462px; position:relative;}
#largerFooterDiv {width:30%; float:left;}
.footerDiv {width:17.5%; float:left;}
#footer {position:relative;}
#footerLogo {position:absolute; top:-40px; left:0;}
#footer h3 {display:block; float:left; width:100%; text-align:center; font-family:'tinosbold'; margin:20px 0; font-size:30px; font-weight:normal; text-transform:none; color:#2f0807;}
#footer h3 a {text-decoration:none; color:#000000;}
#footer h3 a:hover {color:#144e36; text-decoration:underline;}
#footer ul {margin:0; padding:0; list-style-type:none;}


.hiddenMobile {display:none;}
#mobileAddressFooter {display:none;}

#largerFooterDiv {width:31%; float:left; margin-right:3%;}
#largerFooterDiv .footerHeader {width:100%; margin-bottom:10px;}
#largerFooterDiv li {width:46%; margin:0 2%; float:left;}
#largerFooterDiv a {font-size:15px; font-family:'montserratlight'; line-height:32px; color:#2f0807; text-decoration:none;}
#largerFooterDiv a:hover {color:#144e36; text-decoration:underline;}
.footerDiv {width:14.9%; margin-right:2%; float:left;}
.footerDiv .footerHeader a {font-family: "tinosbold"; font-size:18px;}
.footerDiv a {font-size:15px; font-family:'montserratlight'; line-height:30px; color:#2f0807; text-decoration:none;}
.footerDiv a.tel {font-family: 'montserratbold';}
.footerDiv a:hover {color:#144e36; text-decoration:underline;}
/*.footerDiv.millworkFooterCol a:hover {text-decoration:none; color:#2f0807;}*/
.footerHeader {font-family:'tinosbold'; font-size:20px; color:#2f0807; display:block; border-bottom:3px solid #2f0807; margin-bottom:10px;}

#bottomFooterBar {position:absolute; bottom:0; height:100px; width:100%;}
.footerThird {width:33.33%; float:left; font-size:13px; color:#FFF; font-family:'montserratlight';}
.footerThird span {display:block; margin-top:35px; text-align:center;}
.footerThird span.adr span {display:inline-block; margin-top:0;}
#footerLogos img {opacity:0.7; transition:all 0.3s ease;}
#footerLogos a {display:block; float:left; width:33.333%; text-align:center; margin-top:11px;}
#footerLogos a:hover img {opacity:0.5; transition:all 0.3s ease;}

#LumberProducts h2 {margin-bottom:0;}
#LumberProducts #subpageMC p {margin-top:0;}
#mobileLumber {display:none;}

/* Contact Stream Styling */
#contactContainer {width:100%; padding-bottom:20px; min-height:620px;}
#contactBody {width:47%; padding-left:3%; float:right;}
#contactBody iframe {max-width:100%; margin-top:27px;}
#contactForm {width:50%; float:left;}
#contactForm label {display:block;}
#contactForm label.error {display:block; width:100%; text-align:center; margin:0 auto; float:left; font-weight:bold; font-size:28px;}
#contactForm input {background:#E7CEA9; display:block; width:96%; border:none; padding:2%; transition:all 0.3s ease; font-family: "tinosregular" !important; font-size:16px;}
#contactForm textarea {background:#E7CEA9; display:block; width:96%; border:none; padding:2%; transition:all 0.3s ease; font-family: "tinosregular" !important;}
#contactForm input[type=submit] {margin:0 auto; width:45%; min-width:300px;}
.emoji-slider-question {text-align:center;}
#emoji-slider {margin:0 auto;}
#subpageMC textarea:hover {background:#a04c06; transition:all 0.3s ease; color:#FFF;}
#subpageMC textarea:focus {background:#a04c06; transition:all 0.3s ease; color:#FFF;}
#subpageMC input:hover {background:#a04c06; transition:all 0.3s ease; color:#FFF;}
#subpageMC input:focus {background:#a04c06; transition:all 0.3s ease; color:#FFF;}
#contactForm #SendButton input {border:none; padding:10px 30px; background:#144e36; color:#FFF; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; transition:all 0.3s ease;}
#contactForm #SendButton input:hover {background:#75C339; cursor:pointer; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); transition:all 0.3s ease;}

/* Member Login Styling */
#MemberLoginBodyID #subpageMC input {background:#E7CEA9; border:none; transition:all 0.3s ease; padding:7px 5px; min-width:290px;}
#MemberLoginBodyID #subpageMC input:hover {background:#a04c06; transition:all 0.3s ease; color:#FFF;}
#MemberLoginBodyID #subpageMC input:focus {background:#a04c06; transition:all 0.3s ease; color:#FFF;}
#MemberLoginBodyID #subpageMC button {border:none; margin-right:15px; padding:6px 30px; background:#144e36; color:#FFF; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; transition:all 0.3s ease;}
#MemberLoginBodyID #subpageMC button:hover {background:#75C339; cursor:pointer; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); transition:all 0.3s ease;}

/* Wood/Lumber Styling */
#lumberBlockContainer {display:block; width:100%;}
.lumberBlock {float:left; width:20%; text-align:center;}
.lumberBlock a {text-decoration:none;}
.lumberBlock a span {display:block; clear:both; font-size:20px; font-style:italic;}

#classesBlockContainer {display:block; width:100%; font-size:19px;}
#greenColor {background:#124a31; color:#FFF; display:block; text-align:center; float:left; width:16.66%; padding:40px 0;}
#airDried {background:#5b86aa; color:#FFF; display:block; text-align:center; float:left; width:16.66%; padding:40px 0;}
#preDried {background:#cab18e; color:#FFF; display:block; text-align:center; float:left; width:16.66%; padding:40px 0;}
#kilnDried {background:#b16a31; color:#FFF; display:block; text-align:center; float:left; width:16.66%; padding:40px 0;}
#heatTreated {background:#874a1c; color:#FFF; display:block; text-align:center; float:left; width:16.66%; padding:40px 0;}
#fscPure {background:#f2f2f2; color:#74bb77; display:block; text-align:center; float:left; width:16.66%; padding:40px 0;}

#millworkMobile {display:none; width:100%;}


#contactForm .treeTypeSelect p {
    display: block;
    width: 48%;
    margin: 5px 1%;
    float: left;
}
#contactForm .treeTypeSelect span {
    display: inline-block;
}
#contactForm .treeTypeSelect input {
    display: inline-block;
    width: auto;
    margin-right:10px;
}



.leftWoodTypes {
    width:48%; 
    float:left;
    margin:0 1%;
}
.rightWoodTypes {
    width: 48%;
    float: left;
    margin: 0 1%;
}

@media screen and (max-width:520px) {
    .leftWoodTypes {
        width:100%;
        margin:0;
    }
    .rightWoodTypes {
        width: 100%;
        margin: 0;
    }
}


/* The container */
.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #144e36;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#subpageMC .wrap .videoListItem img {
    width:auto;
    max-width: none;
}

/* Jobs Stream Styling */
.jobsUL {list-style-type:none; margin:10px 0 20px; padding:0;}
.jobsLI {display:block; float:left; margin:0.1% 0; padding:0 4.5%; width:41%; height:300px; position:relative;}
.jobsLI:nth-child(even) {background:#f0efec; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.jobsLI h2 {margin-bottom:0; font-size:25px;}
.jobsSummary {font-size:16px; display:block; width:100%; float:left; max-height:145px; overflow:hidden;}

#mainContentContainer .jobsLink a {float:left; position:absolute; bottom:0; left:8.5%; margin:10px 0; display:block; text-decoration:none; font-size:18px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; transition:all 0.3s ease; padding:10px 0; display:block; background:#104A31; color:#FFF; clear:both; width:40%; min-width:300px; text-align:center;}
#mainContentContainer .jobsLink a:hover {background:#75C339; cursor:pointer; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); transition:all 0.3s ease;}
#mainContentContainer .jobAppBack {width:100%; display:block; text-align:center;}
#mainContentContainer .jobAppBack a {display:block; width:100%; text-align:center; margin:10px auto; display:block; text-decoration:none; font-size:18px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; transition:all 0.3s ease; padding:10px 0; display:block; background:#104A31; color:#FFF; clear:both; width:40%; min-width:300px; text-align:center;}
#mainContentContainer .jobAppBack a:hover {background:#75C339; cursor:pointer; -webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); transition:all 0.3s ease;}

/* Video Stream Styling */
.videoList {list-style-type:none; margin:0; padding:0;}
.videoListItem {margin:0; padding:0; float:left; width:31.333%; margin:1%; text-align:center; height: 270px;}
.videoListItem img {transition:all 0.3s ease; opacity:1;}
.videoListItem:hover img {opacity:0.7; transition:all 0.3s ease;}
.videoListItem a {display:block; height:202px; overflow:hidden; position:relative;}
.videoListItem a img.YoutubeThumb {position:absolute; top:-34px; width:100%; left:0; max-width:100% !important;}
.YoutubeThumb {max-width:100%; height:auto;}

/* News Stream Styling */
.newsItem {width:47%; margin:1.5%; float:left; position:relative; height:300px;}
.newsLeft {width:30%; float:left;}
.newsRight {width:70%; float:left;}
.newsLink { }
.newsLink a {text-decoration:none; transition:all 0.3s ease;}
.newsLink a:hover h3 {text-decoration:underline; color:#75C339; transition:all 0.3s ease;}
.newsLink h3 {margin:10px 0; transition:all 0.3s ease;}
.newsContent { }
.newsImage {margin-top:47px;}
.blogButton { }
.NewsClass #mainContentContainer p.jobsLink {clear:both; display:block; float:left; width:100%; position:relative; margin:0;}
.NewsClass #mainContentContainer p.jobsLink a {position:relative; left:0;}

/* Slick Nav Menu */
.slicknav_btn {position:relative; display:block; vertical-align:middle; float:right; /*padding:0.438em 0.625em 0.438em 0.625em;*/ line-height:1.125em; cursor:pointer;}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top:0.188em;}
.slicknav_menu {*zoom:1;}
.slicknav_menu .slicknav_menutxt {display:block; line-height:1.188em; float:left;}
.slicknav_menu .slicknav_icon {float:left; width:1.125em; height:0.875em; margin:0.188em 0 0 0.438em; display:none;}
.slicknav_menu .slicknav_icon:before {background:transparent; width:1.125em; height:0.875em; display:block; content:""; position:absolute;}
.slicknav_menu .slicknav_no-text {margin:0;}
.slicknav_menu .slicknav_icon-bar {display:block; width:1.125em; height:0.125em; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25); box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);}
.slicknav_menu:before {content:" "; display:table;}
.slicknav_menu:after {content:" "; display:table; clear:both;}
.slicknav_nav {clear:both;}
.slicknav_nav ul {display:block;}
.slicknav_nav li {display:block;}
.slicknav_nav .slicknav_arrow {font-size:0.8em; margin:0 0 0 0.4em;}
.slicknav_nav .slicknav_item {cursor:pointer;}
.slicknav_nav .slicknav_item a {display:inline;}
.slicknav_nav .slicknav_row {display:block;}
.slicknav_nav a {display:block;}
.slicknav_nav .slicknav_parent-link a {display:inline;}
.slicknav_brand {float:left;}
.slicknav_menu {font-size:16px; box-sizing:border-box; position:absolute; top:35px; right:0px; z-index:610; display:none; width:100%;}
.slicknav_menu * {box-sizing:border-box;}
.slicknav_menu .slicknav_menutxt {color:#fff; font-weight:bold; text-shadow:0 1px 3px #000;}
.slicknav_menu .slicknav_icon-bar {background-color:#fff;}
.slicknav_btn {text-decoration:none; position:relative; z-index:550; text-shadow:0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; /*background:#222;*/}
.slicknav_nav {color:#fff; margin:0; font-family:"montserratbold"; font-size:15px; top:-75px; position:relative; padding:130px 0 40px; list-style:none; overflow:hidden; background:#104a31;}
.slicknav_nav ul {list-style:none; overflow:hidden; padding:0; margin:0 0 0 20px;}
.slicknav_nav .slicknav_row {padding:5px 10px; margin:2px 5px;}
.slicknav_nav .slicknav_row:hover {-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#FFF; color:#104A31;}
.slicknav_nav .slicknav_row:hover a {color:#104A31;}
.slicknav_nav a {padding:5px 10px; margin:2px 5px; text-decoration:none; color:#fff;}
.slicknav_nav a:hover {-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#FFF; color:#104A31;}
.slicknav_nav .slicknav_txtnode {margin-left:15px;}
.slicknav_nav .slicknav_item a {padding:0; margin:0;}
.slicknav_nav .slicknav_parent-link a {padding:0; margin:0;}
.slicknav_nav .linkA, .slicknav_nav .noLinkA {top:auto;}
.slicknav_brand {color:#fff; font-size:18px; line-height:30px; padding:7px 12px; height:44px;}

/* Icon 1 */

#nav-icon1 {width:50px; height:40px; right:15px; position:relative; /*margin:50px auto;*/ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.5s ease-in-out; -moz-transition:.5s ease-in-out; -o-transition:.5s ease-in-out; transition:.5s ease-in-out; cursor:pointer;}
#nav-icon1 span {display:block; position:absolute; height:5px; width:100%; background:#E0A76F;
opacity:1; left:0; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg);
-webkit-transition:.25s ease-in-out; -moz-transition:.25s ease-in-out; -o-transition:.25s ease-in-out; transition:.25s ease-in-out;}
#nav-icon1 span:nth-child(1) {top:0px;}
#nav-icon1 span:nth-child(2) {top:15px;}
#nav-icon1 span:nth-child(3) {top:30px;}
#nav-icon1.open span:nth-child(1) {top:18px; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -o-transform:rotate(135deg); transform:rotate(135deg);}
#nav-icon1.open span:nth-child(2) {opacity:0; left:-60px;}
#nav-icon1.open span:nth-child(3) {top:18px; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -o-transform:rotate(-135deg); transform:rotate(-135deg);}

#mobilePhone {display:none; position:absolute; z-index:560; text-align:center; right:100px; top:40px; font-family: "montserratbold"; color:#E0A76F; font-size:19px; transition:all 0.3s ease 0s;}
#mobilePhone a {color:#E0A76F; text-decoration:none; transition:all 0.3s ease;}
#mobilePhone a:hover {color:#FFF; transition:all 0.3s ease;}

@media screen and (max-width:1400px) {
#fscLogoHeader {left:65px;}

#leftForest a {font-size:17px;}
.footerHeader {font-size:16px;}
#topLogo img {max-width:292px;}

#ourClients {height:532px;}
.factBlock {margin:10px 5%;}
#rightChief {font-size:15px;}
#aboutusBtn {margin-top:10px !important; margin-top:25px; clear:both; width:100%; display:block; float:left;}

.topwrap {max-width:1200px; margin:0 auto; height:450px;}
#productsAndTimeline .topwrap {position:relative;}
#forestProductsMain {position:absolute; left:215px; width:765px;}
#factsOfTheForest {left:0; top:-25px; position:absolute; width:180px; height:435px; background:url("/Content/images/grayGradientSlice.jpg") repeat-x center top #F4FCFE;}
#landEthic {right:0; top:-25px; position:absolute; width:180px; height:435px; background:url("/Content/images/grayGradientSlice.jpg") repeat-x center top #F4FCFE;}

#topRowLumber a {width:25%;}
#topRowLumber a img { }
#botRowLumber a {width:20%; overflow:hidden;}

#resourcesBtn {background:#104a31}
#resourcesBtn:hover {background:#A04C06;}
#vidCollectionBtn {background:#104a31;}
#vidCollectionBtn:hover {background:#A04C06;}

.clientSubHeader {background:#05461E; position:absolute; top:0; left:0; width:96%; padding:23% 2% 0 2%; height:55%; opacity:0; transition:all 0.3s ease; text-align:center;}
.clientText {top:0px; bottom:auto; margin-left:0; width:96%; padding:0 2%; height:100%;}
.clientText:hover .clientSubHeader {opacity:1; transition:all 0.3s ease;}
.clientHeader {font-size:2.5vw; width:93%; padding-left:7%; position:absolute; bottom:10px;}
}

@media screen and (max-width:1200px) {
.newWood_Title    {font-size:2vw;}
.newWood_SubTitle {font-size:1.3vw;}

#productsAndTimeline .topwrap {height:906px;}
#fscLogoHeader {display:none;}

.footerHeader {font-size:15px;}
.footerDiv a {font-size:12px; line-height:24px;}
.footerDiv .footerHeader a {font-size:15px;}
#largerFooterDiv a {font-size:13px; line-height:26px;}


#sustainableForestry {position:relative; left:0; margin:0 auto; bottom:0px;} 
#sustainableForestry img {min-width:80%;}

#rightChief {font-size:22px;}
#aboutusBtn {margin-top:30px !important;}
.factBlock {margin:20px 5%;}
.topwrap {max-width:1200px; margin:0 auto; height:800px;}
#mainContentContainer .wrap {width:96%; padding:0 2%;}
#topHeaderContainer #topNavigation a {padding:10px 2px;}
#topNavigation li {padding:0 2px;}
#topNavigation #aboutUL li a {padding-left:18px;}
#topNavigation #suppliersUL li a {padding-left:18px;}
#topNavigation #forestryUL li a {padding-left:18px;}
#topNavigation #woodLumberUL li a {padding-left:18px;}
#topLogo img {max-width:220px; height:auto;}
#topNavigation #headerPhoneNumber {font-size:15px; left:-4px;}
#forestProductsContainer  {margin:0 auto; max-width:828px; width:80%;}

#forestProductsMain {max-width:828px; width:100%; margin:0 auto; position:relative; left:0; float:none;}
#factsOfTheForest {top:475px; width:45.2%;}
#landEthic {top:475px; width:45.2%;}
}

@media screen and (max-width:1000px) {
.newWoodBlock {width:24.6%;}
.newWood_Title    {font-size:2.5vw;}
.newWood_SubTitle {font-size:1.8vw;}

.hiddenMobile {display:block; float:left; padding:0 10px;}
.wrap iframe {max-width:100%;}
.newsItem {width:97%; height:auto;}
.NewsClass #mainContentContainer p.jobsLink a {top:10px;}

.footerThird {width:90%; margin:0 5%; clear:both; text-align:center;}
.footerThird span {position:relative; top:-15px;}
#footerLogos {width:80%; margin:0 auto;}
#footerLogos a img {max-width:100%;}
#bottomFooterBar {height:200px; background:#104A32;}
#footerContainer {background:url("/Content/images/footerBackground.jpg") no-repeat center bottom; height:430px;}
#topLogoMobile {display:block; left:0;}
#topLogo {display:none;}
.clientBlock { }
#fscLogoHeader {display:none;}

#cfContainer {width:80%; margin:0 10%;}
#continuingForward p {width:90%; margin:0 5% 3%;}


#leftForest {width:40%; margin:80px 5% 0 5%;}
#topForestProd {position:relative;}
#midForest {position:absolute; bottom:0; width:100%; left:0; text-align:center;}
#midForest img {display:none;}
#rightForest {width:40%; margin:80px 0 0 5%; float:right;}

#topNavigation #headerPhoneNumber {font-size:19px; left:-2px;}
#topLogo img {max-width:100%; height:auto;}
.jobsLI {width:91%;}

#mainContentContainer .jobsLink {width:100%; display:block; position:absolute; bottom:0; left:0; text-align:center;}
#mainContentContainer .jobsLink a {position:relative; left:0; float:none; width:60%; margin:0px auto 11px auto;}
.slicknav_menu {display:block;}
#topNavigation {display:none;}
.navSepIcon {display:none;}
#mobilePhone {display:block;}

#midHeaderContainer {width:90%; margin:0 5%; position:relative; top:40px;}
#midHeaderContainer h2 {line-height:70px; font-size:60px;}
#midHeaderContainer p {font-size:18px; line-height:26px; clear:both; padding-top:15px; width:70%; margin:0 auto;}

#factsOfTheForest {width:46%; padding:20px 2%;}
#forestProductsMain {width:100%;}

#largerFooterDiv {display:none;}
.footerDiv {display:none;}

#footer {text-align:center; font-family: "montserratlight";}
#footer h3 {display:block; clear:both; margin-top:30px;}
.footerDiv a.tel {font-size:20px;}
#footerLogo {display:block; width:100%; text-align:center;}
#mobileActiveFooter {display:none; }
#mobileAddressFooter {display:block; clear:both;}
.footerDiv#mobileActiveFooter {display:block; width:90%; margin:0 5%; font-size:13px;}
#employmentUL {display:none;}
}

@media screen and (max-width:720px) {
.newWoodBlock {width:32.9%;}
.newWood_Title    {font-size:3.1vw;}
.newWood_SubTitle {font-size:2.1vw;}

#botForestText span {font-size:20px;}
.floating {animation:none;}

.timeline {display:none;}
#rightForest img {left:-4px;}
#Home #topHeader {height:470px;}
#sustainableForestry {display:none;}
#contactContainer #contactForm {width:98%; margin:0 1%;}
#contactContainer #contactBody {width:98%; margin:0 1%; padding:0;}
#contactContainer #contactBody iframe {width:100%;}

.clientSubHeader {font-size:13px;}
.timelineLeft {display:none;}
.events-content .timelineRight {width:100%;}

.videoListItem {width:98%;}
.videoListItem a {max-width:300px; margin:0 auto;}
}

@media screen and (max-width:640px) {
#millworkMobile {display:block; clear:both; height:50px; width:100%; text-align:center; color:#FFF;}
#millworkMobile a {color:#FFF; text-decoration:none; font-weight:bold; letter-spacing:1px; line-height:47px;}
#millworkMobile a:hover {text-decoration:underline;}

#subpageFlare h3 {font-size:32px;}
h1 {font-size:30px;}

#classesBlockContainer {font-size:18px;}
#greenColor, #airDried, #preDried, #kilnDried, #heatTreated, #fscPure {width:33.333%;}

#topForestProd #leftForest {margin-top:60px;}
#topForestProd #leftForest a {font-size:20px; line-height:40px;}
#leftChief {display:none;}

.clientBlock {display:none;}
#milBuckCB.clientBlock {display:block; width:70%; margin:0 15%;}
#ourClientsList {margin-top:145px;}
#seeMoreClientsBtn a {margin:10px auto; float:none; clear:both; position:relative; top:10px;}

#mobileLumber {display:block; background:#4C5A56; width:100%; height:160px; text-align:center;}
#mobileLumber img {max-width:100%;}
#topRowLumber {display:none;}
#botRowLumber {display:none;}
#topForestProd {background:url(/Content/images/forestProductsMobile.jpg) top center no-repeat;}
#footer h3 {font-size:25px;}
#leftForest {width:80%; margin:100px 0 0 7%;}
#midForest {display:none;}
#rightForest {display:none;}

#topLogoMobile img {max-width:75%;}
#ourClients {height:450px; background:url(/Content/images/afewClientsMobile.jpg) top center no-repeat;}
#continuingForwardSpacer {height:90px;}
#continuingForward {background:url("/Content/images/mobileContinuingForward.jpg") no-repeat center top;}

#resourcesBtn {width:80%; margin:1% 10%;}
#vidCollectionBtn {width:80%; margin:1% 10%;}

#mobilePhone {display:block; top:85px; right:15px;}
#midHeaderContainer h2 {font-size:28px;}
#productsAndTimeline {padding-top: 50px;}
}

@media screen and (max-width:560px) {
.newWoodBlock {width:49.55%;}
.newWood_Title    {font-size:5.1vw;}
.newWood_SubTitle {font-size:3.1vw;}

#timelineHeaders {text-shadow:none; color:#104A31;}
#timelineHeaders h2 {color:#104A31;}
#timelineHeaders span {color:#104A31;}
#factsOfTheForest {width:96.2%;}
#landEthic {width:91%; margin-top:450px; left:0;}
#productsAndTimeline .topwrap {height:1330px;}
#footer h3 {margin-top:20px;}
}

@media screen and (max-width:480px) {
#footer h3 {display:none;}

.lumberBlock {width:100%; padding:20px 0;}
#footer h3 {font-size:20px;}
#bottomFooterBar {height:245px;}
.timeline {display:none;}
#continuingForward p {font-size:14px;}

.newsLeft  {display:none;}
.newsRight {width:100%;}

#resourcesBtn {width:auto; margin:1% auto; padding:6px 5%; float:none; display:inline-block;}
#vidCollectionBtn {width:auto; margin:1% auto; padding:6px 5%; float:none; clear:both; display:inline-block;}

#topForestProd #leftForest a {font-size:15px; line-height:40px;}

#midHeaderContainer p {padding-top:0; font-size:16px;}

#botForestText img {display:none;}
}

@media screen and (max-width:320px) {
.newWoodBlock {width:98%; margin:1%;}
.newWood_Title    {font-size:7.1vw;}
.newWood_SubTitle {font-size:5.1vw;}
}









































































/* Main Timeline Styling Components */
.timelineLeft {width:50%; float:left;}
.timelineLeft img {max-width:100%; height:auto;}
.timelineRight {width:45%; float:right;}
.timelineRight h2 {font-family:'montserratlight'; color:#104a31; font-size:45px; line-height:44px; margin:0 0 20px 0;}
.timelineRight p {font-family:'tinosregular'; font-size:20px; margin:0;}
.timelineRight .readMoreTimeline {display:block; width:100%; border-bottom:1px solid #104a31; float:left; margin-top:20px;}
.readMoreTimeline a {color:#104a31; font-family:'tinosbold'; text-decoration:none;}

.cd-horizontal-timeline {opacity: 0; margin: 2em auto; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s;}
.cd-horizontal-timeline::before {  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile'; display: none;}
.cd-horizontal-timeline.loaded { /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;}
.cd-horizontal-timeline .timeline {position:relative; height:120px; width:90%; max-width:100%; margin:0 auto;}
.cd-horizontal-timeline .events-wrapper {position:relative; height:100%; margin:0 40px; overflow:hidden;}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {/* these are used to create a shadow effect at the sides of the timeline */
 content:''; position:absolute; z-index:2; top:0; height:100%; width:20px;}
.cd-horizontal-timeline .events-wrapper::before {left:0;}
.cd-horizontal-timeline .events-wrapper::after {right:0;}
.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute; z-index: 1; left: 0; top: 57px; height: 2px;
  /* width will be set using JavaScript */
  background: #dfdfdf; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s;}
.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; background-color: #0F4B32;
  -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0);
  -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center;
  transform-origin: left center;  -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s;}
.cd-horizontal-timeline .events a {position:absolute; top:-37px; width:113px; height:113px; z-index: 2; text-align: center; font-size: 1.3rem; padding-bottom: 15px; color: #383838;
  /* fix bug on Safari - text flickering while timeline translates */
  font-family:'tinosbold'; line-height:75px; text-decoration:none; display:block; color:#87a498; transition:all 0.3s ease;
  -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);}
.cd-horizontal-timeline .events a:hover {color:#000;}

.cd-horizontal-timeline .events a span {position:absolute; left:0; display:block; text-align:center; width:100%; z-index:300;}
.cd-horizontal-timeline .events a.selected {font-size:2.4rem; color:#FFF; transition:all 0.3s ease;}
.cd-horizontal-timeline .events a.selected span {position:absolute; top:13px;}

.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
 content: ''; position: absolute; left: 0; right: auto; text-align:center;
 height: 113px; width: 113px; background:url(/Content/images/timeline_Log.png) top center no-repeat;
 -webkit-transition: background-color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s;}
.no-touch .cd-horizontal-timeline .events a:hover::after {
}
.cd-horizontal-timeline .events a.selected {pointer-events: none; top:-51px;}
.cd-horizontal-timeline .events a.selected::after {height: 113px; width: 113px; background:url(/Content/images/timelineActive_Log.png) top center no-repeat;
 -webkit-transition: background-color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s;}

.cd-horizontal-timeline .events a.older-event::after { }
@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {margin: 6em auto;}
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}

.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute; z-index: 1; top: 50%; bottom: auto;
  -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
  transform: translateY(-50%); height: 34px; width: 34px; border-radius: 50%; border: 2px solid #dfdfdf;
  /* replace text with an icon */
  overflow: hidden; color: transparent; text-indent: 100%; white-space: nowrap; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; transition: border-color 0.3s;}
.cd-timeline-navigation a::after {
  /* arrow icon */
  content: ''; position: absolute; height: 16px; width: 16px; left: 50%; top: 50%; bottom: auto; right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(/Content/images/cd-arrow.svg) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {right: 0;}
.no-touch .cd-timeline-navigation a:hover {border-color: #7b9d6f;}
.cd-timeline-navigation a.inactive {cursor: not-allowed;}
.cd-timeline-navigation a.inactive::after {background-position: 0 -16px;}
.no-touch .cd-timeline-navigation a.inactive:hover {border-color: #dfdfdf;}
.cd-horizontal-timeline .events-content {position: relative; width: 100%; margin: 2em 0; overflow: hidden; -webkit-transition: height 0.4s; -moz-transition: height 0.4s; transition: height 0.4s;}
.cd-horizontal-timeline .events-content li {position: absolute; z-index:1; /*width:100%;*/  left: 0; top: 0; -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); padding: 0 5%; opacity: 0;
  -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s;  animation-duration: 0.4s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}
.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative; z-index: 2; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0);  transform: translateX(0);}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {-webkit-animation-name: cd-enter-right; -moz-animation-name: cd-enter-right; animation-name: cd-enter-right;}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {-webkit-animation-name: cd-enter-left; -moz-animation-name: cd-enter-left; animation-name: cd-enter-left;}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {-webkit-animation-direction: reverse; -moz-animation-direction: reverse;  animation-direction: reverse;}
.cd-horizontal-timeline .events-content li > * {max-width: 800px; margin: 0 auto;}
.cd-horizontal-timeline .events-content h2 { }
.cd-horizontal-timeline .events-content em {display: block; font-style: italic; margin: 10px auto;}
.cd-horizontal-timeline .events-content em::before {content: '- ';}
.cd-horizontal-timeline .events-content p {color: #959595;}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {line-height: 1.6;}

@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h2 { }
  .cd-horizontal-timeline .events-content em {font-size: 1rem;}
  .cd-horizontal-timeline .events-content p { }
}

@-webkit-keyframes cd-enter-right {
  0% { opacity: 0; -webkit-transform: translateX(100%);}
  100% { opacity: 1; -webkit-transform: translateX(0%);}
}
@-moz-keyframes cd-enter-right {
  0% {opacity: 0; -moz-transform: translateX(100%);}
  100% {opacity: 1; -moz-transform: translateX(0%);}
}
@keyframes cd-enter-right {
  0% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);  }
  100% {opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);}
}
@-webkit-keyframes cd-enter-left {
  0% {opacity: 0; -webkit-transform: translateX(-100%);}
  100% {opacity: 1; -webkit-transform: translateX(0%);}
}
@-moz-keyframes cd-enter-left {
  0% {opacity: 0; -moz-transform: translateX(-100%);}
  100% {opacity: 1; -moz-transform: translateX(0%);}
}
@keyframes cd-enter-left {
  0% {opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);}
  100% {opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);}
}



























table	{border-collapse:collapse;}
.clear	{clear:both;}
.error	{color:Red;}
div#title				{display:block; float:left; text-align:left;}
#logindisplay			{font-size:1.1em; display:block; text-align:right; margin:10px; color:White;}
#logindisplay a:link	{color:white; text-decoration:underline;}
#logindisplay a:visited	{color:white; text-decoration:underline;}
#logindisplay a:hover	{color:white; text-decoration:none;}
.hidethis				{visibility:hidden;}
.image				    {text-align:center;}

.field-validation-error		{color:#ff0000;}
.field-validation-valid		{display:none;}
.input-validation-error		{border:1px solid #ff0000; background-color:#ffeeee;}
.validation-summary-errors	{font-weight:bold; color:#ff0000;}
.validation-summary-valid	{display:none;}

.display-label, .editor-label	{margin:1em 0 0 0;}
.display-field, .editor-field	{margin:0.5em 0 0 0;}
.text-box					    {width:30em;}
.text-box.multi-line		    {height:6.5em;}
.tri-state				        {width:6em;}

.field-validation-error		{color:#f00;}
.field-validation-valid		{display:none;}
.input-validation-error		{border:1px solid #f00; background-color:#ffeeee;}
.validation-summary-errors	{font-weight:bold; color:#f00;}
.validation-summary-valid	{display:none;}

#DeleteSelectedFiles	    {background:none; border:0; color:#2B94FF; cursor:pointer;}
ul.FileManLinks li		    {display:inline;}
ul.FileManLinks li a	    {text-decoration:underline;}
p.FileManCwd			    {color:Gray; font-size:1.2em; text-align:center;}
ul.FileManOps li		    {display:inline;}
ul.FileManip			    {margin-left:150px;}
ul.FileManip li		        {display:inline; padding:0 3px;}
#HelpOutput			        {border:1px solid grey; margin-bottom:20px; color:#2B94FF;}
#FileManipSelectAllFiles	{margin-left:100px;}

#PaginationDisplay			    { }
#PaginationDisplay a		    { }
#PaginationDisplay .selected	{ }

.photoItem		    {float:left; text-align:center; width:180px; height:220px;}
.ImageName		    {text-align:center;}
.categoryItem		{float:left; text-align:center; width:180px; height:220px;}
.subCategoryName	{text-align:center;}

#ModalContactFormSlot	                            {float:right; width:250px; display:inline-block;}
#ModalContactMask                                   {background-color:#5C87B2; position:absolute; left:0; top:0; z-index:9000; display:none;}
#ContactFormModal fieldset			                {padding:10px 25px; border:none; margin-bottom:0px; color:#000}
#ContactFormModal fieldset input		            {margin-bottom:5px;}
#ContactFormModal #boxes fieldset		            {background-color:#E8EEF4; position:fixed; left:0; top:0; width: 500px; display:none; z-index:9999; padding:20px; color:#000;}
#ContactFormModal #boxes fieldset legend	        {padding-top:53px; text-align:center; border:none; width:90%; display:block;}
#ContactFormModal #boxes fieldset label		        {display:block;}
#ContactFormModal #boxes fieldset label.error       {display:inline; color:#f00;}
#ContactFormModal #boxes fieldset input.error       {border:1px dotted #f00;}
#ContactFormModal .CloseFieldset		            {margin: 10px 0 0 0; border-color: #ddd; color: #ddd; background-color: #222;}
#ContactFormModal .CloseFieldset:hover              {border-color: #eee; color: #eee; background-color: #444; font-weight: 900;}
#ContactFormModal .formbg_top                       {display:block; width:302px; height:41px;}
#ContactFormModal .formbg_middle                    {display:block; width:302px; height:auto;}
#ContactFormModal .formbg_bottom                    {display:block; width:302px; height:96px;}
#ContactFormModal .section	                        {margin-bottom:26px; padding-bottom:10px; padding-top:10px; text-align:left; float:left; margin-right:42px;}
#ContactFormModal #captcha	                        {float:left;}
#ContactFormModal legend	                        {border:none; font-weight:bold; text-transform:uppercase;}

div.comment                 {background:#eee; border:1px solid gray; padding:10px 10px 0 10px; margin-bottom:20px;}
span.commentDate            {font-weight:normal;}
span.commentDate:after      {font-weight:normal; content:" by ";}
span.commentPoster          {font-weight:bold;}	
p.commentContent            { }
div.commentError            {color:red;}






/* Font Declarations */
@font-face {
    font-family: 'montserratbold';
    src: url('/Content/fonts/montserrat-bold-webfont.eot');
    src: url('/Content/fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/montserrat-bold-webfont.woff') format('woff'),
         url('/Content/fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('/Content/fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight:normal; font-style:normal;
}

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

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

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

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

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

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

/* Fade In Animation */
.hideme {opacity:0;}



@-webkit-keyframes fadeIn { from { opacity:0; opacity: 1\9; /* IE9 only */ } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; opacity: 1\9; /* IE9 only */ } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; opacity: 1\9; /* IE9 only */ } to { opacity:1; } }
.fade-in {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;

    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
}

/*class="fade-in one"*/

#leftForest li.fade-in.one {
-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
animation-delay: 0.7s;
}

#leftForest li.fade-in.two, #rightForest li.fade-in.two {
-webkit-animation-delay: 1.2s;
-moz-animation-delay:1.2s;
animation-delay: 1.2s;
}

#leftForest li.fade-in.three, #rightForest li.fade-in.three {
-webkit-animation-delay: 1.6s;
-moz-animation-delay: 1.6s;
animation-delay: 1.6s;
}

#leftForest li.fade-in.four, #rightForest li.fade-in.four {
-webkit-animation-delay: 1.6s;
-moz-animation-delay: 1.6s;
animation-delay: 2s;
}

#leftForest li.fade-in.five, #rightForest li.fade-in.five {
-webkit-animation-delay: 1.6s;
-moz-animation-delay: 1.6s;
animation-delay: 2.4s;
}

/* Homepage View Lumber Btn */

#lumberBtn {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: -100px;
    display: block;
    z-index: 1;
    text-decoration: none;
    width: 333px;
    height: 125px;
}

@media all and (max-width: 1500px){
    #lumberBtn {
        margin-right: -65px;
    }
}

@media all and (max-width: 1425px){
    #lumberBtn {
        margin-right: 0px;
    }
}

@media all and (max-width: 1200px){
    #lumberBtn {
        right: 11%;
        bottom: 50px;
    }
}

@media all and (max-width: 720px){
    #lumberBtn {
        right: 0;
        left: 0;
        top: 80px;
        margin: 0 auto;
        bottom: 0;
        position: relative;
    }
}

@media all and (max-width: 640px){
    #lumberBtn {
        top: 130px;
    }
}

#lumberBtn img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

@media all and (max-width: 1200px){
    #lumberBtn img {
        max-width: unset;
        width: auto;
        margin-left: 0 !important;
    }
}

#lumberBtn img#default {
    opacity: 1;
    visibility: visible;
    transition: 0.25s ease-in-out;
}

#lumberBtn:hover img#default {
    opacity: 0;
    visibility: hidden;
}

#lumberBtn img#hover {
    opacity: 0;
    visibility: hidden;
    transition: 0.25s ease-in-out;
}

#lumberBtn:hover img#hover {
    opacity: 1;
    visibility: visible;
}

#lumberBtn .calloutText {
    position: relative;
    top: 35px;
    display: block;
    font-family: 'tinos';
    font-weight: bold;
    color: #fff;
    text-align: center;
    font-size: 20px;
    letter-spacing: .04em;
    margin-left: -115px;
    transition: 0.25s ease-in-out;
}

#lumberBtn:hover .calloutText {
    color: #2f0807;
}

#lumberBtn .calloutText span {
    display: block;
    font-size: 15px;
    color: #ebbb8b;
    font-family: 'montserratbold';
    font-weight: 400;
    transition: 0.25s ease-in-out;
}

#lumberBtn:hover .calloutText span {
    color: #2f0807;
}

#Home #sustainableForestry {
    overflow: visible;
}

@media all and (max-width: 1200px){
    #Home #sustainableForestry img {
        margin-left: -20%;
    }
}

@media all and (max-width: 720px){
    #Home #forestProductsContainer {
        margin-top: 80px;
        top: 0;
    }

    #Home #sustainableForestry #WIGraphic {
        display: none;
    }

    #Home #sustainableForestry {
        display: block;
    }
}