/* CSS Document */

/*--------------------------------------------------------------------------------------------
	Global 
  --------------------------------------------------------------------------------------------*/

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: center; /* For IE < 6 centring */
}

body {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background: #eaeaea;
}

/* Floaters */

.right {
	float: right;
}

.left {
	float: left;
}

.clear {
	clear: both;
	line-height: 0px;
	height: 0px;
}

:focus	{
	outline:none;	
}
/* NB: Must have ie.css if you use this */

.clearfix:after {
    content: "."; 
    display: block;
	height: 0;
    clear: both; 
    visibility: hidden;
}

/* Remove outlines in FF */

:focus {
	-moz-outline-style: none;
}

a img {
	border: 0;
}


/*--------------------------------------------------------------------------------------------
	Structural 
  --------------------------------------------------------------------------------------------*/

/* Container */

#BgContainer	{
	width: 100%;
	height: 100%;
	background: transparent url(/images/bg.jpg) top center no-repeat;
}

#Container {
	width: 940px;
	margin: 0 auto;
	min-height: 100%;	
	text-align: left; /* Revert IE < 6 centring */
	/*overflow:hidden;*/
}

/* Header */

#Header {
	background: #e3e3e5 url(/images/bg-header2.jpg) top left no-repeat;
	width: 940px;
	height: 19px;
	text-transform: uppercase;
}

#Header h2 {
	width: 123px;
	float: left;
	color: #fff;
	text-align: center;
	line-height: 19px;
}

	#Header h2 a {
		color: #fff;
		text-decoration:none;
		line-height: 19px;
	}
	
#Menu {
	float: right;
	padding: 0 5px 0 0;
	line-height: 19px;
}

#Menu li {
	width: 120px;
	float: left;
	color: #5f6062;
	text-align: center;
	border-left: 1px #fff solid;
}

#Menu li a {
	display:block;
	height:19px;
	width:100%;
	line-height: 19px;
	color: #5f6062;
	text-decoration: none;
	vertical-align:middle;
}

	#Header .cufon {
		margin-top:2px;
	}

	#Menu a.selected,
	#Menu a:hover{
		color: #fff;
		background:#949494;
	}

/* Content */

#Content {
	width:100%;
	position: relative;
	height: 525px;
}

#Content #Logo {
	width: 248px;
	position: absolute;
	top: 26px;
	left: 26px;
}

.wellington #Content #Logo {
	top: 0;
	left: 0;
	width: 190px;
}

.wellington #Content #Logo img {
	box-shadow: 3px 0 10px -5px black;
	-moz-box-shadow: 3px 0 10px -5px black;
	-webkit-box-shadow: 3px 0 10px -5px black;
	-o-box-shadow: 3px 0 10px -5px black;
}

#Content #Intro {
	width: 390px;
	position: absolute;
	top: 245px; /* 195px when the seminar button is implemented */
	left: 26px;
	color: #d7d7d7;
}

.wellington #Content #Intro {
	left: 210px;
	width: 340px;
}

#Content #Intro h3 {
	color: #e9e9ea;
	font-size:1.2em;
}

#Intro p {
	line-height:1.7em;
}

.wellington #Intro p {
	line-height: 1.5em;
}

#Intro hr {
	border: 0;
	color: #d7d7d7;
	background-color: #a29d98;
	margin: 7px 0;
	height: 1px;
}

#ImageRotator {
	background: transparent;
	width: 940px;
	height: 466px;
	display: block;
	position: relative;
}

#ImageRotator ul li {
	position:absolute;
	list-style: none;
	top: 0;
	left: 1px;
}

.wellington #ImageRotator {
	overflow: hidden;
}

.wellington #ImageRotator ul li {
	top: 0;
	left: 75px;
}

#rotator ul li.show {
	z-index:500;
}

#DotRotator {
  height:30px;
}

#DotRotator li {
	background: transparent url(/images/icon-dots.png) top left no-repeat;
	width: 6px;
	height: 6px;
	float: left;
	margin: 12px 7px 0 0;
}

#DotRotator li.show {
	background-position: left -6px;
}

/* Panel Homepage */
/*.accordionHolder	{
	display:none;
}*/

#PanelHolder {
	width: 383px;
	height: 461px;
	position: absolute;
	bottom: 59px;
	right: -5px;
	overflow: hidden;
}

.smallPanel {
	background: transparent url(/images/bg-panel.png) top left no-repeat;
	width: 383px;
	height: 461px;
	top: 232px;
	padding: 18px 0 0 0;
	position: absolute;
	color: #5f6062;
}

	.smallPanel .liner {
		padding:0 5px 0 8px;
	}

	#PanelHolder .visitorsPanel	{
		top:460px;
	}

	.sliderPanelShadow	{
		position:absolute;
		top:453px;
		left:7px;
		z-index:100;
	}

.smallPanel .closePanel {
	background: transparent url(/images/icon-cross.png) top left no-repeat;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 20px;
	right: 25px;
	display: block;
}

.smallPanel h2 {
	padding: 0 0 10px 18px;
	font-size: 16px;
	text-transform: uppercase;
}

	.exhibitorsPanel h2,
	.exhibitorsPanel h3,
	.exhibitorsPanel p a {
		color: #80a771;
	}

	.visitorsPanel h2,
	.visitorsPanel h3,
	.visitorsPanel p a	{
		color: #68abbe;
	}

.smallPanel h3 {
	padding: 14px 0 8px 0;
	font-size: 13px;
	text-transform: uppercase;
}

.smallPanel p,
.smallPanel dl{
	margin: 0;
	line-height: 17px;
	font-size: 11px;
}

.smallPanel p a {
	text-decoration: none;
}

.smallPanel p a:hover {
	text-decoration: underline;
}


.smallPanel hr {
	height: 1px;
	margin: 6px 50px 6px 0;
	border: 0;
	color: #e9e9ea;
	background-color: #e9e9ea;
}


/* Accordion/Slider	*/

.sliderBottom	{
	height:112px;
	width:370px;
	background:transparent url(/images/bg-slider-bottom.jpg) left top no-repeat;
}

.visitorsPanel .sliderBottom	{
	background:transparent url(/images/bg-slider-bottom-visitors.jpg) left top no-repeat;
}

	.sliderBottom p	{
		color:#fff;
		padding:15px 20px;
		font-size:0.95em;
		text-shadow:1px 1px #99b98c;
	}

	.visiotrsPanel .sliderBottom p	{
		text-shadow:1px 1px #94c0cd;
	}

		.sliderBottom p span	{
			float:right;
			margin-top:6px;
		}
		
			.sliderBottom p span.visitor	{
				float:right;
				margin-top:16px;
			}


div.sliderHolder	{
	height:311px;
	overflow:hidden;
}

.slider	{
	background:#f2f1e4;
	margin-bottom:1px;
	height:35px;
	padding:0 16px;
	overflow:hidden;
	cursor:pointer;
}
	
	.slider .info02 h4 {
		padding: 0 0 3px 0;
		font-weight: bold;
	}

	.sliderLiner	{
		padding-bottom:12px;
		overflow: hidden;
	}

	.sliderHolder h3	{
		color:#8c8d90;
		background:transparent url(/images/icon-arrow-down.png) right center no-repeat;
	}

	.slider dl	{
		width:250px;
		margin-left:88px;
	}

	.sliderHolder .open	{
		height:203px;
		background:none;
		cursor:auto;
	}

		.sliderHolder .open h3	{
			background-position:right -30px;
		}

		.exhibitorsPanel .sliderHolder .open h3	{
			color: #80a771;
		}

		.visitorsPanel .sliderHolder .open h3	{
			color: #68abbe;
		}

.slider .thumb	{
	width:78px;
	height:71px;
	float:left;
	margin:10px 10px 8px 0;
	overflow:hidden;
	background:transparent url(/images/slider-thumb-frame.png) left top no-repeat;
}

	.slider .thumb span	{
		display:block;
		width:70px;
		height:63px;
		margin:4px;
		overflow:hidden;
		background-color: transparent;
		background-position:left top;
		background-repeat: no-repeat;
		background-position:left -63px;
	}

	.sliderHolder .open .thumb span	{
		background-position:left top;
	}

	.slider strong	{
		font-weight:bold;
	}

	.exhibitorsPanel .thumb1 span	{
		background-image:url(/images/exhibitors-thumb1.jpg);
	}

	.exhibitorsPanel .thumb2 span	{
		background-image:url(/images/exhibitors-thumb2.jpg);
	}

	.exhibitorsPanel .thumb3 span	{
		background-image:url(/images/exhibitors-thumb3.jpg);
	}

	.exhibitorsPanel .thumb4 span	{
		background-image:url(/images/exhibitors-thumb4.jpg);
	}

	.visitorsPanel .thumb1 span	{
		background-image:url(/images/visitors-thumb1.jpg);
	}

	.visitorsPanel .thumb2 span	{
		background-image:url(/images/visitors-thumb2.jpg);
	}

	.visitorsPanel .thumb3 span	{
		background-image:url(/images/visitors-thumb3.jpg);
	}

	.visitorsPanel .thumb4 span	{
		background-image:url(/images/visitors-thumb4.jpg);
	}

/* Panel Subpages */

.loading {
	background: #393b3b url(/images/ajax-loader.gif) center center no-repeat;
}

#PanelSliderHolder {
	width: 923px;
	height: 371px;
	position: absolute;
	bottom: 59px;
	left: 9px;
	overflow: hidden;
	z-index:100;
	/*background: #393b3b;*/
	display:none;
}

#PanelSliderLiner {
	width: 923px;
	height: 371px;
	overflow:hidden;
	position: relative;
	top: 371px;
}

.panel {
	background: #393b3b;
	width: 923px;
	height: 371px;
	position: absolute;
	top: 0;
	left: 0;
}

.closeSlider {
	background: transparent url(/images/icon-close.png) top left no-repeat;
	width: 8px;
	height: 8px;
	display: block;
	position: absolute;
	top: 12px;
	right: 14px;
}

/* Contact */

.fieldHolder {
	width: 171px;
	margin-bottom: 8px;
}

fieldset.topFields {
	margin: 0 0 25px 0;
}

.topFields p {
	width: 248px;
	float: left;
}

.topFields div {
	float: left;
}

.topFields div label {
	margin: 0 20px 0 3px;
	float: left;
}

fieldset.leftFields	{
	width: 190px;
	float: left;
}

fieldset.rightFields {
	width: 350px;
	float: left;
}

fieldset.bottomFields {
	width:90px;
	height:24px;
	margin: 0 20px 0 0;
	padding-top:10px;
	float: right;
}

#ContactForm .loading	{
	background-position:left 7px;
}

.newCheckbox {
	background: transparent url(/images/bg-checkbox.png) top left no-repeat;
	float:left;
}

.fieldHolder input {
	width: 161px;
	border: 0;
}

.fieldHolder span {
	background:transparent url(/images/bg-input.png) left top no-repeat;
	width:171px;
	height:15px;
	display: inline-block;
}

.contact .liner	{
	padding:30px 20px 0 20px;
}

.notesContact {
	width: 456px;
	color: #dddcdd;
	font-size: 13px;
	margin: 0 0 40px 0;
	padding: 0;
	line-height: 20px;
}

#Contacts {
	height: 180px;
	color: #aaa9aa;
	font-size: 11px;
}

#ContactForm {
	width: 560px;
	height: 172px;
	display: block;
	float: left;
	border-right: 1px solid #6f7070;
	margin-right:19px;
}

#ContactForm label {
	height: 15px;
	display: block;
}


#ContactForm .error input,
#ContactForm .error textarea,
#ContactForm .error label{
	color:#eb1313;
}

#ContactForm input.checkbox {
	margin: 0 0 0 16px;
}

#ContactForm input.textbox {
	width: 161px;
	height: 12px;
	margin: 1px 5px 0 5px;
}

#ContactForm div.formSpacer {
	width: 100%;
	height: 25px;
}

#ContactForm div.textarea {
	width: 350px;
}

#ContactForm div.textarea div {
	background: transparent url(/images/bg-textarea.png) top left no-repeat;
	width: 350px;
	height: 91px;
}

#ContactForm div.textarea textarea {
	width: 340px;
	height: 81px;
	min-width: 340px;
	min-height: 81px;
	max-width: 340px;
	max-height: 81px;
	margin: 5px;
	padding: 0;
	overflow:auto;
	border:0;
}

#Submit	{
	width:56px;
	height:19px;
	border:0;
	color:#fff;
	font-size:0.9em;
	font-weight:bold;
	background:#5f6062;
	cursor:pointer;
	float:right;
}

.contactDetails	{
	float:left;
	width:194px;
}

	.contactDetails img	{
		margin-right:12px;
		float:left;
	}

	.contactDetails p	{
		float:left;
		margin-bottom:8px;
		font-weight:bold;
		line-height:1.8em;
		color:#dddcdd;
	}

	.contactDetails dl	{
		float:left;
		width:106px;
	}

	.contactDetails dt	{
		float:left;
		width:30px;
		line-height:1.7em;
		font-weight:bold;
	}

	.contactDetails dd	{
		color:#dddcdd;
		line-height:1.7em;
		width:100px;
	}
	
	.contactDetails dd a {
		color:#dddcdd;
		text-decoration: none;
	}
	
	.contactDetails dd a:hover {
		text-decoration: underline;
	}

/* Venue */

#VenueInfo4,
#VenueInfo3,
#VenueInfo2,
#VenueInfo1 {
	width: 805px;
	height: 308px;
	margin: 0;
	padding: 6px 7px 8px 7px;
	position: absolute;
	top: 20px;
	left: 20px;
}


#VenueInfo1 {
	background: transparent url(/images/bg-venue-wellington.jpg) top left no-repeat;
}

#VenueInfo2 {
	background: transparent url(/images/bg-venue-porirua.jpg) top left no-repeat;
}

#VenueInfo3 {
	background: transparent url(/images/bg-venue-otago.jpg) top left no-repeat;
}

#VenueInfo4 {
	background: transparent url(/images/bg-venue-southland.jpg) top left no-repeat;
}

div#Map	{
	width:532px;
	height:290px;
	
}

div.notesVenue {
	width: 306px;
	position: absolute;
	top: 276px;
	right: 35px;
	color: #aaa9aa;
	font-size: 11px;
}

div.notesVenue p span {
	color: #dddcdd;
}

/* Gallery */


#PanelSliderLiner .gallery {
	background: #393b3b url(/images/bg-gallery.jpg) top left no-repeat;
}

div.notesGallery {
	width: 170px;
	position: absolute;
	top: 260px;
	right: 20px;
	color: #aaa9aa;
	font-size: 11px;
}

div.notesGallery p span {
	color: #dddcdd;
}

/* Seminars */

.seminars h2 {
  font-size:13px;
  color:#fff;
  text-transform:uppercase;
  margin: 25px 0 0 20px;
}

.seminars .sliderWrap {
  overflow:auto;
  margin: 10px 10px 0 20px;
  height: 321px;
}

.seminars .sliderWrap .item {
  width: 409px;
  float: left;
  margin: 0 25px 30px 0;
  color:#fff;
  font-size:12px;
  line-height:20px;
}
.seminars .sliderWrap .paddingBottom {
  clear:left;
  height:30px;
}

.seminars .sliderWrap h3 {
  font-weight:bold;
}
.seminars .sliderWrap em {
  font-style:italic;
}

.seminarsButton {
  background:transparent url("/images/seminars_but2.png") no-repeat 0 0;
  clear:left;
  display:block;
  width:141px;
  height:34px;
  margin: 30px 0 0 -8px;
}

/* lightbox links */

.gallery a.gp01 {
	width: 180px;
	height: 118px;
	display: block;
	position: absolute;
	top: 33px;
	left: 40px;
}

.gallery a.gp02 {
	width: 180px;
	height: 118px;
	display: block;
	position: absolute;
	top: 121px;
	left: 23px;
	z-index: 1000;
}

.gallery a.gp03 {
	width: 180px;
	height: 118px;
	display: block;
	position: absolute;
	top: 194px;
	left: 138px;
}

.gallery a.gp04 {
	width: 180px;
	height: 118px;
	display: block;
	position: absolute;
	top: 20px;
	left: 315px;
	z-index: 800;
}

.gallery a.gp05 {
	width: 191px;
	height: 138px;
	display: block;
	position: absolute;
	top: 64px;
	left: 234px;
	z-index: 1000;
}

.gallery a.gp06 {
	width: 180px;
	height: 118px;
	display: block;
	position: absolute;
	top: 172px;
	left: 341px;
}

.gallery a.gp07 {
	width: 192px;
	height: 128px;
	display: block;
	position: absolute;
	top: 107px;
	left: 460px;
	z-index: 600;
}

.gallery a.gp08 {
	width: 180px;
	height: 118px;
	display: block;
	position: absolute;
	top: 193px;
	left: 532px;
}

.gallery a.gp09 {
	width: 180px;
	height: 118px;
	display: block;
	position: absolute;
	top: 28px;
	left: 568px;
}

.gallery a.gp10 {
	width: 195px;
	height: 140px;
	display: block;
	position: absolute;
	top: 63px;
	left: 701px;
	z-index: 1000;
}

/*--------------------------------------------------------------------------------------------
	Navigation 
  --------------------------------------------------------------------------------------------*/  

/* Main nav */

#Nav {
	width: 100%;
	height: 95px;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	list-style: none;
	z-index:500;
}

#Nav li {
	width: 188px;
	height: 100%;
	float: left;
}

#Nav a {
	background-color: transparent;
	background-image: url(/images/nav.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
}

#Gallery	{
	background-position: top left;
}

#Nav li.selected a#Gallery,
#Gallery:hover	{
	background-position: left -95px;
}

#Venue	{
	background-position: -188px top;
}

#Nav li.selected a#Venue,
#Venue:hover	{
	background-position: -188px -95px;
}

#Contact	{
	background-position: -376px top;
}

#Nav li.selected a#Contact,
#Contact:hover	{
	background-position: -376px -95px;
}

#Visitors	{
	background-position: -564px top;
}

#Nav li.selected a#Visitors,
#Visitors:hover	{
	background-position: -564px -95px;
}

#Exhibitors	{
	background-position: -752px top;
}

#Nav li.selected a#Exhibitors,
#Exhibitors:hover	{
	background-position: -752px -95px;
}


dt	{
	width:43px;
	/*display:inline-block;*/
	vertical-align:top;
	float:left;
}

dd	{
	width:203px;
	display:inline-block;
}