All files and images needed for the redesign

diff --git a/assets/bg.jpg b/assets/bg.jpg
index 6cb9656..0c3d5cb 100755 (executable)
Binary files a/assets/bg.jpg and b/assets/bg.jpg differ

diff --git a/assets/header_bg.png b/assets/header_bg.png
index 82ae396..363ad7c 100755 (executable)
Binary files a/assets/header_bg.png and b/assets/header_bg.png differ

diff --git a/assets/leftcol_bg.jpg b/assets/leftcol_bg.jpg
index fb88c05..4e35d6a 100755 (executable)
Binary files a/assets/leftcol_bg.jpg and b/assets/leftcol_bg.jpg differ

diff --git a/assets/logo.jpg b/assets/logo.jpg
index b904476..319dd2e 100755 (executable)
Binary files a/assets/logo.jpg and b/assets/logo.jpg differ

diff --git a/assets/logounder.jpg b/assets/logounder.jpg
new file mode 100755 (executable)
index 0000000..6517572
Binary files /dev/null and b/assets/logounder.jpg differ

diff --git a/assets/nav.png b/assets/nav.png
index 55f4870..9e3dc15 100755 (executable)
Binary files a/assets/nav.png and b/assets/nav.png differ

diff --git a/assets/reservation.jpg b/assets/reservation.jpg
index bcbc105..c3924e7 100755 (executable)
Binary files a/assets/reservation.jpg and b/assets/reservation.jpg differ

diff --git a/assets/sister1.jpg b/assets/sister1.jpg
new file mode 100755 (executable)
index 0000000..68c30ac
Binary files /dev/null and b/assets/sister1.jpg differ

diff --git a/assets/sister2.jpg b/assets/sister2.jpg
new file mode 100755 (executable)
index 0000000..d70bc9f
Binary files /dev/null and b/assets/sister2.jpg differ

diff --git a/assets/title.jpg b/assets/title.jpg
index 6ae17b6..8d8e0e5 100755 (executable)
Binary files a/assets/title.jpg and b/assets/title.jpg differ

diff --git a/assets/tripadv.jpg b/assets/tripadv.jpg
index de2ac33..9153001 100755 (executable)
Binary files a/assets/tripadv.jpg and b/assets/tripadv.jpg differ

diff --git a/images/logo.gif b/images/logo.gif
index 429d05b..b2843f6 100755 (executable)
Binary files a/images/logo.gif and b/images/logo.gif differ

diff --git a/styles.css b/styles.css
index f2850c6..f41de3d 100755 (executable)
--- a/styles.css
+++ b/styles.css
@@ -15,7 +15,8 @@ body {
        font-size: 14px;
        color: #333;
        background: url(assets/bg.jpg) 50% 0% no-repeat fixed;
-       background-size: 2560px 1600px;
+       background-size: 1600px 1200px;
+    background-size: cover;
 }
 h1, h2 {
        font-size: 16px;
@@ -24,11 +25,11 @@ h1, h2 {
        padding: 5px;
        }
 a {
-       color: #1C63B1;
-       text-decoration: underline;
+       color: #1d513e;
        }
 a:hover {
-       }
+       color: black;
+    }
 img {
        border: 0;
        }
@@ -114,8 +115,7 @@ img {
        padding: 0;
        font-size: 22px;
        font-size: 2.2rem;
-       border-bottom: 1px solid #004694;
-       color: #101F72;
+       color: #1d513e;
        }
 #toolbox .listing, #toolbox #category {
        clear: left;
@@ -126,7 +126,7 @@ img {
        padding: 0;
        font-size: 22px;
        font-size: 2.2rem;
-       color: #101F72;
+       color: #1d513e;
        }
 /* Page Styles */
 #wrapper {
@@ -140,7 +140,7 @@ img {
 header {
        position: relative;
        width: 990px;
-       height: 116px;
+       height: 114px;
        background: url(assets/header_bg.png) left bottom no-repeat;
        }
 header ul#sociallinks {
@@ -231,29 +231,29 @@ nav#mainnav ul li a:hover {
        height: 32px;
        }
 a#link_home {
-       width: 97px;
+       width: 98px;
        height: 31px;
        background: url(assets/nav.png) 0px 0px no-repeat;
        }
-a#link_groups {
-       width: 168px;
-       height: 31px;
-       background: url(assets/nav.png) -97px 0px no-repeat;
-       }
 a#link_rooms {
-       width: 124px;
+       width: 116px;
        height: 31px;
-       background: url(assets/nav.png) -265px 0px no-repeat;
+       background: url(assets/nav.png) -98px 0px no-repeat;
        }
 a#link_specials {
-       width: 178px;
+       width: 182px;
        height: 31px;
-       background: url(assets/nav.png) -389px 0px no-repeat;
+       background: url(assets/nav.png) -214px 0px no-repeat;
+       }
+a#link_groups {
+       width: 172px;
+       height: 31px;
+       background: url(assets/nav.png) -396px 0px no-repeat;
        }
 a#link_info {
-       width: 89px;
+       width: 88px;
        height: 31px;
-       background: url(assets/nav.png) -567px 0px no-repeat;
+       background: url(assets/nav.png) -568px 0px no-repeat;
        }
 a#link_contact {
        width: 110px;
@@ -262,7 +262,7 @@ a#link_contact {
        }
 /* Subnav Styles */
 #subnav {
-       background: #1259A7;
+       background: #1d513e;
        overflow: hidden;
        }
 #subnav h2 {
@@ -296,7 +296,7 @@ a#link_contact {
 #main {
        position: relative;
        overflow: hidden;
-       background: url(assets/main_bg.jpg) left top repeat-y;
+       /* background: url(assets/main_bg.jpg) left top repeat-y; */
        min-height: 940px;
        }
 #leftcol {
@@ -304,7 +304,7 @@ a#link_contact {
        width: 224px;
        min-height: 940px;
        overflow: hidden;
-       background: #317AC7 url(assets/leftcol_bg.jpg) left top no-repeat;
+       background: url(assets/leftcol_bg.jpg) left top no-repeat;
        }
 #title {
        display: block;
@@ -321,16 +321,15 @@ a#link_contact {
        font-size: 1.6rem;
        font-weight: bold;
        line-height: 22px;
-       border-top: 1px solid #1960AE;
-       border-bottom: 1px solid #1960AE;
-       color: #101F72;
+
+       color: #1d513e;
        padding: 5px 0;
        margin: 0 auto;
        }
 #reservation {
        display: block;
-       width: 176px;
-       height: 103px;
+       width: 170px;
+       height: 119px;
        margin: 18px auto 0 auto;
        background: url(assets/reservation.jpg) left top no-repeat;
        font-size: 18px;
@@ -338,10 +337,10 @@ a#link_contact {
        color: #FFF;
        text-align: right;
        text-decoration: none;
-       padding: 48px 16px 0 0;
+       padding: 44px 20px 0 0;
        }
 #reservation:hover {
-       color: #97C61C;
+       color: orange;
        }
 #address {
        width: 200px;
@@ -350,12 +349,12 @@ a#link_contact {
        font-size: 1.6rem;
        font-weight: bold;
        line-height: 22px;
-       color: #101F72;
+       color: #1d513e;
        padding: 14px 0 6px 0;
        margin: 0 auto;
        }
 #priorityclub {
-       display: block;
+       display: none;
        text-indent: -9999px;
        width: 186px;
        height: 186px;
@@ -365,11 +364,18 @@ a#link_contact {
 #tripadvisor {
        display: block;
        text-indent: -9999px;
-       width: 184px;
-       height: 185px;
+       width: 156px;
+       height: 134px;
        background: url(assets/tripadv.jpg) left top no-repeat;
        margin: 20px auto 0 auto;
        }
+.sister {
+    display: block;
+    margin: 30px auto 0 auto;
+    }
+.siter img {
+    display: block;
+    }
 #sister {
        position: absolute;
        left: 0px;
@@ -422,8 +428,7 @@ a#link_contact {
        padding: 0;
        font-size: 22px;
        font-size: 2.2rem;
-       border-bottom: 1px solid #004694;
-       color: #101F72;
+       color: #1d513e;
        }
 #photo-gallery .galleryRow {
        margin: 10px 0 0 0;
@@ -434,14 +439,14 @@ a#link_contact {
        padding: 0;
        width: 171px;
        min-height: 124px;
-       background: #B4CEEB;
-       border: 1px solid #195FAC;
+       background: #8ea89e;
+       border: 1px solid #fff;
        }
 #photo-gallery .thumb:hover {
-       border: 1px solid #0C0;
+       border: 1px solid #fff;
        }
 #photo-gallery .thumb:hover img {
-       border: 1px solid #0C0;
+       border: 1px solid #fff;
        }
 #photo-gallery .thumb a {
        display: block;
@@ -451,7 +456,7 @@ a#link_contact {
 #photo-gallery .thumb img {
        margin: 0;
        padding: 0;
-       border: 1px solid #195FAC;
+       border: 1px solid #fff;
        }
 #photo-gallery .thumb .phototitle {
        width: 158px;

diff --git a/templates/template.html b/templates/template.html
index 4f85a18..a70025a 100755 (executable)
--- a/templates/template.html
+++ b/templates/template.html
@@ -28,17 +28,17 @@
                <header>
                        <a id="logo" href="{homePageUrl:h}">Apple Tree Inn</a>
                        <ul id="sociallinks">
-                               <li><a id="fb" href="http://www.facebook.com/pages/Holiday-Inn-Express-Suites-Petoskey/217060348341668">Find us on Facebook</a></li>
-                               <li><a id="tw" href="https://twitter.com/HIExprePetoskey">Follow us on Twitter</a></li>
+                               <li><a id="fb" href="https://www.facebook.com/pages/Appletree-Inn/115233681829793">Find us on Facebook</a></li>
+                               <li><a id="tw" href="https://twitter.com/appletreeinnmi">Follow us on Twitter</a></li>
                                <!--<li><a id="yt" href="#">Subscribe to our YouTube Channel</a></li>
                                <li><a id="fl" href="#">View our photos on Flickr</a></li>-->
                        </ul>
                        <nav id="mainnav">
                                <ul>
                                        <li><a id="link_home" href="{homePageUrl:h}"><font style="color: white;">Home</font></a></li>
-                                       <li><a id="link_groups" href="baseurl/groups-and-meetings-2/">Groups &amp; Meetings</a></li>
                                        <li><a id="link_rooms" href="baseurl/guest-rooms-3/">Guest Rooms</a></li>
                                        <li><a id="link_specials" href="baseurl/specials-and-packages-4/">Specials &amp; Packages</a></li>
+                                       <li><a id="link_groups" href="baseurl/groups-and-meetings-2/">Groups &amp; Meetings</a></li>
                                        <li><a id="link_info" href="baseurl/area-info-5/">Area Info</a></li>
                                        <li><a id="link_contact" href="baseurl/contact-us-6/">Contact Us</a></li>
                                </ul>
@@ -46,19 +46,23 @@
                </header>
                <div id="main">
                        <div id="leftcol">
-                               <p id="title">Valley View</p>
+                <a href="{homePageUrl:h}"><img src="baseurl/assets/logounder.jpg" width="183" height="100" style="margin-left: 20px;"></a>
+                               <p id="title">A Boutique Hotel</p>
                                <p id="phone">
-                                       Toll Free: (888) 497-0105<br>
-                                       Local: (231) 487-0991
+                                       Toll Free: (800) 348-2901<br>
+                                       Local: (231) 348-2900
                                </p>
-                               <a id="reservation" href="http://www.hiexpress.com/hotels/us/en/petoskey/ptylr/hoteldetail">Make<br>Your<br>Reservation</a>
                                <p id="address">
-                                       1751 US 131 South<br>
+                                       915 Spring Street<br>
                                        Petoskey, MI 49770
                                </p>
+                               <a id="reservation" href="http://www.reconline.com/booknow/resortbookings/hoteldirect.aspx?bs=30098&idhotel=36970">Make<br>Your<br>Reservation</a>
                                <a id="priorityclub" href="http://www.priorityclub.com/hotels/us/en/reservation">Priority Club</a>
-                               <a id="tripadvisor" href="http://www.tripadvisor.com/Hotel_Review-g42590-d672960-Reviews-Holiday_Inn_Express_Hotel_Suites_Petoskey-Petoskey_Michigan.html">Trip Advisor</a>
-                               <a id="sister" href="http://www.expressmackinaw.com">Visit Our Sister Hotel<br>In Mackinaw</a>
+                               <a id="tripadvisor" href="http://www.tripadvisor.com/Hotel_Review-g42590-d235283-Reviews-The_Apple_Tree_Inn-Petoskey_Michigan.html">Trip Advisor</a>
+                <a href="http://www.expresspetoskey.com/" class="sister"><img src="baseurl/assets/sister1.jpg"></a>
+                <a href="http://www.expressmackinaw.com/" class="sister"><img src="baseurl/assets/sister2.jpg"></a>
+                
+                               
                        </div><!-- /#leftcol -->
                        <div id="maincol">
                                <nav id="subnav">{sideNav:h}</nav>