/* first for Internet Explorer < 9 */
@font-face {
font-family: DINPro;
src: url("http://northlandnz.s3.amazonaws.com/fonts/DINWebPro-Bold.eot");
}
/* then for WOFF-capable browsers */
@font-face {
font-family: DINPro;
src: url("http://northlandnz.s3.amazonaws.com/fonts/DINWebPro-Bold.woff") format("woff");
font-weight: bold;
}

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography  */
body {font-size:75%;color:#222; background: #fff url(../gfx/body_bg_y.png) repeat-y 20px 0;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; padding-left: 20px;}
h1, h2, h3, h4, h5, h6, #header, #sideBar blockquote {font-weight:bold;color:#111; font-family: DINPro, DIN, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase;}
h1 {font-size:2em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25; margin-bottom: 0.5em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#0081cb;text-decoration:underline; font-weight: bold;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* bits */
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

#home .inset {background-image: none;}
.inset {background: url(../gfx/body_bg_line_pink.png) repeat-x 347px 209px; height: 1%; }

.Pink .inset {background: url(../gfx/body_bg_line_pink.png) repeat-x 347px 209px; }
.Purple .inset {background: url(../gfx/body_bg_line_purple.png) repeat-x 347px 209px; }
.Yellow .inset {background: url(../gfx/body_bg_line_yellow.png) repeat-x 347px 209px; }
.Blue .inset {background: url(../gfx/body_bg_line_blue.png) repeat-x 347px 209px; }
.Red .inset {background: url(../gfx/body_bg_line_red.png) repeat-x 347px 209px; }
.Orange .inset {background: url(../gfx/body_bg_line_orange.png) repeat-x 347px 209px; }



#reduced .inset {background: none;}

#home .container {background-image: url(/core/gfx/home_bg.jpg); width: 810px; text-align: left;}
#home .container .inset {height: 780px;}
.container {width: 960px; margin: 0; text-align:left; background: url(../gfx/container_sky.jpg) no-repeat 27px 0;}
.container .inset,
.container .inset {background:  url(../gfx/body_bg_line_pink.png) no-repeat 287px 209px;}

.Pink .container .inset {background:  url(../gfx/body_bg_line_pink.png) no-repeat 287px 209px;}
.Purple .container .inset {background:  url(../gfx/body_bg_line_purple.png) no-repeat 287px 209px;}
.Yellow .container .inset {background:  url(../gfx/body_bg_line_yellow.png) no-repeat 287px 209px;}
.Blue .container .inset {background:  url(../gfx/body_bg_line_blue.png) no-repeat 287px 209px;}
.Red .container .inset {background:  url(../gfx/body_bg_line_red.png) no-repeat 287px 209px;}
.Orange .container .inset {background:  url(../gfx/body_bg_line_orange.png) no-repeat 287px 209px;}

#home #homeStatement {margin: 225px 60px 0 0; float: right;}

#nav, #nav *,
#header, #header *,
#sideBar, #sideBar * {margin: 0; padding: 0;}

#nav {padding-top: 20px; float: left; width: 27px;}

#nav ul,
#header ul {list-style-type: none;}

#nav ul li {width: 27px; height: 80px;}
#nav ul li a {width: 27px; height: 80px; display: block; text-indent:  -3000px; background-position: 0 0; background-repeat: no-repeat;}

#nav ul li#tabStory a {background-image: url(../gfx/nav/our_story.png);}
#nav ul li#tabBrand a {background-image: url(../gfx/nav/our_brand.png);}
#nav ul li#tabUsing a {background-image: url(../gfx/nav/using_it.png);}
#nav ul li#tabFaq a {background-image: url(../gfx/nav/faq.png);}
#nav ul li#tabShop a {background-image: url(../gfx/nav/shop.png);}
#nav ul li#tabContact a {background-image: url(../gfx/nav/contact.png);}

#nav ul li a:hover,
#nav ul li a.active {background-position:  -49px 0;}

#header {height: 180px; float: left; width: 927px; position: relative;}
#header img {float: right; margin: 20px 15px 0 0;}
#header ul {margin: 13px 0 0 27px; text-transform: uppercase; letter-spacing:  1px; font-weight: bold;}
#header ul li { line-height: 24px;}
#header ul li a {text-decoration: none; background: url(../gfx/header_nav_arrow.png) no-repeat left 50%; padding-left: 20px; color: #000;}
#header ul li a:hover,
#header ul li a.active {background: url(../gfx/header_nav_arrow_active.png) no-repeat left 50%; color: #aeb0b3;}

#header p#crumbs {position: absolute; bottom: 20px; left: 20px; color: #aeb0b3;}
#header p#crumbs a {color: #aeb0b3;}

#subCol {float: left; width: 260px;}
.empty {height: 400px;}
#subCol .imageHolder {padding: 10px; background: url(../gfx/subcol_photo_holder.png) no-repeat 0 0; margin: 0 0 10px 16px;}

#subCol #mediaPlayer {display: block; padding: 20px;  background: url(/core/gfx/subcol_photo_holder_2.png) no-repeat center center; margin-top: 15px; }

#heroStatement {margin-top: 20px;}

h1#main { padding-bottom: 5px; float: left; width: 503px;}


#content {width: 417px; overflow: hidden; float: left; font-family: Verdana; padding-top: 10px; padding-bottom: 10px; min-height: 300px;}

body#library-browse #header ul#assets,
body#library-entry #header ul#assets,
body#asset-browse #header ul#assets,
body#asset-entry #header ul#assets {width: 300px;}
body#library-browse #header ul#assets li,
body#library-entry #header ul#assets li,
body#asset-browse #header ul#assets li,
body#asset-entry #header ul#assets li {float: left; width: 150px;}

body#library-browse #header p#crumbs,
body#library-entry #header p#crumbs,
body#asset-browse #header p#crumbs,
body#asset-entry #header p#crumbs {width: 600px;}

body#asset-browse h1 {width: 100%;}

body#asset-browse #content,
body#library-browse #content {float: left; width: 620px; margin: 0 30px 0 30px;}
body#library-browse #content h1 {width: 620px;}
body#library-entry #content {width: 465px; margin: 0 0 0 25px;}
body#library-entry #content h1 {width: 435px;}

body#asset-browse .inset,
body#library-browse .inset,
body#library-entry .inset {background: none;}

body#library-entry #subCol {width: 160px; margin: 10px 0 0 30px; }
body#library-entry #subCol img {padding: 0 5px 2px 0;}

body#library-browse #sideBar,
body#library-entry #sideBar { text-align: left; margin: 0 0 0 35px; width: 215px;}

body#library-browse #subnav h3,
body#library-entry #subnav h3 {color: #0081cb;}
body#library-browse #subnav ul,
body#library-entry #subnav ul {list-style-type: none; font-weight:bold; color:#000; font-family: DINPro, DIN, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 1px;}
body#library-browse #subnav ul li,
body#library-entry #subnav ul li {line-height: 20px; margin: 10px 0;}
body#library-browse #subnav ul li a,
body#library-entry #subnav ul li a {text-decoration: none; color: #000; display: block;}
body#library-browse #subnav ul li a:hover,
body#library-browse #subnav ul li a.active,
body#library-entry #subnav ul li a:hover,
body#library-entry #subnav ul li a.active {color: #aeb0b3;}

body#library-browse #subnav ul ul,
body#library-entry #subnav ul ul {list-style-type: none; font-weight:normal; color:#000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: capitalize; letter-spacing: normal;}
body#library-browse #subnav ul ul li,
body#library-entry #subnav ul ul li {line-height: 20px; margin: 8px 0;}
body#library-browse #subnav ul ul li a,
body#library-entry #subnav ul ul li a {text-decoration: none; padding-left: 20px; color: #000; display: block; background: none; font-weight: normal;}
body#library-browse #subnav ul ul li a.active,
body#library-entry #subnav ul ul li a.active {background: none;}

body#library-browse #sideBar #section-menu,
body#library-entry #sideBar #section-menu {padding-top: 15px;}

ul#asset_gallery li.alternate-li,
ul#image_gallery li.alternate-li {width:100%;
	clear:both;
	height: 1px;
	border-bottom: 1px dotted #bababa;
	margin-bottom: 20px;
	float: none;}


img#image-detail {border: 5px solid #fff; -webkit-box-shadow: 0px 0px 5px #bababa; -moz-box-shadow: 0px 0px 5px #bababa;}
p#photo-credit {font-size: 90%; padding: 8px 0 0 8px; color: #727272;}

ul#asset_gallery,
ul#image_gallery {list-style-type: none; margin: 0; padding: 0;}
ul#image_gallery li {float: left; width: 165px; margin: 0 40px 20px 0;}
ul#image_gallery li .img-wrapper {width: 165px; height: 165px; background: url(/core/gfx/intros_img_gallery_holder.png) no-repeat 0 0; padding: 0; margin-right: 20px;}
ul#image_gallery li img { margin: 7px;}
ul#image_gallery li h3 {margin-bottom: 5px; padding-top: 0; font-size: 1.4em;}
ul#image_gallery li h3 a {color: #000; text-decoration: none; display: block; margin: 4px 0 0 8px; font-size: 12px; line-height: 16px;}
ul#image_gallery h3 a:hover {color: #aeb0b3;} 

ul#asset_gallery li .asset-wrapper {width: 310px; float: left;}
ul#asset_gallery li .asset-wrapper img {float: left; padding: 0 10px 15px 0;}
ul#asset_gallery li .asset-wrapper h3 {float: left; margin-bottom: 10px; width: 200px;}
ul#asset_gallery li .asset-wrapper h3 a {text-decoration: none;}
ul#asset_gallery li .asset-wrapper p {float: left;}
ul#asset_gallery li .asset-wrapper p a {font-weight: normal; color: #000; background: url(../gfx/download-btn.png) no-repeat center right; padding-right: 25px;}
ul#asset_gallery li .asset-wrapper p a:hover {text-decoration: none;}

body#library-browse #footerWide,
body#asset-browse #footerWide {padding: 20px 0 30px 0; border-top: 5px solid #ed1849; display: block;  color: #aeb0b3; margin-left: 60px; clear: both;}

body#library-entry #footerWide {padding: 20px 0 30px 0; border-top: 5px solid #ed1849; display: block;  color: #aeb0b3; margin-left: 240px; clear: both;}

#cloud {clear: both; padding: 20px 0; width: 600px;}


#sideBar {width: 230px; float: left; margin-left: 20px; text-align:  center;  padding-top: 10px;}

#sideBar .quote {color: #4e288a;}
#sideBar .quote blockquote {text-align: left; padding: 0 0 0 20px; margin: 0;  font-size: 1.2em; font-weight: bold; color: #4e288a; text-transform: uppercase; font-style: normal; }
#sideBar .quote cite { margin: 0; padding: 10px 0 0 0; display: block;}
#sideBar blockquote span {margin-left: -7px;}
#sideBar cite span {margin-left: -16px;}







#home #footerWide {border-top: none; margin-left: 40px;}
#footerWide {padding: 20px 0 30px 0; border-top: 5px solid #ed1849; display: block;  color: #aeb0b3; margin-left: 287px; clear: both;}

.Pink #footerWide { 	border-top: 5px solid #ed1849;}
.Purple #footerWide {	border-top: 5px solid #5a4099;}
.Yellow #footerWide { 	border-top: 5px solid #ffd200;}
.Blue #footerWide {		border-top: 5px solid #71cbd2; }
.Red #footerWide {		border-top: 5px solid #ab0635;}
.Orange #footerWide { 	border-top: 5px solid #f3901d;}


#footerWide {padding-right: 16px;}
#footerWide a {color: #aeb0b3;font-weight: bold; text-decoration: none; }
#footerWide a:hover {text-decoration: underline;}