@charset "UTF-8";
/*	ASR Limited Style Sheet 
	Last Edited: 3-4-2011
	By: Ward Gross
*/

/*  RESET  ===================================================  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0;
}

/*  GLOBAL  ===================================================  */
html {background: #f3f3f3;}
body {color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 16px;}
.asrHide {display: none;}
.clear {clear: both;}
a {color: #00344e; text-decoration: none;}
.sidebar-contact {margin-bottom: 35px;}

/*  GLOBAL HEADER  ===================================================  */
#header {background: url('/images/header-global-bg-tile.png') repeat-x top center; height: 126px; min-width: 960px; overflow: visible; position: relative; width: 100%}
#inner-header {background: url('/images/header-global-bg.png') no-repeat 50% 0; height: 126px; margin: 0px auto; width: 960px;}
#header-logo {margin: 22px 0px 0px 3px; position: absolute;}


/*  MAIN NAV - WITH REGIONS ===================================================  
#main-nav {height: 26px; margin: 78px 0px 0px 342px; position: absolute; width: 547px;}
#main-nav-links {margin: 0px; position: absolute;}
.mainNavLink {background: url('/images/asr-main-nav-sprite.png') no-repeat; display: block; float: left; height: 26px;}
#mainNavLink1 {background-position: 0px 0px; margin: 0px 19px 0px 8px; width: 114px}
#mainNavLink2 {background-position: -114px 0px; margin-right: 19px; width: 98px}
#mainNavLink3 {background-position: -212px 0px; margin-right: 21px; width: 94px}
#mainNavLink4 {background-position: -306px 0px; margin-right: 19px; width: 84px}
#mainNavLink5 {background-position: -390px 0px; width: 61px}
*/

/*  MAIN NAV - NO REGIONS ===================================================  */
#main-nav {height: 26px; margin: 78px 0px 0px 361px; position: absolute; width: 466px;}
#main-nav-links {margin: 0px; position: absolute;}
.mainNavLink {background: url('/images/asr-main-nav-sprite.png') no-repeat; display: block; float: left; height: 26px;}
#mainNavLink1 {background-position: 0px 0px; margin: 0px 27px 0px 8px; width: 114px}
#mainNavLink2 {background-position: -114px 0px; margin-right: 27px; width: 98px}
#mainNavLink3 {background-position: -212px 0px; margin-right: 29px; width: 94px}
#mainNavLink5 {background-position: -306px 0px; width: 61px}


/*  FOOTER  ===================================================  */
#footer-wrap {border-top: 1px #aab9c1 solid; font-size: 12px; height: 50px; line-height: 0px; margin: 20px auto 0px auto; width: 960px;}
ul#footer-links {margin-left: 15px;}
li.footer-reg {display: block; float: left; margin: 17px 65px 0px 0px;}
#link-facebook {background: url('/images/asr-bg-sprite-trans.png') no-repeat -156px 0px; display: block; height: 19px;width: 74px}
#link-twitter {background: url('/images/asr-bg-sprite-trans.png') no-repeat -156px -19px; display: block; height: 19px;width: 59px}
#link-youtube {background: url('/images/asr-bg-sprite-trans.png') no-repeat -156px -38px; display: block; height: 19px;width: 81px}
li.footer-social {display: block; float: left; margin: 7px 20px 0px 0px;}
.footer-social span {display: none;}
#footer-follow {color: #00344e; font-size: 12px; margin: 17px 5px 0px 175px; padding-top: 0px;}


/*  HEADER BOTTOM  ===================================================  */
#bodyHome #header-bottom {background: url('/images/header-bottom-tile-home.png') repeat-x top center; height: 98px; min-width: 960px; width: 100%;}

#bodyExpertise #header-bottom {background: url('/images/header-bottom-tile-expertise.png') repeat-x top center; height: 117px; min-width: 960px; width: 100%;}
#bodyExpertise #header-bottom-content {background: url('/images/asr-bg-sprite.png') no-repeat 0px -0px; height: 117px; margin: 0px auto; width: 960px;}

#bodyExpertiseInd #header-bottom {background: url('/images/header-bottom-tile-expertise.png') repeat-x top center; height: 117px; min-width: 960px; width: 100%;}
#bodyExpertiseInd #header-bottom-content {background: url('/images/asr-bg-sprite.png') no-repeat 0px -0px; height: 117px; margin: 0px auto; width: 960px;}

#bodyProjects #header-bottom {background: url('/images/header-bottom-tile-projects.png') repeat-x top center; height: 117px; min-width: 960px; width: 100%;}
#bodyProjects #header-bottom-content {background: url('/images/asr-bg-sprite.png') no-repeat 0px -161px; height: 117px; margin: 0px auto; width: 960px;}

#bodyWho #header-bottom {background: url('/images/header-bottom-tile-projects.png') repeat-x top center; height: 117px; min-width: 960px; width: 100%;}
#bodyWho #header-bottom-content {background: url('/images/asr-bg-sprite.png') no-repeat 0px -278px; height: 117px; margin: 0px auto; width: 960px;}

#bodyWhoSub #header-bottom {background: url('/images/header-bottom-tile-projects.png') repeat-x top center; height: 117px; min-width: 960px; width: 100%;}
#bodyWhoSub #header-bottom-content {background: url('/images/asr-bg-sprite.png') no-repeat 0px -278px; height: 117px; margin: 0px auto; width: 960px;}


/*  TWO COLUMN LAYOUTS  ===================================================  */
#main-content-left {background: url('/images/sidebar-divider.png') repeat-y top right; float: left; margin-top: 15px; padding-right: 20px; width: 740px;}
#main-content-sidebar {float: left; margin-top: 15px; width: 200px}

.main-content-ind-title {background: url('/images/asr-bg-sprite.png') no-repeat 0px -117px; height: 38px; margin: 20px 0px 0px 0px; padding-left: 10px; width: 730px;}
.main-content-ind-title p {color: #FFFFFF; padding-top: 9px;}
ul.main-content-list {float: left; font-size: 15px; width: 340px;}
ul.left-col {margin: 0px 30px 0px 15px}
ul.main-content-list li {margin: 15px 0px 0px 23px}
span.title {color: #006291; display: block; font-size: 18px; font-weight: bold; margin-top: 15px;}

#main-content-sidebar li{list-style-image: url('/images/sidebar-bullet.png'); margin: 0px 0px 10px 21px;}
#main-content-sidebar li a {font-size: 11px;}
#main-content-sidebar li a:hover {color: #005f97; margin-left: 2px;}
#main-content-sidebar li a.current_page {font-weight: bold;}

#main-content-sidebar .sidebar-title {color: #00344E; float: left; font-weight: bold; margin-left: 8px;}
.clear-2-col-footer {clear: both; height: 25px;}

/*   GENERAL 2 COL  ===================================================  */
#bodyGeneral {background: url('/images/main-content-bg-who.png') repeat-x 0px 120px;}
#bodyGeneral #main-inner-content {margin: 0px auto; width: 960px;}
#bodyGeneral #main-inner-content p {margin: 10px 15px;}
#bodyGeneral #main-content-left a {color: #00537D}
#bodyGeneral #main-content-left a:hover {text-decoration: underline;}

.terms-title {background: url('/images/terms-title.png') no-repeat 0px 0px; height: 36px; margin: 15px 0px 30px 80px; width: 99px;}
.sitemap-title {background: url('/images/sitemap-title.png') no-repeat 0px 0px; height: 36px; margin: 15px 0px 30px 80px; width: 139px;}

#sitemap-lists a {font-size: 12px;}
#sitemap-lists a:hover {}
#sitemap-lists li {font-weight: bold; margin: 6px 0px 0px 25px;}
#sitemap-lists li li {font-weight: normal; list-style-image: url('/images/who-tech-bullet.png')}

/*  HOME  ===================================================  */
#bodyHome #header-content-wrap {background: url('/images/header-content-bg-home.png') repeat top center; height: 350px; min-width: 960px; overflow: hidden; position: relative; width: 100%;}

#bodyHome {background: url('/images/main-content-bg-home.png') repeat-x 0px 573px;}
#bodyHome #slideshow {height: 350px; left: 50%; margin-left: -600px; overflow: hidden; position: absolute; width: 1200px;}
#bodyHome #tagline {background: url('/images/asr-bg-sprite.png') no-repeat 0px -106px; height: 66px; margin: 20px 0px 0px 95px; position: absolute; width: 767px;}
#bodyHome #arrow-holder {margin: 0px auto; position: relative; width: 960px; z-index: 999;}
#bodyHome #arrow-holder a {background: url('/images/asr-bg-sprite-trans.png') no-repeat 0px 0px; display: block; height: 43px; position: absolute; width: 43px;}
#bodyHome #arrow-holder a#preva {background-position: 0px 0px; left: 30px; top: -20px;}
#bodyHome #arrow-holder a#nexta {background-position: -43px 0px; left: 887px; top: -20px;}
#bodyHome #arrow-holder a#preva:hover {background-position: 0px -43px;}
#bodyHome #arrow-holder a#nexta:hover {background-position: -43px -43px;}
#bodyHome #arrow-holder span {display: block; height: 100%; width: 100%;}

#bodyHome #main-content-wrap {min-width: 960px; width: 100%;}
#bodyHome #main-inner-content {margin: -36px auto 0px auto; width: 960px}
.home-columns {background: url('/images/home-col-bg.png') repeat-x 0px 0px; float: left; width: 310px;}
#bodyHome #col-middle {margin: 0px 15px;}
#home-col-title-1 {background: url('/images/asr-bg-sprite.png') no-repeat -740px -117px; height: 17px; margin: 10px 0px 25px 10px; width: 43px;}
#home-col-title-2 {background: url('/images/asr-bg-sprite.png') no-repeat -783px -117px; height: 17px; margin: 10px 0px 25px 10px; width: 73px;}
#home-col-title-3 {background: url('/images/asr-bg-sprite.png') no-repeat -856px -117px; height: 17px; margin: 10px 0px 25px 10px; width: 67px;}
.home-col-block {background: url('/images/home-col-divider.png') no-repeat bottom center; height: 110px; margin: 0px 10px 10px 10px; width: 290px;}
a.home-block-title {display: block; font-size: 14px; font-weight: bold; margin-bottom: 7px;}
a.home-block-title:hover {color: #007faa;}
.home-columns p {color: #777777; font-size: 12px;}

#bodyHome #col-middle img {float: left;}
#col-middle .home-col-block p {float: left; margin-left: 10px; width: 190px;}
#home-social-facebook {background: url('/images/asr-bg-sprite-trans.png') no-repeat 0px -86px; float: left; height: 35px; margin: 15px 0px 0px 48px; width: 34px;}
#home-social-twitter {background: url('/images/asr-bg-sprite-trans.png') no-repeat -34px -86px; float: left; height: 35px; margin: 15px 0px 0px 35px; width: 34px;}
#home-social-youtube {background: url('/images/asr-bg-sprite-trans.png') no-repeat 0px -121px; float: left; height: 23px; margin: 20px 0px 0px 34px; width: 58px;}

#bodyHome #contact-form {margin: 0px 10px 10px 10px; width: 290px;}
#bodyHome #contact-form p {font-size: 10px; margin: 0px 0px 3px 14px;}
#bodyHome #contact-form .text-input {margin: 0px 10px 10px 10px; width: 270px;}
#bodyHome #contact-message {height: 115px; margin: 0px 0px 10px 10px; padding: 4px; width: 266px;}
#bodyHome textarea#contact-message, #bodyHome input {color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#home-contact-submit {background: url('/images/asr-bg-sprite.png') no-repeat -740px -134px; border: none; height: 27px; margin-left: 76px; outline: none; width: 140px;}
#home-contact-submit:hover {background-position: -880px -134px; cursor: pointer;}

/*  EXPERTISE  ===================================================  */
#bodyExpertise {background: url('/images/main-content-bg-expertise.png') repeat-x 0px 217px; min-width: 960px; width: 100%;}
#expertise-info {background: url('/images/expertise-info-bg.png') no-repeat 0px 0px; height: 240px; margin: 0px auto; position: relative; top: 15px; width: 960px;}
h2#expertise-info-text {background: url('/images/expertise-tagline.png') no-repeat 0px 0px; height: 32px; margin: 35px auto; width: 909px;}
#expertise-info-box-wrap {height: 105px; margin-top:80px; width: 960px;}
.expertise-info-box {color: #00466a; float: left; font-size: 12px; font-weight: bold; height: 105px; margin: 0px 15px; width: 289px;}

#expertise-block-wrap {margin: 0px auto; width: 960px;}
#expertise-block-wrap h3 {color: #5E5E5E; font-size: 16px; font-weight: bold; margin: 5px 0px 25px 0px;}
.expertise-block {float: left; width: 305px;}
.expertise-block-middle {margin: 0px 22px 0px 23px;}

#expertise-block-1 {background: url('/images/expertise-block-sprite.jpg') no-repeat 0px 0px; height: 175px; width: 305px;}
#expertise-block-1:hover {background-position: 0px -175px;}
#expertise-block-2 {background: url('/images/expertise-block-sprite.jpg') no-repeat -305px 0px; height: 175px; width: 305px;}
#expertise-block-2:hover {background-position: -305px -175px;}
#expertise-block-3 {background: url('/images/expertise-block-sprite.jpg') no-repeat -610px 0px; height: 175px; width: 305px;}
#expertise-block-3:hover {background-position: -610px -175px;}
#expertise-block-4 {background: url('/images/expertise-block-sprite.jpg') no-repeat 0px -350px; height: 175px; width: 305px;}
#expertise-block-4:hover {background-position: 0px -525px;}
#expertise-block-5 {background: url('/images/expertise-block-sprite.jpg') no-repeat -305px -350px; height: 175px; width: 305px;}
#expertise-block-5:hover {background-position: -305px -525px;}
#expertise-block-6 {background: url('/images/expertise-block-sprite.jpg') no-repeat -610px -350px; height: 175px; width: 305px;}
#expertise-block-6:hover {background-position: -610px -525px;}
#expertise-block-7 {background: url('/images/expertise-block-sprite.jpg') no-repeat 0px -700px; height: 175px; width: 305px;}
#expertise-block-7:hover {background-position: 0px -875px;}
#expertise-block-8 {background: url('/images/expertise-block-sprite.jpg') no-repeat -305px -700px; height: 175px; width: 305px;}
#expertise-block-8:hover {background-position: -305px -875px;}
#expertise-block-9 {background: url('/images/expertise-block-sprite.jpg') no-repeat -610px -700px; height: 175px; width: 305px;}
#expertise-block-9:hover {background-position: -610px -875px;}
#expertise-block-10 {background: url('/images/expertise-block-sprite.jpg') no-repeat 0px -1050px; height: 175px; width: 305px;}
#expertise-block-10:hover {background-position: 0px -1225px;}
#expertise-block-11 {background: url('/images/expertise-block-sprite.jpg') no-repeat -305px -1050px; height: 175px; width: 305px;}
#expertise-block-11:hover {background-position: -305px -1225px;}
#expertise-block-12 {background: url('/images/expertise-block-sprite.jpg') no-repeat -610px -1050px; height: 175px; width: 305px;}
#expertise-block-12:hover {background-position: -610px -1225px;}


/*  EXPERTISE INDIVIDUAL  ===================================================  */
#bodyExpertiseInd p {font-size: 17px; margin: 10px 0px 10px 10px; width: 720px;}

#bodyExpertiseInd {background: url("/images/main-content-bg-expertise.png") repeat-x scroll 0px 240px}
#bodyExpertiseInd #main-inner-content {margin: 0px auto; width: 960px;}
#bodyExpertiseInd #marquee-wrap {background: #939393; height: 300px; margin: 10px 10px 20px 10px; padding: 5px; width: 710px;}

.expertise-marquee-text {background: url('/images/expertise-ind-text-sprite.png') no-repeat; float: left; height: 300px; width: 250px;}
#expertise-marquee-text-1 {background-position: 0px 0px;}
#expertise-marquee-text-2 {background-position: -250px 0px;}
#expertise-marquee-text-3 {background-position: -500px 0px;}
#expertise-marquee-text-4 {background-position: 0px -300px;}
#expertise-marquee-text-5 {background-position: -250px -300px;}
#expertise-marquee-text-6 {background-position: -500px -300px;}
#expertise-marquee-text-7 {background-position: 0px -600px;}
#expertise-marquee-text-8 {background-position: -250px -600px;}
#expertise-marquee-text-9 {background-position: -500px -600px;}
#expertise-marquee-text-10 {background-position: 0px -900px;}
#expertise-marquee-text-11 {background-position: -250px -900px;}
#expertise-marquee-text-12 {background-position: -500px -900px;}

#bodyExpertiseInd #slideshow {float: left; margin-left: 5px;}

#bodyExpertiseInd #arrow-holder {margin: 150px 0px 0px 241px; position: absolute; width: 485px; z-index: 999;}
#bodyExpertiseInd #arrow-holder a {background: url('/images/asr-bg-sprite-trans.png') no-repeat 0px 0px; display: block; height: 31px; position: absolute; width: 31px;}
#bodyExpertiseInd #arrow-holder a#preva {background-position: -94px 0px; left: -4px; top: -17px;}
#bodyExpertiseInd #arrow-holder a#nexta {background-position: -125px 0px; left: 456px; top: -17px;}
#bodyExpertiseInd #arrow-holder a#preva:hover {background-position: -94px -31px;}
#bodyExpertiseInd #arrow-holder a#nexta:hover {background-position: -125px -31px;}
#bodyExpertiseInd #arrow-holder span {display: block; height: 100%; width: 100%;}



/*   PROJECTS  ===================================================  */
#bodyProjects p {font-size: 17px; margin: 10px 0px 10px 10px; width: 720px;}

#bodyProjects {background: url("/images/main-content-bg-projects.png") repeat-x scroll 0px 240px; height: 100%;}
#bodyProjects #main-inner-content {margin: 0px auto; width: 960px;}

#bodyProjects #marquee-wrap {}
.project-marquee-wrap {background: #939393; height: 250px; margin: 10px 0px 20px 0px; padding: 5px; width: 710px;}
.project-marquee {float: left; margin-left: 5px;}
.project-readmore {clear: both; color: #005f97; font-size: 14px; margin-left: 30px;}
.project-readmore:hover {margin-left: 33px;}
.project-marquee-text {float: left; height: 250px; width: 250px;}

#bodyProjects #arrow-holder {margin: 150px 0px 0px 246px; position: absolute; width: 485px; z-index: 999;}
#bodyProjects #arrow-holder a {background: url('/images/asr-bg-sprite-trans.png') no-repeat 0px 0px; display: block; height: 31px; position: absolute; width: 31px;}
#bodyProjects #arrow-holder a#preva {background-position: -94px 0px; left: -4px; top: -17px;}
#bodyProjects #arrow-holder a#nexta {background-position: -125px 0px; left: 456px; top: -17px;}
#bodyProjects #arrow-holder a#preva:hover {background-position: -94px -31px;}
#bodyProjects #arrow-holder a#nexta:hover {background-position: -125px -31px;}
#bodyProjects #arrow-holder span {display: block; height: 100%; width: 100%;}

#project-tile-wrap {margin-top: 25px; width: 715px;}
#project-tile-wrap ul {clear: both;}

#project-tile-wrap li {display: block; float: left; list-style-image: none; width: 225px;}
.middle-tile {margin: 0px 20px;}
.project-tile a.title {display: block; font-weight: bold; margin-bottom: 5px; width: 225px;}
.project-tile a.title:hover {color: #00689c;}

.project-feature {padding-bottom: 25px; width: 740px;}
.project-feature {background-color: transparent !important;}

.project-tile-img {background-position: 0px 0px; height: 150px; margin-bottom: 25px; width: 225px;}
.project-tile-img:hover {background-position: 0px -150px}

.ind-project-title {background: url('/images/projects-divider.png') no-repeat bottom center; color: #00557e; margin: 0px 0px 0px 40px; padding-bottom: 22px;}
.ind-project-image {border: 1px #777777 solid; display: block; margin: 40px 0px 20px 30px;}
p#ind-project-img-description{font-size: 14px; font-style: italic; font-weight: normal; margin: 0px 0px -25px 30px; width: 650px;}
#bodyProjects .main-content-ind-title {margin-top: 45px;}
.project-list li {margin: 10px 0px 0px 35px;}

#ind-project-main-info {margin: 0px 0px 0px 30px; width: 700px;}
.project-downlaod {display: block; margin: 40px 0px 0px 0px; width: 300px;}
.project-downlaod:hover {color: #005781; margin-top: 38px;}
.project-downlaod img {float: left; margin: -12px 10px 0px 0px;}

#project-marquee-title-1 {background: url('/images/project-featured-marquee/project-feature-title-kovalam-coastal-protection.png') no-repeat;}
#project-marquee-title-2 {background: url('/images/project-featured-marquee/project-feature-title-victoria-desalinization.png') no-repeat;}
#project-marquee-title-3 {background: url('/images/project-featured-marquee/project-feature-title-oceanic-plastic-pollution.png') no-repeat;}
#project-marquee-title-4 {background: url('/images/project-featured-marquee/project-feature-title-bay-of-plenty.png') no-repeat;}

.project-feature-text {text-align: center;}

.project-tile-auckland-region {background: url('/images/project-tiles/project-tile-auckland-region.jpg') no-repeat;}
.project-tile-auckland-tauranga {background: url('/images/project-tiles/project-tile-auckland-tauranga.jpg') no-repeat;}
.project-tile-awakino {background: url('/images/project-tiles/project-tile-awakino.jpg') no-repeat;}
.project-tile-barcelona {background: url('/images/project-tiles/project-tile-barcelona.jpg') no-repeat;}
.project-tile-bass-strait-coast {background: url('/images/project-tiles/project-tile-bass-strait-coast.jpg') no-repeat;}
.project-tile-bass-strait-hydro {background: url('/images/project-tiles/project-tile-bass-strait-hydro.jpg') no-repeat;}
.project-tile-bay-of-plenty {background: url('/images/project-tiles/project-tile-bay-of-plenty.jpg') no-repeat;}
.project-tile-bay-of-plenty-doc {background: url('/images/project-tiles/project-tile-bay-of-plenty-doc.jpg') no-repeat;}
.project-tile-bay-of-plenty-marine-spatial-planning {background: url('/images/project-tiles/project-tile-bay-of-plenty-marine-spatial-planning.jpg') no-repeat;}
.project-tile-beatrix-bay {background: url('/images/project-tiles/project-tile-beatrix-bay.jpg') no-repeat;}
.project-tile-beatrix-bay-water-survey {background: url('/images/project-tiles/project-tile-beatrix-bay-water-survey.jpg') no-repeat;}
.project-tile-borth {background: url('/images/project-tiles/project-tile-borth.jpg') no-repeat;}
.project-tile-boscombe {background: url('/images/project-tiles/project-tile-boscombe.jpg') no-repeat;}
.project-tile-boscombe-eco {background: url('/images/project-tiles/project-tile-boscombe-eco.jpg') no-repeat;}
.project-tile-cape-rodney {background: url('/images/project-tiles/project-tile-cape-rodney.jpg') no-repeat;}
.project-tile-cape-runaway {background: url('/images/project-tiles/project-tile-cape-runaway.jpg') no-repeat;}
.project-tile-christchurch {background: url('/images/project-tiles/project-tile-christchurch.jpg') no-repeat;}
.project-tile-cook-strait {background: url('/images/project-tiles/project-tile-cook-strait.jpg') no-repeat;}
.project-tile-dominican-republic {background: url('/images/project-tiles/project-tile-dominican-republic.jpg') no-repeat;}
.project-tile-gisborne {background: url('/images/project-tiles/project-tile-gisborne.jpg') no-repeat;}
.project-tile-gold-coast {background: url('/images/project-tiles/project-tile-gold-coast.jpg') no-repeat;}
.project-tile-hamilton {background: url('/images/project-tiles/project-tile-hamilton.jpg') no-repeat;}
.project-tile-hawkes-bay {background: url('/images/project-tiles/project-tile-hawkes-bay.jpg') no-repeat;}
.project-tile-kaipara-harbour {background: url('/images/project-tiles/project-tile-kaipara-harbour.jpg') no-repeat;}
.project-tile-kovalam-coastal-protection {background: url('/images/project-tiles/project-tile-kovalam-coastal-protection.jpg') no-repeat;}
.project-tile-lombok {background: url('/images/project-tiles/project-tile-lombok.jpg') no-repeat;}
.project-tile-long-bay {background: url('/images/project-tiles/project-tile-long-bay.jpg') no-repeat;}
.project-tile-masela-north-east-block {background: url('/images/project-tiles/project-tile-masela-north-east-block.jpg') no-repeat;}
.project-tile-melbourne {background: url('/images/project-tiles/project-tile-melbourne.jpg') no-repeat;}
.project-tile-mossel-bay {background: url('/images/project-tiles/project-tile-mossel-bay.jpg') no-repeat;}
.project-tile-mount-maunganui {background: url('/images/project-tiles/project-tile-mount-maunganui.jpg') no-repeat;}
.project-tile-napier {background: url('/images/project-tiles/project-tile-napier.jpg') no-repeat;}
.project-tile-nelson {background: url('/images/project-tiles/project-tile-nelson.jpg') no-repeat;}
.project-tile-new-jersey {background: url('/images/project-tiles/project-tile-new-jersey.jpg') no-repeat;}
.project-tile-northland-region {background: url('/images/project-tiles/project-tile-northland-region.jpg') no-repeat;}
.project-tile-oceanic-plastic-pollution-modeling-and-awareness {background: url('/images/project-tiles/project-tile-oceanic-plastic-pollution-modeling-and-awareness.jpg') no-repeat;}
.project-tile-orewa-beach {background: url('/images/project-tiles/project-tile-orewa-beach.jpg') no-repeat;}
.project-tile-pakiri-coast {background: url('/images/project-tiles/project-tile-pakiri-coast.jpg') no-repeat;}
.project-tile-poole {background: url('/images/project-tiles/project-tile-poole.jpg') no-repeat;}
.project-tile-port-gisborne {background: url('/images/project-tiles/project-tile-port-gisborne.jpg') no-repeat;}
.project-tile-port-taranaki {background: url('/images/project-tiles/project-tile-port-taranaki.jpg') no-repeat;}
.project-tile-poverty-bay {background: url('/images/project-tiles/project-tile-poverty-bay.jpg') no-repeat;}
.project-tile-quicksilver-2000-tides {background: url('/images/project-tiles/project-tile-quicksilver-2000-tides.jpg') no-repeat;}
.project-tile-raglan-monitoring {background: url('/images/project-tiles/project-tile-raglan-monitoring.jpg') no-repeat;}
.project-tile-raglan-research {background: url('/images/project-tiles/project-tile-raglan-research.jpg') no-repeat;}
.project-tile-singapore {background: url('/images/project-tiles/project-tile-singapore.jpg') no-repeat;}
.project-tile-south-taranaki {background: url('/images/project-tiles/project-tile-south-taranaki.jpg') no-repeat;}
.project-tile-st-francis-bay {background: url('/images/project-tiles/project-tile-st-francis-bay.jpg') no-repeat;}
.project-tile-straits-of-malacca {background: url('/images/project-tiles/project-tile-straits-of-malacca.jpg') no-repeat;}
.project-tile-sumatra {background: url('/images/project-tiles/project-tile-sumatra.jpg') no-repeat;}
.project-tile-taranaki {background: url('/images/project-tiles/project-tile-taranaki.jpg') no-repeat;}
.project-tile-tauranga {background: url('/images/project-tiles/project-tile-tauranga.jpg') no-repeat;}
.project-tile-ventura-county {background: url('/images/project-tiles/project-tile-ventura-county.jpg') no-repeat;}
.project-tile-victoria-climate {background: url('/images/project-tiles/project-tile-victoria-climate.jpg') no-repeat;}

.project-tile-victoria-desalinization-modeling-and-fieldwork {background: url('/images/project-tiles/project-tile-victoria-desalinization-modeling-and-fieldwork.jpg') no-repeat;}

.project-tile-victoria-field {background: url('/images/project-tiles/project-tile-victoria-field.jpg') no-repeat;}
.project-tile-victoria-hydro {background: url('/images/project-tiles/project-tile-victoria-hydro.jpg') no-repeat;}
.project-tile-victoria-numerical {background: url('/images/project-tiles/project-tile-victoria-numerical.jpg') no-repeat;}
.project-tile-waikato-river {background: url('/images/project-tiles/project-tile-waikato-river.jpg') no-repeat;}


/*   WHO WE ARE  ===================================================  */
#bodyWho {background: url('/images/main-content-bg-who.png') repeat-x 0px 240px;}
#bodyWho #main-inner-content {margin: 0px auto; width: 960px;}
#bodyWho p {margin: 15px 25px;}

#who-tagline {background: url('/images/who-tagline-main.png') no-repeat 0px 0px; height: 54px; margin: 20px auto 20px auto; width: 867px;}
.who-tagline {margin: 0px; position: absolute; width: 929px;}
#bodyWho #marquee-wrap {background: #939393; height: 300px; margin: 10px auto; padding: 5px; width: 930px;}
.who-tagline-marquee-text {height: 300px; position: absolute; width: 300px;}
#tagline-list {margin: 30px 0px 30px 42px;}
#tagline-list li p {margin-left: 5px;}

#who-tagline-understand {margin: -79px 0px 0px 32px; position: absolute;}
#who-tagline-marquee-text-understand {background: url('/images/who-tagline-text-understand.png') no-repeat 0px 0px;}
#who-tagline-innovate {margin: -79px 0px 0px 399px; position: absolute;}
#who-tagline-marquee-text-innovate {background: url('/images/who-tagline-text-innovate.png') no-repeat 0px 0px;}
#who-tagline-sustain {margin: -79px 0px 0px 683px; position: absolute;}
#who-tagline-marquee-text-sustain {background: url('/images/who-tagline-text-sustain.png') no-repeat 0px 0px;}

#bodyWho #arrow-holder {margin: 275px 0px 0px 0px; position: absolute; width: 930px; z-index: 999;}
#bodyWho #arrow-holder a {background: url('/images/asr-bg-sprite-trans.png') no-repeat 0px 0px; display: block; height: 31px; position: absolute; width: 31px;}
#bodyWho #arrow-holder a#preva {background-position: -94px 0px; left: -19px; top: -170px;}
#bodyWho #arrow-holder a#nexta {background-position: -125px 0px; left: 916px; top: -170px;}
#bodyWho #arrow-holder a#preva:hover {background-position: -94px -31px;}
#bodyWho #arrow-holder a#nexta:hover {background-position: -125px -31px;}
#bodyWho #arrow-holder span {display: block; height: 100%; width: 100%;}

#who-main-feature-wrap {background: url('/images/who-main-feature-bg.png') no-repeat 0px 0px; height: 247px; margin: 40px 0px 40px 0px; width: 960px;}

#who-main-feature-tech-team {background: url('/images/who-main-feature-tiles.jpg') no-repeat 0px 0px; display: block; float: left; height: 205px; margin-left: 6px; position: relative; top: 36px; width: 305px;}
#who-main-feature-tech-team:hover {background-position: 0px -205px;}
#who-main-feature-careers {background: url('/images/who-main-feature-tiles.jpg') no-repeat -305px 0px; display: block; float: left; height: 205px; margin-left: 17px; position: relative; top: 36px; width: 305px;}
#who-main-feature-careers:hover {background-position: -305px -205px;}
#who-main-feature-contact {background: url('/images/who-main-feature-tiles.jpg') no-repeat -610px 0px; display: block; float: left; height: 205px; margin-left: 16px; position: relative; top: 36px; width: 305px;}
#who-main-feature-contact:hover {background-position: -610px -205px;}

/*   WHO WE ARE - SUB-PAGES  ===================================================  */
#bodyWhoSub {background: url('/images/main-content-bg-projects.png') repeat-x scroll 0px 240px; height: 100%;}
#bodyWhoSub #main-inner-content {margin: 0px auto; width: 960px;}

/*  TECH-TEAM  */
h2.who-tech-title {background: url('/images/who-tech-title.png') no-repeat 0px 0px; height: 40px; margin: 10px 0px 17px 80px; width: 210px;}
h3.who-tech-key-members {background: url('/images/who-tech-key-members.png') no-repeat 0px 0px; height: 30px; margin: 50px 0px 17px 80px; width: 346px;}
p.who-tech-info {margin: 0px 20px 15px;}

.who-tech-member-wrap {float: left; padding-bottom: 35px; width: 345px;}
.who-tech-member-wrap p {font-weight: normal; font-size: 16px; margin: 15px 10px 0px 10px;}
.who-tech-member-wrap-left {margin: 0px 10px;}
.who-tech-member-wrap-right {margin: 0px 0px 0px 20px;}
.member-name {background: url('/images/who-tech-member-bg.png') no-repeat 0px 0px; height: 38px; width: 345px;}
.member-name p {color: #FFFFFF; font-weight: bold; display: block; margin: 0px 0px 0px 30px; position: relative; top: 10px;}
p.member-title {color: #00537d; font-weight: bold; display: block; margin: 10px 0px 0px 10px;}
.whoBlue {color: #00537d; font-weight: bold;}
.who-tech-member-wrap li {list-style-image: url('/images/who-tech-bullet.png'); font-size: 14px; margin: 10px 0px 0px 27px; width: 300px;}

/*  CONTACT  */
h2.who-contact-title {background: url('/images/who-contact-title.png') no-repeat 0px 0px; height: 37px; margin: 15px 0px 30px 80px; width: 289px;}
.who-contact-tile {float: left; height: 55px; margin: 20px 0px 20px 20px; width: 345px;}
.who-contact-tile img {display: block; margin: 0px auto 10px auto;}
.who-contact-tile p {color: #00537d; display: block; text-align: center;}
.who-contact-tile p:hover {color: #002a3f; padding-top: 2px;}

.who-contact-map {display: block; margin: 15px auto 0px auto;}

#who-location-wrap {margin: 0px auto; width: 760px;}
.who-location-tile {float: left; margin: 30px 13px; width: 345px;}
.who-location-tile img {display: block; margin: 10px auto;}
.who-location-tile table {margin-left: 20px;}
.who-location-tile p {color: #053b54; font-size: 14px; font-weight: bold; margin-bottom: 10px;}

h3.who-contact-form-title {background: url('/images/who-contact-form-title.png') no-repeat 0px 0px; float: left; height: 44px; margin: 2px 0px 0px 45px; width: 257px;}
.who-message-title {margin: 0px 0px 6px 20px;}
#bodyWhoSub #contact-form {margin: 15px 10px 10px 10px; width: 290px;}
#bodyWhoSub #contact-form .text-input {margin: 10px; height: 20px; width: 280px;}
#bodyWhoSub #contact-message {height: 115px; margin: 0px 0px 10px 10px; padding: 4px; width: 680px;}
#bodyWhoSub textarea#contact-message, #bodyHome input {color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#who-contact-submit {background: url('/images/asr-bg-sprite.png') no-repeat -740px -134px; border: none; height: 27px; margin-left: 560px; outline: none; width: 140px;}
#who-contact-submit:hover {background-position: -880px -134px; cursor: pointer;}

/*  CAREER  */
.who-career-title {background: url('/images/who-careers-title.png') no-repeat 0px 0px; height: 36px; margin: 15px 0px 30px 80px; width: 400px;}
#who-careers-wrap p, #who-internships-wrap p{margin: 20px 0px 20px 0px}
#who-careers-wrap .main-content-ind-title {font-weight: bold; text-align: center;}
#who-internships-wrap .main-content-ind-title {font-weight: bold; margin-top: 50px; text-align: center;}
#who-internships-wrap a {color: #00537D}
#who-internships-wrap a:hover {text-decoration: underline;}

/*   JAPAN PAGES  ===================================================  */
#bodyJapan {background: url('/images/main-content-bg-expertise.png') repeat-x 0px 125px; min-width: 960px; width: 100%;}
#bodyJapan h2 {margin: 20px 0px;}
#bodyJapan p {margin: 10px 0px;}
.japanThumb {float: left; margin: 0px 0px 0px 0px; padding: 10px 10px 15px 10px;}
.japanThumb img {margin-bottom: 10px;}
.japanThumb:hover {background: #e3e3e3;}

.twitter-share-button {}
#map3d {border: 1px solid #CCCCCC; height: 480px; margin:auto; padding: 3px; width: 820px;}
#japan-socail-links {margin: 0px auto; width: 960px;}
#japan-plume-content, #japan-debris-content {margin: 0px auto; padding: 0px 0px 0px 0px; width: 960px;}
#japan-plume-text, #japan-debris-text {float: left; width: 685px;}
#japan-plume-twitter-wrap, #japan-debris-twitter-wrap {float: left; margin: 10px 0px 0px 20px; width: 250px;}