html, body
   {
      height: 100%;
   }
   
   body
   {
      margin: 0px;
      padding: 0px;
      background: #FFF;
      font-family: 'Source Sans Pro', sans-serif;
      font-size: 12pt;
      font-weight: 300;
      color: #000000;
   }
   
   .box img {
width: 100%;
}
#featured img {
width: 400px;
float: left;
margin-right: 10px;
}
   h1, h2, h3
   {
      margin: 0;
      padding: 0;
      color: #000000;
   }
   
   p, ol, ul
   {
      margin-top: 0;
   }
   
   ol, ul
   {
      padding: 0;
      list-style: none;
   }
   
   p
   {
      line-height: 180%;
   }
   
   strong
   {
      color: #8dc63f;
   }
   
   a
   {
      color: #8dc63f!important;
   }
   
   a:hover
   {
      text-decoration: none;
   }
   
   .container
   {
      overflow: hidden;
      margin: 0em auto;
      width: 1000px;
   }
   
/*********************************************************************************/
/* Image Style                                                                   */
/*********************************************************************************/

   .image
   {
      display: inline-block;
   }
   
   .image img
   {
      display: block;
      width: 100%;
   }
   
   .image-full
   {
      display: block;
      width: 100%;
      margin: 0;
   }
   
   .image-left
   {
      float: left;
      margin: 0 2em 2em 0;
   }
   
   .image-centered
   {
      display: block;
      margin: 0 0 2em 0;
   }
   
   .image-centered img
   {
      margin: 0 auto;
      width: auto;
   }

/*********************************************************************************/
/* List Styles                                                                   */
/*********************************************************************************/

   ul.style1
   {
   }


/*********************************************************************************/
/* Social Icon Styles                                                            */
/*********************************************************************************/

   ul.contact
   {
      margin: 0;
      padding: 2em 0em 0em 0em;
      list-style: none;
   }
   
   ul.contact li
   {
      display: inline-block;
      padding: 0em 0.30em;
      font-size: 1em;
   }
   
   ul.contact li span
   {
      display: none;
      margin: 0;
      padding: 0;
   }
   
   ul.contact li a
   {
      color: #FFF;
   }
   
   ul.contact li a:before
   {
      display: inline-block;
      background: #3f3f3f;
      width: 40px;
      height: 40px;
      line-height: 40px;
      border-radius: 20px;
      text-align: center;
      color: #FFFFFF;
   }
   
   ul.contact li a.icon-twitter:before { background: #2DAAE4; }
   ul.contact li a.icon-facebook:before { background: #39599F; }
   ul.contact li a.icon-dribbble:before { background: #C4376B; }
   ul.contact li a.icon-tumblr:before { background: #31516A; }
   ul.contact li a.icon-rss:before { background: #F2600B; }

/*********************************************************************************/
/* Button Style                                                                  */
/*********************************************************************************/

   .button
   {
      display: inline-block;
      margin-bottom: 2em;
      padding: 1em 2em 1em 1em;
      background: #8dc63f;
      letter-spacing: 0.20em;
      text-decoration: none;
      text-transform: uppercase;
      font-weight: 400;
      font-size: 0.90em;
      color: #FFF!important;
   }
   
   .button:before
   {
   }
      
/*********************************************************************************/
/* 3-column                                                                      */
/*********************************************************************************/

   .boxA,
   .boxB,
   .boxC
   {
      width: 319px;
      text-align: left;
   }

   .boxA h2,
   .boxB h2,
   .boxC h2
   {
      margin-bottom: 1em;
      font-weight: 600;
      font-size: 1.6em;
   }

   .boxA p,
   .boxB p,
   .boxC p
   {
      /* padding: 0em 1.5em; */
   }

   .boxA,
   .boxB
   {
      float: left;
      margin-right: 20px;
   }
   
   .boxC
   {
      float: right;
   }

   .boxD{
      clear:both;
   
      width: 319px;
}
   .boxD img{
      /* width:30%; */
   
}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

   #header
   {
      position: relative;
      padding: 1em 0em;
   }

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

   #logo
   {
      /* position: absolute; */
      /* top: 1em; */
      /* left: 0; */
   
      /* margin: 0 auto; */
      text-align: center;
      margin: 10px 0;
}
   
   #logo h1
   {
   }
   
   #logo a
   {
      text-decoration: none;
      color: #8dc63f;
   }

/*********************************************************************************/
/* Menu                                                                          */
/*********************************************************************************/

   #menu
   {
      /* position: absolute; */
      /* top: 5em; */
      /* right: 0; */
   
      margin: 24px 0;
}
   
   #menu ul
   {
      display: inline-block;
   }
   
   #menu li
   {
      display: block;
      float: left;
      text-align: center;
   }
   #menu li a, #menu li span
   {
      text-decoration: none;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 1em;
      color: #8DC63F;
      padding: 10px;
      margin: 0 3px;
   }
   
   #menu li:hover a, #menu li.active a, #menu li.active span
   {
      color: #fff!important;
      background: #8DC63F;
   }
   
   #menu .current_page_item a
   {
      color: #d41e1e;
      background: #8DC63F;
   }
   
   #menu .icon
   {
   }

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

   #banner
   {
      overflow: hidden;
      padding: 0em;
      border-top: 1px solid rgba(0,0,0,0.08);
      margin: 0 auto;
      text-align: center;
   }
   #banner img {
      width: 100%;
   }
/*********************************************************************************/
/* Page                                                                          */
/*********************************************************************************/

   #page
   {
      position: relative;
      overflow: hidden;
      padding: 2em 0em;
   }

/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/

   #content
   {
   }

/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/

   #sidebar
   {
   }

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

   #footer
   {
   }

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

   #copyright
   {
      overflow: hidden;
      padding: 2em 0em;
      border-top: 1px solid rgba(0,0,0,0.1);
   }
   
   #copyright p
   {
      letter-spacing: 0.20em;
      text-align: center;
      text-transform: uppercase;
      font-size: 0.80em;
      color: #000;
      margin-top: 25px;
   }
   #copyright img {
      float: left;
   }
   #copyright a
   {
      text-decoration: none;
      color: #000;
   }

/*********************************************************************************/
/* Featured                                                                      */
/*********************************************************************************/

   #featured
   {
      overflow: hidden;
      padding: 5em 0em;
      border-top: 1px solid rgba(0,0,0,0.1);
   }
   
   #featured .align-left
   {
      float: left;
      width: 384px;
      padding-top: 0;
      text-align: left;
   }
   #featured .align-left ul li {
      margin: 24px 0;
      display: block;
   }
   #featured .fa
   {
      font-size: 14em;
      color: #8dc63f;
   }

   #featured .align-right
   {
      float: right;
      width: 609px;
      font-size: 14px;
   }
   #featured .align-right img {
      float: left;
      width: 300px;
      margin: 0 10px 0 0;
   }
   .align-left img {
      width: 100%;
   }
   .box
   {
      margin-bottom: 2em;
      padding-bottom: 2em;
      border-bottom: 1px solid rgba(0,0,0,.1);
   }
   
   .box span
   {
      margin: 0;
      padding: 1em 1em;
      background: #8dc63f;
      display: block;
      line-height: 3em;
      text-align: center;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 1.2em;
      color: #FFF;
   }
   a {
      text-decoration: none;
      color: #4E7B12;
   }
   a:hover{
   color: #F281BD!important;
}