/** Layout
---------------------------------
*  Using a negative margin technique, adapted from ZEN. The page is loaded by this order:
*
*  1. Header
*  2. Content
*  3. Navigation menus
*  4. Sidebar Left
*  5. Sideabr Right
*
*/

#page {
        width: 945px; /* edit to change the width of the page */
        margin: 0 auto; /* remove 'auto' and the width to switch to a fluid width */
}

/** LAYOUT RULES
---------------------------------
*  do not change if you're not sure you know what you're doing
*/
#main { padding:0 0 20px; position:relative; }
#content {
  float: right;
  margin:0px;
  padding:0;
  width:705px;
}
#content, #content-front { line-height:1.5em; }
#content-top { height:350px; margin:0 0 15px; overflow:hidden; }
.sidebar {
  float: left;
  width:225px;
}

#content-top-front { width:705px; height:350px; margin:0 0 15px; float:right; overflow:hidden; }
#sidebar-front { margin:0; }

#footer {
  float: none;
  clear: both;
}

/* Layout Helpers */

#header, #footer, .mission, .breadcrumb, .node {
  clear: both;
}

#header {
  position:relative;
  height: 115px;
}

#header .view-footer-links { float:right; }
.header-icons { border-bottom:1px dotted #ccc; padding:0 0 1em; margin:0 0 0.5em; height:15px; }
.copy { float:left; }
.header-icons a:link, .header-icons a:visited { color:#333; }
.header-icons a:hover { color:#333; text-decoration:underline }

.languages { float:right; padding:0 8px; top:30px; position:relative; }
.languages li { padding-right:5px; float:left; list-style:none; }
.languages span { float:right; }
.languages ul { margin:0 25px 0 0; }

.show {
        height: 365px;
}

#site-slogan {
        position: absolute;
        top: 30px;
          left: 0px;
        color: #777;
        text-transform: uppercase;
        font-size: 34px;
          display:block;
}

#logo_title {
        width: 350px;
        position: absolute;
          top: 0px;
          left: 0px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: 0px 10px;
        color:#12AD2B;
        text-transform:uppercase;
        font-size: 22px;
        padding: 5px 0px;
          display:block;
}

#homelink {
        display:block;
        position:absolute;
        width: 650px;
        text-decoration: none;
        height: 70px;
        top:35px;
        clear:both;
}

#logo_title a, #logo_title a:link, #logo_title a:hover, #logo_title a:active, #logo_title a:visited{
        width: auto;
        height: 80px;
        display:block;
}

#logo_title a span {
        display:none;
}

#logo_gc {
    background: url("../images/wyndham-garden-logo.png") no-repeat scroll right 15px transparent;
    float: right;
    height: 75px;
    top: 0;
    width: 200px;
}

#logo_gc a, #logo_gc a:link, #logo_gc a:hover, #logo_gc a:active, #logo_gc a:visited { display:block; height:80px; width:100%; }

#logo_gc a span {
        display:none;
}

@media (min-width : 1350px) {
/* Styles */
.banner { position:absolute; top:200px; left:40px; }
}

@media (max-width : 1350px) {
/* Styles */
.banner { display:none; }
}

/** Columns inner
---------------------------------
*  You can change the padding inside the columns without changing the
*  width of them by just usinbg the INNER div of each column
*/

#content-inner, #frontpage { border:1px solid #ccc; padding:25px 30px; }
.page-bookber15en #content-inner,
.page-bookber15de #content-inner { padding:25px 2px; }

/** Navigation styles
---------------------------------
*  The navigation is loaded after the content, so we need to make space
*  for it, equal to its height, so if you change the height of the navigation,
*  remember to adapt the margin top of the content and sidebars.
*/