/* ----------- iPhone 5 and 5S ----------- */


/* Portrait and Landscape */

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  {
    
  }

/* Portrait */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px) 
and (-webkit-min-device-pixel-ratio: 1)
/* and (-webkit-text-size-adjust:auto) */
and (orientation: portrait) {

          /*
          body
          {
            background-color:#ffffff;
            margin: 0px;
          }
          */

          .iphoneimageview { display:block; width:100% !important; max-width:100% !important; height:auto; }
          .iphoneimageview_half { display:block; width:50% !important; max-width:50% !important; height:auto; }
          .iphoneimageview_threequart { display:block; width:75% !important; max-width:75% !important; height:auto; }
          .iphonevideoview { display:block; width:105% !important; max-width:105% !important; height:500px !important;  }

          a { text-decoration:none; }

          h1 { color:#0E2F47; font-weight:bold; font-size:43px !important; line-height:1.3 !important; margin:0 !important; padding:0 0 5% 0 !important; }
          h2 { color:#0E2F47; font-size:38px !important; font-family:Arial, Helvetica, sans-serif; line-height:2.0; text-align: justify; margin:0 !important;  }
          h3 { color:#D8D8D8;  font-size:38px !important; line-height:2.2; font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; font-style: italic; font-weight:100;  }

          h4 { color:#ffffff; font-family:Calibri; font-size:56px !important; }
          h5 { color:#ffffff; font-family:Calibri; font-size:40px !important; line-height:2.0; }

          /*header { display:none; }*/
          body { background: #f2f2f2;color: #222;-webkit-font-smoothing: antialiased;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px !important; font-weight: 400;height: auto !important;height: 100%;line-height: 1.6rem; min-height: 100%;}

          header { margin:42% 0 0 0 !important;  }

          header > nav > ul > li a + div {
              /*background: linear-gradient(to bottom,rgba(58,162,173,1) 0,rgba(62,188,207,0.96) 100%);;*/
              background: linear-gradient(to left,#778E68 0, #536349 100%);
              border-radius: 0 0 2px 2px;
              box-shadow: 0 3px 1px rgba(0,0,0,.05);
              display: none;
              font-size: 1rem;
              position: absolute;
              width: 195px;
              border:solid 1px black;
          }


          header > nav > ul > li > a {
              align-items: flex-start;
              color: #fff;
              display: flex;
              /*font-size: 1.55rem;*/
              font-size: 2.8rem;
              font-weight: 200;
              letter-spacing: 1px;
              max-width: 250px !important;
              padding: 1.5rem 1.5rem;
              line-height:1.2 !important;
              text-decoration: none;
              text-shadow: 0 1px 1px rgba(0,0,0,.1);
              transition: all linear 0.1s;
              /*border:solid 1px blue;*/
          }
          
              header > nav > ul > li > a > div > span {
                  color: rgba(255,255,255,.75);
                  display: block;
                  font-family: Georgia, "Times New Roman", Times, serif;
                  font-size: 1rem;	
                  font-style: italic;
                  line-height: 1rem;
                  max-width: 260px;
                  /*border:solid 1px black;*/
              }

              #hideforiphone { display:none; }


          #container_top_home { float:left; text-align:center; margin:62% 0 0 0 !important; vertical-align:top; background:url('../images/banner-home.png') no-repeat center; height:960px; width:100%; max-width:100%; }
          #container_top_services { float:left; text-align:center; margin:62% 0 0 0 !important; vertical-align:top middle; background:url('../images/banner-services.jpg') no-repeat center; height:960px; width:100%; max-width:100%; }
          #container_top_services_1 { float:left; text-align:center; margin:62% 0 0 0 !important; vertical-align:top middle; background:url('../images/banner-services-1.jpg') no-repeat center; height:960px; width:100%; max-width:100%; }
          #container_top_services_2 { float:left; text-align:center; margin:62% 0 0 0 !important; vertical-align:top middle; background:url('../images/banner-services-2.jpg') no-repeat center; height:960px; width:100%; max-width:100%; }
          #container_top_services_3 { float:left; text-align:center; margin:62% 0 0 0 !important; vertical-align:top middle; background:url('../images/banner-services-3.jpg') no-repeat center; height:960px; width:100%; max-width:100%; }
          #container_top_services_4 { float:left; text-align:center; margin:62% 0 0 0 !important; vertical-align:top middle; background:url('../images/banner-services-4.jpg') no-repeat left; height:960px; width:100%; max-width:100%; }
          #container_top_services_5 { float:left; text-align:center; margin:62% 0 0 0 !important; vertical-align:top middle; background:url('../images/banner-services-5.jpg') no-repeat center; height:960px; width:100%; max-width:100%; }
          #container_top_services_6 { float:left; text-align:center; margin:62% 0 0 0 !important; vertical-align:top middle; background:url('../images/banner-services-6.jpg') no-repeat center; height:960px; width:100%; max-width:100%; }
          #container_top_services_7 { float:left; text-align:center; margin:62% 0 0 0 !important; vertical-align:top middle; background:url('../images/banner-services-7.jpg') no-repeat center; height:960px; width:100%; max-width:100%; }
          #container_top_services_8 { float:left; text-align:center; margin:62% 0 0 0 !important; vertical-align:top middle; background:url('../images/banner-services-8.jpg') no-repeat center; height:800px; width:100%; max-width:100%; }

          #container_top_schools { float:left; text-align:center; margin:62% 0 0 0 !important; vertical-align:top; background:url('../images/banner-schools.png') no-repeat center; height:960px; width:100%; max-width:100%; }

          #container_top_workingpractices { float:left; text-align:center; margin:60% 0 0 0 !important; vertical-align:top middle; background:url('../images/banner-working-practices.jpg') no-repeat center; height:800px; width:100%; max-width:100%; }

          #container_top_woodproducts { float:left; text-align:center; margin:62% 0 0 0 !important; vertical-align:top middle; background:url('../images/banner-wood-products.jpg') no-repeat center; height:960px; width:100%; max-width:100%; }
          /*#container_top_contact { display:none !important; } */
          #container_top_contact { float:left; text-align:center; margin:62% 0 0 0 !important; vertical-align:top middle; height:960pxW; width:100%; max-width:100%; }
          #maxsizemap { width:100% !important; max-width:100% !important; }
          

          .contact_left { float:left; width:98% !important; text-align: left; margin:5% 0 0 2% !important; font-family:Arial; font-size:30px !important; color:#26374D; }
          #contact_left1 { float:left; width:100% !important; margin:5% 0 0 0 !important; }
          #contact_left2 { float:left !important; width:98% !important; margin:5% 0 2% 0 !important; }
          .contact_right { float:right; width:100% !important; text-align: left; margin:9% 0 0 0 !important; }

          .container-logo { vertical-align: top; margin: 0 auto; padding: 0; text-align: center; width:100%; height:470px !important; }
          
          #logo-left { display:block !important; float:left !important; margin:2% 0 0 0; width:100% !important; max-width:100% !important;  text-align: center !important; height:auto !important;  }
          #logo-right { display:block !important; line-height:1.5; float:left !important; margin:0 !important; font-size:42px !important; width:100% !important; text-align: center !important; }
          
          #left-image {  display: flex !important; justify-content: center !important; align-items: center !important; text-align:center !important; margin:0 !important; vertical-align:middle !important; height:auto !important; width:100% !important; max-width:100% !important; }
          #mid-image {  display: flex !important; justify-content: center !important; align-items: center !important; text-align:center !important; margin:0 !important; vertical-align:middle !important; height:auto !important; width:100% !important; max-width:100% !important; }
          #right-image {  display: flex !important; justify-content: center !important; align-items: center !important; text-align:center !important; margin:0 !important; vertical-align:middle !important; height:auto !important; width:100% !important; max-width:100% !important; }


          .tree-felling-iphone { display:block !important; width:97% !important; padding:0 0 0 3%; text-align:center !important; margin:0 !important; }
          .tree-felling { display:none !important; }

          .site-clearances-iphone { display:block !important; float:left !important; padding:0 0 0 3%;  width:97% !important; text-align:center; margin:0 !important; }
          .site-clearances { display:none !important; }

          .wood-products-iphone { display:block !important; float:left !important; padding:0 0 0 3%;  width:97% !important; text-align:center;  margin:0 !important; }
          .wood-products { display:none !important; }


          /*FOOTER*/
          .container_footer { display:block !important; float:left; margin: 0 auto; padding: 0 !important; text-align: center; width:100%; height:980px !important;  background-color:#555555; }

          .footer-left { display:block !important; float:left; margin:1% 0 0 0 !important; width:100% !important; height:auto !important; text-align:center !important; }
          .footer-right1 { display:none !important; padding:0 !important; }
          .footer-right2 { display:none !important; padding:0 !important; }
          
          
          #footer-style { display:block !important; float:left !important; line-height:1.5 !important; width:100% !important; color:#ffffff; font-size:34px !important; text-align:center; margin:0 !important; }
          .awswhite { color:#ffffff !important;  }

          #services1 { float:left; width:100% !important; text-align:center; font-size:28px !important; font-weight:bold; color:#710702; }
          #services2 { float:left; width:100% !important; text-align:center; font-size:28px !important; font-weight:bold; color:#710702;   }
          #services3 { float:left; width:100% !important; text-align:center; font-size:28px !important; font-weight:bold; color:#710702;   }
          #services4 { float:left !important; width:100% !important; text-align:center; font-size:28px !important; font-weight:bold; color:#710702;   }

          .pleasegetintouch { float:block; color:#26374D; font-weight:200; font-size:20px !important; text-align: justify; margin:0 !important; width:95% !important;  }
          #treehedge { font-size:40px !important; line-height:2.0;  }

          /*SERVICES*/
          .service1_left { float:left; width:98% !important; text-align: left; margin:0 0 0 2% !important; font-family:Arial; color:#26374D; }
          .service1_right { float:left !important; width:98% !important; margin:0 0 0 2% !important; text-align: left !important; margin:0 !important; }

          /*CONTACT*/
          .txtinputcontact { height:120px !important; font-size:40px !important; line-height:1.0 !important; vertical-align:top !important; font-family:Arial; width:95%; }
          
          /* Textbox */
          .txtinput { height:80px !important; font-size:49px !important; line-height:1.0 !important; vertical-align:top !important; font-family:Arial; width:90% !important; }

          /* Button Black */
          .button-black {
            display: inline-block;
            padding: 2px 15px 5px;
            font-size: 64px !important;
            cursor: pointer;
            text-align: center;
            text-decoration: none;
            outline: none;
            color: #fff;
            background-color: #c61d1d;
            border: none;
            border-radius: 10px;
            /*box-shadow: 0 9px #999;*/
          }

          .button {
            display: inline-block;
            padding: 15px 25px;
            font-size: 64px !important;
            cursor: pointer;
            text-align: center;
            text-decoration: none;
            outline: none;
            color: #fff;
            background-color: #000000 !important;
            border: none;
            border-radius: 15px;
            box-shadow: 0 9px #999;
          }

          .button:hover {background-color: #7F0000}
  
          .button:active {
            background-color: #000000;
            box-shadow: 0 5px #666;
            transform: translateY(4px);
          }

          .smalltext { display:none !important; }


          header {
            /*background: linear-gradient(to left,rgba(54,194,182,0.96) 0,rgba(62,188,207,0.96) 100%);*/
            background: linear-gradient(to left,#778E68 0, #536349 100%);
            border-bottom: 1px solid rgba(0,0,0,.1);
            box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
            display: block;
            position: fixed;
            width: 100%;
            z-index: 1000;
            margin:45% 0 0 0 !important;
          }
    
          header > nav > ul > li > a {
            align-items: flex-start;
            color: #fff;
            display: flex;
            /*font-size: 1.55rem;*/
            font-size: 2.4rem;
            font-weight: 300;
            letter-spacing: 1px;
            max-width: 400px !important;
            padding: 1.5rem 1.5rem;
            line-height:1.2 !important;
            text-decoration: none;
            text-shadow: 0 1px 1px rgba(0,0,0,.1);
            transition: all linear 0.1s;
        }
  

}

/* Iphone Landscape */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px) 
and (-webkit-min-device-pixel-ratio: 1)
/* and (-webkit-text-size-adjust:auto) */
and (orientation: landscape) 
    {

        .iphoneimageview { display:block; width:100% !important; max-width:100% !important; height:auto; }

        a { text-decoration:none; }

        h1 { color:#0E2F47; font-weight:bold; font-size:33px !important; line-height:1.3 !important; margin:0 !important; padding:0 0 5% 0 !important; }
        h2 { color:#0E2F47; font-size:22px !important; font-family:Arial, Helvetica, sans-serif; line-height:1.5; text-align: justify; margin:0 !important;  }
        h3 { color:#D8D8D8;  font-size:22px !important; line-height:2.2; font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; font-style: italic; font-weight:100;  }

        h4 { color:#ffffff; font-family:Calibri; font-size:36px !important; }
        h5 { color:#ffffff; font-family:Calibri; font-size:20px !important; line-height:2.0; }

        #services1 { float:left; width:100% !important; text-align:center; font-size:28px !important; font-weight:bold; color:#710702; }
        #services2 { float:left; width:100% !important; text-align:center; font-size:28px !important; font-weight:bold; color:#710702;   }
        #services3 { float:left; width:100% !important; text-align:center; font-size:28px !important; font-weight:bold; color:#710702;   }
        #services4 { float:left !important; width:100% !important; text-align:center; font-size:28px !important; font-weight:bold; color:#710702;   }

        .pleasegetintouch { float:block; color:#26374D; font-weight:200; font-size:20px !important; text-align: justify; margin:0 !important; width:100% !important;  }
        #treehedge { font-size:30px !important; line-height:2.0; }

        /*SERVICES*/
        .service1_left { float:left; width:100% !important; text-align: left; margin:0 !important; font-family:Arial; color:#26374D;  }
        .service1_right { float:left !important; width:100% !important; text-align: left !important; margin:0 !important;  }

        .smalltext { display:none !important; }


        header {
          /*background: linear-gradient(to left,rgba(54,194,182,0.96) 0,rgba(62,188,207,0.96) 100%);*/
          background: linear-gradient(to left,#778E68 0, #536349 100%);
          border-bottom: 1px solid rgba(0,0,0,.1);
          box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
          display: block;
          position: fixed;
          width: 100%;
          z-index: 1000;
          margin:19% 0 0 0 !important;
        }
  
        header > nav > ul > li > a {
          align-items: flex-start;
          color: #fff;
          display: flex;
          /*font-size: 1.55rem;*/
          font-size: 1.4rem;
          font-weight: 300;
          letter-spacing: 1px;
          max-width: 250px !important;
          padding: 1.5rem 1.2rem;
          line-height:1.2 !important;
          text-decoration: none;
          text-shadow: 0 1px 1px rgba(0,0,0,.1);
          transition: all linear 0.1s;
          /*border:solid 1px blue;*/
      }


    }

    /* Portrait Android Device - Nokia 3, Galaxy S5, Moto G4 

    @media only screen 
      and (min-device-width: 360px) 
      and (max-device-width: 640px)
      and (-webkit-min-device-pixel-ratio: 1)
      and (orientation: portrait) {

      }
      */


/*IPad2 Customise - Portrait View*/

  @media only screen 
  and (min-device-width : 768px) 
  and (max-device-width : 1024px)
  and (-webkit-min-device-pixel-ratio: 1)  
  and (orientation: portrait) {

      
      #logo-right { font-size:20px !important; line-height:1.5 !important; }

      /* Contact page */
      #container_top_contact_ipad { display:block !important; padding:30% 0 0 0 !important; }
      #container_top_contact { display:none !important; margin:0 !important; }

      .smalltext { display:none !important; }


      header {
        /*background: linear-gradient(to left,rgba(54,194,182,0.96) 0,rgba(62,188,207,0.96) 100%);*/
        background: linear-gradient(to left,#778E68 0, #536349 100%);
        border-bottom: 1px solid rgba(0,0,0,.1);
        box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
        display: block;
        position: fixed;
        width: 100%;
        z-index: 1000;
        margin:19% 0 0 0 !important;
      }

      header > nav > ul > li > a {
        align-items: flex-start;
        color: #fff;
        display: flex;
        /*font-size: 1.55rem;*/
        font-size: 1.5rem;
        font-weight: 300;
        letter-spacing: 1px;
        max-width: 250px !important;
        padding: 1.5rem 1.2rem;
        line-height:1.2 !important;
        text-decoration: none;
        text-shadow: 0 1px 1px rgba(0,0,0,.1);
        transition: all linear 0.1s;
        /*border:solid 1px blue;*/
    }

      .container-top { vertical-align: top; margin: 0 auto; padding: 0; height:auto !important; text-align: center; width:100%; background-color:#ffffff; }



  }

  @media only screen 
  and (min-device-width : 768px) 
  and (max-device-width : 1024px)
  and (-webkit-min-device-pixel-ratio: 1)  
  and (orientation: landscape) {

        #logo-right { font-size:20px !important; line-height:1.5 !important; }

        .smalltext { display:none !important; }

        header {
          /*background: linear-gradient(to left,rgba(54,194,182,0.96) 0,rgba(62,188,207,0.96) 100%);*/
          background: linear-gradient(to left,#778E68 0, #536349 100%);
          border-bottom: 1px solid rgba(0,0,0,.1);
          box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
          display: block;
          position: fixed;
          width: 100%;
          z-index: 1000;
          margin:17% 0 0 0 !important;
        }

        header > nav > ul > li > a {
          align-items: flex-start;
          color: #fff;
          display: flex;
          /*font-size: 1.55rem;*/
          font-size: 1.4rem;
          font-weight: 300;
          letter-spacing: 1px;
          max-width: 250px !important;
          padding: 1.5rem 1.5rem;
          line-height:1.2 !important;
          text-decoration: none;
          text-shadow: 0 1px 1px rgba(0,0,0,.1);
          transition: all linear 0.1s;
          /*border:solid 1px blue;*/
      }



        /* Contact page */
        #container_top_contact_ipad { display:block !important; padding:30% 0 0 0 !important; }
        #container_top_contact { display:none !important; margin:0 !important; }
  }


/* Main Website Styles */

img { border: 0; }

a, a:hover, a:focus, a:active 
{
  text-decoration: none;
  color: inherit;
}

h1 { color:#0E2F47; font-weight:bold; font-size:16px; margin:0 0 3% 0; }
h2 { color:#0E2F47; font-size:14px; text-align: justify; margin:0 0 5% 0;  }
h3 { color:#D8D8D8; font-size:16px; line-height:2.2; font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; font-style: italic; font-weight:100;  }
h4 { color:#ffffff; font-family:Calibri; font-size:36px; }
h5 { color:#ffffff; font-family:Calibri; font-size:20px; }

.blacktext { color:#323B43; }
.blacktext:hover { color:#5F4C52; }

#maxsizemap {  width:1600px; height:500px; }

.signaturekirstie { font-family:Gabriola; font-size:25px; text-align:left !important; font-weight:650;  }

/* Button style */
.button {
    display: inline-block;
    padding: 15px 25px;
    font-size: 24px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: #fff;
    background-color: #c61d1d;
    border: none;
    border-radius: 15px;
    box-shadow: 0 9px #999;
  }
  
  /* Button style member page */
  .button-member {
    display: inline-block;
    padding: 15px 25px;
    font-size: 24px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: #fff;
    background-color: #c61d1d;
    border: none;
    border-radius: 15px;
    box-shadow: 0 9px #999;
  }
  
  .button:hover {background-color: #7F0000}
  
  .button:active {
    background-color: #c61d1d;
    box-shadow: 0 5px #666;
    transform: translateY(4px);
  }



/* SIGN UP NEWSCLETTER */
#signup { vertical-align:top middle; background-color:#7F0000; color:#ffffff; width:100%; max-width:100%; height:500px; text-align:center; }
.container-business-footer { vertical-align:top middle; background-color:#7F0000; color:#ffffff; margin: 0 auto; padding:2% 0 0 0; width:100%; height:500px; text-align:center; }
.footersign-left { float:left; width:40%; text-align:left; margin:0 2% 0 6%; }
.footersign-right { float:right; width:50%; text-align:left; line-height:1.0 !important; vertical-align:top !important; }

/* Button Black */
.button-black {
  display: inline-block;
  padding: 2px 15px 5px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #c61d1d;
  border: none;
  border-radius: 10px;
  /*box-shadow: 0 9px #999;*/
}

.button-black:hover {background-color: #400909}

.button-black:active {
  background-color: #c61d1d;
  /*box-shadow: 0 5px #666;*/
  transform: translateY(4px);
}

/* Textbox */
.txtinput { height:40px; font-size:22px; line-height:1.0 !important; vertical-align:top !important; font-family:Arial; width:50%; }

.txtinputmeetings { height:40px !important; font-size:20px !important; line-height:1.0 !important; font-family:Arial; width:40%; }
.txtinputmeetingscompany { height:40px !important; font-size:20px !important; line-height:1.0 !important; font-family:Arial; width:81%; }

.txtselect { line-height:2.0; font-size:20px; font-family:Arial; width:30%; }
.txtrows { height:150px; font-size:18px; line-height:2.0; font-family:Arial; width:63%;}



/* FIXED SCROLL */
#containerouterheader{ display:block; vertical-align: top; margin: 0 auto; padding: 0 0 0 0; text-align: center; position:fixed; z-index:350; width:100%; height:250px; }

.container-top { vertical-align: top; margin: 0 auto; padding: 0; text-align: center; width:100%; background-color:#ffffff; }
.container-logo { vertical-align: top; margin: 0 auto; padding: 0; text-align: center; width:100%; height:190px; }
#logo-left { display:block; float:left; width:49%; text-align: left; }
#logo-right { display:block; float:right; margin:3% 1% 0 0; width:49%;  text-align: right; color:#323B43; }


.container { vertical-align: top; margin: 0 auto; padding: 0; text-align: center; width:100%; }

/* TOP BANNER IMAGE HOME PAGE */

#container_top_home { float:left; text-align:center; margin:20% 0 0 0; vertical-align:top; background:url('../images/banner-home.png') no-repeat center; height:640px; width:100%; max-width:100%; }
#container_top_contact { float:left; text-align:center; border-bottom:0; margin:14% 0 0 0; vertical-align:top middle; height:550px; width:100%; max-width:100%; }
#container_top_services { float:left; text-align:center; margin:20% 0 0 0; vertical-align:top middle; background:url('../images/banner-services.jpg') no-repeat center; height:600px; width:100%; max-width:100%; }
#container_top_services_1 { float:left; text-align:center; margin:20% 0 0 0; vertical-align:top middle; background:url('../images/banner-services-1.jpg') no-repeat center; height:600px; width:100%; max-width:100%; }
#container_top_services_2 { float:left; text-align:center; margin:0 0 0 0; vertical-align:top middle; background:url('../images/banner-services-2.jpg') no-repeat center; height:800px; width:100%; max-width:100%; }

#container_top_services_3 { float:left; text-align:center; margin:20% 0 0 0; vertical-align:top middle; background:url('../images/banner-services-3.jpg') no-repeat center; height:600px; width:100%; max-width:100%; }
#container_top_services_4 { float:left; text-align:center; margin:20% 0 0 0; vertical-align:top middle; background:url('../images/banner-services-4.jpg') no-repeat center; height:600px; width:100%; max-width:100%; }


#container_top_services_5 { float:left; text-align:top; margin:22% 0 0 0;  vertical-align:top !important; background:url('../images/banner-services-5.jpg') no-repeat left top; height:600px; width:100%; max-width:100%; }

img #container_top_services_5 {
  object-position: left top;
}


#container_top_services_6 { float:left; text-align:center; margin:20% 0 0 0; vertical-align:top middle; background:url('../images/banner-services-6.jpg') no-repeat center; height:600px; width:100%; max-width:100%; }
#container_top_services_7 { float:left; text-align:center; margin:20% 0 0 0; vertical-align:top middle; background:url('../images/banner-services-7.jpg') no-repeat center; height:600px; width:100%; max-width:100%; }
#container_top_services_8 { float:left; text-align:center; margin:0 0 0 0; vertical-align:top middle; background:url('../images/banner-services-8.jpg') no-repeat center; height:800px; width:100%; max-width:100%; }
#container_top_workingpractices { float:left; text-align:center; margin:20% 0 0 0; vertical-align:top middle; background:url('../images/banner-working-practices.jpg') no-repeat center; height:600px; width:100%; max-width:100%; }


/*#container_top_schools { float:left; text-align:center; margin:0 0 0 0; vertical-align:top middle; background:url('../images/banner-schools.jpg') no-repeat center; height:800px; width:100%; max-width:100%; }
#container_top_schools { float:left; text-align:center; margin:65% 0 0 0 !important; vertical-align:top middle; background:url('../images/banner-schools.jpg') no-repeat center; height:800px; width:100%; max-width:100%; }*/
#container_top_schools { float:left; text-align:center; margin:20% 0 0 0; vertical-align:top middle; background:url('../images/banner-schools.png') no-repeat center; height:640px; width:100%; max-width:100%; }
    
#container_top_woodproducts { float:left; text-align:top; margin:20% 0 0 0; vertical-align:top middle; background:url('../images/banner-wood-products.jpg') no-repeat center; height:620px; width:100%; max-width:100%; }


#container_leftall { display:block; float:left; width:100%; height:500px;  }

.container_mid_three { text-align:center; }

.container_home_inner { float:left; width:90%; text-align:center; margin:5% 5% 0 5%; }

/*
#left-image { float:left; text-align:center; margin:0 0 0 0; vertical-align:top middle; background:url('../images/1.png') no-repeat center; height:330px; width:33%; max-width:33%; }
*/
#left-image { float:left; text-align:center; margin:0 0 0 0; vertical-align:top middle; height:330px; width:33%; max-width:33%; }
#mid-image { float:left; text-align:center; margin:0 0 0 0; vertical-align:top middle; height:330px; width:33%; max-width:33%; }
#right-image { float:right; text-align:center; margin:0 0 0 0; vertical-align:top middle; height:330px; width:33%; max-width:33%; }


.tree-felling-iphone { display:none; }
.tree-felling { float:left; width:32%; text-align:center; margin:0 0 0 2%; }

.site-clearances-iphone { display:none; }
.site-clearances { float:left; width:30%; text-align:center;  margin:0 1% 0 1%; }

.wood-products-iphone { display:none; }
.wood-products { float:right; width:32%; text-align:center;  margin:0 1% 0 0; }

/*CONTACT*/
#container_top_contact_ipad { display:none; }
.container_contact { float:left; text-align:center; width:100%; height:auto; margin:5% 0 0 0; }
.contact_left { float:left;  width:62%; text-align: left; margin:0 0 0 2%; font-family:Arial; font-size:15px; color:#26374D; }
#contact_left1 { float:left; width:49%; }
#contact_left2 { float:right; width:50%; }

.contact_right { float:right; width:35%; text-align: left; margin:4% 0 0 0; }
.txtinputcontact { height:40px !important; font-size:18px; line-height:1.0 !important; vertical-align:top !important; font-family:Arial; width:70%; }
.txtrowscontact { height:160px; font-size:18px; line-height:2.0; font-family:Arial; width:85%;}
.txtinputcode { height:30px; font-size:18px; line-height:3.0; font-family:Arial; width:20%; }
.pleasegetintouch { color:#26374D; font-weight:200;  font-size:14px; text-align: justify; margin:0 5% 5% 0; width:94%;   }
.contactaddress { color:#26374D;  font-size:12px; text-align: justify; }

/*SERVICES*/
.service1_left { float:left;  width:61%; text-align: left; margin:0 0 0 2%; font-family:Arial; color:#26374D;  }
.service1_right { float:right; width:37%; text-align: left; margin:1% 0 0 0;  }


#services1 { float:left; width:25%; text-align:center; font-size:12px; font-weight:bold; color:#710702; }
#services2 { float:left; width:25%; text-align:center; font-size:12px; font-weight:bold; color:#710702;   }
#services3 { float:left; width:25%; text-align:center; font-size:12px; font-weight:bold; color:#710702;   }
#services4 { float:right; width:25%; text-align:center; font-size:12px; font-weight:bold; color:#710702;   }

#services1 a { color:#710702; }
#services1 a:hover { color:#000000; opacity: 0.75; }

#services2 a { color:#710702; }
#services2 a:hover { color:#000000; opacity: 0.75; }

#services3 a { color:#710702; }
#services3 a:hover { color:#000000; opacity: 0.75; }

#services4 a { color:#710702; }
#services4 a:hover { color:#000000; opacity: 0.75; }

.services_left { float:left; width:96%; text-align: left;  margin:0 2% 0 2%; font-family:Arial; font-size:15px; color:#26374D; }

/*FOOTER*/
.container_footer { float:left; vertical-align: top; margin: 0 auto; padding: 0; text-align: center; width:100%; height:350px;  background-color:#555555; }

.footer-left { float:left; padding:4% 0 0 2%; width:65%; height:75%; text-align:left; }
.footer-right1 { float:left; padding:4% 0 0 0; width:10%; height:75%; text-align:left; color:#ffffff; line-height:2.2; }
.footer-right2 { float:left; padding:4% 0 0 0; width:23%; height:75%; text-align:left; color:#ffffff; line-height:2.2; }

.container_footer a:active { color:#ffffff; }
.container_footer a:visited { color:#ffffff; }
.container_footer a:hover { color:#282828; }

.hovermailto { color:#ffffff; }

#footer-style { color:#ffffff; font-size:14px; text-align:center; margin:3% 0 0 2%; }