/*! Generated by Fontspring (https://www.fontspring.com) on August 27, 2018. Fully installable fonts can be purchased at http://www.fontspring.com. The fonts included in this stylesheet are subject to the End User License you purchased from Fontspring. The fonts are protected under domestic and international trademark and copyright law. You are prohibited from modifying, reverse engineering, duplicating, or distributing this font software. (c) 2010-2018 Fontspring */
@font-face { font-family: 'Amsi pro condlight'; src: url(/_assets/_fonts/amsipro/amsiprocond-light-webfont.woff2) format('woff2'), url(/_assets/_fonts/amsipro/amsiprocond-light-webfont.woff) format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Amsi pro condbold'; src: local('Amsi pro condbold'), local('Amsi-pro-condbold'), url(/_assets/_fonts/amsipro/amsiprocond-bold-webfont.woff2) format('woff2'), url(/_assets/_fonts/amsipro/amsiprocond-bold-webfont.woff) format('woff'); font-style: normal; font-weight: 700; font-display: swap; }
@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; }

/*********

WEB SERVICES CSS

*********/

body {
  background: url(gfx/background-inside.png) 0 0px repeat-x #ffffff;
}
#wrapper {
  background: url(gfx/banner-inside.png) center 0px no-repeat;
}
.titleinner {
	margin-top: 0px;
	background: url("gfx/tesselations.png") no-repeat 186px -34px;
}
#title h1 {
  background: none;
  background: url("gfx/title.png") no-repeat 0px 58px;
	display: inline-block;
	font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 55px;
  font-weight: 700;
  letter-spacing: -0.01em;
	line-height: 1.05;
  margin: 0px 0 0 23px;
  padding: 214px 0 21px 0px;
  text-rendering: optimizeLegibility;
  text-shadow: 1px 1px 0px #fff, 2px 2px 0px #fff;
  width: 63%;
}
#title h1.notopimage {
  max-width: 590px;
}
header#global_intro h1 {
	font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, arial, sans-serif;
    font-size: 23px;
    letter-spacing: 0.01em;
    line-height: 1.1;
}
header#global_intro h1.global_intro_maori {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25;
  margin-top: 5px;
  padding-bottom: 14px;
}
#content .gridlast {
	margin-right: 0;
}
#content h2 {
	margin: 28px 0 14px 0;
	color: #000000;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-weight: 300;
	border-bottom: none;
  text-rendering: optimizeLegibility;
  letter-spacing: -0.01em
}
#content h2:first-child {
	margin-top: 0;
}
#content h3 {
	color: #555555;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-size: 18px;
	font-weight: 700;
  text-rendering: optimizeLegibility;
}
#content h3 strong {
	color: #888888;
}
#content h3 a {
	border-bottom: none;
}
#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,
#content button,
#right p,
#right li,
#right input,
section.global_mega_nav ul li,
section.global_mega_nav div.rightmeganavlist a,
nav.global_footer ul li {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 400;
}
#content table th {
	font-weight: 700;
}
#content ol li {
	padding-bottom: 7px;
}
#content p.fullwidth-banner img {
	max-width: 100%;
	border: none;
	padding: 0;
	margin: 2px 0 0 0px;
}
ul#social_media { height: 285px; }
#content iframe[src*=maps] { width: 100%; height: 400px; }

/* CMS list */

.OTAGO723600 #content {
	box-sizing: border-box;
	max-width: 100%;
	width: 100%;
}
.OTAGO723600 #content table {
	border: 1px solid #dddddd;
}
.OTAGO723600 #content table th {
	background: #f9f9f9;
	font-size: 12px;
	letter-spacing: 0.1em;
	padding-bottom: 14px;
	padding-top: 14px;
	text-transform: uppercase;
}
.OTAGO723600 #content table td {
  font-size: 14px;
  line-height: 1.6;
	padding-bottom: 14px;
	padding-top: 14px;
}
.OTAGO723600 #content table td:nth-of-type(1) {
	width: 50%;
}
.OTAGO723600 #content table td a {
  border-bottom: none;
}
.OTAGO723600 #datatable_filter {
  background: #f9f9f9;
  border: 1px solid #dddddd;
  border-radius: 3px 3px 0 0;
  box-sizing: border-box;
  margin: 0 0;
  padding: 10px 23px 10px 23px;
  width: 100%;
}
.OTAGO723600 #content form {
  margin-bottom: 0;
  padding: 0;
}
.OTAGO723600 #content label {
  float: none;
  font-weight: 700;
  margin-bottom: 7px;
  margin-top: 7px;
	text-align: left;
  width: 100%;
}
.OTAGO723600 #content input {
  background: url(/_assets/_gfx/search-icon-grey.svg) no-repeat 10px center #ffffff;
  background-size: 15px;
  box-sizing: border-box;
  line-height: 2;
  margin-bottom: 21px;
  margin-top: 14px;
  padding: 7px 7px 7px 35px;
  width: 100%;
}
.OTAGO723600 #content table thead tr:nth-of-type(1) {
  background: #fcfcfc;
  border-bottom: 2px solid #f9c000;
  position: sticky;
  top: 0px;
}
.OTAGO723600 #content table {
  border-bottom: 1px solid #dddddd;
  border-collapse: collapse;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  margin: 0 0 21px 0;
}
.OTAGO723600 #content table th {
  background: none;
  color: #777777;
  font-family: "Amsi Pro condbold", "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 1px;
  padding-top: 14px;
  padding-bottom: 14px;
  text-transform: uppercase;
}
.OTAGO723600 #content table td {
  font-size: 13px;
  line-height: 1.5;
  padding-top: 14px;
  padding-bottom: 14px;
}
.OTAGO723600 #content table th:nth-of-type(1),
.OTAGO723600 #content table td:nth-of-type(1) {
  padding-left: 14px;
}
.OTAGO723600 #content table td a {
  border-bottom: 0;
  display: inline-block;
  transition: all 0.3s ease-out;
}
.OTAGO723600 #content table td a:hover {
  border-bottom: 0;
}
.OTAGO723600 #content table tr {
  transition: 0.3s all ease-out;
}
.OTAGO723600 #content table tr:hover {
  background: #f9f9f9;
}

/* Colour swatches */

body.OTAGO049840 #content .grid1 {
	border: 1px solid #dddddd;
	border-radius: 3px;
	box-sizing: border-box;
	margin-bottom: 46px;
}
body.OTAGO049840 #content .grid1:nth-of-type(3n){
	margin-right: 0;
}
.OTAGO049840 #content .grid1 {

}
.OTAGO049840 #content .grid1 h2 {
	margin: 14px;
}
.OTAGO049840 #content .grid1 h3 {
	margin: 7px 14px 14px 14px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
.blue-swatch,
.light-blue-swatch,
.yellow-swatch,
.body-swatch,
.link-swatch,
.light-grey-swatch,
.grey-swatch {
	width: 100%;
	height: 114px;
	overflow: hidden;
	margin-bottom: 14px;
	padding: 1px;
	border-radius: 2px 2px 0 0;
	box-sizing: border-box;
}
.blue-swatch {
	background: #00508F;
}
.light-blue-swatch {
	background: #f1f4f8;
}
.yellow-swatch {
	background: #f9c000;
}
.body-swatch {
	background: #333333;
}
.link-swatch {
	background: #426fbf;
}
.grey-swatch {
	background: #dddddd;
}
.light-grey-swatch {
	background: #f5f5f5;
}

/* Profile page */

body.OTAGO016360 .profile-info {
	width: 46.5%;
	margin-right: 23px;
	float: left;
	box-sizing: border-box;
	padding: 7px 7px 7px 14px;
	border-radius: 5px;
	border: 1px solid #dddddd;
  transition: all 0.2s ease-in;
	margin-bottom: 21px;
}
body.OTAGO016360 .profile-info:nth-of-type(4),
body.OTAGO016360 .profile-info:nth-of-type(7),
body.OTAGO016360 .profile-info:nth-of-type(9) {
	margin-right: 0;
}
body.OTAGO016360 .profile-info:hover {
  box-shadow: 0 0 20px #e4e4e4;
}
body.OTAGO016360 #content .grid2 .nomargin {
  float: none;

}
body.OTAGO016360 #content div + h2 {
	padding-top: 35px;
	clear: both;
}
body.OTAGO016360 #content h3 {
	margin: 0;
	padding: 0;
	vertical-align: top;
}
body.OTAGO016360 #content h3 a {
	display: block;
}
body.OTAGO016360 #content h3 a:hover {
	border-bottom: none;
}
body.OTAGO016360 #content h3 img {
  margin: 0 14px 0 0;
	float: left;
	max-width: 43px;
}
body.OTAGO016360 #content p.smalltag {
  line-height: 1.3;
  color: #888888;
	margin-top: 3px;
	margin-bottom: 7px;
	font-style: normal;
}

/* Our Services */
body.OTAGO039231 #content .grid1 {
	border: 1px solid #e4e4e4;
	box-shadow: 0 0 14px #e4e4e4;
	padding: 14px;
	box-sizing: border-box;
	border-radius: 3px;
	min-height: 385px;
	margin-bottom: 46px;
}
body.OTAGO039231 #content .grid1 h3 {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 1.25;
	margin-bottom: 14px;
}

/* Right column */

#right {
	margin-top: -7px;
	position: relative;
	z-index: 9999;
	background-image: none;
}
#right h2 {
	text-shadow: 1px 1px 0 #ffffff;
}

div#google.ui-widget-content {
	background: none;
}




/*//////////// Frontpage styles /////////////// */

body.frontpage {
	background: url(gfx/background.png) 0 0px repeat-x #ffffff;
}
body.frontpage #wrapper {
	background: url(gfx/banner.png) right 0px no-repeat;
}
body.frontpage .titleinner {
	margin-top: 0px;
    background-image: url(gfx/tesselations-frontpage.png);
	background-position: 186px -3px;
}
body.frontpage #title h1 {
	margin: 0 0 0 0;
	padding: 0px 0 21px 23px;
	max-width: 882px;
	border-top: none;
	font-size: 35px;
	border-bottom: none;
	background: url(gfx/title.png) 24px 80px no-repeat;
	padding-top: 280px;
	width: 100%;
}
body.frontpage #content {
	margin-top: 0;
	padding: 0px 0px 46px 232px;
}
body.frontpage #content hr {
	margin: 35px 0 35px 0;
	border-top: 1px solid #e4e4e4;
}
body.frontpage #title h1.notopimage {
	max-width: 882px;
}
body.frontpage #content .grid4 p {
	margin-right: 0px;
}
body.frontpage #content h2 {
	font-size: 22px;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #000000;
	border-top: none;
	border-bottom: none;
	text-shadow: 1px 1px 1px #ffffff;
    clear: both;
}
body.frontpage #content h3 {
	font-size: 18px;
}
body.frontpage #content h2 {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-weight: 300;
	font-size: 24px;
}
body.frontpage #content h2 span {
	background-color: #ffffff;
	padding-right: 14px;
}
body.frontpage #content h2.intro {
	font-size: 19px;
	color: #000000;
	line-height: 1.5;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-weight: 300;
	padding: 0 0px 0 0;
	margin: -14px 0 21px 0;
	text-align: left;
	background: none;
}
body.frontpage #content .featurebox_blue {
	margin-top: 28px;
	margin-bottom: 28px;
}
body.frontpage #content ul.services-list {
	list-style-type: none;
	margin-left: 0;
	margin-top: 14px;
	margin-bottom: 28px;
	padding-left: 0;
}
body.frontpage #content ul.services-list li {
	background: url(../_gfx/grey-arrow.png) no-repeat 0 5px;
	padding-left: 21px;
	padding-bottom: 14px;
}

body.frontpage #content .grid_half {
	background: #f9f9f9;
	padding: 21px 1.5% 0px 1.5%;
	width: 44.2%;
	margin-right: 5.2%;
	margin-bottom: 28px;
	box-shadow: 0 0 0 1px #e4e4e4,
		        0 0 20px #e9e9e9;
}
body.frontpage #content .help-request {
	background: #f9f9f9;
	border: 1px solid #dddddd;
	border-radius: 3px;
	padding: 21px 21px 7px 21px;
	margin-bottom: 28px;
}

body.frontpage #content .request-box {
	background: #f9f9f9;
	border: 1px solid #dddddd;
	border-radius: 3px;
	padding: 21px 21px 14px 21px;
}
body.frontpage #content .email-button,
body.frontpage #content .request-button,
body.frontpage #content .track-button {
	border: 2px solid #EBBB16;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	color: #222222;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	max-width: 200px;
	padding: 7px 14px 7px 30px;
	transition: all 0.2s ease-out;
}
body.frontpage #content a.email-button,
body.frontpage #content a.request-button,
body.frontpage #content a.track-button {
	padding: 5px 7px 4px 7px;
	width: 55%;
	display: block;
	margin: 0;
}
body.frontpage #content a.request-button {
	margin-top: 21px;
}
body.frontpage #content .help-request .email-button {
	border: 2px solid #EBBB16;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	color: #222222;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;
	padding: 7px 14px 7px 30px;
	transition: all 0.3s ease-out;
}
body.frontpage #content .help-request a.email-button {
	background: url(gfx/email-icon.png) no-repeat 7px center #FFCD23;
	padding: 3px 14px 3px 34px;
	width: auto;
	display: inline-block;
	margin: 7px 0 7px 0;
}
body.frontpage #content .help-request a.email-button:hover {
	background-color: #ffd74e;
}

body.frontpage #content .email-button {
	background: url(gfx/email-icon.png) no-repeat 7px 7px #FFCD23;
}
body.frontpage #content .email-button:hover {
	background: url(gfx/email-icon.png) no-repeat 7px 7px #ffd74e;
}
body.frontpage #content .email-button:active {
	background: url(gfx/email-icon.png) no-repeat 7px 7px #efc021;
}
body.frontpage #content .request-button {
	background: url(../_gfx/button-sprite.png) no-repeat -57px -243px #FFCD23;
}
body.frontpage #content .request-button:hover {
	background: url(../_gfx/button-sprite.png) no-repeat -57px -243px #ffd74e;
}
body.frontpage #content .request-button:active {
	background: url(../_gfx/button-sprite.png) no-repeat -57px -243px #efc021;
}
body.frontpage #content .track-button {
	background: url(gfx/tracking-icon.png) no-repeat 7px 7px #FFCD23;
}
body.frontpage #content .track-button:hover {
	background: url(gfx/tracking-icon.png) no-repeat 7px 7px #ffd74e;
}
body.frontpage #content .track-button:active {
	background: url(gfx/tracking-icon.png) no-repeat 7px 7px #efc021;
}

body.frontpage #content .grid-icon-container {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
body.frontpage #content .grid-icon-container .grid1 {
	background: url("gfx/background-circle.svg") #ffffff no-repeat center 0px;
	box-shadow: 0 0 0 1px #e4e4e4;
	border-radius: 4px;
	margin-right: 2.6%;
	margin-top: 14px;
	padding-bottom: 14px;
	transform: scale(1.0);
  transition: all 0.3s ease-out;
	width: 17.9%;
}
body.frontpage #content .grid-icon-container .grid1:hover {
	z-index: 99;
	box-shadow: 0 0 5px #e4e4e4;
	background: url("gfx/background-circle-hover.svg") #073d8f no-repeat center 0%;
	transform: scale(1.10);
}
body.frontpage #content .grid-icon-container .grid1 a {
		display: block;
}
body.frontpage #content .grid-icon-container .grid1:hover a {
	color: #ffffff;
	border-bottom: none;
}
body.frontpage #content .grid-icon-container .grid1 object {
	display: block;
	transform: scale(1.0);
	transition: all 0.3s ease;
}
body.frontpage #content .grid-icon-container .grid1:hover object {
	transform: scale(1.3);
}
body.frontpage #content .grid-icon-container .grid1 h3 {
	text-align: center;
	font-family: "Open sans", Helvetica, Arial, serif;
	font-weight: 300;
  line-height: 1.25;
	padding-left: 7px;
	padding-right: 7px;
}
body.frontpage #content .grid-icon-container .grid1 p {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0;
}
body.frontpage #content .grid-icon-container .grid1 a {
	display: block;
}
body.frontpage #content .grid-icon-container .grid1 img {
	max-width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	border: none;
}
body.frontpage #content .grid-icon-container .grid1:last-child {
	margin-right: 0;
}
body.frontpage #content .grid-icon-container .grid1.keyboard-icon h3 a,
body.frontpage #content .grid-icon-container .grid1.stylus-icon h3 a,
body.frontpage #content .grid-icon-container .grid1.pen-icon h3 a,
body.frontpage #content .grid-icon-container .grid1.cart-icon h3 a,
body.frontpage #content .grid-icon-container .grid1.letter-icon h3 a,
body.frontpage #content .grid-icon-container .grid1.browser-icon h3 a {
	padding-top: 110px;
}
body.frontpage #content .grid-icon-container .grid1.keyboard-icon h3 {
	background: url(gfx/keyboard-icon.svg) no-repeat center 0;
}
body.frontpage #content .grid-icon-container .grid1.stylus-icon h3 {
		background: url(gfx/stylus-icon.svg) no-repeat center 0;
}
body.frontpage #content .grid-icon-container .grid1.pen-icon h3 {
		background: url(gfx/pen-icon.svg) no-repeat center 0;
}
body.frontpage #content .grid-icon-container .grid1.cart-icon h3 {
		background: url(gfx/shopping-cart-icon.svg) no-repeat center 0;
}
body.frontpage #content .grid-icon-container .grid1.letter-icon h3 {
		background: url(gfx/letter-icon.svg) no-repeat center 0;
}
body.frontpage #content .grid-icon-container .grid1.browser-icon h3 {
		background: url(gfx/browser-icon.svg) no-repeat center 0;
}

/* No SVG support */
.no-svg body.frontpage #content .grid-icon-container .grid1.keyboard-icon h3 {
	background: url(gfx/keyboard-icon.png) no-repeat center 0;
}
.no-svg body.frontpage #content .grid-icon-container .grid1.stylus-icon h3 {
	background: url(gfx/stylus-icon.png) no-repeat center 0;
}
.no-svg body.frontpage #content .grid-icon-container .grid1.pen-icon h3 {
	background: url(gfx/pen-icon.png) no-repeat center 0;
}
.no-svg body.frontpage #content .grid-icon-container .grid1.cart-icon h3 {
	background: url(gfx/shopping-cart-icon.png) no-repeat center 0;
}
.no-svg body.frontpage #content .grid-icon-container .grid1.letter-icon h3 {
	background: url(gfx/letter-icon.png) no-repeat center 0;
}
.no-svg body.frontpage #content .grid-icon-container .grid1.browser-icon h3 {
	background: url(gfx/browser-icon.png) no-repeat center 0;
}

body.frontpage #right {
	background-image: none;
	clear: both;
	margin: -250px 0 0 0;
	padding: 0;
}


/***** WEATHER STYLES *****/
body.OTAGO016386 #content ul.forecast { margin-left: 0; }
body.OTAGO016386 #content ul.forecast li { list-style-type: none; width: 10%; margin-right: 20px; text-align: center; float: left; }
body.OTAGO016386 #content ul.forecast li strong { display: block; width: 50px; padding: 0; }
body.OTAGO016386 #content ul.forecast li img { width: 30px; padding: 0;  }
body.OTAGO016386 #content ul.forecast li span { margin: 0 5px; padding: 0; color: #dc3912; }
body.OTAGO016386 #content ul.forecast li span.low { text-align: right; color: #5C9CCC; }
body.OTAGO016386 #content ul.forecast li.copyright { text-align: right; width: 100%; font-weight: normal; font-size: 9px; margin-top: 0; clear: both; }

body.OTAGO016386 #right #rightforecast { width: 186px; margin: 0 18px 15px; }
body.OTAGO016386 #right #rightforecast li { list-style-type: none; }
body.OTAGO016386 #right #rightforecast li strong { display: inline-block; width: 50px; padding: 0; }
body.OTAGO016386 #right #rightforecast li img { display: inline-block; width: 30px; margin: 0 10px 0 0; padding: 0;  }
body.OTAGO016386 #right #rightforecast li span { display: inline-block; width: 15px; margin: 0 5px; padding: 0; color: #dc3912; }
body.OTAGO016386 #right #rightforecast li span.low { text-align: right; color: #5C9CCC; }
body.OTAGO016386 #right #rightforecast li.copyright { font-weight: normal; font-size: 9px; margin-top: 1.0em; }

/***** Subsites *****/

body.OTAGO050077 #content .grid3 .grid_half {
	margin-bottom: 28px;
}
body.OTAGO050077 #content .grid3 .grid_half:nth-of-type(2n) {
	margin-right: 0;
}
body.OTAGO050077 #content .grid3 .grid_half img {
	box-shadow: 0px 1px 8px #e4e4e4;
	margin-bottom: 14px;
	transition: 0.3s all;
}
body.OTAGO050077 #content .grid3 .grid_half img:hover {
	box-shadow: 0px 1px 12px #cccccc;
}
body.OTAGO050077 #content .grid3 .grid_half h3 {
	text-align: center;
}

/***** Data pull: project list *****/

body.OTAGO310602 #content .grid1 {
	margin-right: 46px;
}
body.OTAGO310602 #content ul.items li {
    margin-bottom: 14px;
}
body.OTAGO310602 #content .data-pull:nth-of-type(3n) {
    margin-right: 0;
}
body.OTAGO310602 #content .grid1 {
    border: 1px solid #DADADA;
    background-color: #f9f9f9;
    box-sizing: border-box;
    padding: 14px;
    min-height: 200px;
}
body.OTAGO310602 #content .grid1:nth-of-type(3n+4) {
    clear: left;
}
body.OTAGO310602 #content .grid1:nth-of-type(3n) {
    margin-right: 0;
}
body.OTAGO310602 #content ul.items {
    list-style: none;
}
body.OTAGO310602 #content li {
    line-height: 1.7;
    margin: 14px 0;
}
body.OTAGO310602 #content ul.items h3 {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 18px;
}
body.OTAGO310602 #content ul.items h3::after {
    content: '';
    display: block;
    height: 1px;
    width: 40px;
    margin: 14px 0;
    background: #f9c000;
}

/********************************

MEDIA QUERIES

*********************************/


/* @2x */

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
  #title h1,
  body.frontpage #title h1 {
    background-image: url(gfx/title@2x.png);
    background-size: 204px;
  }
}


@media only screen and (min-width: 1024px) and (max-width: 1170px) {
	body.frontpage #wrapper {
	 background: url(gfx/banner.png) 120px 0px no-repeat;
  }
}

/* iPad landscape */

@media only screen and (min-width: 769px) and (max-width: 1024px) {
	#wrapper {
		background-position: -290px 0;
	}
	body.frontpage .titleinner {
		padding-top: 0px;
	}
	body.frontpage #title h1.notopimage {
		max-width: 650px;
		font-size: 28px;
	}
	#title h1.notopimage {
		max-width: 242px;
	}
	body.frontpage hr {
		margin-top: 300px;
		clear: both;
	}
	body.frontpage #content .grid2 {
		max-width: 290px;
	}
	body.frontpage #content .grid2.welcome img {
		max-width: 290px;
	}
	body.frontpage #content .grid2 h2 {
		margin-bottom: 21px;
	}
	#content .grid2 > .grid1 {
		width: 290px
	}
	body.frontpage #content .grid4 p {
		margin-right: 0px;
	}
	#content .grid1.gridlast {
		margin-right: 0px;
	}
	#content .grid1:nth-child(2n+1) {
		margin-right: 0;
	}
	#content .grid1.gridlast:nth-child(3n) {
		margin-right: 46px;
	}
	#content .grid1.gridlast:nth-child(6n+3) {
		margin-right: 0px;
	}
	body.frontpage #content .grid-icon-container .grid1 {
		min-height: 150px;
		transition: all 0.2s ease-out;
	}
	body.frontpage #content .grid-icon-container .grid1 h3 {
		font-size: 14px;
		line-height: 1.4;
	}
	body.frontpage #content .grid-icon-container .grid1 p {
		margin-bottom: 0;
	}
	body.frontpage #content .grid4 .grid_third {
		width: 186px;
	}
      body.OTAGO016360 #content .grid1 {
		width: 100%;
		margin-right: 0;
	}
}




/* Tablet portrait */

@media only screen and (max-width: 768px) {
	body {
		background: none;
	}
	#wrapper {
		background-position: -300px 0px;
		background-size: 1300px;
	}
	body.frontpage #wrapper {
		background-position: -190px 0;
	}
    #title h1 {
		background-position: 0 40px;
		width: 100%;
	}
    .titleinner {
		background-position: 186px -63px;
    }
	body.frontpage .titleinner {
		padding-bottom: 14px;
	}
	body.frontpage #title h1.notopimage {
		font-size: 25px;
	}
	#content .grid1:nth-child(2n+1) {
		margin-right: 0;
	}/*
	#content .grid1:nth-child(3n+3) {
		clear: left;
		margin-right: 46px;
	}
	#content .grid1:nth-child(6n+3) {
		clear: none;
		margin-right: 0;
	}
	#content .grid1.last:first-child {
		clear: left;
		margin-right: 46px;
	}*/
	body.frontpage #content .grid4 p {
		margin-right: 0px;
	}
	body.frontpage #content .mobilelast {
		margin-right: 0;
	}
	body.frontpage #content .grid_half {
		padding: 21px 4.5% 0px;
		width: 38.4%;
	}
	body.frontpage #content .grid-icon-container .grid1{
		width: 30%;
		height: auto;
		margin-right: 5%;
		margin-bottom: 21px;
	}
	body.frontpage #content .grid4 .grid-icon-container .grid1:nth-child(3n) {
		margin-right: 0;
	}
	body.frontpage #content .grid4 .grid_third {
		width: 100%;
		margin-right: 0;
	}
	body.frontpage #content a.email-button,
	body.frontpage #content a.request-button,
	body.frontpage #content a.track-button {
		width: 90%;
		display: inline-block;
		margin-bottom: 14px;
	}
	#right {
		border-top: 1px solid #e4e4e4;
		margin-top: 0px;
		margin-left: 232px;
		width: 418px;
	}
	body.frontpage #right {
		width: 186px;
	}
	#right .rightwidget {
		padding-right: 0;
	}
	body.frontpage #right {
		border-top: none;
		width: 186px;
	}
    body.OTAGO016360 #content .grid1 {
		width: 100%;
		margin-right: 0;
	}
}



/* Mobile styles (phone and small tablet) media query */

@media only screen and (max-width: 700px) {
	body.frontpage {
		background-image: none;
	}
	#wrapper {
		background: url("gfx/banner-inside.png") no-repeat right 30px;
		background-size: 750px;
	}
    body.frontpage #wrapper {
		background: url("gfx/banner-inside.png") no-repeat right 30px;
		background-size: 750px;
	}
	.titleinner,
	body.frontpage .titleinner {
		margin-top: 0px;
		background: url("gfx/tesselations.png") no-repeat 0px -48px;
		background-size: 190px;
		width: 92%;
		padding: 0px 4% 21px 4%;
	}
    body.frontpage .titleinner {
		padding-bottom: 0;
	}
	#title h1,
	body.frontpage #title h1 {
		padding: 14px 0 7px 0;
        margin-left: 0;
		font-size: 32px;
		-webkit-hyphens: auto;
	   -moz-hyphens: auto;
        hyphens: auto;
		background: url("gfx/title.png") no-repeat 0px 32px;
		background-size: 190px;
		padding-top: 120px;
	}
	body.frontpage #title h1 {
		padding-top: 160px;
		padding-bottom: 28px;
		width: 100%;
		max-width: 100% !important;
		background-position: 0 62px;
		hyphens: none;
	}
	#content {
		padding-bottom: 21px;
		min-height: auto;
	}
	body.frontpage #content {
		padding: 0px 0px 46px 0px;
	}
	#content img,
	#content p img,
	#content p img[align="right"] {
		float: none;
	}
	body.frontpage #content h2 {
		margin-top: 21px;
		text-align: left;
	}
	body.frontpage #content h2 span {
		padding-left: 0;
	}
	body.frontpage #content h2.intro {
		font-size: 17px;
	}
	#content h3 img {
		margin-top: 14px;
		float: none;
		max-width: 75%;
	}
	.clearall {
    	line-height: 0;
	}
	#content button,
	#content input[type="submit"],
	#content input[type="button"] {
    	width: auto !important;
    }
	body.OTAGO016360 #content {
		text-align: center;
	}
	body.OTAGO016360 #content p:first-child {
		text-align: left;
	}
    body.frontpage #content .grid_half {
		padding: 2%;
		width: 43.4%;
		min-height: 140px;
    }
	body.frontpage #content .grid-icon-container .grid1  {
		min-height: 170px;
	}
	body.frontpage #content .grid-icon-container .grid1 h3 {
		font-size: 14px;
		line-height: 1.4;
	}
	body.frontpage #content a.email-button,
	body.frontpage #content a.request-button,
	body.frontpage #content a.track-button {
    	width: 80%;
		margin-top: 0;
    }
	#map_canvas {
		width: 100%;
		height: 300px;
	}
	#right {
		margin-left: 0;
		width: 97%;
	}
	#right img {
		max-width: 50%;
	}
	body.frontpage #right {
		width: 100%;
		margin: 0px 0px 0px 0px;
	}
	.OTAGO723600 #content {
		max-width: 97%;
	}
	.OTAGO723600 #content table th {
		display: none;
	}
	.OTAGO723600 #content table td {
		box-sizing: border-box;
		display: block;
		padding: 0px 7px 7px; 7px;
		width: 100%;
	}
	.OTAGO723600 #content table td:nth-of-type(1) {
		font-size: 15px;
		font-weight: 700;
		padding-left: 7px;
		padding-top: 14px;
		width: 100%;
	}
	.OTAGO723600 #content table td:nth-of-type(4) {
		padding-bottom: 14px;
	}
	.OTAGO723600 #content table td:nth-of-type(2):before {
		color: #777777;
		content: 'URL';
		display: block;
		font-size: 11px;
		margin-right: 14px;
	}
	.OTAGO723600 #content table td:nth-of-type(3):before {
		color: #777777;
		content: 'Type';
		display: block;
		font-size: 11px;
		margin-right: 14px;
	}
	.OTAGO723600 #content table td:nth-of-type(4):before {
		color: #777777;
		content: 'Status';
		display: block;
		font-size: 11px;
		margin-right: 14px;
	}
}



@media only screen and (max-width: 460px) {
	#wrapper {
		background-position: -250px 0;
	}
    body.frontpage #wrapper {
		background: url("gfx/banner-inside.png") no-repeat -280px 30px;
		background-size: 750px;
	}
    body.frontpage #content .grid_half {
		width: 92%;
		margin: 0 0 14px 0;
		padding: 4% 4% 0 4%;
        min-height: 100px;
	}
}