/* GENERAL */
body {
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 76%;
	margin:0;
	padding:0;
}
div {
	margin:0;
	padding:0;
}
p {
	color:#666;
	font-size:1.17em;
	margin:0;
}
.clear-both {
	clear:both;
}
.clear-left {
	clear:left;
}
.clear-right {
	clear:right;
}
/* colours */
.home, .footer .home a {
	color: #ffca09;
}
.the-auckland-story, .footer .the-auckland-story a {
	color: #ec2228;
}
.the-brand, .footer .the-brand a {
	color: #52247f;
}
.brand-story, .footer .brand-story a {
	color: #8dc63f;
}
.media-kit, .footer .media-kit a {
	color: #f58426;
}
.find-out-more, .footer .find-out-more a {
	color: #35bdb2;
}
/* layout */
.container {
	background-image:url(img/bg-home.jpg);
	background-color:#fff;
	background-position:50% 0px;
	background-repeat:no-repeat;
}
.page {
	width: 960px;
	margin: 0 auto;
}
.content {
	margin-bottom:50px;
}
/* main header and page border background images */
div.the-auckland-story {
	background-image:url(img/bg-the-auckland-story.jpg);
}
div.the-brand {
	background-image:url(img/bg-the-brand.jpg);
}
div.brand-story {
	background-image:url(img/bg-brand-story.jpg);
}
div.media-kit {
	background-image:url(img/bg-media-kit.jpg);
}
div.find-out-more {
	background-image:url(img/bg-find-out-more.jpg);
}


/* MAIN NAVIGATION */
.main-nav {
	width:960px;
	height:120px;
	position:relative;
}
.main-nav ul {
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	bottom:0px;
	right:30px;
}
.main-nav li {
	display:inline;
	float:left;
}
.main-nav li a {
	background-image:url(img/main-nav.gif);
	cursor:pointer;
	display:block;
	height:30px;
	text-decoration:none;
	overflow:hidden;
}
.main-nav li a span {
	display:block;
	text-indent:-3000px;
	height:30px;
}
.main-nav li.home a {
	background-position:0px 30px;
	width:51px;
}
.main-nav li.home a span {
	width:51px;
}
.main-nav li.home a:hover, .main-nav li.home a.selected {
	background-position:0px 0px;
}
.main-nav li.the-auckland-story a {
	background-position:-51px 30px;
	width:146px;
}
.main-nav li.the-auckland-story a span {
	width:146px;
}
.main-nav li.the-auckland-story a:hover, .main-nav li.the-auckland-story a.selected {
	background-position:-51px 0px;
}
.main-nav li.the-brand a {
	background-position:-197px 30px;
	width:92px;
}
.main-nav li.the-brand a span {
	width:92px;
}
.main-nav li.the-brand a:hover, .main-nav li.the-brand a.selected {
	background-position:-197px 0px;
}
.main-nav li.brand-story a {
	background-position:-289px 30px;
	width:127px;
}
.main-nav li.brand-story a span {
	width:127px;
}
.main-nav li.brand-story a:hover, .main-nav li.brand-story a.selected {
	background-position:-289px 0px;
}
.main-nav li.media-kit a {
	background-position:-416px 30px;
	width:86px;
}
.main-nav li.media-kit a span {
	width:86px;
}
.main-nav li.media-kit a:hover, .main-nav li.media-kit a.selected {
	background-position:-416px 0px;
}
.main-nav li.find-out-more a {
	background-position:-502px 30px;
	width:116px;
}
.main-nav li.find-out-more a span {
	width:116px;
}
.main-nav li.find-out-more a:hover, .main-nav li.find-out-more a.selected {
	background-position:-502px 0px;
}


/* FOOTER */
.footer {
	clear:both;
}
.footer-nav {
	text-align:right;
	margin-bottom:5px;
}
.footer-nav ul {
	list-style:none;
	margin:0 29px 0 0;
	padding:0;
}
.footer-nav li {
	display:inline;
	margin-right:1px;
}
.footer-nav span {
	margin-left:0;
}
.footer-nav li a {
	text-decoration:none;
}
.footer-nav {
	font-size:1em;
}
.footer-links {
	background-color:#eaeaea;
	color:#fff;
	font-size:0.92em;
	margin-left:117px;
	padding-bottom:106px;
	text-align:right;
	width:843px;
}
div.home .footer-links {
	background:#eaeaea url(img/bg-footer-home.gif) 0px bottom no-repeat;
	color:#606060;
	margin-bottom:105px;
	margin-left:87px;
	padding-bottom:1px;
	width:873px;
}
.footer-links ul {
	list-style:none;
	margin:0;
	padding:8px 24px 6px 0;
}
.footer-links li {
	display:inline;
	margin-right:6px;
	white-space:nowrap;
}
.footer-links li span {
	margin-left:7px;
}
.footer-links li a {
	color:#fff;
	text-decoration:none;
}
div.home .footer-links li a {
	color:#606060;
}
.footer-links a.tell-a-friend {
	background:transparent url(img/icon-envelope-white.gif) 0px 3px no-repeat;
	padding-left:18px;
}
div.home .footer-links a.tell-a-friend {
	background:transparent url(img/icon-envelope-grey.gif) 0px 3px no-repeat;
	padding-left:18px;
}
div.the-auckland-story .footer-links {
	background:#ee3424 url(img/bg-footer-the-auckland-story.gif) 0px bottom no-repeat;
	color:#fff;
}
div.the-brand .footer-links {
	background:#863768 url(img/bg-footer-the-brand.gif) 0px bottom no-repeat;
	color:#fff;
}
div.brand-story .footer-links {
	background:#9ab743 url(img/bg-footer-brand-story.gif) 0px bottom no-repeat;
	color:#fff;
}
div.media-kit .footer-links {
	background:#a95029 url(img/bg-footer-media-kit.gif) 0px bottom no-repeat;
	color:#fff;
}
div.find-out-more .footer-links {
	background:#22756c url(img/bg-footer-find-out-more.gif) 0px bottom no-repeat;
	color:#fff;
}
.footer-logo {
	background-image:url(img/logo-auckland-home.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
	height:30px;
	text-align:left;
	width:150px;
}
.footer-logo span {
	display:block;
	height:30px;
	text-indent:-3000px;
	width:150px;
}
div.the-auckland-story .footer-logo {
	background-image:url(img/logo-auckland-the-auckland-story.gif);
}
div.the-brand .footer-logo {
	background-image:url(img/logo-auckland-the-brand.gif);
}
div.brand-story .footer-logo {
	background-image:url(img/logo-auckland-brand-story.gif);
}
div.media-kit .footer-logo {
	background-image:url(img/logo-auckland-media-kit.gif);
}
div.find-out-more .footer-logo {
	background-image:url(img/logo-auckland-find-out-more.gif);
}


/* HOME CONTENT */
div.home .content {
	margin-top:105px;
	margin-right:30px;
	text-align:right;
}
.introduction {
	clear:right;
	float:right;
	line-height:1.65em;
	width:460px;
}
.introduction h1 {
	color:#ef3b2c;
	font-size:2.33em;
	line-height:1em;
	margin:0px 0px 10px;
}
.introduction p {
	color:#888;
	margin:0 0 20px;
}
.introduction p a {
	color:#ef3b2c;
	font-size:0.86em;
	font-weight:bold;
}
div.home .endorsement {
	float:right;
	margin-bottom:30px;
	margin-bottom:3em;
	width:281px;
}
div.home .endorsement .quote {
	background:transparent url(img/bg-home-quote-top.gif) 0px 0px no-repeat;
	color:#777;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.1em;
	margin:0;
	padding:7px 14px 4px 12px;
	text-transform:uppercase;
}
div.home .endorsement .quote a{
	color:#ef3b2c;
	font-weight:bold;
	text-transform:uppercase;	
	text-decoration:none;
}
div.home .endorsement .credit {
	background:transparent url(img/bg-home-quote-bottom.gif) 0px bottom no-repeat;
	font-size:0.83em;
	line-height:1.2em;
	margin:0;
	padding:0 14px 30px 12px;
	text-align:right;
}
div.home .endorsement .credit strong {
	font-size:1.2em;
	font-weight:bold;
}


/* SIDEBAR */
.sidebar {
	display:inline;
	float:right;
	line-height:1.5em;
	text-align:right;
	width:190px;
}
/* sub-nav */
.sub-nav {
	margin-bottom:40px;
}
.sub-nav ul {
	list-style:none;
	margin:0 0 0 25px;
	padding:3px 0 0;
	text-align:left;
}
.sub-nav li {
	line-height:1.3em;
	padding-right:6px;
	padding-bottom:10px;
	padding-left:14px;
}
.sub-nav li a {
	color:#888;
	font-size:1.17em;
	text-decoration:none;
}
.sub-nav li a:hover {
	text-decoration:underline;
}
.sub-nav li.selected {
	background:url(img/icon-subnavarrow-brand-story.gif) 0px 4px no-repeat;
}
.sub-nav li.selected a {
	color:#00a160;
	font-weight:bold;
}
.sub-nav li.selected a:hover {
	text-decoration:none;
}

/* sub-nav */
.sub-nav1 {
	margin-bottom:40px;
}
.sub-nav1 ul {
	list-style:none;
	margin:0 0 0 25px;
	padding:3px 0 0;
	text-align:left;
}
.sub-nav1 li {
	line-height:1.3em;
	padding-right:6px;
	padding-bottom:10px;
	padding-left:14px;
}
.sub-nav1 li a {
	color:#53247f;
	font-size:1.17em;
	text-decoration:none;
}
.sub-nav1 li a:hover {
	text-decoration:underline;
}
.sub-nav1 li.selected {
	background:url(img/icon-subnavarrow-the-brand.gif) 0px 4px no-repeat;
}
.sub-nav1 li.selected a {
	color:#53247f;
	font-weight:bold;
}
.sub-nav1 li.selected a:hover {
	text-decoration:none;
}
/* endorsement */
.sidebar .endorsement {
	clear:right;
	background-position:right bottom;
	background-repeat:no-repeat;
	text-align:right;
	float:right;
}
.sidebar .quote {
	background:transparent url(img/bg-quoteborder-fix.gif) 0px 0px repeat-x;
	font-weight:bold;
	font-size:1.5em;
	margin-bottom:0;
	padding-right:6px;
	text-transform:uppercase;
}
.sidebar .quote img {
	margin-right:20px;
}
.sidebar .credit {
	background-position:0px bottom;
	background-repeat:no-repeat;
	float:right;
	font-size:0.83em;
	line-height:1.1em;
	margin-bottom:43px;
	padding-top:25px;
	padding-right:6px;
	padding-left:34px;
}
.sidebar .credit strong {
	font-size:1.09em;
}
.the-auckland-story .sidebar .endorsement {
	background-image:url(img/bg-quoteborder-the-auckland-story.gif);
}
.the-auckland-story .sidebar .endorsement p {
	color:#ee3823;
}
.the-brand .sidebar .endorsement {
	background-image:url(img/bg-quoteborder-the-brand.gif);
}
.the-brand .sidebar .endorsement p {
	color:#53247f;
}
.brand-story .sidebar .endorsement {
	background-image:url(img/bg-quoteborder-brand-story.gif);
}
.brand-story .sidebar .endorsement p {
	color:#00a160;
}
.media-kit .sidebar .endorsement {
	background-image:url(img/bg-quoteborder-media-kit.gif);
}
.media-kit .sidebar .endorsement p {
	color:#69321f;
}
.find-out-more .sidebar .endorsement {
	background-image:url(img/bg-quoteborder-find-out-more.gif);
}
.find-out-more .sidebar .endorsement p {
	color:#35bdb2;
}
div.the-auckland-story .sidebar .credit {
	background-image:url(img/icon-uparrow-the-auckland-story.gif);
	color:#ee3823;
}
div.the-brand .sidebar .credit {
	background-image:url(img/icon-uparrow-the-brand.gif);
	color:#53247f;
}
div.brand-story .sidebar .credit {
	background-image:url(img/icon-uparrow-brand-story.gif);
	color:#00a160;
}
div.media-kit .sidebar .credit {
	background-image:url(img/icon-uparrow-media-kit.gif);
	color:#69321f;
}
div.find-out-more .sidebar .credit {
	background-image:url(img/icon-uparrow-find-out-more.gif);
	color:#35bdb2;
}
/* contact details */
.sidebar .contact-details {
	background:url(img/bg-quoteborder-media-kit.gif) right bottom no-repeat;
	clear:right;
	line-height:1.15em;
	margin-bottom:40px;
	padding-top:3px;
	padding-right:6px;
}
.sidebar p.contact-details {
	font-size:1em;
}
.sidebar .contact-details .heading {
	color:#69321f;
	font-size:1.17em;
}
.sidebar .contact-details .name {
	font-size:1.17em;
}
.sidebar .contact-details em {
	font-size:0.92em;
	font-style:normal;
	font-weight:bold;
}
.sidebar .contact-details a {
	color: #f58426;
}


/* CONTENT */
/* heading */
div.heading {
	height:178px;
	margin-bottom:80px;
	margin-left:85px;
	text-align:right;
	position:relative;
}
div.heading h1 {
	bottom:26px;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:4em;
	margin:0;
	position:absolute;
	right:30px;
	text-transform:uppercase;
}
/* listen to audio */
#flash-audio {
	width:190px;
	height:61px;
	position:absolute;
	top:182px;
	right:22px;
	z-index:1;
}
/* main */
.main {
	display:inline;
	float:right;
	margin-right:29px;
	margin-left:22px;
	padding-top:0px;
	width:663px;
}
.main p {
	line-height:1.43em;
	margin-bottom:20px;
	clear:left;
	width:100%;
}
div.left-column {
	display:inline;
	float:left;
	width:343px;
}
div.right-column {
	display:inline;
	float:left;
	margin-right:0;
	width:320px;
	background-colour:blue;
}
.left-column p, .right-column p {
	float:none;
	display:block;
	width:320px;
}
.left-column li, .right-column li {
	padding-right:20px;
}
.main h2 {
	clear:left;
	font-size:2.33em;
	line-height:1em;
	margin:0 0 10px;
	width:100%;
}
.main h3 {
	clear:left;
	font-size:1.17em;
	line-height:1em;
	margin:0;
	width:100%;
}
.main h4 {
	clear:left;
	font-size:1em;
	line-height:1em;
	margin:0;
	width:100%;
}
.main ul, .main ol {
	margin-top:0;
	margin-bottom:20px;
}
.main li {
	color:#666;
	line-height:1.1em;
}
.the-auckland-story .main a, .the-auckland-story .main .highlight {
	color: #ec2228;
}
.the-brand .main h2, .the-brand .main h3, .the-brand .main h4, .the-brand .main .highlight {
	color:#53247f;
}
.media-kit .main a, .media-kit .main .highlight {
	color: #f58426;
}
.media-kit .main h2 {
	color:#69321f;
}
.find-out-more .main a, .find-out-more .main .highlight {
	color: #35bdb2;
}
.brand-story .main h2, .brand-story .main .highlight, .brand-story .main a {
	color:#00a160;
}
/* lists */
.no-bullet-list {
	background-color:#f5f5f5;
	font-size:1em;
	font-weight:bold;
	list-style:none;
	margin:0 0 20px;
	padding:5px 3px 0;
	width:314px;
	float:left;
}
.no-bullet-list li {
	padding-bottom:6px;
}
.no-bullet-list li a {
	color:#ff3366;
	text-decoration:none;
}
.no-bullet-list li a:hover {
	text-decoration:underline;
}
.pdf-list {
	background-color:#f5f5f5;
	font-size:1em;
	font-weight:bold;
	list-style:none;
	margin:0 0 20px;
	padding:5px 3px 0;
	width:314px;
}
.pdf-list li {
	background:url(img/icon-pdf.gif) 0px 0px no-repeat;
	padding-left:20px;
	padding-bottom:6px;
}
.pdf-list li a {
	color:#ff3366;
	text-decoration:none;
}
.pdf-list li a:hover {
	text-decoration:underline;
}
.links-list {
	background-color:#f5f5f5;
	font-size:1em;
	font-weight:bold;
	list-style:none;
	margin:0 0 20px;
}
.left-column .links-list {
	padding:0 26px 0 3px;
}
.right-column .links-list {
	padding:0 3px 0 0;
}
.links-list li {
	padding-bottom:6px;
	margin:0;
}
.links-list li a {
	font-size:0.92em;
	font-weight:normal;
	text-decoration:none;
}
.links-list li a:hover {
	text-decoration:underline;
}
.media-kit .links-list strong {
	color: #f58426;
}
.the-brand .links-list strong  {
	color: #ff3366;
}

.the-brand .main a {
	color: #52247f;
}
