﻿/* Major Projects - Global */

body.majorprojects-project div#content-wrapper, body.project-item div#content-wrapper { background-image: url(../../images/gridnz/background-content-project-item.gif); }

body.project-item div#breadcrumbs { background-image: url(../../images/gridnz/background-breadcrumbs-project-item.gif); }

body.majorprojects-project div#utilityFooter, body.project-item div#utilityFooter { background-image: url(../../images/gridnz/background-footer-project-item.gif); }

body.majorprojects-project div.single-column div#content-wrapper, body.project-item div.single-column div#content-wrapper { background-image: url(../../images/gridnz/background-content-project-item-noadditional.gif); }

body.project-item div.single-column div#breadcrumbs { background-image: url(../../images/gridnz/background-breadcrumbs-project-item-noadditional.gif); }

body.majorprojects-project div.single-column div#utilityFooter, body.project-item div.single-column div#utilityFooter { background-image: url(../../images/gridnz/background-footer-project-item-noadditional.gif); }

body.majorprojects-project div#breadcrumbs { background-image: url(../../images/gridnz/background-breadcrumbs-nigup.gif); }

body.majorprojects-project div.single-column div#breadcrumbs { background-image: url(../../images/gridnz/background-breadcrumbs-nigup-noadditional.gif); }


body.majorprojects-project div#menu-column, body.project-item div#menu-column { width: 203px; }

body.majorprojects-project div#menu-column div#subNavigation ul, body.project-item div#menu-column div#subNavigation ul { margin-bottom: 0; padding: 0 0 2.6em; }

body.majorprojects-project div#menu-column div#subNavigation ul li ul { margin: 0; padding: 0; }

body.majorprojects-project div#menu-column div#Sect2 ul body.project-item div#menu-column div#Sect2 ul { margin-bottom: -2px; padding: 0; }

body.project-item div#subNavigation, body.majorprojects-project div#subNavigation, body.project-item div#Sect2, body.majorprojects-project div#Sect2 { background-color: #fff; width: 200px; padding-right: 1px; padding-bottom: 1px; }

body.project-item div#Sect3, body.majorprojects-project div#Sect3 { width: 203px; }

body.project-item div#Sect3-inner, body.majorprojects-project div#Sect3-inner { width: 200px; }

body.project-item div#section-navigation, body.majorprojects-project div#section-navigation { background-image: url(../../images/gridnz/section-navigation-project-item.gif); }

body.majorprojects-project div#section-navigation { border-top: 2px solid #dae3E7; }

body.majorprojects-project div#section-project-alerts { background-image: url(../../images/gridnz/section-navigation-nigup-alert.gif); }

body.majorprojects-project div#section-project-alerts span { display: none; }

body.project-item div#section-tools, body.majorprojects-project div#section-tools { background-image: url(../../images/gridnz/section-tools-project-item.gif); height: 48px; }

body.project-item div#content-column, body.majorprojects-project div#content-column { padding-right: 22px; padding-top: 0; }

#news-viewport { position: relative; width: 200px; height: 256px; overflow: hidden; padding-top: 5px; }
#news-wrapper { position: absolute; width: 10000px; }

#majorprojects-latest-news { background-image: url(../../images/gridnz/majorprojects-background-latest-news.png); height: 266px; padding: 32px 10px; width: 200px; position: relative; float: left; margin-bottom: 20px; }
#majorprojects-latest-news a#button-previous-news { position: absolute; top: 37px; left: 10px; height: 136px; width: 18px; background-image: url(../../images/gridnz/majorprojects-background-latest-news-button.png); background-position: 0 0; }
#majorprojects-latest-news a#button-previous-news:hover { background-image: url(../../images/gridnz/majorprojects-background-latest-news-button-hover.png); background-position: 0 0; }
#majorprojects-latest-news a#button-next-news { position: absolute; top: 37px; left: 194px; height: 136px; width: 18px; background-image: url(../../images/gridnz/majorprojects-background-latest-news-button.png); background-position: 18px 0; }
#majorprojects-latest-news a#button-next-news:hover { background-image: url(../../images/gridnz/majorprojects-background-latest-news-button-hover.png); background-position: 18px 0; }
#majorprojects-latest-news h3 { display: none; }
#majorprojects-latest-news-label { bottom: 14px; color: #888888; position: absolute; right: 12px; }

.majorprojects-news-item { width: 200px; float: left; position: relative; overflow: hidden; padding-top: 139px; }
.majorprojects-news-item-image { position: absolute; top: 0; left: 18px; }
.majorprojects-news-item h4 { margin: 5px; }
.majorprojects-news-item h4 a, .nigup-news-item h4 a:link { color: #333; }
.majorprojects-news-item p { margin: 5px; }

#majorprojects-gallery h3 { display: none; }
#majorprojects-gallery div#gallery-menu div.gallery-image-button-next { text-align: right; }
#majorprojects-gallery div#gallery-menu div.gallery-image-button-previous { text-align: left; }
#majorprojects-gallery div#image-groups { top: 0px; }
#majorprojects-gallery p#current-image-text { right: 11px; font-size: 10px; left: auto; margin-bottom: 2px; }

#majorprojects-gallery div#galley-wrapper, #majorprojects-gallery-narrow div#galley-wrapper { background-color: Transparent; padding: 37px 12px 0px 10px; left: 10px; overflow: hidden; }
#majorprojects-gallery div#gallery-menu, #majorprojects-gallery-narrow div#gallery-menu { float: right; overflow: hidden; margin-right: 3px; }
#majorprojects-gallery div#gallery-image, #majorprojects-gallery-narrow div#gallery-image { overflow: hidden; }
#majorprojects-gallery div#image-groups div.image-group, #majorprojects-gallery-narrow div#image-groups div.image-group { margin: 0; padding: 0; }
#majorprojects-gallery div#gallery-menu div.gallery-image-button, #majorprojects-gallery div#gallery-menu div.gallery-image-button-next, #majorprojects-gallery div#gallery-menu div.gallery-image-button-previous, #majorprojects-gallery-narrow div#gallery-menu div.gallery-image-button, #majorprojects-gallery-narrow div#gallery-menu div.gallery-image-button-next, #majorprojects-gallery-narrow div#gallery-menu div.gallery-image-button-previous { margin: 0 0 2px 2px; background-color: #ccc; }
#majorprojects-gallery, #majorprojects-gallery-narrow { margin-bottom: 10px; overflow: hidden; position: relative; }
#majorprojects-gallery div#gallery-menu div.gallery-image-border, #majorprojects-gallery-narrow div#gallery-menu div.gallery-image-border { border: 3px solid #ccc; }

#majorprojects-gallery-narrow h3 { display: none; }
#majorprojects-gallery-narrow div#gallery-menu div.gallery-image-button-next { text-align: right; }
#majorprojects-gallery-narrow div#gallery-menu div.gallery-image-button-previous { text-align: left; }
#majorprojects-gallery-narrow div#image-groups { top: 0px; }
#majorprojects-gallery-narrow p#current-image-text { bottom: 0; right: 5px; font-size: 10px; left: auto; }

#majorprojects-gallery { height: 286px; width: 706px; background-image: url(../../images/gridnz/majorprojects-gallery-background-wide.gif); }
#majorprojects-gallery div#galley-wrapper { width: 689px; height: 233px; }
#majorprojects-gallery div#gallery-image { height: 233px; width: 327px; }
#majorprojects-gallery div#gallery-image div#gallery-image-details { padding: 8px 30px 3px 10px; width: 288px; display: none; height: auto; }
#majorprojects-gallery div#gallery-menu { height: 221px; width: 346px; }
#majorprojects-gallery div#image-groups div.image-group { width: 346px; }
#majorprojects-gallery div#gallery-menu div.gallery-image-button, #majorprojects-gallery div#gallery-menu div.gallery-image-button-next, #majorprojects-gallery div#gallery-menu div.gallery-image-button-previous { height: 63px; width: 84px; }
#majorprojects-gallery div#gallery-menu div.gallery-image-border { height: 57px; width: 78px; }
#majorprojects-gallery div#gallery-image #gallery-image-main img { width: 327px; height: 233px; }
#majorprojects-gallery div#gallery-menu div.gallery-image-button img { width: 84px; height: 63px; }
#majorprojects-gallery div#gallery-image div#tools { display: none; right: 8px; }
#majorprojects-gallery div#gallery-image div#gallery-image-details h4 { display: none; }
#majorprojects-gallery div#gallery-image div#gallery-image-details p { width: auto; font-weight: bold; font-size: 11px; line-height: 15px; }

#majorprojects-gallery-narrow { height: 241px; width: 505px; background-image: url(../../images/gridnz/majorprojects-gallery-background-narrow.gif); }
#majorprojects-gallery-narrow div#galley-wrapper { width: 485px; height: 190px; }
#majorprojects-gallery-narrow div#gallery-image { height: 190px; width: 259px; }
#majorprojects-gallery-narrow div#gallery-menu { height: 184px; width: 223px; }
#majorprojects-gallery-narrow div#image-groups div.image-group { width: 223px; }
#majorprojects-gallery-narrow div#gallery-menu div.gallery-image-button, #majorprojects-gallery-narrow div#gallery-menu div.gallery-image-button-next, #majorprojects-gallery-narrow div#gallery-menu div.gallery-image-button-previous { height: 53px; width: 71px; }
#majorprojects-gallery-narrow div#gallery-menu div.gallery-image-border { height: 47px; width: 65px; }
#majorprojects-gallery-narrow div#gallery-image #gallery-image-main img { width: 259px; height: 190px; }
#majorprojects-gallery-narrow div#gallery-menu div.gallery-image-button img { width: 71px; height: 53px; }


div#timeline { background-image: url(../../images/gridnz/customer-timeline-background.png); height: 198px; width: 500px; position: relative; margin: 0 0 12px 0; }

h3#timeline-heading { position: absolute; left: 11px; top: 6px; width: 500px; }

div.timeline-past-top, div.timeline-past-bottom, div.timeline-presant-top, div.timeline-presant-bottom, div.timeline-future-top, div.timeline-future-bottom { width: 100px; position: absolute; background-position: center center; background-repeat: no-repeat; height: 198px; }

div.timeline-past-top { background-image: url(../../images/gridnz/customer-timeline-top-past.png); }

div.timeline-past-bottom { background-image: url(../../images/gridnz/customer-timeline-bottom-past.png); }

div.timeline-presant-top { background-image: url(../../images/gridnz/customer-timeline-bottom-present.png); }

div.timeline-presant-bottom { background-image: url(../../images/gridnz/customer-timeline-top-present.png); }

div.timeline-future-top { background-image: url(../../images/gridnz/customer-timeline-top-future.png); }

div.timeline-future-bottom { background-image: url(../../images/gridnz/customer-timeline-bottom-future.png); }

div.timeline-past-top div.date, div.timeline-presant-top div.date, div.timeline-future-top div.date, div.timeline-past-bottom div.date, div.timeline-presant-bottom div.date, div.timeline-future-bottom div.date { position: absolute; text-align: center; top: 107px; width: 100px; font-size: 9px; font-weight: bold; color: #494949; }

div.timeline-past-top div.text, div.timeline-presant-top div.text, div.timeline-future-top div.text, div.timeline-past-bottom div.text, div.timeline-presant-bottom div.text, div.timeline-future-bottom div.text { position: absolute; text-align: center; width: 100px; }

div.timeline-past-top div.text, div.timeline-presant-top div.text, div.timeline-future-top div.text { top: 35px; }

div.timeline-past-bottom div.text, div.timeline-presant-bottom div.text, div.timeline-future-bottom div.text { top: 160px; }

#majorprojects-timeline-wrapper { position: relative; height: 234px; }
#majorprojects-timeline { position: absolute; height: 234px; width: 710px; background-image: url(../../images/gridnz/majorprojects-customer-timeline-background.png); left: -2px; }
#majorprojects-timeline h3 { display: none; }

#majorprojects-timeline div.timeline-past-top, #majorprojects-timeline div.timeline-past-bottom, #majorprojects-timeline div.timeline-presant-top, #majorprojects-timeline div.timeline-presant-bottom, #majorprojects-timeline div.timeline-future-top, #majorprojects-timeline div.timeline-future-bottom { width: 100px; position: absolute; background-position: center center; background-repeat: no-repeat; height: 208px; top: 26px; }

#majorprojects-timeline div.timeline-past-top { background-image: url(../../images/gridnz/majorprojects-customer-timeline-top-past.png); }

#majorprojects-timeline div.timeline-past-bottom { background-image: url(../../images/gridnz/majorprojects-customer-timeline-bottom-past.png); }

#majorprojects-timeline div.timeline-presant-top { background-image: url(../../images/gridnz/majorprojects-customer-timeline-bottom-present.png); }

#majorprojects-timeline div.timeline-presant-bottom { background-image: url(../../images/gridnz/majorprojects-customer-timeline-top-present.png); }

#majorprojects-timeline div.timeline-future-top { background-image: url(../../images/gridnz/majorprojects-customer-timeline-top-future.png); }

#majorprojects-timeline div.timeline-future-bottom { background-image: url(../../images/gridnz/majorprojects-customer-timeline-bottom-future.png); }

#majorprojects-timeline div.timeline-past-top div.date, #majorprojects-timeline div.timeline-presant-top div.date, #majorprojects-timeline div.timeline-future-top div.date, #majorprojects-timeline div.timeline-past-bottom div.date, #majorprojects-timeline div.timeline-presant-bottom div.date, #majorprojects-timeline div.timeline-future-bottom div.date { position: absolute; text-align: center; top: 112px; width: 100px; font-size: 9px; font-weight: bold; color: #494949; }

#majorprojects-timeline div.timeline-past-top div.text, #majorprojects-timeline div.timeline-presant-top div.text, #majorprojects-timeline div.timeline-future-top div.text, #majorprojects-timeline div.timeline-past-bottom div.text, #majorprojects-timeline div.timeline-presant-bottom div.text, #majorprojects-timeline div.timeline-future-bottom div.text { position: absolute; text-align: center; width: 100px; }

#majorprojects-timeline div.timeline-past-top div.text, #majorprojects-timeline div.timeline-presant-top div.text, #majorprojects-timeline div.timeline-future-top div.text { top: 15px; }

#majorprojects-timeline div.timeline-past-bottom div.text, #majorprojects-timeline div.timeline-presant-bottom div.text, #majorprojects-timeline div.timeline-future-bottom div.text { top: 150px; }

#majorprojects-overview, #majorprojects-select-a-region, #majorprojects-regional { width: 220px; float: left; }
#majorprojects-select-a-region { margin: 0 22px 20px 23px; overflow: hidden; }
#majorprojects-select-a-region h3 { background-image: url(../../images/gridnz/majorprojects-header-select-a-region.png); height: 24px; margin-bottom: 2px; }
#majorprojects-select-a-region span { display: none; }
#majorprojects-regional { margin: 0 22px 20px 23px; overflow: hidden; }
#majorprojects-regional h3 { background-image: url(../../images/gridnz/majorprojects-header-regional-map.png); height: 24px; margin-bottom: 2px; }
#majorprojects-regional span { display: none; }
#majorprojects-select-a-region-map { position: relative; }
#majorprojects-select-a-region-map div#mapHoverImages { left: 0px; }
#majorprojects-region-map-base { position: absolute; top: 0; left: 0; z-index: 10; }

div#majorprojects-popup-map-wrapper { left: 0; position: absolute; top: 0; z-index: 1000; display: none; }
div#majorprojects-popup-map { height: 650px; margin: 0px auto; position: relative; width: 920px; top: 50px; }
div#majorprojects-popup-map-background { background-color: #000000; height: 100%; opacity: 0.7; position: absolute; left: 0; top: 0; width: 100%; filter: alpha(opacity=70); }
div.majorprojects-popup-marker-wrapper { position: absolute; width: 259px; }
div.majorprojects-popup-marker { width: 19px; height: 19px; background-image: url(../../images/gridnz/hvdc-popup-button.png); }
div.majorprojects-popup-poup { position: absolute; width: 230px; max-height: 405px; display: none; }
div.majorprojects-popup-poup-inner { max-height: 405px; overflow: hidden; }
div.popup-orientation-top-left { background-image: url("../../images/gridnz/hvdc-popup-top-left.png"); left: -18px; padding: 35px 19px 10px 10px; top: 8px; }
div.popup-orientation-top-right { background-image: url(../../images/gridnz/hvdc-popup-top-right.png); left: -201px; padding: 35px 19px 10px 10px; top: 8px; }
div.popup-orientation-bottom-left { background-image: url(../../images/gridnz/hvdc-popup-bottom-left.png); left: -18px; padding: 10px 19px 35px 10px; background-position: center bottom; position: absolute; bottom: 0; }
div.popup-orientation-bottom-right { background-image: url(../../images/gridnz/hvdc-popup-bottom-right.png); left: -201px; padding: 10px 19px 35px 10px; background-position: center bottom; position: absolute; bottom: 0; }
div.majorprojects-popup-poup h4 { color: #748a96; font-size: 14px; }
div.majorprojects-popup-poup img { border: 1px solid #beccd3; padding: 1px; background-color: #e3f4fb; margin-bottom: 10px; }

img#regional-map { cursor: pointer; }
div#majorprojects-popup-map-close { bottom: 7px; display: block; height: 21px; position: absolute; right: 5px; width: 70px; cursor: pointer; }
div.majorprojects-popup-marker { cursor: pointer; }

/* Projects - NUGUP */
div#nigup-header-wrapper, div#nigup-header-wrapper-single { background-position: right bottom; padding-top: 20px; height: 78px; width: 730px; margin-bottom: 10px; float: right; }

div#nigup-header-wrapper { background-image: url(../../images/gridnz/majorprojects-header-background.png); }

div#nigup-header-wrapper-single { background-image: url(../../images/gridnz/majorprojects-header-background-single.png); }

div#nigup-home-header-wrapper { padding-top: 20px; padding-right: 24px; float: right; }

#nigup-header-home, #nigup-header-auckland, #nigup-header-waikato, #nigup-header-matamatapiako, #nigup-header-waipa, #nigup-header-southwaikato, #nigup-header-taupo, #nigup-header-unknown { background-image: url(../../images/gridnz/nigup-headers.png); display: block; height: 20px; width: 440px; margin-bottom: 10px; }

#nigup-header-home { background-position: 0 0; }
#nigup-header-auckland { background-position: 0 -20px; }
#nigup-header-waikato { background-position: 0 -40px; }
#nigup-header-matamatapiako { background-position: 0 -60px; }
#nigup-header-waipa { background-position: 0 -80px; }
#nigup-header-southwaikato { background-position: 0 -100px; }
#nigup-header-taupo { background-position: 0 -120px; }
#nigup-header-unknown { background-position: 0 -140px; }

#nigup-header-home span, #nigup-header-auckland span, #nigup-header-waikato span, #nigup-header-matamatapiako span, #nigup-header-waipa span, #nigup-header-southwaikato span, #nigup-header-taupo span, #nigup-header-unknown span { display: none; }

#nigup-page-menu { position: relative; height: 22px; width: 706px; margin: 2px 0 20px; }
#nigup-page-menu ul { position: relative; height: 22px; width: 706px; }
#nigup-page-menu ul li { display: inline; margin: 0; padding: 0; float: left; }
#nigup-page-menu span { display: none; }
#nigup-page-menu a { background-image: url(../../images/gridnz/nigu-matrix.gif); display: block; height: 22px; }
#nigup-sub-project-menu { position: relative; }
#nigup-sub-project-menu div { background-color: #fff; position: absolute; height: 2px; width: 200px; top: -2px; line-height: 2px; overflow: hidden; }
#nigup-sub-project-menu p { background-color: #fff; margin: 0 0; padding: 5px 10px 8px; font-weight: bold; width: 184px; background-image: url(../../images/gridnz/majorprojects-sub-project-menu.gif); background-repeat: no-repeat; background-position: left bottom; }

a#nigup-page-menu-home { background-position: 0 -22px; width: 112px; }
a#nigup-page-menu-home:hover { background-position: 0 -44px; }
li.active a#nigup-page-menu-home { background-position: 0 0; }

a#nigup-page-menu-auckland { background-position: -112px -22px; width: 96px; }
a#nigup-page-menu-auckland:hover { background-position: -112px -44px; }
li.active a#nigup-page-menu-auckland { background-position: -112px 0; }

a#nigup-page-menu-waikato { background-position: -208px -22px; width: 86px; }
a#nigup-page-menu-waikato:hover { background-position: -208px -44px; }
li.active a#nigup-page-menu-waikato { background-position: -208px 0; }

a#nigup-page-menu-matamata-piako { background-position: -294px -22px; width: 136px; }
a#nigup-page-menu-matamata-piako:hover { background-position: -294px -44px; }
li.active a#nigup-page-menu-matamata-piako { background-position: -294px 0; }

a#nigup-page-menu-waipa { background-position: -430px -22px; width: 74px; }
a#nigup-page-menu-waipa:hover { background-position: -430px -44px; }
li.active a#nigup-page-menu-waipa { background-position: -430px 0; }

a#nigup-page-menu-south-waikato { background-position: -504px -22px; width: 130px; }
a#nigup-page-menu-south-waikato:hover { background-position: -504px -44px; }
li.active a#nigup-page-menu-south-waikato { background-position: -504px 0; }

a#nigup-page-menu-taupo { background-position: -634px -22px; width: 72px; }
a#nigup-page-menu-taupo:hover { background-position: -634px -44px; }
li.active a#nigup-page-menu-taupo { background-position: -634px 0; }

/* Projects - HVDC */

div#hvdc-header-wrapper, div#hvdc-header-wrapper-single { background-position: right bottom; padding-top: 20px; height: 78px; width: 730px; margin-bottom: 10px; float: right; }

div#hvdc-header-wrapper { background-image: url(../../images/gridnz/majorprojects-header-background.png); }

div#hvdc-header-wrapper-single { background-image: url(../../images/gridnz/majorprojects-header-background-single.png); }

div#hvdc-home-header-wrapper { padding-top: 20px; padding-right: 24px; float: right; }

#hvdc-header-home, #hvdc-header-haywardssubstation, #hvdc-header-hvdcline, #hvdc-header-benmoresubstation, #hvdc-header-unknown { background-image: url(../../images/gridnz/hvdc-headers.png); background-repeat: no-repeat; display: block; height: 21px; width: 570px; margin-bottom: 10px; }

#hvdc-header-home { background-position: 0 0; }
#hvdc-header-haywardssubstation { background-position: 0 -22px; }
#hvdc-header-hvdcline { background-position: 0 -42px; }
#hvdc-header-benmoresubstation { background-position: 0 -62px; }
#hvdc-header-unknown { background-position: 0 -82px; }

#hvdc-header-home span, #hvdc-header-haywardssubstation span, #hvdc-header-hvdcline span, #hvdc-header-benmoresubstation span, #hvdc-header-unknown span { display: none; }

#hvdc-page-menu { position: relative; height: 22px; width: 706px; margin: 2px 0 20px; }
#hvdc-page-menu ul { position: relative; height: 22px; width: 706px; }
#hvdc-page-menu ul li { display: inline; margin: 0; padding: 0; float: left; }
#hvdc-page-menu span { display: none; }
#hvdc-page-menu a { background-image: url(../../images/gridnz/hvdc-matrix.gif); display: block; height: 22px; }
#hvdc-sub-project-menu { position: relative; }
#hvdc-sub-project-menu div { background-color: #fff; position: absolute; height: 2px; width: 200px; top: -2px; line-height: 2px; overflow: hidden; }
#hvdc-sub-project-menu p { background-color: #fff; margin: 0 0; padding: 5px 10px 8px; font-weight: bold; width: 184px; background-image: url(../../images/gridnz/majorprojects-sub-project-menu.gif); background-repeat: no-repeat; background-position: left bottom; }

a#hvdc-page-menu-home { background-position: 0 -22px; width: 110px; }
a#hvdc-page-menu-home:hover { background-position: 0 -44px; }
li.active a#hvdc-page-menu-home { background-position: 0 0; }

a#hvdc-page-menu-haywards-substation { background-position: -110px -22px; width: 220px; }
a#hvdc-page-menu-haywards-substation:hover { background-position: -110px -44px; }
li.active a#hvdc-page-menu-haywards-substation { background-position: -110px 0; }

a#hvdc-page-menu-hvdc-line { background-position: -330px -22px; width: 170px; }
a#hvdc-page-menu-hvdc-line:hover { background-position: -330px -44px; }
li.active a#hvdc-page-menu-hvdc-line { background-position: -330px 0; }

a#hvdc-page-menu-benmore-substation { background-position: -500px -22px; width: 206px; }
a#hvdc-page-menu-benmore-substation:hover { background-position: -500px -44px; }
li.active a#hvdc-page-menu-benmore-substation { background-position: -500px 0; }

/* Projects - NAAN */
div#naan-header-wrapper, div#naan-header-wrapper-single { background-position: right bottom; background-repeat: no-repeat; background-color: #fff; padding-top: 20px; height: 110px; width: 730px; margin-bottom: 10px; float: right; }

div#naan-header-wrapper { background-image: url(../../images/gridnz/majorprojects-header-background.png); }

div#naan-header-wrapper-single { background-image: url(../../images/gridnz/majorprojects-header-background-single.png); }

div#naan-home-header-wrapper { padding-top: 20px; padding-right: 24px; float: right; }

#naan-header-home #naan-header-haywardssubstation { background-position: 0 -22px; }
#naan-header-naanline { background-position: 0 -42px; }
#naan-header-benmoresubstation { background-position: 0 -62px; }
#naan-header-unknown { background-position: 0 -82px; }

#naan-header-home, #naan-header-pakurangatopenrose, #naan-header-penrosetohobsonstreet, #naan-header-hobsonstreettowairauroad, #naan-header-wairauroadtoalbany, #naan-header-hobsonstreetsubstation, #naan-header-wairauroadsubstation, #naan-header-overheadlineremoval, #naan-header-unknown { background-image: url(../../images/gridnz/naan-headers.png); background-repeat: no-repeat; display: block; height: 47px; width: 700px; margin-bottom: 10px; }

#naan-header-home { background-position: 0 0; }
#naan-header-pakurangatopenrose { background-position: 0 -50px; }
#naan-header-penrosetohobsonstreet { background-position: 0 -100px; }
#naan-header-hobsonstreettowairauroad { background-position: 0 -150px; }
#naan-header-wairauroadtoalbany { background-position: 0 -200px; }
#naan-header-hobsonstreetsubstation { background-position: 0 -250px; }
#naan-header-wairauroadsubstation { background-position: 0 -300px; }
#naan-header-overheadlineremoval { background-position: 0 -350px; }
#naan-header-unknown { background-position: 0 0px; }

#naan-header-home span, #naan-header-pakurangatopenrose span, #naan-header-penrosetohobsonstreet span, #naan-header-hobsonstreettowairauroad span, #naan-header-wairauroadtoalbany span, #naan-header-hobsonstreetsubstation span, #naan-header-wairauroadsubstation span, #naan-header-overheadlineremoval span, #naan-header-unknown span { display: none; }

#naan-page-menu { position: relative; height: 44px; width: 706px; margin: 2px 0 20px; }
#naan-page-menu ul { position: relative; height: 44px; width: 706px; }
#naan-page-menu ul li { display: inline; margin: 0; padding: 0; float: left; }
#naan-page-menu span { display: none; }
#naan-page-menu a { background-image: url(../../images/gridnz/naan-matrix.gif); display: block; height: 22px; }
#naan-sub-project-menu { position: relative; }
#naan-sub-project-menu div { background-color: #fff; position: absolute; height: 2px; width: 200px; top: -2px; line-height: 2px; overflow: hidden; }
#naan-sub-project-menu p { background-color: #fff; margin: 0 0; padding: 5px 10px 8px; font-weight: bold; width: 184px; background-image: url(../../images/gridnz/majorprojects-sub-project-menu.gif); background-repeat: no-repeat; background-position: left bottom; }

a#naan-page-menu-home { background-position: 0 0; width: 116px; }
a#naan-page-menu-home:hover { background-position: 0 -44px; width: 116px; }
li.active a#naan-page-menu-home { background-position: 0 -22px; width: 116px; }

a#naan-page-menu-pakuranga-to-penrose { background-position: -116px 0; width: 194px; }
a#naan-page-menu-pakuranga-to-penrose:hover { background-position: -116px -44px; }
li.active a#naan-page-menu-pakuranga-to-penrose { background-position: -116px -22px; }

a#naan-page-menu-penrose-to-hobson-st { background-position: -310px 0; width: 192px; }
a#naan-page-menu-penrose-to-hobson-st:hover { background-position: -310px -44px; }
li.active a#naan-page-menu-penrose-to-hobson-st { background-position: -310px -22px; }

a#naan-page-menu-hobson-st-to-wairau-rd { background-position: -502px 0; width: 203px; }
a#naan-page-menu-hobson-st-to-wairau-rd:hover { background-position: -502px -44px; }
li.active a#naan-page-menu-hobson-st-to-wairau-rd { background-position: -502px -22px; }

a#naan-page-menu-wairau-rd-to-albany { background-position: -705px 0; width: 166px; }
a#naan-page-menu-wairau-rd-to-albany:hover { background-position: -705px -44px; }
li.active a#naan-page-menu-wairau-rd-to-albany { background-position: -705px -22px; }

a#naan-page-menu-hobson-st-substation { background-position: -871px 0; width: 178px; }
a#naan-page-menu-hobson-st-substation:hover { background-position: -871px -44px; }
li.active a#naan-page-menu-hobson-st-substation { background-position: -871px -22px; }

a#naan-page-menu-wairau-rd-substation { background-position: -1049px 0; width: 176px; }
a#naan-page-menu-wairau-rd-substation:hover { background-position: -1049px -44px; }
li.active a#naan-page-menu-wairau-rd-substation { background-position: -1049px -22px; }

a#naan-page-menu-overhead-line-removal { background-position: -1225px 0; width: 184px; }
a#naan-page-menu-overhead-line-removal:hover { background-position: -1225px -44px; }
li.active a#naan-page-menu-overhead-line-removal { background-position: -1225px -22px; }

