@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/_assets/_fonts/opensans/opensans-regular.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-regular.woff) format('woff'); font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Semibold'), local('OpenSans-semibold'), url(/_assets/_fonts/opensans/opensans-semibold.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-semibold.woff) format('woff'); font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(/_assets/_fonts/opensans/opensans-light.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-light.woff) format('woff'); font-display: swap; }

/*********

Property Services CSS

*********/

body {
  background: url(gfx/background.png) center 0px repeat-x;
  text-rendering: optimizeLegibility;
}
#content p,
#content ul,
#content ol,
#content table,
#content table th,
#content table td,
#content dl,
#content dt,
#content dd,
#content form,
#content fieldset,
#content legend,
#content label,
#content select,
#content option,
#content textarea,
#content input,
#right p,
#right li,
#right input {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
  line-height: 1.5;
}
#wrapper {
	background: url(gfx/banner.jpg) center 0px no-repeat;
}
.titleinner {
	padding-top: 287px;
	margin-top: 0px;
  background: url(gfx/title.png) 214px 49px no-repeat;
}
#title h1 {
	padding: 5px 0 0px 0px;
	font-size: 36px;
	line-height: 1.2;
	margin: 0 0 0 23px;
	background: none;
  color: #546b7a;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 300;
  position: relative;
  opacity: 1;
}
#title h1.notopimage {
  padding-right: 0;
  max-width: 650px;
  margin-bottom: 21px;
}
#title img {
	display: none;
}
#content {
  position: relative;
}
#content h2 {
	margin: 28px 0 14px 0;
  border-bottom: none;
  color: #546b7a;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 300;
}
#content  h2:first-of-type {
  margin-top: 0;
}
#content p + h2:first-of-type {
	margin-top: 28px;
}
#content hr {
  border-color: #e4e4e4;
}
#map_canvas_one {
  width: 100%; height: 400px;
}
#map_canvas_one div.gm-style div div div div div img {
  max-width: 1000px;
}
#right {
	background-image: none;
}
#right ul {
  margin-bottom: 7px !important;
  padding-bottom: 7px;
}
#right ul li ul {
  margin-bottom: 0 !important;
  padding: 1px 0;
  border-bottom: none;
}

/*=================================

Commemorative Register

==================================*/

#content .grid_half.commemorative-list {
  width: 302px;
}
body.OTAGO118001 #content p:first-child {
  color: #999999;
  border: 1px solid #e4e4e4;
  padding: 7px;
  display: inline-block;
  font-family: "Minion Pro", Minion, Georgia, Times New Roman, serif;
  font-style: italic;
  font-size: 15px;
}
body.OTAGO118001 #content p:first-child span {
  color: #000000;
}
#content .commemorative-list ul {
	margin-left: 0;
}
#content .commemorative-list li {
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 0px;
	padding: 0 0 0 35px;
    border-top: 1px solid #e4e4e4;
    padding-bottom: 7px;
    padding-top: 7px;
    color: #999;
    font-style: italic;
    font-family: Georgia, "Times New Roman", Times, serif;
}
#content .commemorative-list li a {
    border-bottom: none;
    font-family: "Open sans", Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    font-size: 16px;
    font-style: normal;
}
#content .commemorative-list ul {
   overflow: hidden;
}
#content .commemorative-list h3:before {
    display: table;
    content: '';
    width: 100%;
    height: 0px;
}
#content .commemorative-list h3 {
    clear: both;
    margin-top: 21px;
}

#content .commemorative-list li,
#content .commemorative-list li.tree-icon,
#content .commemorative-list li.plaque-icon,
#content .commemorative-list li.seat-icon {
    float: left;
    width: 40%;
    margin-right: 9%;
}
#content .commemorative-list li:nth-of-type(2n) {
    margin-right: 0;
}
#content .commemorative-list .tree-icon {
    background: url(gfx/register-species-icon.png) no-repeat 0px 8px;
}
#right .icon-key .tree-icon {
	background: url(gfx/register-species-icon.png) no-repeat 0px 5px;
	padding-left: 30px;
	padding-top: 7px;
}
#content .commemorative-list .plaque-icon {
    background: url(gfx/register-plaque-icon.png) no-repeat 4px 11px;
}
#right .icon-key .plaque-icon {
	background: url(gfx/register-plaque-icon.png) no-repeat 2px 9px;
	padding-left: 30px;
	padding-top: 7px;
}
#content .commemorative-list .seat-icon {
    background: url(gfx/register-seat-icon.png) no-repeat 4px 13px;
}
#right .icon-key .seat-icon {
	background: url(gfx/register-seat-icon.png) no-repeat 2px 9px;
	padding-left: 30px;
	padding-top: 7px;
}

.register-block {
    border: 1px solid #dddddd;
    border-radius: 3px;
    box-sizing: border-box;
    box-shadow: 0 10px 20px #f5f5f5;
}
.register-container {
    background: url(gfx/register-background.png) no-repeat 0 0 #1e262b;
    overflow: hidden;
    margin-bottom: 35px;
}
#content .register-block {
    padding-bottom: 35px;
    margin-bottom: 35px;
}
#content .register-block h2 {
    margin-left: 35px;
}
#content .register-block p {
    padding: 0 35px 0px 35px;
}
.register-container img {
    float: left;
}
#content .register-info {
    width: 169px;
    margin: 0 14px 0px 21px;
    float: right;
}
#content .register-info h2 {
    font-size: 24px;
    margin-top: 35px;
    margin-left: 0;
    margin-bottom: 28px;
    color: #ffffff;
    -webkit-font-smoothing: subpixel-antialiased;
}
#content .register-info h3 {
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.3;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}
#content .register-info p {
    padding: 0 14px 0px 0px;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 21px;
}
#content .register-container {
    color: #ffffff;
}
#content .register-info h3.species {
    position: relative;
}
#content .register-info h3.species:before {
    content: " ";
    width: 25px;
    height: 25px;
    background: url(gfx/register-species-icon.png) no-repeat 0 0;
    display: block;
    position: absolute;
    left: -33px;
    top: 0px;
}
#content .register-info h3.planted {
    position: relative;
}
#content .register-info h3.planted:before {
    content: " ";
    width: 25px;
    height: 25px;
    background: url(gfx/register-date-icon.png) no-repeat 0 0;
    display: block;
    position: absolute;
    left: -30px;
    top: 0;
}
#content .register-info h3.tree-location {
    position: relative;
}
#content .register-info h3.tree-location:before {
    content: " ";
    width: 25px;
    height: 25px;
    background: url(gfx/register-location-icon.png) no-repeat 0 0;
    display: block;
    position: absolute;
    left: -28px;
    top: 0;
}

/* Previous and next arrows */

@-webkit-keyframes movearrowleft {
    0% { -webkit-transform: translateX(0px); }
    65% { -webkit-transform: translateX(-6px); }
    100% { -webkit-transform: translateX(-4px); }
}
@keyframes movearrowleft {
    0% { -webkit-transform: translateX(0px); }
    65% { -webkit-transform: translateX(-6px); }
    100% { -webkit-transform: translateX(-4px); }
}
@-webkit-keyframes movearrowright {
    0% { -webkit-transform: translateX(0px); }
    65% { -webkit-transform: translateX(6px); }
    100% { -webkit-transform: translateX(4px); }
}
@keyframes movearrowright {
    0% { -webkit-transform: translateX(0px); }
    65% { -webkit-transform: translateX(6px); }
    100% { -webkit-transform: translateX(4px); }
}

#content .previous-button a,
#content .next-button a {
	display: block;
	position: absolute;
	height: 60px;
	width: 37px;
	border-bottom: none;
	transition: all 0.3s ease-in;
	overflow: hidden;
	padding-top: 65px;
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 300;
}
#content .previous-button a {
	top: 185px;
	left: 194px;
	background: url(gfx/arrow-left.svg) no-repeat 0 0;
    text-indent: 40px;
}
.no-svg #content .previous-button a {
	background: url(gfx/arrow-left.png) no-repeat 0 0;
}
#content .previous-button a:hover {
	-webkit-animation-name: movearrowleft;
    	    animation-name: movearrowleft;
  -webkit-animation-duration: 0.5s;
      	 animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
        	 animation-fill-mode: both;
			text-indent: 0;
}
#content .next-button a {
	top: 185px;
	right: -38px;
	background: url(gfx/arrow-right.svg) no-repeat right 0;
    text-indent: -40px;
}
.no-svg #content .next-button a {
	background: url(gfx/arrow-right.png) no-repeat right 0;
}
#content .next-button a:hover {
	-webkit-animation-name: movearrowright;
    	    animation-name: movearrowright;
    -webkit-animation-duration: 0.5s;
        	animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
        	animation-fill-mode: both;
			text-indent: 0;
}

/* Right column search */
#right #memorialsearch fieldset {
  background: #7b9fb5;
  padding: 14px;
  max-width: 100%;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  border-radius: 3px;
  border: none;
}
#memorialsearch fieldset label {
  color: #fff;
  font-size: 14px;
}
#right #memorialsearch select {
  width: 100%;
  margin-top: 7px;
  padding: 2px
}
#memorialsearch fieldset input[type=text] {
  border: none;
  margin-top: 7px;
  padding: 6px 3%;
  width: 93%;
  box-shadow: inset 0 0 5px #e4e4e4;
  border: 1px solid #5c849c;
}
#right ::-webkit-input-placeholder {
 color: #666666;
 font-style: italic;
 font-size: 12px;
}
#right ::-moz-placeholder {  /* Firefox 19+ */
 color: #666666;
 font-style: italic;
 font-size: 12px;
}
#right :-ms-input-placeholder {
 color: #666666;
 font-style: italic;
 font-size: 12px;
}
#right #memorialsearch fieldset input[type="submit"] {
  background: url(/_assets/_gfx/sprite-search.png) no-repeat -55px 5px #FFCD23;
  width: 70%;
  border: 2px solid #5c849c;
  margin-left: 15%;
  color: #333333;
  margin-top: 14px;
  padding-top: 3px;
  padding-left: 15px;
  padding-bottom: 3px;
  border-radius: 16px;
  font-family: Georgia, "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.3;
  cursor: pointer;
  transition: all 0.2s ease-out;
  position: relative;
  display: block;
}
#right #memorialsearch fieldset input + span {
  content: '';
  background: url("/_assets/_gfx/spinner/load-spinner.png") center center no-repeat;
  width: 20px;
  height: 20px;
  display: block;
  position: relative;
  top: -32px;
  left: 30px;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: spinner;
  animation-name: spinner;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: reverse;
	animation-direction: reverse;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
  visibility: hidden;
}
#right #memorialsearch fieldset input:active {
    background-image: none;
}
#right #memorialsearch fieldset input:active + span {
    visibility: visible;
}
#right #memorialsearch fieldset input.selected {
    background-image: none;
}
#right #memorialsearch fieldset input.selected + span {
    visibility: visible;
}
@-webkit-keyframes spinner {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#right #memorialsearch fieldset input[type="submit"]:hover {
    background-color: #DFA000;
    color: #ffffff;
    transform: scale(0.98);
}
#right #memorialsearch fieldset input[type="submit"]:active {
    background-color: #ffd547;
    color: #333333;
}

/*=================================

Building work notifications

==================================*/

.OTAGO655733 #content h2 {
  margin-top: 35px;
  margin-bottom: 28px;
}
.OTAGO655733 #content h3 {
  margin-top: 21px;
  margin-bottom: 21px;
  font-size: 23px;
}
.OTAGO655733 #content h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin-bottom: 14px;
  color: #546b7a;
}
.OTAGO655733 #map_canvas_one {
  box-shadow: 0 0 10px #e4e4e4;
  border: 1px solid #cccccc;
  border-radius: 3px;
}
.OTAGO655733 #content #box1 > div {
  box-shadow: 0 0 10px #e4e4e4;
  padding: 14px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  margin-bottom: 14px;
}
.OTAGO655733 #content #box1 div .updated {
  padding-bottom: 21px;
  padding-top: 21px;
}
.OTAGO655733 #content #box1 div + div {
  border-top: 3px dotted #dddddd;
}
.OTAGO655733 #content #box1 div .updated:before {
  content: 'Updated';
  text-transform: uppercase;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  padding: 3px 7px;
  border: 1px solid #f9c000;
  color: #888888;
  display: inline-block;
  float: right;
  border-radius: 3px;
  font-size: 11px;
  letter-spacing: 0.05em;
}


/*======================


Frontpage styles


======================*/


body.frontpage {
    background: url(gfx/background-front.png) center 0px repeat-x;
}
body.frontpage #wrapper {
	background: url(gfx/banner-front.jpg) center 0px no-repeat;
}
body.frontpage .titleinner {
    padding-top: 340px;
    background: url(gfx/title.png) 214px 84px no-repeat;
}
body.frontpage #title h1 {
	line-height: 1.35;
}
body.frontpage #title h1.notopimage {
	max-width: 882px;
    font-size: 31px;
    padding-right: 0;
    margin-bottom: 0px;
}
body.frontpage #content hr {
	margin: 0px 0 14px 0;
    padding: 0;
	border-top: 1px solid #e4e4e4;
}
body.frontpage #content {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0px;
    min-height: 250px;
}
body.frontpage #content h2 {
	font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 21px 0 14px 0;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    color: #546b7a;
}
body.frontpage #content h2 span {
}
body.frontpage #content h3 {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 300;
    color: #7a9f76;
    text-rendering: optimizeLegibility;
    padding: 21px 0 21px 0;
}
body.frontpage #content.otgx {
    width: 882px;
}
body.frontpage #content .grid2 {
    min-height: 10px;
    margin-top: 28px;
    margin-bottom: 28px;
}
body.frontpage #content .grid2:nth-of-type(2n) {
    margin-right: 0;
}
body.frontpage #content.otgx .grid_third {
    width: 263px;
    box-shadow: 0px 0px 14px #e1e1e1;
    padding-bottom: 21px;
    margin-bottom: 21px;
}
body.frontpage #content.otgx .grid_third:nth-of-type(3n+1) {
    margin-right: 0;
}
html.no-boxshadow body.frontpage #content.otgx .grid_third {
    border: 1px solid #e4e4e4;
}
body.frontpage #content.otgx .grid_third h2 {
    background: url(gfx/stroke.png) repeat-x 0 center;
}
body.frontpage #content.otgx .grid_third h2 span {
    background: #ffffff;
    padding-right: 7px;
}
body.frontpage #content.otgx .grid_third h3 {
    font-size: 14px;
    line-height: 1.5;
    font-family: Helvetica, Arial, Geneva, sans-serif;
    font-weight: normal;
    margin-bottom:0;
    padding: 14px 0 0 0;
    border-top: 1px solid #e4e4e4;
}
body.frontpage #content.otgx .grid_third h3:first-of-type {
    border-top: none;
    padding-top: 0;
}
body.frontpage #content.otgx .grid_third .smalltag {
    margin-bottom: 0;
}
body.frontpage #content.otgx .grid_third a {
    border-bottom: none;
}
body.frontpage #content.otgx .grid_third img {
    margin: 0;
    padding: 0;
    border: none;
    width: 263px;
    height: 161px;
}
body.frontpage #content.otgx .grid_third h2,
body.frontpage #content.otgx .grid_third h3,
body.frontpage #content.otgx .grid_third p,
body.frontpage #content.otgx .grid_third ul {
    margin-left: 14px;
    margin-right: 14px;
}
body.frontpage #content p.clearall {
    line-height: 0;
    margin-bottom: 0;
}
body.frontpage #content p.bordertop {
    border-top: 1px solid #e4e4e4;
}
body.frontpage #content p.list-arrow {
    background: url(gfx/arrow.png) right 3px no-repeat;
    padding-right: 40px;
}
body.frontpage #content article img {
	display: none;
}
body.frontpage #content article .articletext {
	margin-bottom: 21px;
}
body.frontpage #content article .articletext .smalltag {
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 21px;
}
body.frontpage #content article:nth-of-type(4n) .smalltag {
	border-bottom: none;
}
body.frontpage #content.otgx .grid_third p.thumbnailimage {
	margin-left: 0;
    margin-right: 0;
}
body.frontpage #right {
	background-image: none;
	clear: both;
	margin: -250px 0 0 0;
	padding: 0;
}


/* ================================================

GOOGLE MAP STYLING

================================================ */

@keyframes pulse {
	0% { opacity: 1.0; -webkit-transform: scale(1.0); }
	40% { opacity: 0.75; -webkit-transform: scale(0.90); }
	100% { opacity: 1.0; -webkit-transform: scale(1.0); }
}

@-webkit-keyframes pulse {
	0% { opacity: 1.0; -webkit-transform: scale(1.0); }
	40% { opacity: 0.75; -webkit-transform: scale(0.90); }
	100% { opacity: 1.0; -webkit-transform: scale(1.0); }
}

#content #map { border: solid 1px #ccc; width: 100%; height: 250px; }
#content #map img { max-width: none; }
#content .mapbutton {
	direction: ltr;
	overflow: hidden;
	text-align: center;
	position: relative;
	color: rgb(0, 0, 0);
	font-family: Roboto, Arial, sans-serif;
	-webkit-user-select: none;
	font-size: 11px;
	background-color: rgb(255, 255, 255);
	padding: 1px 6px;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.148438);
	-webkit-box-shadow: rgba(0, 0, 0, 0.296875) 0px 1px 4px -1px;
	box-shadow: rgba(0, 0, 0, 0.296875) 0px 1px 4px -1px;
	min-width: 23px;
	font-weight: 500;
}
img[src*="blue_dot.png"] {
	animation-name: pulse;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: pulse;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
}
/*========= END GOOGLE MAP STYLING =========*/


/* ================================================

WEBCAM STYLING

================================================ */

#content .webcam { margin-top: 28px; float: right; margin-left: 21px; position: relative; }
#content .webcam:first-of-type,
#content p.webcam { margin-top: 0; }
#content .webcam img { max-width: 100%; }
#content .webcam button {
    position: absolute;
    top: 10px;
    right: 15px;
    margin: 0;
    border: none;
    opacity: .33;
    background-color: transparent;
    background-size: 32px;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    display: block;
}


#content button.play-pause { background-image: url(/_assets/_gfx/pause-outline-white.svg); }
.no-svg #content button.play-pause { background-image: url(/_assets/_gfx/pause-outline-white.png); }

#content button.play-pause.pause { background-image: url(/_assets/_gfx/play-outline-white.svg); }
.no-svg #content button.play-pause.pause { background-image: url(/_assets/_gfx/play-outline-white.png); }
/*========= END WEBCAM STYLING =========*/



/* MEDIA QUERIES ***************************************/


/*================================================


iPad landscape >


================================================*/

@media only screen and (min-width: 769px) and (max-width: 1024px) {
	#wrapper {
        background: url(gfx/banner.jpg) -350px 0px no-repeat;
    }
    #title h1.notopimage {
        max-width: 100%;
        padding-right: 0;
    }
    #contentwrapper {
        width: 882px;
    }
	body.frontpage #title h1.notopimage {
		max-width: 650px;
	}
    body.frontpage #content.otgx {
       width: 650px;
    }
	body.frontpage #content .grid2 {
        width: 302px;
    }
	body.frontpage #content .grid2 img {
		max-width: 302px;
	}
    body.frontpage #content.otgx .grid_third {
        width: 186px;
    }
    body.frontpage #content.otgx .grid_third img {
        max-width: 100%;
    }
    body.frontpage #content.otgx .grid1 {
        width: 150px;
        margin-right: 16px;
    }
    body.frontpage #content.otgx .grid1 img {
        max-width: 100%;
    }
    body.frontpage #content.otgx .grid_third img {
        height: 140px;
    }
    /* Commemorative Register */
    #content.grid_half.commemorative-list {
        width: 186px;
    }
    #content .register-info {
        width: 90%;
        margin: 0px 14px 0px 45px;
        float: none;
    }
    .register-container img {
        float: none;
        margin-bottom: 0;
    }
    #content .register-info h2 {
        margin-top: 21px;
    }
    #content .grid_half.commemorative-list {
        width: 186px;
    }
    #content .commemorative-list li,
    #content .commemorative-list li.tree-icon,
    #content .commemorative-list li.plaque-icon,
    #content .commemorative-list li.seat-icon {
        width: 37%;
    }
}




/*================================================


Portrait tablet ^


================================================*/

@media only screen and (max-width: 768px) {
    #wrapper,
    body.frontpage #wrapper {
        background-position: -500px 0;
    }
    #wrapper {
        width: 753px;
    }
    .titleinner {
	    padding-top: 280px;
        padding-bottom: 0;
        background: url(gfx/title.png) 214px 63px no-repeat;
    }
    body.frontpage #title h1 {
		width: auto;
        padding-bottom: 7px;
	}
    #title h1.notopimage {
        max-width: 100%;
        padding-right: 0;
        line-height: 1.2;
    }
	body.frontpage #wrapper {
        background: url(gfx/banner.jpg) center 0px no-repeat;
    }
    body.frontpage .titleinner {
        padding-top: 273px;
        background: url(gfx/title.png) 214px 56px no-repeat;
    }
    body.frontpage #title h1.notopimage {
        line-height: 1.25;
        font-size: 26px;
    }
	body.frontpage #content {
        padding-top: 0;
        padding-bottom: 42px;
    }
    body.frontpage #content.otgx {
       width: 418px;
    }
    body.frontpage #content .grid2 {
        margin-top: 14px;
        margin-bottom: 7px;
    }
    body.frontpage #content.otgx .grid1:nth-of-type(2n) {
        margin-right: 0;
    }
    body.frontpage #content .grid2:nth-of-type(2n) {
        margin-bottom: 28px;
    }
    body.frontpage #content.otgx .grid_third {
        width: 100%;
    }
    body.frontpage #content .grid1 {
        width: 44.5%;
        min-height: 0;
        padding-top: 0;
    }
    body.frontpage #content p.bordertop {
        border-top: none;
    }
	#right {
		border-top: 1px solid #e4e4e4;
		margin-top: 0px;
	}
	body.frontpage #right {
		border-top: none;
		width: 186px;
	}
    /* Commemorative Register */
    #content .grid_half.commemorative-list {
        width: 186px;
    }
    #content .commemorative-list li,
    #content .commemorative-list li.tree-icon,
    #content .commemorative-list li.plaque-icon,
    #content .commemorative-list li.seat-icon {
        width: 37%;
    }
    #content .register-info {
        width: 100%;
        margin: 0px 14px 0px 45px;
        float: none;
    }
    .register-container img {
        float: none;
        margin-bottom: 0;
    }
    #content .register-info h2 {
        margin-top: 21px;
    }
    #content .grid_half.commemorative-list {
        width: 186px;
    }
}



/*================================================


Mobile styles (phone and small tablet) media query


================================================*/

@media only screen and (min-width: 500px) and (max-width: 700px) {
    body.frontpage #content.otgx {
       width: 97%;
    }
    body.frontpage #content.otgx .grid_third {
        width: 30%;
        float: left;
        margin-right: 5%;
    }
    body.frontpage #content.otgx .grid_third:nth-of-type(3n+1) {
        margin-right: 0;
    }
}
@media only screen and (max-width: 700px) {
    body,
    body.frontpage {
        background: none;
    }
    #wrapper,
    body.frontpage #wrapper {
        background-size: 1050px;
        width: 100%;
        background-position: -350px 18px;
    }
    .titleinner,
    body.frontpage .titleinner {
	    padding-top: 173px;
        padding-bottom: 0px;
        width: 94%;
        background-size: 260px;
        background-position: 0 28px;
    }
    #content {
        padding-top: 0;
    }
    #title h1 {
        font-size: 28px;
        margin-left: 0;
        width: 100%;
        text-shadow: 1px 1px 0px #ffffff;
    }
    .titleinner h1 {
        max-width: 100% !important;
        min-width: 186px !important;
    }
    body.frontpage #title h1 {
        margin-left: 0;
        width: 100%;
        text-shadow: 1px 1px 0px #ffffff;
    }
    body.frontpage #title h1.notopimage {
        line-height: 1.3;
        font-size: 23px;
    }
    body.frontpage #content h2 {
        font-size: 18px;
        text-align: left;
    }
    body.frontpage #content .grid1 {
        width: 44%;
        margin-right: 12%;
        margin-bottom: 0;
    }
    body.frontpage #content .grid2 {
        width: 100%;
        float: none;
    }
    body.frontpage #content.otgx {
        width: 96%;
    }
    body.frontpage #content.otgx .grid_third img {
        width: 100%;
        max-width: 100%;
        float: none;
        height: auto;
    }
    body.frontpage #content .grid1 p img {
        width: 100%;
        max-width: 100%;
        float: none;
    }
    body.frontpage #right {
        margin-top: 0;
    }
    /* Commemorative Register */
    body.OTAGO118001 #content {
        min-height: 0;
    }
    body.OTAGO118001 #right form {
        width: 100%;
    }
    #right #memorialsearch fieldset {
        margin-top: 21px;
        margin-bottom: 14px;
        width: 100%;
    }
    #right #memorialsearch input,
    #right #memorialsearch select {
        max-width: 50%;
        clear: both;
        float: none;
        display: block;
    }
    #right #memorialsearch input {
        width: 97%;
        max-width: 100%;
        padding: 1%;
    }
    #right #memorialsearch fieldset input[type="submit"] {
        padding: 5px 21px;
        margin-top: 21px;
        margin-bottom: 0;
        margin-left: 0;
        background-position: -50px 7px;
        max-width: 50%;
    }
    #right #memorialsearch fieldset input + span {
        top: -28px;
        left: 13px;
    }
    #content .grid_half.commemorative-list {
        width: 100%;
    }
    #content .commemorative-list li,
    #content .commemorative-list li.tree-icon,
    #content .commemorative-list li.plaque-icon,
    #content .commemorative-list li.seat-icon {
       float: none;
       width: 100%;
       margin-right: 0%;
    }
    .register-container {
        background: url(gfx/register-background.png) no-repeat 0 bottom #1e262b;
    }
    #content .register-info {
        width: auto;
        margin: 0px 14px 0px 45px;
        float: none;
    }
    #content .register-container img {
        float: none;
        margin-bottom: 0;
        max-width: 100%;
        margin-left: 0;
        width: 100%;
    }
    #content .register-info h2 {
        margin-top: 21px;
    }
    #map_canvas_one { height: 250px; }
    #content .previous-button a {
        top: 165px;
        left: 10px;
        color: #ffffff;
        background: url(gfx/arrow-left-white.svg) no-repeat 2px center rgba(0, 0, 0, 0.4);
    }
    #content .next-button a {
        top: 165px;
        right: 10px;
        color: #ffffff;
        background: url(gfx/arrow-right-white.svg) no-repeat right center rgba(0, 0, 0, 0.4);
    }
    #content .previous-button a:hover {
        background-position: -100px;
    }
    #content .next-button a:hover {
        background-position: 100px;
    }
    #right #memorialsearch fieldset {
       width: 94%;
    }
    #right #memorialsearch fieldset input[type="submit"] {
        height: auto;
    }
    body.n6044 #contentwrapper {
        display: -webkit-flex;
        display: flex;
        flex-direction: column-reverse;
    }
    .icon-key {
        overflow: hidden;
        clear: both;
    }
    .icon-key p {
        width: 20%;
        float: left;
        margin-right: 0;
    }
}
@media only screen and (max-width: 460px) {
    /* Commemorative register */
    #content .commemorative-list .tree-icon,
    #content .commemorative-list .plaque-icon,
    #content .commemorative-list .seat-icon {
        width: 100%;
        margin-right: 0;
    }
    #right #memorialsearch select {
        max-width: 100%;
        width: 100%;
        clear: both;
        float: none;
        display: block;
    }
    #right #memorialsearch fieldset input[type="submit"] {
        margin-top: 28px;
        width: 100%;
        max-width: 100%;
    }
}