body, html {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/bodyBackground.jpg) center 164px repeat-x #000000;
}

body.flash {
	background: url(../images/flashBackground.jpg) center 164px repeat-x #000000;
}

p {
	position: relative;
	margin: 0 0 15px 0;
}

.header {
	width: 950px;
	height: 164px;
	margin: 0 auto;
	position: relative;
}
	.header .logo {
		position: absolute;
		top: 32px;
		left: 69px;
		margin: 0;
		text-indent: -9999px;
	}
		.header .logo a {
			display: block;
			height: 58px;
			width: 368px;
			background-image: url(../images/logo.gif);
		}
	
	.header .nav {
		position: absolute;
		top: 125px;
		left: 59px;
	}
	
		.header .nav a {
			color: #646464;
			margin: 0 10px;
			height: 22px;
			text-indent: -9999px;
			display: block;
			outline: none;
		}
		
		/* image references for backgrounds on nav */
		.header .nav li a.home { background: url(../images/nav/home.gif) no-repeat 0 0; width: 35px; }
		.header .nav li a.agenda { background: url(../images/nav/agenda.gif) no-repeat 0 0; width: 50px; }
		.header .nav li a.contact { background: url(../images/nav/contact.gif) no-repeat 0 0; width: 74px; }
		.header .nav li a.about { background: url(../images/nav/about.gif) no-repeat 0 0; width: 40px; }
		.header .nav li a.register { background: url(../images/nav/register.gif) no-repeat 0 0; width: 120px; }
		.header .nav li a.speakers { background: url(../images/nav/speakers.gif) no-repeat 0 0; width: 62px; }
		.header .nav li a.venue { background: url(../images/nav/venue.gif) no-repeat 0 0; width: 39px; }
		.header .nav li a.presentations { background: url(../images/nav/presentations.gif) no-repeat 0 0; width:100px; }
		.header .nav li a.seventh { background: url(../images/nav/seventh.gif) no-repeat 0 0; width:100px; }
		.header .nav li a.photos { background: url(../images/nav/photos.gif) no-repeat 0 0; width: 88px; }
		
		.header .nav li a:hover {
			background-position: 0 -22px;
		}
		.header .nav li.selected a {
			background-position: 0 -44px;
		}
		
		.header .nav ul {
			list-style: none;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
		
		.header .nav ul li {
			margin: 0;
			padding: 0 0 0 12px;
			float: left;
			background: url(../images/nav/navSplit.gif) top left no-repeat;
			display: block;
			height: 22px;
			font-size: 14px;
		}
		/* removes the margin and background for the first li */
		.header .nav ul li:first-child {
			padding: 0;
			background: none;
		}

.body {
	padding: 12px 0 28px 0;
}

	.body .columnWrapper {
		width: 950px;
		position: relative;
		margin: 0 auto;
		overflow: hidden;
	}
	
		.columnWrapper .footer {
			float: right;
			margin: 20px 60px 0 0;
		}
	
		.body .leftColumn {
			width: 250px;
			min-height: 1px;
			float: left;
		}
			.body .subNav {
				margin: 70px 0 0 0;
				width: 230px;
			}
			
				.body .subNav ul {
					list-style: none;
					border-top: 1px solid #FF6848;
				}
				
				.body .subNav ul,
				.body .subNav li {
					margin: 0;
					padding: 0;
				}
				
				.body .subNav li ul{
				border-top: 1px solid #202024;
					margin-left: 20px;
					padding: 0;
				}
				.body .subNav li {
					background-color: #202024;
					border-top: 1px solid #313134;
					border-bottom: 1px solid #101012;
				}
				.body .subNav li ul li{
					background-color: #202024;
					border-top: 0;
					border-bottom: 0;
				}
				.body .subNav li:first-child {
					border-top: 1px solid #EE3424;
				}
				.body .subNav li ul li:first-child {
					border-top: 0;
				}
				
				.body .subNav li a {
					display: block;
					width: 230px;
					height: 45px;
					text-indent: -9999px;
					outline: none;				
				}
				
				/* image references for backgrounds on subNav */
				.body .subNav li a.jim { background: url(../images/subNav/jim.gif) no-repeat 25px 0; }
				.body .subNav li a.adam { background: url(../images/subNav/adam.gif) no-repeat 25px 0; }
				.body .subNav li a.james { background: url(../images/subNav/james.gif) no-repeat 25px 0; }
				.body .subNav li a.tony { background: url(../images/subNav/tony.gif) no-repeat 25px 0; }
				.body .subNav li a.douglas { background: url(../images/subNav/douglas.gif) no-repeat 25px 0; }
				.body .subNav li a.vpanel { background: url(../images/subNav/vpanel.gif) no-repeat 25px 0; }
				.body .subNav li a.pwtpanel { background: url(../images/subNav/pwtpanel.gif) no-repeat 25px 0; }
				.body .subNav li a.practicepanel { background: url(../images/subNav/practicepanel.gif) no-repeat 25px 0; }
				.body .subNav li a.iaan { background: url(../images/subNav/iaan.gif) no-repeat 25px 0; }
				.body .subNav li a.aaron { background: url(../images/subNav/aaron.gif) no-repeat 25px 0; }
				.body .subNav li a.sarah { background: url(../images/subNav/sarah.gif) no-repeat 25px 0; }
				.body .subNav li a.paul { background: url(../images/subNav/paul.gif) no-repeat 25px 0; }
				.body .subNav li a.matt { background: url(../images/subNav/matt.gif) no-repeat 25px 0; }
				.body .subNav li a.andrew { background: url(../images/subNav/andrew.gif) no-repeat 25px 0; }
				.body .subNav li a.brett { background: url(../images/subNav/brett.gif) no-repeat 25px 0; }
				.body .subNav li a.terry { background: url(../images/subNav/terry.gif) no-repeat 25px 0; }
				
				.body .subNav li a.auckland { background: url(../images/subNav/auckland.gif) no-repeat 25px 0; }
				.body .subNav li a.wellington { background: url(../images/subNav/wellington.gif) no-repeat 25px 0; }
				.body .subNav li a.contact { background: url(../images/subNav/contact.gif) no-repeat 25px 0; }
				.body .subNav li a.register { background: url(../images/subNav/register.gif) no-repeat 25px 0; }
				.body .subNav li a.about { background: url(../images/subNav/about.gif) no-repeat 25px 0; }
				.body .subNav li a.showreel { background: url(../images/subNav/showreel.gif) no-repeat 25px 0; }
				.body .subNav li a.awards { background: url(../images/subNav/awards.gif) no-repeat 25px 0; }
				
				
				.body .subNav li a:hover {
					background-position: 25px -45px;
				}
				
				/* sIFR Fix, as it seems to ignore all line height, this is to vertically position the replacement */
				.body .subNav li.sIFR-replaced {
					padding: 5px 0;
					height: 35px;
				}
				
		
		.body .rightColumn {
			width: 640px;
			float: left;
		}
			.body .contentBox {
				border-top: #FFFFFF 1px solid;
				background-color: #F5F5F5;
				width: 600px;
				padding: 22px 20px 8px 20px;
				margin: 20px 0 0 0;
				font-size: 11px;
				line-height: 140%;
				color: #4B4B4B;
				overflow: hidden;
			}
				.contentBox hr {
					border-top: 1px solid #E9E9E9;
					border-bottom: 1px solid #FAFAFA;
					border-left: none;
					border-right: none;
					margin-bottom: 15px;
				}
				
				.contentBox h3 {
					margin-bottom: 0px;
					color: #EE3424;
					text-transform: uppercase;
					font-size: 18px;
					line-height: 21px;
					/*height: 21px;*/
				}
				
				.contentBox .link {
					color: #000000;
					text-decoration: none;
					border-bottom: 1px solid #EE3424;
				}
				
				.contentBox .link:hover {
					color: #EE3424;
				}
				
				.contentBox .alignRight {
					text-align:right;
				}
				
				/* sub styles for speaker section */
					.contentBox .speakerBox {
						overflow: hidden;
						margin-top: 20px;
					}
					
						.contentBox .speakerBox .image {
							width: 150px;
							min-height: 1px;
							float: left;
						}
						
						.contentBox .speakerBox .image .url {
							color: #5B5B5B;
							width:100px;
						}
						
						.contentBox .speakerBox .content {
							width: 450px;
							float: left;
						}
						
						.contentBox .speakerBox .content h3 {
							margin: 0;
						}
					.contentBox .speakerBox .presentation {
							float: left;
							margin: 0 0 15px 0;
						}
						
						.contentBox .speakerBox .audio {
							float: right;
							margin: 0 50px 15px 0;
						}
						
					.contentBox .galleryBox {
					overflow: hidden;
					margin-top: 20px;
					/* breaks it outside the container at 600px wide, to alow for the 30px right hand margin on the .item's inside, not the best method */
					width:630px;
				}
				.contentBox .galleryBox .item {
					width: 180px;
					height: 196px;
					float: left;
					margin-right: 30px;
				}
				.contentBox .galleryBox .item img {
					margin-bottom: 3px;
				}
					
					
					.contentBox .map {
						margin: 20px 0;
						display:block;
					}
					
					.contentBox .showreelFlash {
						margin: 15px 0;
					}
					
		
		.footer {
			padding: 10px;
			border-top: 1px solid #212121;
			width: 800px;
			color: #969696;
			font-size: 11px;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
		}
		
			.footer .link {
				color: #ffffff;
				text-decoration: none;
				border-bottom: 1px solid #EE3424;
			}
			
			.footer .link:hover {
				color: #EE3424;
			}
			
		.signUp {
			width: 820px;
			margin: 20px auto 0;
			overflow: hidden;
		}
		
			.signUp .dates {
				width: 360px;
				float: left;
				overflow: hidden;
				color: #ffffff;
			}
			
			.signUp .dates span {
				color: #0981AE;
			}
			
			.signUp .dates .auckland {
				display: block;
				width: 316px;
				height: 23px;
				background-image: url(../images/homeAuckland.gif);
				text-indent: -9999px;
				margin: 5px 0;
			}
			.signUp .dates .wellington {
				display: block;
				width: 332px;
				height: 23px;
				background-image: url(../images/homeWellingtonNew.gif);
				text-indent: -9999px;
				margin: 5px 0;
			}
			
			.signUp .register {
				float: left;
			}
			
		.logos {
			width: 820px;
			margin: 30px auto 40px;
			padding: 10px 0;
			overflow: hidden;
			border-top: 1px solid #212121;
			border-bottom: 1px solid #212121;
		}
		
			.logos ul {
				margin: 0;
				padding: 0;
				list-style: none;
				overflow: hidden;
			}
			
			.logos li {
				margin: 0;
				padding: 0 0 0 80px;
				float: left;
				background: url(../images/logos/logoSplit.gif) top left repeat-y;
				display: block;
			}
			
			.logos li:first-child {
				padding: 0;
				background: none;
			}
			
			.logos li a {
				display: block;
			}

.flash .body {
	padding: 2px 0 28px 0;
}
	.body .twitterBox {
		width: 950px;
		height: 420px;
		margin: 0 auto;
	}
	
	#twitterBox {
		outline: none;
		color: #FFFFFF;
		text-transform: uppercase;
		font-weight: bold;
	}
		#twitterBox .title {
			display: block;
			padding: 150px 0 0 0;
			text-align: center;
			font-size: 22px;
			text-indent: -9999px;
			background: url(../images/titleNoFlash.png) no-repeat center  150px;
		}
		
		#twitterBox .content {
			display: block;
			margin: 25px auto 0;
			width: 582px;
			text-align: center;
			font-size: 18px;
			text-indent: -9999px;
			min-height: 37px;
			background: url(../images/contentNoFlash.png) no-repeat center center;
		}

		#twitterBox .link {
			display: block;
			width: 224px;
			height: 32px;
			background-image: url(../images/downloadFlash.gif);
			text-indent: -9999px;
			margin: 0 auto;
		}
	
	.body .footerWrapper {
		width: 950px;
		position: relative;
		margin: 0 auto;
		overflow: hidden;
	}
		.footerWrapper .footer {
			margin: 20px auto 0;
		}
			

/* default generic styles */
.floatRight {
	float: right;
}

.block {
	display:block;
}

.firstPara {
	margin-top: 15px;
}

.error,
.required {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #EE3424;
	font-weight: normal;
}

form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #202024;
	font-weight: bold;
}

.radio {
	width: 350px;
	margin: 0 auto;
}

.input {
	margin: 0 0 15px 0;
}

.input.extraMargin {
	margin: 0 0 30px 0;
}

	.input .error {
		margin-left: 270px;
	}

	.input label {
		margin: 0 10px 0 0;
		width: 260px;
		text-align: right;
		display: block;
		float: left;
		line-height: 22px;
	}
	.input input {
		width: 240px;
	}
	
.checkboxWrapper {
	overflow: hidden;
	width: 500px;
	margin: 0 auto;
}

	.checkboxWrapper .checkbox {
		width: 250px;
		float: left;
		margin: 0 0 5px 0;
	}
	
	.checkboxWrapper .checkbox label {
		color: #666666;
		font-size: 11px;
	}
	
	.checkboxWrapper .error {
		clear: both;
	}

.confirm {
	width: 540px;
	margin: 0 auto;
	overflow: hidden;
}

.hiddenField {
	display: none;
}

.button {
	margin: 25px 0 40px 0;
	text-align: center;
	overflow: hidden;
}

.disabled {
	color: #C0C0C1;
}