* { margin: 0; outline: 0; }
ul, ol { padding:  0; }
a, img { border: 0; }

div.clear {
	clear: both;
	line-height: 0;
	height: 0;
	font-size: 0;
	border: 0;
	padding: 0;
	margin: 0;
}

body, html {
	height: 100%;
	width: 100%;
}

body {
	text-align: center;
	background: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; line-height: 16px;
}

/* common declarations */

a { 
	color: #6abde0; 
	text-decoration: underline;
}

.blue { 
	color: #009de0; 
	text-decoration: none;
}

p a:hover { color: #009de0; text-decoration: underline; }

p { margin: 0 0 16px 0; }

p:last-child,
p.last-child { 
	margin: 0; 
}

p.quote { text-indent: -4px; }

h2, h3 {
	font-size: 17px; line-height: 17px;
	color: #009de0;
	font-weight: bold;
}


/* container: holds everything, centered */

#container {
	width: 908px;
	text-align: left;
	margin: 0 auto;
	border-bottom: 15px solid white;
}

/* header: holds h1 and menu */

#head {
	margin: 20px 0 0 0;
	height: 190px;
}

/* h1 image replacement */

h1, h1 a {
	display: block;
	width: 257px; height: 66px;
	text-indent: -999em;
	background: url(../img/nz-venice.png) 0 0 no-repeat;
	float: left;
}

/* menu */

#menu {
	width: 444px;
	float: right;
	clear: none;
}


#menu ul {
	list-style: none;
	width: 216px;
	float: left;
	margin: 0;
}

#menu ul:first-child {
	width: 228px;
}


#menu ul li {
	height: 21px;
	margin: -4px 0 0 0;
}

#menu ul li a {
	display: block;
	height: 21px; width: 228px;
	text-indent: -9999em;
}

/* blue menu items image replacement */

li a.projects { background: url(../img/menu.png) 0 0 no-repeat; }
li.active a.projects,
li:hover a.projects {
	background: url(../img/menu.png) -228px 0 no-repeat;
}

li a.millar { background: url(../img/menu.png) 0 -21px no-repeat; }
li.active a.millar,
li:hover a.millar {
	background: url(../img/menu.png) -228px -21px no-repeat;
}

li a.upritchard { background: url(../img/menu.png) 0 -42px no-repeat; }
li.active a.upritchard,
li:hover a.upritchard {
	background: url(../img/menu.png) -228px -42px no-repeat;
}

li a.locations { background: url(../img/menu.png) 0 -63px no-repeat; }
li.active a.locations,
li:hover a.locations {
	background: url(../img/menu.png) -228px -63px no-repeat;
}

li a.commissioner { background: url(../img/menu.png) 0 -84px no-repeat; }
li.active a.commissioner,
li:hover a.commissioner {
	background: url(../img/menu.png) -228px -84px no-repeat;
}

li a.patrons { background: url(../img/menu.png) 0 -105px no-repeat; }
li.active a.patrons,
li:hover a.patrons {
	background: url(../img/menu.png) -228px -105px no-repeat;
}

li a.makingworlds { background: url(../img/menu.png) 0 -126px no-repeat; }
li.active a.makingworlds,
li:hover a.makingworlds {
	background: url(../img/menu.png) -228px -126px no-repeat;
}

/* gold items image replacement */

li a.blog { background: url(../img/menu.png) 0 -147px no-repeat; }
li.active a.blog,
li:hover a.blog {
	background: url(../img/menu.png) -228px -147px no-repeat;
}

li a.news { background: url(../img/menu.png) 0 -168px no-repeat; }
li.active a.news,
li:hover a.news {
	background: url(../img/menu.png) -228px -168px no-repeat;
}

li a.nzroom { background: url(../img/menu.png) 0 -189px no-repeat; }
li.active a.nzroom,
li:hover a.nzroom {
	background: url(../img/menu.png) -228px -189px no-repeat;
}

li a.history { background: url(../img/menu.png) 0 -210px no-repeat; }
li.active a.history,
li:hover a.history {
	background: url(../img/menu.png) -228px -210px no-repeat;
}

li a.nzvenice { background: url(../img/menu.png) 0 -231px no-repeat; }
li.active a.nzvenice,
li:hover a.nzvenice {
	background: url(../img/menu.png) -228px -231px no-repeat;
}



li a.cnz { background: url(../img/menu.png) 0 -315px no-repeat; }
li.active a.cnz,
li:hover a.cnz {
	background: url(../img/menu.png) -228px -315px no-repeat;
}


/* main content area */

#content {
	margin: 0 0 13px 0;
}

div.left {
	float: left;
	width: 444px;
	margin: 0 20px 0 0;
	clear: left;
}

div.right {
	float: right;
	width: 444px;
	clear: right;
}

div.col {
	float: left;
	width: 216px;
	margin-left: 12px;
}

div.col:first-child, div.first {
	margin-left: 0;
}

hr {
	height: 13px; 
	color: #009de0; background: #009de0;
	border: 0 !important; padding: 0; margin: 15px 0;
	clear: both;
}

hr.light {
	background: #b7dfee;
	height: 12px;
	margin: 8px 0 20px 0; /* bottom margin to thumbnails */
}

h4 {
	font-size: 12px; line-height: 16px;
	margin: 0;
	font-weight: normal;
	color: #009de0;
}

div.image { margin: 2px 0 12px 0; }
div.col div.image { background: #ddf0f8; }
div.col div.image img { display: block; }

/* galleries */

h2 + div.gallery { margin-top: 15px; } /* added space between header and gallery */

div.gallery div.image {
	width: 444px; height: 444px;
	margin: 2px 0 9px 0; /* 2px top to text cap height / 12px bottom to caption cap height */
	cursor: pointer;
}

p.caption { 
	padding: 0 0 8px 0;
	border-bottom: 12px solid #b7dfee;
	margin: 0 0 20px 0; 

}

div.thumbnails a {
	display: block;
	width: 140px; height: 100px;
	float: left;
	margin: 0 12px 12px 0;
	background: #ddf0f8;
}

div.thumbnails a.active { background: #009de0; }
div.thumbnails a.active img { display: none; }

div.thumbnails a.last { margin-right: 0; } /* last before new line */

#content.index {
	margin-top: 4px; /* images -> header cap height */ 
}

#content.nbm7 {
	margin: 0 0 -7px 0; /* thumb bottom + footer top = 27 */ 
}

/* making worlds thumbnails */

div.mwcontainer {
	margin: 2px 0 0 0;
}

div.mwthumb {
	float: left;
	width: 216px; height: 195px;
	margin: 0 12px 12px 0;
}

div.mwthumb.last {
	margin-right: 0;
}

div.mwthumb img
{
	display: block;
	width: 216px; height: 164px;
	background: #ddf0f8;
}

div.mwthumb p { margin: 10px 0 0 0; }


div.floater {
	position: relative; zoom: 1; /* ie fixes */
	float: right; clear: right;
	width: 444px;
	
	margin: 0 -464px -12px 20px; /*bottom: compensate for thumb div bottom margin */
}

/* mwm new */

div.makingworlds {
	margin-top: 2px;
}

div.makingworlds img {
	background: #ddf0f8;
}

/* footer */

#footer {
	position: relative;
	margin: 15px 0 0 0;
	border-top: 13px solid #009de0;
	height: 113px;
	background: #e2f3fa;
}

a#biennale {
	display: block;
	position: absolute;
	left: 0; top: 14px;
	width: 106px; height: 99px;
	background: url(../img/biennale_logo-trans.png) 0 0 no-repeat;
	text-indent: -999em;
}

/* footer menu */

#footer ul {
	position: absolute; 
	left: 464px; top: 43px;
	list-style: none;
}

#footer ul li {
	height: 21px;
	margin: -4px 0 0 0;
}

#footer ul li a {
	display: block;
	height: 21px; width: 216px;
	text-indent: -9999em;
}

li a.links { background: url(../img/menu.png) 0 -252px no-repeat; }
li.active a.links,
li:hover a.links {
	background: url(../img/menu.png) -228px -252px no-repeat;
}

li a.acknowledgements { background: url(../img/menu.png) 0 -273px no-repeat; }
li.active a.acknowledgements,
li:hover a.acknowledgements {
	background: url(../img/menu.png) -228px -273px no-repeat;
}


li a.contact { background: url(../img/menu.png) 0 -294px no-repeat; }
li.active a.contact,
li:hover a.contact {
	background: url(../img/menu.png) -228px -294px no-repeat;
}

a#creativenz {
	display: block;
	position: absolute; 
	left: 692px; bottom: 20px;
	width: 216px; height: 46px;
	background: url(../img/creativenz_logo.png) 0 0 no-repeat;
	text-indent: -999em;
}

#copyright {
	font-size: 10px; line-height: 16px;
	color: #6abde0;
	margin: 15px 0 0 692px;
}

/* image replacement */

.ir, .ir a {
	display: block;
	text-indent: -9999em;
}

h2.millar-giraffe-santamaria a {
	width: 444px; height: 40px;
	background: url(../content/ir/h2-millar-giraffe-santamaria.gif) 0 0 no-repeat;
}

h2.upritchard-save-fondazione a {
	width: 444px; height: 40px;
	background: url(../content/ir/h2-upritchard-save-fondazione.gif) 0 0 no-repeat;
}

h2.millar-giraffe a,
h3.millar-giraffe a {
	width: 444px; height: 40px;
	background: url(../content/ir/h2-millar-giraffe.gif) 0 0 no-repeat;
}

h2.upritchard-save a,
h3.upritchard-save a {
	width: 444px; height: 40px;
	background: url(../content/ir/h2-upritchard-save.gif) 0 0 no-repeat;
}

h2.millar {
	height: 23px;
	background: url(../content/ir/h2-millar.gif) 0 0 no-repeat;
}

h2.upritchard {
	height: 23px;
	background: url(../content/ir/h2-upritchard.gif) 0 0 no-repeat;
}

h2.locations {
	height: 23px;
	background: url(../content/ir/h2-locations.gif) 0 0 no-repeat;
}

/* curators */

h2.commissioner {
	height: 23px;
	background: url(../content/ir/h2-commissioner.gif) 0 0 no-repeat;
}

h3.emmerling {
	height: 40px;
	background: url(../content/ir/h3-curators-emmerling.gif) 0 0 no-repeat;
}

h3.galbraith {
	height: 40px;
	background: url(../content/ir/h3-curators-galbraith.gif) 0 0 no-repeat;
}

h3.manacorda {
	height: 40px;
	background: url(../content/ir/h3-curators-manacorda.gif) 0 0 no-repeat;
}

/* patrons & supporters */

h2.patrons {
	height: 23px;
	background: url(../content/ir/h2-patrons.gif) 0 0 no-repeat;
}

h3.harper {
	height: 40px;
	background: url(../content/ir/h3-commissioner-harper.gif) 0 0 no-repeat;
}

h3.gibbs {
	height: 40px;
	background: url(../content/ir/h3-commissioner-gibbs.gif) 0 0 no-repeat;
}

h3.mace {
	height: 40px;
	background: url(../content/ir/h3-commissioner-mace.gif) 0 0 no-repeat;
}


h3.patrons-single {
	height: 23px;
	background: url(../content/ir/h2-patrons-single.gif) 0 0 no-repeat;
}


h3.gov-sites {
	height: 23px;
	background: url(../content/ir/h3-gov-sites.gif) 0 0 no-repeat;
}

h3.nz-art-culture {
	height: 23px;
	background: url(../content/ir/h3-nz-art-culture.gif) 0 0 no-repeat;
}

h3.partner-galleries {
	height: 23px;
	background: url(../content/ir/h3-partner-galleries.gif) 0 0 no-repeat;
}

h3.venice-biennale {
	height: 23px;
	background: url(../content/ir/h3-venice-biennale.gif) 0 0 no-repeat;
}


h2.makingworlds {
	height: 23px;
	background: url(../content/ir/h2-makingworlds.gif) 0 0 no-repeat;
}

h2.links {
	height: 23px;
	background: url(../content/ir/h2-links.gif) 0 0 no-repeat;
}

h2.acknowledgements {
	height: 23px;
	background: url(../content/ir/h2-acknowledgements.gif) 0 0 no-repeat;
}

h2.contact {
	height: 23px;
	background: url(../content/ir/h2-contact.gif) 0 0 no-repeat;
}




/* special ir */

h2.header {
	padding: 0 0 15px 0;
	border-bottom: 12px solid #009de0;
	margin: 0 0 18px 0; /* 18px + 2px from text height = 20px */
}

h2.narrow,
h3.narrow {
	width: 216px;
	margin: -5px 0 10px 0;
}

h3.narrow {
	margin: -3px 0 10px 0;
}

#content h3+p { margin-top: -2px; }