From a760dcf146ecf54995b0c9f6c36b19464fb42d2c Mon Sep 17 00:00:00 2001
From: Laury GvR <laury@gaslightmedia.com>
Date: Tue, 18 Nov 2014 14:40:59 -0500
Subject: [PATCH] A lot of changes as discussed w/Collins, Alicia

Primarily spacing, coloring, positioning of elements, etc.
---
 css/app.css                     |  137 ++---
 footer.php                      |   12 +-
 header.php                      |    2 +-
 nggallery/gallery-glmphotos.php |    2 +-
 scss/site/_structure.scss       |  125 ++--
 scss/site/_structure_1.scss     | 1013 +++++++++++++++++++++++++++++++
 6 files changed, 1161 insertions(+), 130 deletions(-)
 create mode 100644 scss/site/_structure_1.scss

diff --git a/css/app.css b/css/app.css
index f722a47..f0a6dc7 100644
--- a/css/app.css
+++ b/css/app.css
@@ -5589,6 +5589,9 @@ h2 {
 #main {
   padding: 10px 40px; }
 
+div[role=main] {
+  padding: 0px; }
+
 #navRow {
   padding-top: 20px;
   height: 100px; }
@@ -5597,7 +5600,7 @@ h2 {
   background-color: white;
   max-width: 1000px;
   margin: 0 auto;
-  box-shadow: 0 0 10px black;
+  box-shadow: 0 0 10px grey;
   /*border: 1px solid $black;*/ }
 
 .top-bar-container {
@@ -5623,14 +5626,14 @@ h2 {
   /* IE6-8 */
   position: relative;
   margin-bottom: 0 !important;
-  width: 578px;
+  width: 540px;
   height: 65px;
   border-radius: 10px 0 0 0;
   z-index: 9; }
 
 nav.top-bar {
   height: 60px;
-  width: 550px;
+  width: 555px;
   float: right;
   border-radius: 10px 0 0 0; }
 
@@ -5695,8 +5698,8 @@ ul.global-nav li + li::before {
   padding-top: 20px; }
 
 #glmLogo {
-  margin-top: 45px;
-  margin-left: 50px; }
+  margin-top: 30px;
+  margin-left: 40px; }
 
 .glmSocial {
   width: 250px;
@@ -5941,22 +5944,23 @@ article h2 {
     margin-top: 30px; } }
 
 #homepage_market_experts {
-  padding: 20px;
+  padding: 0 20px;
   text-align: center; }
 
 #homepage_market_experts > div {
   padding: 15px; }
 
 .home_section_title {
-  font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
+  font-family: "times";
   font-weight: normal;
+  font-size: 48px;
   border-bottom: 1px solid #f48228;
   width: 70%;
-  margin-left: auto;
-  margin-right: auto; }
+  margin: 35px auto 25px;
+  padding-bottom: 5px; }
 
 .homepage_box {
-  height: 215px;
+  height: 200px;
   border: 1px black solid;
   position: relative; }
 
@@ -5965,7 +5969,7 @@ article h2 {
 
 .homepage_box_title {
   font-weight: bold;
-  margin: 18px;
+  margin: 15px 10px;
   font-size: 18px;
   color: #f48228; }
 
@@ -5974,9 +5978,8 @@ article h2 {
 
 .homepage_box_desc {
   color: #6d6e71;
-  font-size: 16px;
-  /*        text-align: center;*/
-  margin: 0 30px; }
+  font-size: 15px;
+  margin: 0 25px; }
 
 .homepage_box_arrow {
   width: 100%;
@@ -5995,15 +5998,23 @@ article h2 {
 #homepage_portfolio {
   text-align: center; }
 
+#homepage_portfolio li {
+  width: auto; }
+
 #homepage_portfolio > p, #homepage_problem_solvers > p {
-  padding: 0 40px; }
+  padding: 0 40px;
+  line-height: 100%; }
 
-#homepage_portfolio, #homepage_portfolio > p, #homepage_problem_solvers > p {
+#homepage_portfolio {
+  margin: 0 20px 20px 20px; }
+  #homepage_portfolio #gallery {
+    margin: 0 -0.8rem 0 -0.75rem; }
+
+#homepage_portfolio > p, #homepage_problem_solvers > p {
   text-align: center;
-  font-family: Helvetica !important;
-  font-size: 18px !important;
-  color: grey !important;
-  margin: 0; }
+  font-family: "Helvetica" bold !important;
+  font-size: 24px !important;
+  margin: 0 0 20px; }
 
 #homepage_testimonials {
   width: 100%;
@@ -6013,9 +6024,9 @@ article h2 {
   text-align: center;
   background-color: #f48228;
   margin: 10px 0;
-  -webkit-box-shadow: inset 5px 5px 9px 0px rgba(0, 0, 0, 0.6);
-  -moz-box-shadow: inset 5px 5px 9px 0px rgba(0, 0, 0, 0.6);
-  box-shadow: inset 5px 5px 9px 0px rgba(0, 0, 0, 0.6); }
+  -moz-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.5);
+  box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.5); }
 
 @media (max-width: 768px) {
   #homepage_testimonials {
@@ -6025,7 +6036,8 @@ article h2 {
   #homepage_testimonials {
     height: 240px; }
   #glmLogo {
-    margin: 10px 0 0 0; }
+    margin: 10px 0 0;
+    padding: 0 10px; }
   #glmTop {
     margin-left: auto;
     margin-right: auto;
@@ -6043,7 +6055,11 @@ article h2 {
 
 @media (max-width: 320px) {
   #homepage_testimonials {
-    height: 330px; } }
+    height: 330px; }
+  .metaslider {
+    display: none; }
+  .inner-container {
+    margin-top: 30px; } }
 
 .homepage_testimonials_larrow {
   min-width: 31px;
@@ -6106,7 +6122,7 @@ article h2 {
   background-position: center; }
 
 .ngg-gallery-thumbnail .ngg-fancybox:hover img {
-  opacity: 0.5; }
+  opacity: 0.3; }
 
 .ngg-fancybox .photoTitle {
   color: white;
@@ -6117,6 +6133,15 @@ article h2 {
   font-style: normal;
   text-decoration: none; }
 
+#homepage_portfolio .ngg-fancybox img {
+  margin: 0 !important; }
+
+[class*="block-grid-"] > li {
+  display: inline-flex;
+  float: none;
+  height: auto;
+  padding: 0 0.625rem 1.25rem; }
+
 #homepage_problem_solvers {
   text-align: center; }
 
@@ -6128,45 +6153,14 @@ article h2 {
   border: 1px solid black;
   border-radius: 4px;
   color: white;
-  background: #003e7c;
-  /* Old browsers */
-  background: -moz-linear-gradient(45deg, #003e7c 15%, #0568b3 50%, #004a7c 85%);
-  /* FF3.6+ */
-  background: -webkit-gradient(linear, left bottom, right top, color-stop(15%, #003e7c), color-stop(50%, #0568b3), color-stop(85%, #004a7c));
-  /* Chrome,Safari4+ */
-  background: -webkit-linear-gradient(45deg, #003e7c 15%, #0568b3 50%, #004a7c 85%);
-  /* Chrome10+,Safari5.1+ */
-  background: -o-linear-gradient(45deg, #003e7c 15%, #0568b3 50%, #004a7c 85%);
-  /* Opera 11.10+ */
-  background: -ms-linear-gradient(45deg, #003e7c 15%, #0568b3 50%, #004a7c 85%);
-  /* IE10+ */
-  background: linear-gradient(45deg, #003e7c 15%, #0568b3 50%, #004a7c 85%);
-  /* W3C */
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e7c', endColorstr='#004a7c',GradientType=1 );
-  /* IE6-9 fallback on horizontal gradient */
-  /*        background-color: #0568b3;*/
+  background: #0568b3;
+  float: none;
   font-family: times;
   font-size: 18px;
-  font-style: italic; }
+  /*        font-style: italic;*/ }
 
 #fancybox-title-inside {
-  background: #003e7c;
-  /* Old browsers */
-  background: -moz-linear-gradient(45deg, #003e7c 15%, #0568b3 50%, #004a7c 85%);
-  /* FF3.6+ */
-  background: -webkit-gradient(linear, left bottom, right top, color-stop(15%, #003e7c), color-stop(50%, #0568b3), color-stop(85%, #004a7c));
-  /* Chrome,Safari4+ */
-  background: -webkit-linear-gradient(45deg, #003e7c 15%, #0568b3 50%, #004a7c 85%);
-  /* Chrome10+,Safari5.1+ */
-  background: -o-linear-gradient(45deg, #003e7c 15%, #0568b3 50%, #004a7c 85%);
-  /* Opera 11.10+ */
-  background: -ms-linear-gradient(45deg, #003e7c 15%, #0568b3 50%, #004a7c 85%);
-  /* IE10+ */
-  background: linear-gradient(45deg, #003e7c 15%, #0568b3 50%, #004a7c 85%);
-  /* W3C */
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e7c', endColorstr='#004a7c',GradientType=1 );
-  /* IE6-9 fallback on horizontal gradient */
-  /*        background-color: #0568b3;*/
+  background: #0568b3;
   border-radius: 4px;
   color: white;
   font-family: times;
@@ -6181,9 +6175,11 @@ article h2 {
 
 .ngg-gallery-thumbnail img {
   padding: 0 !important;
-  margin-left: auto !important;
-  margin-right: auto !important;
-  float: none; }
+  margin: none auto !important;
+  float: none;
+  display: inline-block;
+  border: 0;
+  border-bottom: 1px solid darkgrey; }
 
 .slideshowlink {
   display: none; }
@@ -6194,8 +6190,6 @@ article h2 {
 #menu-menu-1 > li > a {
   padding-bottom: 10px; }
 
-.glmServicesNav {
-  margin-left: -28px; }
 
 #menu-menu-1 .glmServicesNav > a {
   border-top-left-radius: 8px; }
@@ -6263,6 +6257,9 @@ article h2 {
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2d4bc', endColorstr='#f48228',GradientType=0 );
   /* IE6-8 */ }
 
+.top-bar-section > ul {
+  margin-left: 15px; }
+
 /**
      * 4.2 Posts
      * ------------------------------------
@@ -6299,18 +6296,18 @@ nav.top-bar {
   transition: max-height 0.3s ease-in-out; }
 
 @media (max-width: 640px) {
-  #donate_form tbody tr {
+  #payment_form tbody tr {
     width: 100%;
     display: block; }
-  #donate_form table {
+  #payment_form table {
     /*            width: 250px;*/
     width: 100%;
     display: block; }
-  #donate_form tbody {
+  #payment_form tbody {
     width: 100%;
     display: block; }
   #main {
-    padding: 0; } }
+    padding: 10%; } }
 
 /* Assets */
 /* 
diff --git a/footer.php b/footer.php
index ff61036..22cdbf3 100644
--- a/footer.php
+++ b/footer.php
@@ -32,12 +32,12 @@
 </div>
 <script>
     jQuery(document).ready( function() {
-//        jQuery("#donate_form > table > tbody").unwrap();
-//        jQuery("#donate_form tbody").addClass("small-10 columns");
-        jQuery("#donate_form tbody > tr").addClass("small-12 medium-10 columns");
-        jQuery("#donate_form tbody .title_cell").addClass("small-12 medium-2 columns");
-        jQuery("#donate_form tbody .field_cell").addClass("small-12 medium-10 columns");
-        jQuery("#donate_form #tr_exp_date .field_cell select").addClass("small-5");
+//        jQuery("#payment_form > table > tbody").unwrap();
+//        jQuery("#payment_form tbody").addClass("small-10 columns");
+        jQuery("#payment_form tbody > tr").addClass("small-12 medium-10 columns");
+        jQuery("#payment_form tbody .title_cell").addClass("small-12 medium-2 columns");
+        jQuery("#payment_form tbody .field_cell").addClass("small-12 medium-10 columns");
+        jQuery("#payment_form #tr_exp_date .field_cell select").addClass("small-5");
         jQuery(".homepage_testimonials_text :not(div :first-child)").hide();
         jQuery(".homepage_testimonials_rarrow").click(function() {
             if (jQuery("#testimonial1").is(":visible")) {
diff --git a/header.php b/header.php
index ecc538f..da98e0d 100644
--- a/header.php
+++ b/header.php
@@ -68,7 +68,7 @@
                     <ul class="right global-nav">
                         <li><a href="<?php bloginfo('url')?>/who-we-are/contact-us">Contact Us</a></li>
                         <li><a href="http://www.gaslightmedia.com/webmail/index.html">Check Email</a></li>
-                        <li><a href="#">Bill Pay</a></li>
+                        <li><a href="<?php bloginfo('url')?>/bill-payment">Bill Pay</a></li>
                     </ul>
                 </div>
             </div>
diff --git a/nggallery/gallery-glmphotos.php b/nggallery/gallery-glmphotos.php
index cbd12ff..f868b95 100644
--- a/nggallery/gallery-glmphotos.php
+++ b/nggallery/gallery-glmphotos.php
@@ -14,7 +14,7 @@ Follow variables are useable :
 ?>
 <?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($gallery)) : ?>
 
-<ul id='gallery' class='gallery row small-block-grid-2 medium-block-grid-3 large-block-grid-4'>
+<ul id='gallery' class='gallery row small-block-grid-1 medium-block-grid-3 large-block-grid-4'>
 <?php if ($gallery->show_slideshow) { ?>
 	<!-- Slideshow link -->
 	<div class="slideshowlink">
diff --git a/scss/site/_structure.scss b/scss/site/_structure.scss
index 8676470..a02b15d 100644
--- a/scss/site/_structure.scss
+++ b/scss/site/_structure.scss
@@ -41,6 +41,9 @@ h2 {
 #main {
     padding: 10px 40px;
 }
+div[role=main] {
+    padding: 0px;
+}
 #navRow {
     padding-top: 20px;
     height: 100px;
@@ -49,7 +52,7 @@ h2 {
     background-color: $white;
     max-width: 1000px;
     margin: 0 auto;
-    box-shadow: 0 0 10px $black;
+    box-shadow: 0 0 10px grey;
     /*border: 1px solid $black;*/
 }
 .top-bar-container {
@@ -69,7 +72,7 @@ h2 {
 
     position: relative;
     margin-bottom: 0 !important;
-    width: 578px;
+    width: 540px;
     height: 65px;
     border-radius: $glm-border-radius 0 0 0;
     z-index: 9;
@@ -77,7 +80,7 @@ h2 {
 }
 nav.top-bar {
     height: 60px;
-    width: 550px;
+    width: 555px;
     float: right;
     border-radius: $glm-border-radius 0 0 0;
 }
@@ -142,8 +145,8 @@ ul.global-nav li + li::before {
     padding-top: 20px;
 }
 #glmLogo {
-    margin-top: 45px;
-    margin-left: 50px;
+    margin-top: 30px;
+    margin-left: 40px;
 }
 .glmSocial {
     width: 250px;
@@ -422,23 +425,24 @@ article h2 {
          }
     }
     #homepage_market_experts {
-        padding: 20px;
+        padding: 0 20px;
         text-align: center;
     }
     #homepage_market_experts > div {
         padding: 15px;
     }
     .home_section_title {
-        font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
+        font-family: "times";
         font-weight: normal;
+        font-size: 48px;
         border-bottom: 1px solid $secondary-color;
         width: 70%;
-        margin-left: auto;
-        margin-right: auto;
+        margin: 35px auto 25px;
+        padding-bottom: 5px;
         
     }
     .homepage_box {
-        height: 215px;
+        height: 200px;
         border: 1px black solid;
         position: relative;
     }
@@ -447,7 +451,7 @@ article h2 {
     }
     .homepage_box_title {
         font-weight: bold;
-        margin: 18px;
+        margin: 15px 10px;
         font-size: 18px;
         color: $secondary-color;
     }
@@ -457,9 +461,8 @@ article h2 {
     }
     .homepage_box_desc {
         color: #6d6e71;
-        font-size: 16px;
-/*        text-align: center;*/
-        margin: 0 30px;
+        font-size: 15px;
+        margin: 0 25px;
     }
     .homepage_box_arrow {
         width: 100%;
@@ -478,18 +481,28 @@ article h2 {
     #homepage_portfolio {
         text-align:center;
     }
+    #homepage_portfolio li {
+        width: auto;
+    }
     #homepage_portfolio > p,
     #homepage_problem_solvers > p {
         padding: 0 40px;
+        line-height: 100%;
     }
-    #homepage_portfolio,
+    #homepage_portfolio {
+        margin: 0 20px 20px 20px;
+        #gallery {
+            margin: 0 -0.8rem 0  -0.75rem;
+        }
+    }
+    
+    
     #homepage_portfolio > p,
     #homepage_problem_solvers > p {
         text-align:center;
-        font-family: Helvetica !important;
-        font-size: 18px !important;
-        color: grey !important;
-        margin: 0;
+        font-family: "Helvetica" bold !important;
+        font-size: 24px !important;
+        margin: 0 0 20px;
     }
     #homepage_testimonials {
         width: 100%;
@@ -499,9 +512,12 @@ article h2 {
         text-align:center;
         background-color: $secondary-color;
         margin: 10px 0;
-        -webkit-box-shadow: inset 5px 5px 9px 0px rgba(0,0,0,0.6);
-        -moz-box-shadow: inset 5px 5px 9px 0px rgba(0,0,0,0.6);
-        box-shadow: inset 5px 5px 9px 0px rgba(0,0,0,0.6);
+        -moz-box-shadow:    inset  0  8px 8px -8px rgba(0, 0, 0, 0.5), 
+                            inset  0 -8px 8px -8px rgba(0, 0, 0, 0.5);
+        -webkit-box-shadow: inset  0  8px 8px -8px rgba(0, 0, 0, 0.5), 
+                            inset  0 -8px 8px -8px rgba(0, 0, 0, 0.5);
+         box-shadow:        inset  0  8px 8px -8px rgba(0, 0, 0, 0.5), 
+                            inset  0 -8px 8px -8px rgba(0, 0, 0, 0.5);
         
     }
     @media (max-width: 768px) {
@@ -514,7 +530,8 @@ article h2 {
             height: 240px;
         }
         #glmLogo {
-            margin: 10px 0 0 0;
+            margin: 10px 0 0;
+            padding: 0 10px;
         }
         #glmTop{
             margin-left: auto;
@@ -539,6 +556,12 @@ article h2 {
         #homepage_testimonials {
             height: 330px;
         }
+        .metaslider {
+            display: none;
+        }
+        .inner-container {
+            margin-top: 30px;
+        }
     }
     
     .homepage_testimonials_larrow {
@@ -604,7 +627,7 @@ article h2 {
         background-position: center;
     }
     .ngg-gallery-thumbnail .ngg-fancybox:hover img {
-        opacity: 0.5;
+        opacity: 0.3;
     }
     .ngg-fancybox .photoTitle {
         color: white;
@@ -615,6 +638,16 @@ article h2 {
         font-style: normal;
         text-decoration: none;
     }
+    #homepage_portfolio .ngg-fancybox img {
+        margin: 0 !important;
+    }
+    [class*="block-grid-"] > li {
+        display: inline-flex;
+        float: none;
+        height: auto;
+        padding: 0 0.625rem 1.25rem; 
+    }
+
     #homepage_problem_solvers {
         text-align:center;
     }
@@ -626,31 +659,14 @@ article h2 {
         border: 1px solid black;
         border-radius: 4px;
         color: white;
-        background: rgb(0,62,124); /* Old browsers */
-        background: -moz-linear-gradient(45deg,  rgba(0,62,124,1) 15%, rgba(5,104,179,1) 50%, rgba(0,74,124,1) 85%); /* FF3.6+ */
-        background: -webkit-gradient(linear, left bottom, right top, color-stop(15%,rgba(0,62,124,1)), color-stop(50%,rgba(5,104,179,1)), color-stop(85%,rgba(0,74,124,1))); /* Chrome,Safari4+ */
-        background: -webkit-linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* Chrome10+,Safari5.1+ */
-        background: -o-linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* Opera 11.10+ */
-        background: -ms-linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* IE10+ */
-        background: linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* W3C */
-        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e7c', endColorstr='#004a7c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-        
-/*        background-color: #0568b3;*/
+        background:#0568b3;
+        float: none;
         font-family: times;
         font-size: 18px;
-        font-style: italic;
+/*        font-style: italic;*/
     }
     #fancybox-title-inside {
-        background: rgb(0,62,124); /* Old browsers */
-        background: -moz-linear-gradient(45deg,  rgba(0,62,124,1) 15%, rgba(5,104,179,1) 50%, rgba(0,74,124,1) 85%); /* FF3.6+ */
-        background: -webkit-gradient(linear, left bottom, right top, color-stop(15%,rgba(0,62,124,1)), color-stop(50%,rgba(5,104,179,1)), color-stop(85%,rgba(0,74,124,1))); /* Chrome,Safari4+ */
-        background: -webkit-linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* Chrome10+,Safari5.1+ */
-        background: -o-linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* Opera 11.10+ */
-        background: -ms-linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* IE10+ */
-        background: linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* W3C */
-        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e7c', endColorstr='#004a7c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-
-/*        background-color: #0568b3;*/
+        background:#0568b3;
         border-radius: 4px;
         color: white;
         font-family: times;
@@ -666,9 +682,11 @@ article h2 {
     }
     .ngg-gallery-thumbnail img {
         padding: 0 !important;
-        margin-left: auto !important;
-        margin-right: auto !important;
+        margin: none auto !important;
         float: none;
+        display: inline-block;
+        border: 0;
+        border-bottom: 1px solid #a9a9a9
     }
     .slideshowlink {
         display:none;
@@ -681,7 +699,7 @@ article h2 {
     }
     
     .glmServicesNav {
-        margin-left: -28px;
+/*        margin-left: -28px;*/
     }
     #menu-menu-1 .glmServicesNav > a {
         border-top-left-radius: 8px;
@@ -755,6 +773,9 @@ article h2 {
         background: linear-gradient(to bottom,  rgba(242,212,188,1) 0%,rgba(242,142,65,1) 50%,rgba(244,130,40,1) 75%,rgba(244,130,40,1) 100%); /* W3C */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2d4bc', endColorstr='#f48228',GradientType=0 ); /* IE6-8 */
     }
+    .top-bar-section > ul {
+        margin-left: 15px;
+    }
     
     
     /**
@@ -814,21 +835,21 @@ nav.top-bar {
 }
 
 @media (max-width: 640px) {
-        #donate_form tbody tr {
+        #payment_form tbody tr {
             width: 100%;
             display: block;
         }
-        #donate_form table {
+        #payment_form table {
 /*            width: 250px;*/
             width: 100%;
             display: block;
         }
-        #donate_form tbody {
+        #payment_form tbody {
             width: 100%;
             display: block;
         }
         #main {
-            padding: 0;
+            padding: 10%;
         }
         
     }
diff --git a/scss/site/_structure_1.scss b/scss/site/_structure_1.scss
new file mode 100644
index 0000000..1814b65
--- /dev/null
+++ b/scss/site/_structure_1.scss
@@ -0,0 +1,1013 @@
+/**
+ * Table of Contents for FoundationPress:
+ *
+ * 1.0 - Custom settings
+ * 2.0 - Typography
+ * 3.0 - Header, sidebar and footer
+ * 4.0 - Content
+ *  4.1 - Pages
+ *  4.2 - Posts
+ *  4.3 - Widgets
+ *  4.4 - Comments
+  * 4.5 - Lists
+  * 4.6 - Forms
+ * 5.0 - Plugins
+
+ * ----------------------------------------------------------------------------
+ */
+
+
+
+/**
+ * 1.0 Custom settings
+ * ----------------------------------------------------------------------------
+ */
+
+body {
+    background-color: $black;
+    background-image: url("../assets/img/images/bg.png");
+    font-size: 14px;
+}
+p, ul, ol, li, dl, span {
+    font-size: 14px;
+}
+h1 {
+    font-size: 36px;
+}
+h2 {
+    font-size: 1.3rem;
+    margin-top: 30px;
+}
+#main {
+    padding: 10px 40px;
+}
+#navRow {
+    padding-top: 20px;
+    height: 100px;
+}
+#home.container {
+    background-color: $white;
+    max-width: 1000px;
+    margin: 0 auto;
+    box-shadow: 0 0 10px $black;
+    /*border: 1px solid $black;*/
+}
+.top-bar-container {
+    float: right;
+    /*    background: $primary-color;*/
+    background: rgb(107,176,229); /* Old browsers */
+    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
+    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiYjBlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzA1NjhiMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTY4YjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+    background: -moz-linear-gradient(top,  rgba(107,176,229,1) 0%, rgba(32,124,202,1) 50%, rgba(5,104,179,1) 75%, rgba(5,104,179,1) 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(107,176,229,1)), color-stop(50%,rgba(32,124,202,1)), color-stop(75%,rgba(5,104,179,1)), color-stop(100%,rgba(5,104,179,1))); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top,  rgba(107,176,229,1) 0%,rgba(32,124,202,1) 50%,rgba(5,104,179,1) 75%,rgba(5,104,179,1) 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top,  rgba(107,176,229,1) 0%,rgba(32,124,202,1) 50%,rgba(5,104,179,1) 75%,rgba(5,104,179,1) 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top,  rgba(107,176,229,1) 0%,rgba(32,124,202,1) 50%,rgba(5,104,179,1) 75%,rgba(5,104,179,1) 100%); /* IE10+ */
+    background: linear-gradient(to bottom,  rgba(107,176,229,1) 0%,rgba(32,124,202,1) 50%,rgba(5,104,179,1) 75%,rgba(5,104,179,1) 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bb0e5', endColorstr='#0568b3',GradientType=0 ); /* IE6-8 */
+
+
+    position: relative;
+    margin-bottom: 0 !important;
+    width: 578px;
+    height: 65px;
+    border-radius: $glm-border-radius 0 0 0;
+    z-index: 9;
+    
+}
+nav.top-bar {
+    height: 60px;
+    width: 550px;
+    float: right;
+    border-radius: $glm-border-radius 0 0 0;
+}
+#menu-menu-1 li:first-of-type {
+    display: none;
+}
+#menu-menu-1 .glmServicesNav > a::before {
+    content: "What We Do";
+    font-size: 14px;
+    position: absolute;
+    left: 31px;
+    top: 20px;
+    text-transform: none;
+}
+#menu-menu-1 .glmOurWorkNav > a::before {
+    content: "Portfolio of Results";
+    font-size: 14px;
+    position: absolute;
+    left: 10px;
+    top: 20px;
+    text-transform: none;
+}
+#menu-menu-1 .glmWhoWeAreNav > a::before {
+    content: "Problem Solvers";
+    font-size: 14px;
+    position: absolute;
+    left: 35px;
+    top: 20px;
+    text-transform: none;
+}
+.border {
+    border: solid 1px $black;
+}
+ul.global-nav {
+    width: 247px;
+}
+ul.global-nav li {
+    margin: 0;
+    list-style: none outside none;
+    float: left;
+    margin-right: 9px;
+}
+ul.global-nav a {
+    color: $black;
+    text-decoration: underline;
+    font-size: 14px;
+    /*font-weight: bold;*/
+}
+ul.global-nav li + li::before {
+    content: " |  ";
+}
+#glmTop {
+    width: 100%;
+    height: 63px;
+    margin-bottom: 0;
+}
+.inner-container {
+    margin-top: 77px;
+}
+#glmTop .columns .columns {
+    height: 55px;
+    padding-top: 20px;
+}
+#glmLogo {
+    margin-top: 45px;
+    margin-left: 50px;
+}
+.glmSocial {
+    width: 250px;
+    color: $secondary-color;
+    font-size: 18px;
+    font-weight: bold;
+}
+.glmSocial img {
+    margin-right: 5px;
+}
+// footer links
+.glmcustom-footer-list {
+    @include inline-list;
+    margin: 0 0 0 18px;
+    a {
+        color: $white;
+        font-size: 18px;
+    }
+    li {
+        margin: 0;
+    }
+    li + li a::before {
+        content: " - ";
+        margin: 0 10px;
+        padding: 0;
+    }
+}
+// Footer area
+#glmBottom {
+    background: linear-gradient(180deg, #1162A2, #5095CA);
+    text-align: center;
+    color: $white;
+    height: auto;
+    margin-bottom:0;
+}
+@media #{$large-up} {
+    #glmBottom {
+        height: 170px;
+        width: 100%;
+        margin-bottom: 50px;
+    }
+}
+.vcard li {
+    display: inline-block;
+}
+.vcard li.fn {
+    display: block;
+    font-size: 25px;
+}
+ul.vcard li + li + li::before {
+    content: " | ";
+}
+.vcard {
+    margin: 0;
+    /*margin-top: 20px;*/
+}
+.copyright {
+    margin-top: 10px;
+}
+footer ul li.separator {
+    font-size: 12px;
+    list-style: none;
+    padding: 0 10px 0 0;
+    margin: 0 10px 0 0;
+}
+footer ul li.separator a {
+    color: $white;
+}
+footer ul {
+    margin-top: 0;
+    margin-bottom: 0;
+}
+// Reset margin and padding on figure element
+figure { 
+    margin: 0; 
+    padding: 0;
+}
+
+// Add some basic styling for figcaption element
+figcaption {
+    margin-bottom: rem-calc(20);
+    margin-top: rem-calc(10); 
+    color: #6f6f6f; 
+}
+
+// Add the alignment classes used by the WordPress media library
+
+.alignleft {
+    float: left;
+}
+
+.alignright {
+    float: right;
+}
+
+.aligncenter {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+blockquote.alignleft,
+img.alignleft {
+    margin: rem-calc(7) rem-calc(24) rem-calc(7) 0;
+}
+
+.wp-caption.alignleft {
+    margin: rem-calc(7) rem-calc(14) rem-calc(7) 0;
+}
+
+blockquote.alignright,
+img.alignright {
+    margin: rem-calc(7) 0 rem-calc(7) rem-calc(24);
+}
+// for the mobile menu
+aside.left-off-canvas-menu {
+  background: transparent;
+  background-color: rgba(255, 255, 255, 0.8);
+}
+aside.left-off-canvas-menu ul.off-canvas-list li {
+  display: block;
+  overflow: hidden;
+  position: relative;
+}
+aside.left-off-canvas-menu ul.off-canvas-list li a {
+  font-family: "Arial";
+  font-size: 18px;
+  line-height: 20px;
+  color: black;
+  border-bottom: 1px solid #b1b3b6;
+  background-repeat: no-repeat;
+  background-position: 3px 50%;
+  padding-left: 55px;
+}
+aside.left-off-canvas-menu ul.off-canvas-list li a:hover {
+  background-color: transparent;
+  color: #f27225;
+}
+aside.left-off-canvas-menu ul.off-canvas-list li a.toggle {
+  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABUCAYAAADwHnXXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEIxREJCRjkxOTc3MTFFNEExMUU4NDJENjA5NTYyNEEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEIxREJCRkExOTc3MTFFNEExMUU4NDJENjA5NTYyNEEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QjFEQkJGNzE5NzcxMUU0QTExRTg0MkQ2MDk1NjI0QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0QjFEQkJGODE5NzcxMUU0QTExRTg0MkQ2MDk1NjI0QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmLH3EUAAAKASURBVHja7FpNKERRFH7jJ7KQkiKllGRBSRY2ViR2io2yUpSUhiLJb4QQg7KwsLJQNnZKysJWslB+RokSJdEkURjfae5imsa8d9+777lyTn3d3pt77/veOe+cc++54wuHw4bOkmRoLkyQCTLBv04wxekExQd3jsZfVOf9Aw1CSzto6iXmDQGfJn32gSZVJu4BaiX6Z5r8/gGMKnMSfCdnaFYVWm4NOFHtxWPAowJyNMeI8jADLT7JTJxAhmVeNMkt0/wgx2IOdwI1tPghHMaO0MKz24J3O4uDILmHZtsGwU3gwKtU1w+8S/R/BQY8y8XQYhDNssSQGeDG68XCJHBvod8VMOf5agZaDImQYSa9wNtvLbfWgaMEv+/adCg1BKHFLzT+BPnWr8OClULHVpz7lLtPdVlR98V8Zw9WVyteEbyO8dRB4Fm3PckscAscCufRY08SJS8iW1wCXzoSJNlQvSfxcXWLCTJBJsgEmSATZIJMkAkyQSb4i8InTbqZuApo1crEMS+7ApDNtsVGXisNtgGVQL4RqWFrZeIsYCrqmqpdBToRpFJbTtR1OjCvC8ESoCvO/WagWgeCS0BqnPs+IOD0GY4GI0g3oqlL0KVCOI/3BEGOvrMFC10nDPMDblc0SJ5aaKFfLjBk9yG26oPQHoUQquBnWBxC53plQNCrXDwtQY4kzYjUsN03MbRHoaPFxrPIoWpcJQhyyUbklNNnU/MB2fwvq8EOoNyBY5UC7a44CbSXjeYcyHYY2OkPFUWGOOhR6SQTCsgZYo5xpSaG9kqFeVVJp8jhyhas9MYhkz7JEhmDcvci0OBKoOZNk0oNcmWBCTJBJsgEmaDe8i3AAABaiPID+002AAAAAElFTkSuQmCC');
+  background-repeat: no-repeat;
+  background-position: 50% 3px;
+  width: 40px;
+  height: 100%;
+  position: absolute;
+  right: 0;
+  top: 0;
+  transition: none;
+}
+aside.left-off-canvas-menu ul.off-canvas-list li a.toggle.open {
+  background-position: 50% -40px;
+}
+aside.left-off-canvas-menu ul.off-canvas-list li > ul {
+  display: none;
+}
+aside.left-off-canvas-menu ul.off-canvas-list li > ul li > a {
+  padding-left: 10px;
+  margin-left: 25px;
+  font-size: 16px;
+  line-height: 18px;
+}
+aside.left-off-canvas-menu ul.off-canvas-list li > ul.open {
+  display: block;
+}
+aside#sidebar {
+    background-color: #F3F3F4;
+    color: $secondary-color;
+    padding-top: 10px;
+    margin-top: 68px;
+    width: 280px;
+    border-radius: 0 $glm-border-radius $glm-border-radius 0;
+}
+aside#sidebar li {
+    list-style: none;
+}
+aside#sidebar a {
+    color: $secondary-color;
+    font-weight: bold;
+}
+article header h1 {
+    border-bottom: solid 1px $secondary-color;
+}
+article h2 {
+    color: $primary-color;
+}
+// Add some whitespace between top bar and content
+.top-bar-container, .tab-bar {
+    margin-bottom: rem-calc(32);
+}
+#menu-menu-1 ul li a {
+    font-size: 12px;
+    font-weight: bold;
+}
+
+// Fix the issue where the WP adminbar overlaps the mobile menu
+#wpadminbar {
+    position: fixed !important;
+}
+
+/**
+ * 2.0 Typography
+ * ----------------------------------------------------------------------------
+ */
+
+// Insert styles here
+
+
+/**
+ * 3.0 Header, sidebar and footer
+ * ----------------------------------------------------------------------------
+ */
+.top-bar {
+    background: transparent;
+}
+// A more subtle background color for the active menu item
+.top-bar-section li.active:not(.has-form) a:not(.button)  {
+    background: transparent;
+}
+.top-bar-section li.active:not(.has-form) a:hover:not(.button) {
+    background: transparent;
+}
+
+.top-bar-section > li,
+.top-bar-section > ul > li,
+.top-bar-section > ul > li > a,
+.top-bar-section li:not(.has-form) a:not(.button) {
+    background:transparent;
+    position: relative;
+}
+// Add some whitespace above the footer for medium-up screens
+@media #{$medium-up} {
+    footer.row {
+        margin-top: rem-calc(60);
+    }
+}
+
+/**
+ * 4.0 Content
+ * ----------------------------------------------------------------------------
+ */
+
+
+    /**
+     * 4.1 Pages
+     * ------------------------------------
+     */
+
+     // Hero     
+
+    #homepage-hero {
+        background: url("http://foundation.zurb.com/assets/img/marquee-stars.svg") repeat scroll 0 0 #074E68;
+        padding: rem-calc(20) 0;
+        margin: - rem-calc(32) 0 rem-calc(32);
+        position: relative;
+        text-align: left;
+        height: auto;
+
+            h1 a, h4 { color: #fff; }
+
+            .floatingyeti img {
+                max-width: 30%;
+                position: absolute;
+                right: rem-calc(100);
+            }
+
+            .download { margin-top: rem-calc(20); }
+        }
+        
+    // Home
+    .homepage_slideshow {
+        padding: 0;
+    }
+    #slider {
+        @media (min-width:575px) and (max-width:1024px) {
+             margin-top: 30px;
+         }
+    }
+    #homepage_market_experts {
+        padding: 20px;
+        text-align: center;
+    }
+    #homepage_market_experts > div {
+        padding: 15px;
+    }
+    .home_section_title {
+        font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
+        font-weight: normal;
+        border-bottom: 1px solid $secondary-color;
+        width: 70%;
+        margin-left: auto;
+        margin-right: auto;
+        
+    }
+    .homepage_box {
+        height: 215px;
+        border: 1px black solid;
+        position: relative;
+    }
+    .homepage_box:hover {
+        background: $secondary-color;
+    }
+    .homepage_box_title {
+        font-weight: bold;
+        margin: 18px;
+        font-size: 18px;
+        color: $secondary-color;
+    }
+    .homepage_box:hover .homepage_box_title,
+    .homepage_box:hover .homepage_box_desc {
+        color: white;
+    }
+    .homepage_box_desc {
+        color: #6d6e71;
+        font-size: 16px;
+/*        text-align: center;*/
+        margin: 0 30px;
+    }
+    .homepage_box_arrow {
+        width: 100%;
+        position: absolute;
+        bottom: 0px;
+    }
+    .homepage_box_arrow > div {
+        background-image: url("../assets/img/images/arrowOrangeRight.png");
+        width: 31px;
+        height: 28px;
+        margin: 20px auto;
+    }
+    .homepage_box:hover .homepage_box_arrow > div {
+        background-image: url("../assets/img/images/arrowWhiteRight.png");
+    }
+    #homepage_portfolio {
+        text-align:center;
+    }
+    #homepage_portfolio > p,
+    #homepage_problem_solvers > p {
+        padding: 0 40px;
+    }
+    #homepage_portfolio,
+    #homepage_portfolio > p,
+    #homepage_problem_solvers > p {
+        text-align:center;
+        font-family: Helvetica !important;
+        font-size: 18px !important;
+        color: grey !important;
+        margin: 0;
+    }
+    #homepage_testimonials {
+        width: 100%;
+        height: 165px;
+        font-size: 1rem;
+/*        max-height: 200px;*/
+        text-align:center;
+        background-color: $secondary-color;
+        margin: 10px 0;
+        -webkit-box-shadow: inset 5px 5px 9px 0px rgba(0,0,0,0.6);
+        -moz-box-shadow: inset 5px 5px 9px 0px rgba(0,0,0,0.6);
+        box-shadow: inset 5px 5px 9px 0px rgba(0,0,0,0.6);
+        
+    }
+    @media (max-width: 768px) {
+        #homepage_testimonials {
+            height: 200px;
+        }
+    }
+    @media (max-width:640px) {
+        #homepage_testimonials {
+            height: 240px;
+        }
+        #glmLogo {
+            margin: 10px 0 0 0;
+        }
+        #glmTop{
+            margin-left: auto;
+            margin-right: auto;
+            float: none;
+            text-align: center;
+        }
+}
+    @media (max-width: 480px) {
+        #homepage_testimonials {
+            height: 290px;
+            font-size: 0.9rem !important;
+        }
+        .homepage_box_title {
+            margin: 10px;
+        }
+        .homepage_box_arrow {
+            bottom: -10px;
+        }
+    }
+    @media (max-width: 320px) {
+        #homepage_testimonials {
+            height: 330px;
+        }
+    }
+    
+    .homepage_testimonials_larrow {
+        min-width: 31px;
+        height: 100%;
+        background-image: url("../assets/img/images/arrowWhiteRight.png");
+        background-repeat: no-repeat;
+        background-position: center;
+        -moz-transform: scaleX(-1);
+        -o-transform: scaleX(-1);
+        -webkit-transform: scaleX(-1);
+        transform: scaleX(-1);
+        filter: FlipH;
+        -ms-filter: "FlipH";
+        z-index: 0;
+        -webkit-transition: background 0.3s linear;
+        -moz-transition: background 0.3s linear;
+        -ms-transition: background 0.3s linear;
+        -o-transition: background 0.3s linear;
+        transition: background 0.3s linear;
+    }
+    .homepage_testimonials_over {
+        background-color:Black;
+        opacity:0.0;
+        display: none;
+        height: 100%;
+        width: 125%;
+    }
+    .homepage_testimonials_rarrow:hover,
+    .homepage_testimonials_larrow:hover {
+        cursor: pointer;
+        background-color: rgba(0,0,0,0.2);
+    }
+    .homepage_testimonials_rarrow {
+        padding: 5px;
+        min-width: 31px;
+        height: 100%;
+        background-image: url("../assets/img/images/arrowWhiteRight.png");
+        background-repeat: no-repeat;
+        background-position: center;
+    }
+    .homepage_testimonials_text {
+        padding: 25px 10px;
+        overflow: hidden;
+        height: 100%;
+        text-decoration: none;
+        color: white;
+        font-style: italic;
+    }
+    .homepage_testimonials_text p {
+        font-size: 16px;
+    }
+    .ngg-gallery-thumbnail .ngg-fancybox .image_overlay {
+        cursor: pointer;
+        -webkit-transition: background 0.3s linear;
+        -moz-transition: background 0.3s linear;
+        -ms-transition: background 0.3s linear;
+        -o-transition: background 0.3s linear;
+        transition: background 0.3s linear;
+        background-image: url("../assets/img/portfolio/pf_Hover.png");
+        
+        background-repeat: no-repeat;
+        background-position: center;
+    }
+    .ngg-gallery-thumbnail .ngg-fancybox:hover img {
+        opacity: 0.5;
+    }
+    .ngg-fancybox .photoTitle {
+        color: white;
+        font-weight: bold;
+    }
+    .ngg-fancybox .photoHead {
+        color: white;
+        font-style: normal;
+        text-decoration: none;
+    }
+    #homepage_problem_solvers {
+        text-align:center;
+    }
+    .ngg-galleryoverview {
+        padding: 20px;
+    }
+    .ngg-gallery-thumbnail-box {
+        margin: 5px 0 !important;
+        border: 1px solid black;
+        border-radius: 4px;
+        color: white;
+        background: rgb(0,62,124); /* Old browsers */
+        background: -moz-linear-gradient(45deg,  rgba(0,62,124,1) 15%, rgba(5,104,179,1) 50%, rgba(0,74,124,1) 85%); /* FF3.6+ */
+        background: -webkit-gradient(linear, left bottom, right top, color-stop(15%,rgba(0,62,124,1)), color-stop(50%,rgba(5,104,179,1)), color-stop(85%,rgba(0,74,124,1))); /* Chrome,Safari4+ */
+        background: -webkit-linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* Chrome10+,Safari5.1+ */
+        background: -o-linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* Opera 11.10+ */
+        background: -ms-linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* IE10+ */
+        background: linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* W3C */
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e7c', endColorstr='#004a7c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
+        
+/*        background-color: #0568b3;*/
+        font-family: times;
+        font-size: 18px;
+        font-style: italic;
+    }
+    #fancybox-title-inside {
+        background: rgb(0,62,124); /* Old browsers */
+        background: -moz-linear-gradient(45deg,  rgba(0,62,124,1) 15%, rgba(5,104,179,1) 50%, rgba(0,74,124,1) 85%); /* FF3.6+ */
+        background: -webkit-gradient(linear, left bottom, right top, color-stop(15%,rgba(0,62,124,1)), color-stop(50%,rgba(5,104,179,1)), color-stop(85%,rgba(0,74,124,1))); /* Chrome,Safari4+ */
+        background: -webkit-linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* Chrome10+,Safari5.1+ */
+        background: -o-linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* Opera 11.10+ */
+        background: -ms-linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* IE10+ */
+        background: linear-gradient(45deg,  rgba(0,62,124,1) 15%,rgba(5,104,179,1) 50%,rgba(0,74,124,1) 85%); /* W3C */
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e7c', endColorstr='#004a7c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
+
+/*        background-color: #0568b3;*/
+        border-radius: 4px;
+        color: white;
+        font-family: times;
+        font-size: 16px;
+        a {
+            text-decoration: underline;
+            color: white;
+            font-style: italic;
+        }
+    }
+    .ngg-gallery-thumbnail {
+        float: none !important;
+    }
+    .ngg-gallery-thumbnail img {
+        padding: 0 !important;
+        margin-left: auto !important;
+        margin-right: auto !important;
+        float: none;
+    }
+    .slideshowlink {
+        display:none;
+    }
+    .top-bar-menu > li.menu-item  > a {
+        padding-bottom: 10px;
+    }
+    #menu-menu-1 .glmServicesNav > a {
+        padding-bottom: 10px;
+    }
+    .top-bar-menu > li.menu-item  > ul li ul li:only-child a {
+/*        border-top-right-radius: 15px;*/
+/*        border-bottom-right-radius: 15px;*/
+    }
+    .top-bar-menu > li.menu-item  > ul li ul li:first-child a {
+/*        border-top-right-radius: 15px;*/
+    }
+    .top-bar-menu > li.menu-item  > ul li:last-child {
+       
+        a {
+/*            border-bottom-left-radius: 15px;*/
+            
+/*        border-bottom-right-radius: 15px;*/
+        }
+    }
+    .top-bar-menu > li.menu-item  > ul li:last-child:hover > a {
+        border-radius: 0;
+    }
+    
+    .top-bar-menu > li.menu-item  > ul li ul li:last-child {
+        background-color: transparent;
+        a {
+/*            border-bottom-right-radius: 15px;*/
+        }
+    }
+    .ngg-gallery-thumbnail img:hover {
+        color: white;
+    }
+    
+    #fancybox-title {
+        position: absolute;
+        top: 0;
+        padding-top: 10px;
+        padding-bottom: 5px;
+        #fancybox-title-inside {
+            padding: 2px 0;
+        }
+    }
+    #fancybox-outer,
+    #fancybox-left,
+    #fancybox-right {
+        padding-top:40px;
+    }
+    .top-bar-section ul > li:hover:not(.has-form) > a {
+
+        background: rgb(244,130,40); /* Old browsers */
+        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
+        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ODIyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2Y0ODIyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YyOGU0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmQ0YmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+        background: -moz-linear-gradient(top,  rgba(244,130,40,1) 0%, rgba(244,130,40,1) 25%, rgba(242,142,65,1) 50%, rgba(242,212,188,1) 100%); /* FF3.6+ */
+        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,130,40,1)), color-stop(25%,rgba(244,130,40,1)), color-stop(50%,rgba(242,142,65,1)), color-stop(100%,rgba(242,212,188,1))); /* Chrome,Safari4+ */
+        background: -webkit-linear-gradient(top,  rgba(244,130,40,1) 0%,rgba(244,130,40,1) 25%,rgba(242,142,65,1) 50%,rgba(242,212,188,1) 100%); /* Chrome10+,Safari5.1+ */
+        background: -o-linear-gradient(top,  rgba(244,130,40,1) 0%,rgba(244,130,40,1) 25%,rgba(242,142,65,1) 50%,rgba(242,212,188,1) 100%); /* Opera 11.10+ */
+        background: -ms-linear-gradient(top,  rgba(244,130,40,1) 0%,rgba(244,130,40,1) 25%,rgba(242,142,65,1) 50%,rgba(242,212,188,1) 100%); /* IE10+ */
+        background: linear-gradient(to bottom,  rgba(244,130,40,1) 0%,rgba(244,130,40,1) 25%,rgba(242,142,65,1) 50%,rgba(242,212,188,1) 100%); /* W3C */
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f48228', endColorstr='#f2d4bc',GradientType=0 ); /* IE6-8 */
+    }
+    .top-bar-section ul > li:hover:not(.has-form) > a {
+
+        background: rgb(242,212,188); /* Old browsers */
+        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
+        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZDRiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YyOGU0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2Y0ODIyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNDgyMjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+        background: -moz-linear-gradient(top,  rgba(242,212,188,1) 0%, rgba(242,142,65,1) 50%, rgba(244,130,40,1) 75%, rgba(244,130,40,1) 100%); /* FF3.6+ */
+        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,212,188,1)), color-stop(50%,rgba(242,142,65,1)), color-stop(75%,rgba(244,130,40,1)), color-stop(100%,rgba(244,130,40,1))); /* Chrome,Safari4+ */
+        background: -webkit-linear-gradient(top,  rgba(242,212,188,1) 0%,rgba(242,142,65,1) 50%,rgba(244,130,40,1) 75%,rgba(244,130,40,1) 100%); /* Chrome10+,Safari5.1+ */
+        background: -o-linear-gradient(top,  rgba(242,212,188,1) 0%,rgba(242,142,65,1) 50%,rgba(244,130,40,1) 75%,rgba(244,130,40,1) 100%); /* Opera 11.10+ */
+        background: -ms-linear-gradient(top,  rgba(242,212,188,1) 0%,rgba(242,142,65,1) 50%,rgba(244,130,40,1) 75%,rgba(244,130,40,1) 100%); /* IE10+ */
+        background: linear-gradient(to bottom,  rgba(242,212,188,1) 0%,rgba(242,142,65,1) 50%,rgba(244,130,40,1) 75%,rgba(244,130,40,1) 100%); /* W3C */
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2d4bc', endColorstr='#f48228',GradientType=0 ); /* IE6-8 */
+    }
+    
+    
+    /**
+     * 4.2 Posts
+     * ------------------------------------
+     */
+
+    // Insert styles here
+
+
+    /**
+     * 4.3 Widgets
+     * ------------------------------------
+     */
+
+    // Insert styles here
+
+
+    /**
+     * 4.4 Comments
+     * ------------------------------------
+     */
+
+    // Insert styles here
+
+
+    /**
+     * 4.5 Lists
+     * ------------------------------------
+     */
+
+    // Insert styles here
+
+
+    /**
+     * 4.6 Forms
+     * ------------------------------------
+     */
+
+    // Insert styles here
+    
+    /* Contact Form */
+    span.wpcf7-list-item { display: block; }
+
+    
+/**
+ * 5.0 Plugins
+ * ----------------------------------------------------------------------------
+ */
+
+// Insert styles here
+/*
+ * Menu Effects: A collection of CSS3 menu effects (degrades gracefully in IE8).
+ *
+ * Don't hesitate to create new effects and remove the ones you don't need.
+ *
+ * latest version and complete README available on Github:
+ * https://github.com/louisremi/menu-effects
+ *
+ * Copyright 2012 @louis_remi
+ * Licensed under the MIT license.
+ *
+ * Are you using this in a paid work?
+ * Send me music http://www.amazon.co.uk/wishlist/HNTU0468LQON
+ *
+ */
+/*
+.top-bar-menu > li > .sub-menu {
+  position: absolute;
+  left: 0;
+  top: 100%;
+  z-index: 0;
+  overflow: hidden;
+  max-height: 0;
+   The transition-delay prevents the menu to disappear before the transition is run backward
+   * It's ~= length of the animation (.6s) + highest item transition delay (466ms) 
+  -webkit-transition: max-height 1ms linear 1s;
+     -moz-transition: max-height 1ms linear 1s;
+   A .submenu should be only revealed when hovering the .menu 
+  pointer-events: none;
+}
+ 
+.top-bar-menu > li:hover .sub-menu, .top-bar-menu > li:focus .sub-menu {
+  pointer-events: auto;
+  z-index: 10;
+  max-height: 2000px;
+  -webkit-transition: none;
+     -moz-transition: none;
+}
+&.has-dropdown.not-click {
+    .dropdown {
+        @extend %anim-button;
+        display:block;
+        visibility: hidden;
+        opacity: 0;
+    }
+    &:hover > .dropdown {
+        visibility: visible;
+        opacity: 1;
+    }
+}
+ Progressive Anim
+ * ==================================================================
+ * This is a lot of redundant code but the result is worth it
+ * This should be edited for menus with more or much less than 8 items 
+ 
+$baseTime: 66;
+@mixin transition-delay($transitionTime) {
+    $newTime: $transitionTime * $baseTime;
+      -webkit-transition-delay: $newTime;
+     -moz-transition-delay: $newTime;
+      -ms-transition-delay: $newTime;
+       -o-transition-delay: $newTime;
+          transition-delay: $newTime;
+}
+  forward 
+.top-bar-menu > li:hover .sub-menu li:nth-child(1),
+.menu > li:hover .sub-menu li:nth-child(1),
+.sub-menu li:nth-child(8) {
+    @include transition-delay(0);
+}
+
+.top-bar-menu > li:hover .sub-menu li:nth-child(2),
+.sub-menu li:nth-child(7)  {
+    @include transition-delay(1);
+}
+
+.top-bar-menu > li:hover .sub-menu li:nth-child(3),
+.sub-menu li:nth-child(6)  {
+    @include transition-delay(2);
+}
+
+.top-bar-menu > li:hover .sub-menu li:nth-child(4),
+.sub-menu li:nth-child(5)  {
+    @include transition-delay(3);
+}
+
+.top-bar-menu > li:hover .sub-menu li:nth-child(5),
+.sub-menu li:nth-child(4)  {
+    @include transition-delay(4);
+}
+
+.top-bar-menu > li:hover .sub-menu li:nth-child(6),
+.sub-menu li:nth-child(3)  {
+    @include transition-delay(5);
+}
+
+.top-bar-menu > li:hover .sub-menu li:nth-child(7),
+.sub-menu li:nth-child(2) {
+    @include transition-delay(6);
+}
+
+.top-bar-menu > li:hover .sub-menu li:nth-child(8),
+.sub-menu li:nth-child(1)  {
+    @include transition-delay(7);
+}
+
+ Default
+ ================================================================= 
+.sub-menu li {
+  opacity: 0;
+
+  -webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;
+     -moz-transition: opacity .4s,    -moz-transform .6s, max-height .6s;
+      -ms-transition: opacity .4s,     -ms-transform .6s, max-height .6s;
+       -o-transition: opacity .4s,      -o-transform .6s, max-height .6s;
+          transition: opacity .4s,         transform .6s, max-height .6s;
+}
+
+.top-bar-menu > li:hover .sub-menu li, .top-bar-menu > li:focus .sub-menu li {
+  opacity: 1;
+
+  -webkit-transform: none;
+     -moz-transform: none;
+      -ms-transform: none;
+       -o-transform: none;
+          transform: none;
+}
+
+ Helix
+ ================================================================= 
+.helix {
+  -webkit-perspective: 400px;
+     -moz-perspective: 400px;
+      -ms-perspective: 400px;
+       -o-perspective: 400px;
+          perspective: 400px;
+}
+
+.helix li {
+  -webkit-transform: rotateY(90deg);
+     -moz-transform: rotateY(90deg);
+      -ms-transform: rotateY(90deg);
+       -o-transform: rotateY(90deg);
+          transform: rotateY(90deg);
+}
+
+ Wave
+ ================================================================= 
+.wave li {
+  -webkit-transform-origin: 0% 0%;
+     -moz-transform-origin: 0% 0%;
+      -ms-transform-origin: 0% 0%;
+       -o-transform-origin: 0% 0%;
+          transform-origin: 0% 0%;
+
+  -webkit-transform: skewY(-90deg);
+     -moz-transform: skewY(-90deg);
+      -ms-transform: skewY(-90deg);
+       -o-transform: skewY(-90deg);
+          transform: skewY(-90deg);
+}
+
+ Fly
+ ================================================================= 
+.fly {
+  -webkit-perspective: 400px;
+     -moz-perspective: 400px;
+      -ms-perspective: 400px;
+       -o-perspective: 400px;
+          perspective: 400px;
+}
+
+.fly li {
+  -webkit-transform-origin: 50% 50% -50px;
+     -moz-transform-origin: 50% 50% -50px;
+      -ms-transform-origin: 50% 50% -50px;
+       -o-transform-origin: 50% 50% -50px;
+          transform-origin: 50% 50% -50px;
+
+  -webkit-transform: rotateX( -180deg );
+     -moz-transform: rotateX( -180deg );
+      -ms-transform: rotateX( -180deg );
+       -o-transform: rotateX( -180deg );
+          transform: rotateX( -180deg );
+}
+
+ Blind
+ ================================================================= 
+.blind li {
+  max-height: 0;
+}
+
+.top-bar-menu > li:hover .blind li, .top-bar-menu > li:focus .blind li {
+   This should be changed to the normal height of list-items 
+  max-height: 55px;
+}
+
+ Venitian
+ ================================================================= 
+.venitian li {
+  -webkit-transform-origin: 50% 0;
+     -moz-transform-origin: 50% 0;
+      -ms-transform-origin: 50% 0;
+       -o-transform-origin: 50% 0;
+          transform-origin: 50% 0;
+
+  -webkit-transform: scale(1,0);
+     -moz-transform: scale(1,0);
+      -ms-transform: scale(1,0);
+       -o-transform: scale(1,0);
+          transform: scale(1,0);
+}*/
-- 
2.17.1