html, body {
    color: #3A3331;
    font-family: Georgia, Helvetica,sans-serif;
    font-size: 14px;
    height: 100%;
    margin: 0;
    background-color: #eee;
}

a {
    color: #3A3331;
}

#background-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: top left;
    overflow:hidden;
    display: block;
    visibility: hidden;
}

#container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 2;
}



#menu-bar {
    height: 450px;
    left: 19px;
    margin-top:-225px;
    position: absolute;
    top:50%;
    width: 25px;
    background-color: #3A3331;
}

#menu-bar #menu-toggle {
    background: transparent url(/assets/images/menu-toggle-on.png) scroll no-repeat 7px 8px;
    display: block;
    width: 25px;
    height: 450px;

}

#menu-bar #menu-toggle.on {
    background-image: url(/assets/images/menu-toggle-off.png);
}

#menu-bar #content-toggle {
    position: absolute;
    top: 0;
    left: 32px;
    background: #3A3331 url(/assets/images/content-toggle-on.png) scroll no-repeat 7px 7px;
    display: block;
    width: 19px;
    height: 19px;
    z-index: 1000;
}

#menu-bar #content-toggle.on {
    background: #3A3331 url(/assets/images/content-toggle-off.png) scroll no-repeat 6px 9px;
}


#content {
    height: 450px;
    left:51px;
    margin-top:-225px;
    position: absolute;
    top:50%;
    width: 380px;
}

#menu {
    height: 450px;
    left:51px;
    margin-top:-225px;
    position: absolute;
    top:50%;
    width: 700px;
}

div.column1 {
    height: 450px;
    width: 380px;
    left: 0;
    margin-top:-225px;
    position: absolute;
    top:50%;
    background: transparent url(/assets/images/content-bg.png) scroll repeat top left;
}

div.column1-content {
    background: transparent url(/assets/images/content-bg-white.png) scroll repeat top left;
    line-height: 1.4em;
}

div.column2 {
    height: 450px;
    width: 300px;
    left: 387px;
    margin-top:-225px;
    position: absolute;
    top:50%;
    background: transparent url(/assets/images/content-bg-white.png) scroll repeat top left;
    line-height: 1.4em;
}



/* Box configurations
   ============================== */

#content.normal-slim { width: 686px; }
#content.normal-slim .column1 { width: 380px;}
#content.normal-slim .column2 {
    width: 300px;
    left: 386px;
}

#content.slim-wide { width: 741px; }
#content.slim-wide .column1 { width: 270px;}
#content.slim-wide .column2 {
    width: 465px;
    left: 276px;
}

#content.slim { width: 270px; }
#content.slim .column1 { width: 270px;}


#menu.hide {
    width: 0px;
    display: none;
}


div.padding {
    margin: 20px;
}

#content2 .padding {
    padding-top: 6px;
}

div.scrolling-box {
    height: 390px;
    overflow: hidden;
}

div#scrolling, div#sub-content {
    height: 390px;
}


#inner {
    padding-right: 15px;
}


/* Form
   ================================*/
input.text, input.password {
    width: 280px;
    padding: 5px;
    background-color: #ccc;
    color: #333;
    border: 0;
    font-size: 14px;
}


/* Content and Menu
   ================================*/
#content h2, #menu h2 {
    color: #3A3331;
    font-family: "Lucida Grande",Geneva,Helvetica,sans-serif;
    text-transform: uppercase;
    font-variant: normal;
    margin-top: 20px;
    margin-bottom: 15px;
    font-weight: normal;
    letter-spacing:0.1em;
    font-size:17px;
}

#menu h2, #menu h2 a {
    color: #fff;
}


h2 a {
    text-decoration: none;
}


#main-menu li {
    margin-bottom: 5px;
}

#main-menu a {
    height: 26px;
    width: 340px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-attachment: scroll;
    display: block;
}

#main-menu a span {
    left: -999em;
    position: absolute;
}

#main-menu a:hover, #main-menu a.current {
    background-position: 0 -28px;
}

#main-menu a#mm-products {
    height: 56px;
}
#main-menu a#mm-products:hover, #main-menu a#mm-products.current {
    background-position: 0 -58px;
}

#mm-about { background-image: url(/assets/images/mm-about.png); }
#mm-properties { background-image: url(/assets/images/mm-properties.png); }
#mm-hotels { background-image: url(/assets/images/mm-hotels.png); }
#mm-co-green { background-image: url(/assets/images/mm-co-green.png); }
#mm-greener-hotels { background-image: url(/assets/images/mm-greener-hotels.png); }
#mm-products { background-image: url(/assets/images/mm-products.png); }
#mm-press { background-image: url(/assets/images/mm-press.png); }
#mm-contact { background-image: url(/assets/images/mm-contact.png); }


#text h3 {
    font-weight:bold;
    color: #333 !important;
    font-size: 14px;
    margin-top: 3px;
}

/* Subnav
   ================================*/
#subnav  {
    list-style: none;
    margin-bottom: 15px;
}

#subnav li a, h3 {
    font-family: "Lucida Grande",Geneva,Helvetica,sans-serif;
    font-size: 12px;
    color: #3A3331;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
}

#subnav li {
    line-height: 1em;
    margin-bottom: 5px;
    clear: both;
}

/* Subsubnav
   ================================*/
#subsubnav  {
    clear: both;
    list-style: none;
    margin-bottom: 5px;
    text-transform: none;
    margin-top: 2px;
    float: left;
    text-transform: none;
    font-size: 12px;
}

#subsubnav a {
    font-family: "Lucida Grande",Geneva,Helvetica,sans-serif;
    font-size: 12px;
    color: #3A3331;
    text-decoration: none;
    font-weight: bold;
    text-transform: none !important;
}



h3 {
    margin-top: 15px;
    clear: both;
}

#content dl {
    display: inline-block;
}

#content dt, #content dd {
    float: left;
}

#content dt {
    width: 65px;
}

#content dd {
    width: 150px;
}


#photos {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

#photos a {
    display: block;
    width: 14px;
    height: 14px;
    background-color: #333;
    margin-right: 5px;
    float: left;
    border: 2px solid #333;
}

#photos a.current {
    background-color: transparent !important;
}

#photos a.loading {
    background-color: #666 !important;
}

#sub-content.product img {
    xmargin-bottom: 20px;
}

#sub-content.press, #sub-content.product  {
    xpadding-top: 10px;
}

#sub-content.press img {
    float: left;
}

#sub-content.press #text {
    margin-left: 125px;
}

p.blurb {
    xfont-size: 12px;
    line-height: 1.2em;
}

#sub-content.press p.source {
    margin-top: 20px;
    font-size: 12px;
}

#sub-content.press p.file {
    margin-top: 20px;
    font-size: 12px;
    text-transform: uppercase;
}

#sub-content.press a {
    text-decoration: none;
}


/* Floating hotel logo
   ================================*/
#co-hotels {
    height: 129px;
    right: 0;
    margin-top: -225px;
    position: absolute;
    top:50%;
}

#plus {
    width:19px;
    height:19px;

    right: 97px;
    margin-top: -144px;
    position: absolute;
    top:50%;

    display: block;
    z-index: 10;
    font-size: verdana;
    font-size: 40px;
    font-weight: bold;
    text-decoration: none;

}

#story {
    width: 300px;
    right: 103px;
    margin-top: -120px;
    position: absolute;
    top:50%;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top left;
    border: 1px solid #fff;
    z-index: 9;
    background-image: url(/assets/images/content-bg.png);
    border-color: #333;
    visibility: hidden;
}

.story-content {
    padding: 10px;
    color: #fff;
    font-size: 13px;
    line-height: 1.4em;
    display: none;
}




/* Colours
   ================================*/

#section-homepage #content {
    width: 0px;
}

#section-homepage #content-padding, #section-homepage #content-toggle {
    display: none;
}

/* =About */
#section-about #story { border-color: #FF3600; }
#section-about #content h2,
#section-about #content h2 a,
#section-about #menu h2 a:hover,
#section-about a.current,
#section-about a:hover,
#section-about h3,
#section-about #plus,
#section-about #column2 a,
#section-about a:hover { color: #FF3600; }
#section-about #main-menu a:hover, #section-about #main-menu a.current { background-position: 0 -28px; }
#section-about #main-menu a#mm-products:hover, #section-about #main-menu a#mm-products.current { background-position: 0 -58px; }
#section-about #photos a  { background-color: #FF3600; border-color: #FF3600 }
#section-about #story { background-image: url(/assets/images/story-bg-about.png) }

/* =Hotels */
#section-hotels #story { border-color: #779A35; }
#section-hotels #content h2,
#section-hotels #content h2 a,
#section-hotels #menu h2 a:hover,
#section-hotels a.current,
#section-hotels a:hover,
#section-hotels h3,
#section-hotels #plus,
#section-hotels #column2 a,
#section-hotels a:hover { color: #779A35; }
#section-hotels #main-menu a:hover, #section-hotels #main-menu a.current { background-position: 0 -56px; }
#section-hotels #main-menu a#mm-products:hover, #section-hotels #main-menu a#mm-products.current { background-position: 0 -116px; }
#section-hotels #photos a  { background-color: #779A35; border-color: #779A35 }
#section-hotels #story { background-image: url(/assets/images/story-bg-hotels.png) }

/* =C/O Green */
#section-green #story { border-color: #2FA567; }
#section-green #content h2,
#section-green #content h2 a,
#section-green #menu h2 a:hover,
#section-green #subnav li a.current,
#section-green #subnav li a:hover,
#section-green h3, #section-green
#section-green #plus,
#section-green a:hover { color: #2FA567; }
#section-green #main-menu a:hover, #section-green #main-menu a.current { background-position: 0 -84px; }
#section-green #main-menu a#mm-products:hover, #section-green #main-menu a#mm-products.current { background-position: 0 -174px; }
#section-green #photos a  { background-color: #2FA567; border-color: #2FA567 }
#section-green #story { background-image: url(/assets/images/story-bg-green.png) }

/* =C/O Environment */
#section-greener-hotels #story { border-color: #2FA567; }
#section-greener-hotels #content h2,
#section-greener-hotels #content h2 a,
#section-greener-hotels #menu h2 a:hover,
#section-greener-hotels #subnav li a.current,
#section-greener-hotels #subnav li a:hover,
#section-greener-hotels h3, #section-greener-hotels
#section-greener-hotels #plus,
#section-greener-hotels a:hover { color: #2FA567; }
#section-greener-hotels #main-menu a:hover, #section-greener-hotels #main-menu a.current { background-position: 0 -84px; }
#section-greener-hotels #main-menu a#mm-products:hover, #section-greener-hotels #main-menu a#mm-products.current { background-position: 0 -174px; }
#section-greener-hotels #photos a  { background-color: #2FA567; border-color: #2FA567 }
#section-greener-hotels #story { background-image: url(/assets/images/story-bg-environment.png) }

/* =Products and Partners */
#section-products-and-partners #story { border-color: #196285; }
#section-products-and-partners #content h2,
#section-products-and-partners #content h2 a,
#section-products-and-partners #menu h2 a:hover,
#section-products-and-partners #subnav li a.current,
#section-products-and-partners #subnav li a:hover,
#section-products-and-partners h3,
#section-products-and-partners #plus,
#section-products-and-partners a:hover { color: #196285; }
#section-products-and-partners #main-menu a:hover, #section-products-and-partners #main-menu a.current { background-position: 0 -112px; }
#section-products-and-partners #main-menu a#mm-products:hover, #section-products-and-partners #main-menu a#mm-products.current { background-position: 0 -232px; }
#section-products-and-partners #photos a  { background-color: #196285; border-color: #196285 }
#section-products-and-partners #story { background-image: url(/assets/images/story-bg-products-and-partners.png) }

/* =Press */
#section-press #story { border-color: #E18A00; }
#section-press #content h2,
#section-press #content h2 a,
#section-press #menu h2 a:hover,
#section-press a.current,
#section-press a:hover,
#section-press h3,
#section-press #plus,
#section-press #content2 a,
#section-press a:hover { color: #E18A00; }
#section-press #main-menu a:hover, #section-press #main-menu a.current { background-position: 0 -140px; }
#section-press #main-menu a#mm-products:hover, #section-press #main-menu a#mm-products.current { background-position: 0 -290px; }
#section-press #photos a  { background-color: #E18A00; border-color: #E18A00 }
#section-press #story { background-image: url(/assets/images/story-bg-press.png) }

/* =Contact */
#section-contact #story { border-color: #E829CC; }
#section-contact #content h2,
#section-contact #content h2 a,
#section-contact #menu h2 a:hover,
#section-contact #subnav li a.current,
#section-contact #subnav li a:hover,
#section-contact h3,
#section-contact #plus,
#section-contact a:hover { color: #E829CC; }
#section-contact #main-menu a:hover, #section-contact #main-menu a.current { background-position: 0 -168px; }
#section-contact #main-menu a#mm-products:hover, #section-contact #main-menu a#mm-products.current { background-position: 0 -348px; }
#section-contact #photos a  { background-color: #E829CC; border-color: #E829CC }
#section-contact #story { background-image: url(/assets/images/story-bg-contact.png) }


h2.press {
    color: #3A3331 !important;
    margin-top: 0 !important;
}

/* special things for special browsers  - thanks whoever did alexandraowen.co.nz */
img { -ms-interpolation-mode:bicubic; }