Added new facebook icon to top of page

removed old facebook from bottom
moved the main nav over to left

diff --git a/assets/facebook.png b/assets/facebook.png
index a8214ef..6cc5ae6 100644 (file)
Binary files a/assets/facebook.png and b/assets/facebook.png differ

diff --git a/styles.css b/styles.css
index b767546..8a461f1 100644 (file)
--- a/styles.css
+++ b/styles.css
@@ -40,13 +40,14 @@ header {
     left: 40px;\r
     z-index: 10;\r
     }\r
+\r
 /* Main Navigation */\r
 nav {\r
     margin: 0;\r
     padding: 0;\r
     position: absolute;\r
     top: 20px;\r
-    right: 20px;\r
+    right: 70px;\r
     z-index: 10;\r
     background: rgba(0, 0, 0, .4);\r
     background: rgba(255, 255, 255, .8);\r
@@ -127,6 +128,18 @@ nav li ul li:first-child {
     height: 13px;\r
     padding-top: 10px;\r
     }\r
+#fb {\r
+    position: absolute;\r
+    margin-left: 30px;\r
+    width: 32px;\r
+    height: 32px;\r
+    z-index: 10;\r
+    border: 1px solid white;\r
+    border-radius: 5px;\r
+    }\r
+#fb a {\r
+    float: right;\r
+    }\r
 /* Toolbox */\r
 #propertyInfo {\r
     display: none;\r
@@ -526,17 +539,6 @@ address {
 #footer {\r
     clear: both;\r
     }\r
-#fb {\r
-    margin: 1em auto 0 auto;\r
-    width: 190px;\r
-    }\r
-#fb a {\r
-    display: block;\r
-    background: url(assets/facebook.png) no-repeat right center;\r
-    line-height: 32px;\r
-    border: 1px solid white;\r
-    padding: 5px;\r
-    }\r
 #footer {\r
     padding-top: 2em;\r
     }\r

diff --git a/templates/template.html b/templates/template.html
index 39598e1..63986b8 100644 (file)
--- a/templates/template.html
+++ b/templates/template.html
@@ -18,10 +18,11 @@
             <a href="{homePageUrl:h}"><img src="{mediaBaseURL:h}assets/logo.png" id="logo"></a>
             <nav>
                 {mainNav:h}
-            </nav>
+                <a id="fb" href="https://www.facebook.com/pages/Big-Fore-Golf-Package/371835704831"><img src="{mediaBaseURL:h}assets/facebook.png"></a>
+                </nav>
+                
             {if:rotatingImages}
-            <div id="slideshow">
-                <img src="{mediaBaseURL:h}assets/slidOverlay.png" id="slideOverlay">
+            <div id="slideshow">                <img src="{mediaBaseURL:h}assets/slidOverlay.png" id="slideOverlay">
                 {rotatingImages:h}
             </div>
             {end:}
@@ -121,7 +122,8 @@
                 <p>*Based on 4 golfers in a two bedroom loft condo. **May Special rate is available if booked before April 18, 2014. ***3 night minimum applies during July &amp; Early August - Please ask for pricing.</p>
             </div>
         </div>
-            <p id="fb"><a href="https://www.facebook.com/pages/Big-Fore-Golf-Package/371835704831?ref=ts">Follow us on Facebook</a></p>        <div id="footer">
+            
+        <div id="footer">
 
             <ul>
                 <li>