html, body {
    font: 0.875em/1.6em Helvetica, Arial, sans-serif;
    background: #0d0e0c url(../images/bg_image.jpg) no-repeat fixed center 0;
    color: #eee;
    margin: 0;
    padding: 0;
}
a {
    text-decoration: underline;
    color: #c4df9b;
    cursor: pointer;
}
a, a:hover, a:active, input {
    outline-style: none;
}
.overlabel-apply {
    display: inline;
}
.sprite {
    overflow: hidden;
    display: block;
    height: 0;
    background-image: url(../images/bg_sprite.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.sIFR-active h1 {
    visibility: visible;
    font-family: Helvetica, Arial, sans-serif;
    float: left;
    font-size: 30px;
    background: #000;
    width: auto;
    padding: 0 0 0 10px;
}
ul.list, .CMSListMenuUL {
    float: left;
    list-style: none;
}
.buttons {
    float: left;
    width: 100%;
}
.buttons .button {
    float: left;
    overflow: hidden;
    display: block;
    height: 0;
    background-image: url(../images/bg_sprite.gif);
    background-repeat: no-repeat;
    background-position: 0 -35px;
    border: none;
    cursor: pointer;
    margin-right: 10px;
    border-width: 0;
}
.buttons .search {
    width: 58px;
    background-position: 0 -35px;
    margin: 0;
    padding: 22px 0 0;
}
.buttons .search:hover {
    background-position: 0 -57px;
}
.buttons .submit {
    width: 58px;
    background-position: -58px -35px;
    margin-left: 0;
    padding: 22px 0 0;
}
.buttons .submit:hover {
    background-position: -58px -57px;
}
.buttons .cancel {
    width: 58px;
    background-position: -116px -35px;
    margin-left: 0;
    padding: 22px 0 0;
}
.buttons .cancel:hover {
    background-position: -116px -57px;
}
.buttons .add-comment {
    width: 103px;
    background-position: -170px -35px;
    margin-left: 0;
    padding: 22px 0 0;
}
.buttons .add-comment:hover {
    background-position: -170px -57px;
}
#container {
    width: 960px;
    margin: 0 auto;
}
#header {
    width: 100%;
    float: left;
    height: 211px;
}
#header.home {
    width: 100%;
    float: left;
    height: 580px;
}
#header .container {
    width: 1032px;
    margin: 0 auto;
}
#primary-navigation {
    float: left;
    width: 1032px;
}
#primary-navigation .wrapper {
    float: left;
    background: url(../images/bg_primary.gif) no-repeat 0 0;
    height: 225px;
    width: 1032px;
}
#header .logo {
    text-align: center;
    float: left;
    height: 176px;
    padding-left: 36px;
}
#header .logo a {
    text-transform: uppercase;
    float: left;
    width: 130px;
    font-size: 30px;
    line-height: 1.2em;
    font-weight: 700;
    height: 0;
    display: block;
    padding-top: 176px;
    overflow: hidden;
    color: #fff;
}
#header .navigation {
    width: 702px;
    float: left;
}
#header .navigation li {
    width: 117px;
    float: left;
}
#header .navigation li a {
    width: 117px;
    float: left;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 85px;
    line-height: 85px;
}
#header .new-zealand {
    text-align: center;
    float: left;
    text-transform: uppercase;
    width: 130px;
    font-size: 20px;
    line-height: 1.2em;
    font-weight: 700;
    height: 0;
    display: block;
    padding-top: 176px;
    overflow: hidden;
    color: #fff;
}
#content .heading {
    float: left;
    width: 711px;
    padding-left: 249px;
}
#content .heading h1 {
    float: left;
    font-weight: 700;
    font-size: 30px;
    background: #000;
    width: auto;
    line-height: 1.2em;
    padding: 10px;
}
#content .heading h1.sIFR-replaced {
    padding: 0 0 0 10px;
}
#content .main {
    width: 960px;
    float: left;
    padding-top: 6px;
}
.three-column .column {
    width: 296px;
    float: left;
    padding: 0 36px 0 0;
}
.three-column .last {
    padding: 0;
}
#content .three-column .heading {
    float: left;
    width: 286px;
    padding-left: 0;
}
#content .three-column .heading h1, #content .three-column .heading h2 {
    float: left;
    font-weight: 700;
    font-size: 22px;
    background: #000;
    width: auto;
    color: #fff;
    line-height: 1.2em;
    padding: 10px;
}
#content .three-column .heading h1.sIFR-replaced, #content .three-column .heading h2.sIFR-replaced {
    margin-bottom: 10px;
    padding: 0 0 0 10px;
}
#content .column .copy {
    width: 276px;
    float: left;
    padding: 0 10px;
}
#content .column .copy .introduction {
    font-size: 1em;
    font-weight: 700;
    padding-top: 3px;
}
#content .column h3 {
    font-size: 1.2em;
    margin-bottom: 0.2em;
    padding: 0;
}
#content .column ul.listing {
    width: 100%;
    padding: 0;
}
#content .column ul.listing li {
    width: 276px;
    border-bottom: 1px solid #454945;
    margin: 0 0 10px;
    padding: 0 10px 10px;
}
#content .byline {
    color: #999;
    font-size: 11px;
    margin-bottom: 8px;
}
#content .copy {
    width: 691px;
    float: right;
    padding: 0 10px;
}
.gallery #content .copy {
    width: 711px;
    padding: 0;
}
#content .copy ul#search-results li {
    padding-bottom: 15px;
}
#content .copy p {
    margin-bottom: 1em;
}
#content .copy .introduction {
    font-size: 1.2em;
    color: #fff;
}
#content .copy h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
    padding-top: 8px;
    margin-bottom: 5px;
    color: #fff;
}
#content .copy h1 {
    font-size: 1.8em;
    line-height: 1.6em;
}
#content h2 {
    font-size: 1.6em;
    line-height: 1.6em;
}
#content h3 {
    font-size: 1.4em;
    line-height: 1.6em;
}
#content h4 {
    font-size: 1.3em;
    line-height: 1.6em;
}
#content h5 {
    font-size: 1.15em;
    line-height: 1.6em;
}
#content h6 {
    font-size: 1em;
    line-height: 1.6em;
}
#content .main img.right {
    margin: 0 0 10px 20px;
}
#content .main img.left {
    margin: 0 20px 10px 0;
}
#content .main img.full {
    float: left;
    margin: 0 0 10px;
}
#content .copy ul {
    padding-left: 40px;
    margin-bottom: 1em;
    list-style-type: square;
}
#content .copy ol {
    padding-left: 40px;
    margin-bottom: 1em;
}
#content .copy th, #content .copy td {
    vertical-align: top;
    padding: 5px 10px 5px 0;
}
#content .copy .pagination ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#content .copy .pagination ul li {
    float: left;
    line-height: 1em;
    border-right: 1px solid #454945;
    padding: 0 5px;
}
#content .copy .blog {
    width: 502px;
    padding-right: 36px;
    float: left;
}
#content .blog .listing .right {
    width: 379px;
    float: left;
}
.comments {
    margin-top: 20px;
    padding-top: 10px;
    float: left;
    border-top: 1px solid #454945;
}
.comments .BlogCommentsTitle {
    display: block;
    font-size: 1.3em;
    line-height: 1.6em;
    font-weight: 700;
    margin-bottom: 5px;
    padding-top: 8px;
}
#content .blog .entry {
    color: #ccc;
    float: left;
    width: 502px;
    padding: 15px 0 0;
}
#content .blog .comment {
    float: left;
    background-color: #000;
    color: #eee;
    padding: 10px 10px 5px;
}
#content .blog .entry .information {
    background: url(../images/bg_comment.gif) no-repeat left 0;
    float: left;
    padding-top: 20px;
    color: #eee;
    width: 100%;
}
#content .copy .blog-sidebar {
    width: 153px;
    float: left;
}
#content .copy .blog-sidebar h4 {
    border-bottom: 1px solid #454945;
    margin: 0;
    padding: 10px 0 3px 10px;
}
#content .copy .blog-sidebar ul.listing {
    padding-top: 0;
    margin-bottom: 30px;
}
#content .copy .blog-sidebar ul.listing li {
    margin-bottom: 0;
    width: 133px;
    border-bottom: 1px solid #2c2c2c;
    padding: 3px 10px;
}
#content .copy ul.listing {
    list-style: none;
    width: 100%;
    margin: 0 0 10px;
    padding: 10px 0 0;
}
#content .copy ul.listing li {
    border-bottom: 1px solid #454945;
    width: 100%;
    margin: 0 0 15px;
    padding: 0;
}
#content .listing .image {
    width: 105px;
    padding: 0 18px 15px 0;
}
#content .listing .image img {
    margin: 0;
    padding: 0;
}
#content .listing .right {
    width: 568px;
    float: left;
}
#content .listing .right h4, #content .listing .right h3 {
    margin-top: 0;
    padding-top: 0;
    line-height: 1.2em;
}
#content .copy ul.anchor-links {
    margin-bottom: 36px;
}
#content .copy ul.anchor-links li {
    margin: 0 0 5px;
    padding: 0 0 5px;
}
.anchor {
    float: left;
    width: 691px;
    border-bottom: 1px solid #454945;
    margin: 0 0 15px;
}
.back-to-top {
    padding-top: 10px;
    float: right;
    margin-bottom: 5px;
}
#devotionGallery {
    width: 711px;
    height: 760px;
    background-color: #0b0c0b;
}
#content .copy #devotionGallery ul {
    padding-left: 0;
    list-style: none;
}
#devotionGallery.loading {
    height: auto;
}
#devotionGalleryLoader {
    top: 120px;
    left: 185px;
}
#devotionGalleryViewPort {
    left: 10px;
    top: 10px;
    width: 690px;
    height: 480px;
    overflow: hidden;
}
#devotionGalleryViewPort ul, #devotionGalleryViewPort ul li {
    width: 690px;
    height: 480px;
}
#devotionGalleryNavigation {
    left: 0;
    top: 450px;
    height: 30px;
    width: 690px;
    background: url(../images/bg_devotionGalleryNavigation.png) no-repeat 0 0;
    z-index: 5;
}
#devotionGalleryPrevious, #devotionGalleryNext {
    color: #c4df9b;
    font-size: 1.1em;
    text-decoration: none;
}
.loading #devotionGalleryThumbnail {
    top: 10px;
}
#devotionGalleryPages {
    left: 0;
    top: 0;
    width: 696px;
    height: 230px;
}
#devotionGalleryThumbnail {
    left: 7px;
    top: 497px;
    width: 708px;
}
#devotionGalleryThumbnail ul.thumbnails {
    list-style: none;
    margin: 0;
    padding: 0;
}
#devotionGalleryPages .thumbnail-items, #devotionGalleryThumbnail ul.thumbnails {
    height: 230px;
    width: 708px;
}
#devotionGalleryPages .thumbnail-items a, #devotionGalleryThumbnail ul.thumbnails a {
    width: 111px;
    height: 111px;
}
#devotionGalleryPages .thumbnail-items a.active, #devotionGalleryPages .thumbnail-items a:hover {
    background: #fff;
}
#copy #devotionGalleryPages .thumbnail-items li, #copy #devotionGalleryThumbnail ul.thumbnails li {
    padding: 0 4px 4px 0;
}
#content .copy #devotionGalleryThumbnail ul.thumbnails a img {
    margin: 3px 3px 0 0;
}
#devotionGalleryPages .thumbnail-items a .enlarge, #devotionGalleryThumbnail ul.thumbnails a .enlarge {
    width: 111px;
    padding: 111px 0 0;
}
#devotionGalleryPages .thumbnail-items a:hover .enlarge, #devotionGalleryThumbnail ul.thumbnails a:hover .enlarge {
    background: url(../images/bg_devotionGalleryThumbnail.png) no-repeat 0 0;
}
#devotionGalleryThumbnail .instructions {
    top: 238px;
    color: #eee;
}
#devotionGalleryThumbnail .pagination {
    top: 238px;
}
#devotionGalleryThumbnail .pagination ul li {
    line-height: 1em;
    border-right: 1px solid #b1b1b1;
    padding: 0 5px;
}
textarea, input.textbox, .TextBoxField, .TextAreaField, .CalendarTextBox, div.textbox input, .EditingFormValueCell textarea {
    width: 490px;
    font-size: 12px;
    padding: 3px;
}
textarea, .TextAreaField, .EditingFormValueCell textarea {
    width: 493px;
    font-family: Helvetica, Arial, sans-serif;
}
input.narrow {
    width: 100px;
}
#content .copy table.EditingFormTable {
    width: 700px;
    float: left;
}
.EditingFormValueCell label {
    padding-left: 7px;
}
#content .copy td.EditingFormLabelCell {
    padding-top: 9px;
    vertical-align: top;
    width: 170px;
}
#content .copy td.EditingFormButtonCell, #content .copy td.EditingFormValueCell {
    width: 500px;
    float: none;
}
#content .BlogRequiredValidator .button, #content .copy td.EditingFormButtonCell .button {
    float: right;
    margin: 0 0 0 10px;
}
#content .copy table.checkbox td {
    padding: 0 10px 5px 0;
}
#content .copy table.checkbox td input {
    margin-top: 3px;
}
#content .copy table.checkbox td label {
    padding-left: 10px;
    margin-top: 0;
}
#content .copy .EditingFormValueCell table.checkbox-table td {
    width: 115px;
}
#content .copy table.prices, #content .copy table.calendar {
    margin-bottom: 30px;
}
#content .copy table.prices td, #content .copy table.calendar td {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #454945;
    width: 220px;
}
#content .copy table.prices td {
    width: 520px;
}
#content .copy table.prices td.title {
    width: 150px;
}
#content .copy table.prices td.trophy {
    width: 200px;
}
#content .copy table.prices td.price {
    width: 125px;
}
.CalendarTextBox {
    margin-right: 5px;
    width: 100px;
}
.form {
    width: 100%;
    float: left;
}
.row {
    width: 100%;
    float: left;
    padding: 0 0 15px;
}
.cell-title, .cell-field {
    width: 150px;
    float: left;
}
.cell-field {
    width: 310px;
}
.cell-title {
    padding: 4px 0 5px;
}
.fielderror {
    display: block;
    padding-top: 3px;
    color: #c00;
}
#content .copy ul.CMSSiteMapList {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
}
#content .copy ul.CMSSiteMapList li {
    list-style: none;
    width: 100%;
    border-bottom: 1px solid #454945;
    margin: 0 0 10px;
    padding: 0 0 10px;
}
#content .copy ul.CMSSiteMapList ul li {
    list-style: none;
    width: 100%;
    border-bottom: none;
    margin: 0;
    padding: 5px 0 0;
}
#content .copy ul.CMSSiteMapList a.CMSSiteMapLink {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    line-height: 1.6em;
}
#content .copy ul.CMSSiteMapList ul a.CMSSiteMapLink {
    color: #c4df9b;
    text-decoration: underline;
    font-size: 12px;
    line-height: 1.6em;
    background: url(../images/icon_arrow.gif) no-repeat 0 0;
    padding-left: 12px;
}
#content .sidebar {
    width: 213px;
    padding-right: 36px;
    float: left;
}
#content .sidebar li {
    width: 213px;
    border-bottom: 1px solid #454945;
    padding: 0;
}
#content .CMSListMenuLI a, #content .CMSListMenuHighlightedLI a, #content .CMSListMenuHighlightedLI span {
    width: 193px;
    display: block;
    color: #ccc;
    text-decoration: none;
    padding: 3px 10px;
}
#content .CMSListMenuHighlightedLI a, #content .CMSListMenuHighlightedLI span {
    color: #fff;
    background: #000;
}
#content .CMSListMenuLI a:hover {
    color: #c4df9b;
    text-decoration: none;
}
#content .CMSListMenuLI a:active {
    color: #c4df9b;
    background: #000;
}
#footer .super-footer {
    float: left;
    width: 960px;
    padding-top: 54px;
}
#footer h2.popular {
    width: 213px;
    background-position: 0 0;
    color: #fff;
    float: left;
    margin-right: 451px;
    line-height: 35px;
    padding: 35px 0 0;
}
#footer h2.making-contact {
    width: 148px;
    background-position: -213px 0;
    color: #fff;
    float: left;
    line-height: 35px;
    padding: 35px 0 0;
}
#footer .popular {
    width: 664px;
    float: left;
    padding: 10px 0;
}
#footer .popular .wrapper {
    width: 664px;
    float: left;
    background: url(../images/bg_footer_lines.gif) repeat-y 149px 0;
}
#footer .popular h3 {
    padding-left: 10px;
    font-size: 13px;
    color: #fff;
    padding-bottom: 7px;
}
#footer .column {
    width: 130px;
    float: left;
    padding-right: 36px;
}
#footer .column ul {
    padding: 0 10px;
}
#footer .column ul, #footer .column ul li {
    width: 110px;
    float: left;
}
#footer .column a {
    color: #eee;
}
#footer #search {
    float: left;
    position: relative;
    width: 608px;
    padding: 10px 10px 0;
}
#footer #search .textbox {
    float: left;
    width: 508px;
    background: #1a1a1a url(../images/bg_search.gif) no-repeat 0 0;
    border: none;
    color: #fff;
    font-size: 12px;
    padding: 3px 3px 3px 26px;
}
#footer #search label {
    position: absolute;
    top: 11px;
    left: 36px;
    z-index: 1;
    color: #fff;
    font-size: 12px;
}
#footer #search .buttons {
    width: 58px;
    padding-left: 10px;
}
#footer .making-contact {
    width: 296px;
    float: left;
    padding-bottom: 10px;
}
#footer .making-contact .call-to-action {
    background-position: 10px 13px;
    background-repeat: no-repeat;
    padding-left: 45px;
    width: 251px;
    padding-top: 10px;
    float: left;
}
#footer .call-to-action span {
    display: block;
}
#footer .call-to-action strong.title {
    font-size: 13px;
    color: #fff;
}
#footer .making-contact .phone {
    background-image: url(../images/icon_phone.gif);
}
#footer .making-contact .mail {
    background-image: url(../images/icon_mail.gif);
}
#footer .making-contact .booking {
    background-image: url(../images/icon_booking.gif);
}
#footer .making-contact .send {
    background-image: url(../images/icon_send.gif);
}
#footer .super-footer .pane {
    float: left;
    width: 960px;
    background: url(../images/bg_footer.png) repeat-y 0 0;
}
#footer .normal-footer {
    float: left;
    width: 960px;
    padding: 30px 0;
}
#footer .normal-footer ul {
    width: 830px;
}
#footer .normal-footer a {
    color: #999;
}
#footer .normal-footer .CMSListMenuUL {
    margin-bottom: 0.3em;
}
#footer .normal-footer li {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #444;
    line-height: 1.2em;
}
#footer .normal-footer li.last, #footer .normal-footer li.CMSListMenuLILast {
    border-right: none;
}
#footer .normal-footer .list {
    color: #666;
}
#TB_window .header {
    width: 515px;
    float: left;
    background: #000;
}
#TB_window .header h2 {
    float: left;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    color: #fff;
    width: auto;
    height: 20px;
    padding: 10px;
}
#TB_window .header a.close-lightbox {
    display: block;
    float: right;
    background: url(../images/bg_close.gif) no-repeat center center;
    height: 0;
    width: 74px;
    overflow: hidden;
    padding: 40px 0 0;
}
#TB_window .content {
    background: #111;
    color: #fff;
    width: 495px;
    float: left;
    padding: 10px 10px 20px;
}
#TB_window .content .form {
    padding-top: 10px;
}
#TB_window .textbox {
    width: 330px;
}
#TB_window textarea {
    width: 333px;
}
#TB_window .content .buttons {
    float: right;
    width: auto;
    text-align: right;
}
#TB_window .content .button {
    margin: 0 0 0 10px;
}
div, p, form, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, blockquote, #content .copy #devotionGallery img {
    margin: 0;
    padding: 0;
}
a:hover, a:hover.more, #content .copy ul.anchor-links a:hover, #devotionGalleryPrevious:hover span, #devotionGalleryNext:hover span, #devotionGalleryThumbnail .pagination ul li a:hover, #footer a:hover, #footer a:hover.call-to-action span {
    text-decoration: underline;
}
a.skip, .hide, .overlabel, .sIFR-active h1 span, hr.BlogCommentsSeparator, #devotionGalleryDescription {
    display: none;
}
a img, #content .column ul.listing li.last, #content .copy ul.listing li.last {
    border: none;
}
a.more, #content .copy ul.anchor-links a {
    background: url(../images/icon_arrow.gif) no-repeat 0 0;
    padding-left: 12px;
    text-decoration: none;
}
.left, ul.list li, .CMSListMenuUL li {
    float: left;
}
.right, #content .copy .pagination {
    float: right;
}
#content, #footer {
    width: 960px;
    float: left;
}
.gallery #content .main, #content .copy ul#search-results li h4 {
    padding-top: 0;
}
#content .column h3 a, #content .listing .right h4 a, #content .listing .right h3 a {
    color: #fff;
    text-decoration: none;
}
#content .column h3 a:hover, #content .listing .right h4 a:hover, #content .listing .right h3 a:hover, #content .copy ul.CMSSiteMapList a:hover.CMSSiteMapLink {
    color: #c4df9b;
    text-decoration: underline;
}
#content .copy th, #TB_window {
    color: #fff;
}
#content .copy .pagination ul li.last, #content .copy .pagination ul li.next, #devotionGalleryThumbnail .pagination ul li.last {
    border-right: none;
    padding: 0 0 0 5px;
}
#content .copy .pagination ul li a.active, #devotionGalleryThumbnail .pagination ul li a.active {
    text-decoration: underline;
    font-weight: 700;
}
#devotionGalleryThumbnail .pagination ul li a, #footer a, #footer a:hover.call-to-action {
    text-decoration: none;
}
#content .copy ul.CMSSiteMapList ul, #content .copy ul.CMSSiteMapList ul ul {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0 0 0 25px;
}
#footer .column a:hover, #footer .normal-footer a:hover {
    color: #c4df9b;
}



#theRoarHero {
    float: left;
    background-color: #000;
    padding: 4px 8px 8px 8px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    width: 280px;
}
#theRoarHero a {
    text-decoration: none;
    color: #FFF;  
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999em;    
    display: block;
}
#theRoarHero h2 {
    padding: 0 !important;
    margin: 0 !important;
}
#theRoarHero p {
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 16px;
    width: 69%;
}
#theRoarHero p strong {
    font-weight: normal;
    font-style: italic;    
    color:#C4DF9B;            
}
#theRoarHero .creature {
    background: url(/Site_Assets/images/roar-stag.png) no-repeat;
    width: 93px;
    height: 83px; 
    text-indent: -9999em;
    position: absolute;
    right: 0;
    bottom: 0;       
}

.audioPlayerContainer {
    margin-bottom: 30px;
}