/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */


/* start reset styles */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end reset styles */


	body {
		font-family: open-sans,sans-serif;
		font-size:14px;
		line-height: 1.4em;
		background-color:#fff;
		color:#333;
		background: #9FC0D6 url(http://www.careersexpo.org.nz/uploads/images/bg-tile.jpg) 0 0 repeat;
	}

	@font-face {
		font-family: 'SteelfishBold';
		src: url('https://www.careersexpo.org.nz/uploads/css/fonts/steelfish_bd-webfont.eot');
		src: url('https://www.careersexpo.org.nz/uploads/css/fonts/steelfish_bd-webfont.eot?#iefix') format('embedded-opentype'),
			 url('https://www.careersexpo.org.nz/uploads/css/fonts/steelfish_bd-webfont.woff') format('woff'),
			 url('https://www.careersexpo.org.nz/uploads/css/fonts/steelfish_bd-webfont.ttf') format('truetype'),
			 url('https://www.careersexpo.org.nz/uploads/css/fonts/steelfish_bd-webfont.svg#SteelfishBold') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}
	
	@font-face {
		font-family: 'SteelfishRegular';
		src: url('https://www.careersexpo.org.nz/uploads/css/fonts/steelfish_rg-webfont.eot');
		src: url('https://www.careersexpo.org.nz/uploads/css/fonts/steelfish_rg-webfont.eot?#iefix') format('embedded-opentype'),
			 url('https://www.careersexpo.org.nz/uploads/css/fonts/steelfish_rg-webfont.woff') format('woff'),
			 url('https://www.careersexpo.org.nz/uploads/css/fonts/steelfish_rg-webfont.ttf') format('truetype'),
			 url('https://www.careersexpo.org.nz/uploads/css/fonts/steelfish_rg-webfont.svg#SteelfishRegular') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}

	@font-face {
		font-family: 'TrashHandRegular';
		src: url('https://www.careersexpo.org.nz/uploads/css/fonts/TrashHand-webfont.eot');
		src: url('https://www.careersexpo.org.nz/uploads/css/fonts/TrashHand-webfont.eot?#iefix') format('embedded-opentype'),
			 url('https://www.careersexpo.org.nz/uploads/css/fonts/TrashHand-webfont.woff') format('woff'),
			 url('https://www.careersexpo.org.nz/uploads/css/fonts/TrashHand-webfont.ttf') format('truetype'),
			 url('https://www.careersexpo.org.nz/uploads/css/fonts/TrashHand-webfont.svg#TrashHandRegular') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}
	
	@font-face {
		font-family: 'ShortcutRegular';
		src: url('https://www.careersexpo.org.nz/uploads/css/fonts/shortcut-webfont.eot');
		src: url('https://www.careersexpo.org.nz/uploads/css/fonts/shortcut-webfont.eot?#iefix') format('embedded-opentype'),
			 url('https://www.careersexpo.org.nz/uploads/css/fonts/shortcut-webfont.woff') format('woff'),
			 url('https://www.careersexpo.org.nz/uploads/css/fonts/shortcut-webfont.ttf') format('truetype'),
			 url('https://www.careersexpo.org.nz/uploads/css/fonts/shortcut-webfont.svg#ShortcutRegular') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}

	
	
	
	/* magic flexible container for video, etc that scale with the adaptive layout */
	.flex-wrapper {
		position: relative;
		padding-bottom: 85%;
		padding-top:0;
		height: 0;
		overflow: hidden;
	}
	.flex-wrapper.widescreen {
		padding-bottom: 56.2%;
	}
	.flex-wrapper.youtube {
		padding-top: 30px; /* for player chrome */
	}
	
	.flex-wrapper iframe,
	.flex-wrapper object, 
	.flex-wrapper embed, 
	.flex-wrapper video,
	.flex-wrapper img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.oldie .flex-wrapper {
		padding-top:0;
	}
	.oldie .flex-wrapper object {
		height:auto;
	}
	
		
	.top-shadow {
		margin: 0 auto;
		background:transparent url(https://www.careersexpo.org.nz/uploads/images/bg-shadow.png) center top no-repeat;
		padding-top:50px;
	}
	.container#content .top-shadow {
		padding-top:80px;
	}
	.container#content .top-shadow > #home {
		margin-top:-40px;
	}

	
.clear:before, .clear:after { content: ""; display: table; }
.clear:after { clear: both; }
.clear { zoom: 1; }	

	h1, h2, h3, h4, h5, h6, p, li {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:1.3em;
		color:#333;	
	}
	
	h1 {
		font-family: open-sans,sans-serif;
		font-size:3.5em;
		color:#333;
		text-transform:uppercase;
		line-height:1.1em;
		margin-bottom:0.5em;
font-weight:800;
	}
	
	h2 {
		font-family: open-sans,sans-serif;
		font-size:2.7em;
		color:#000;
		text-transform:uppercase;
		letter-spacing:0.05em;
		margin-top:1em;
font-weight:500;
	}
	
	h3 {
		font-family: open-sans,sans-serif;
		text-transform:uppercase;
		font-size:1.2em;
		color:#333;
		font-weight:600;
		margin:1.6em 0 0.2em 0;
		border-bottom:solid 2px #9fc0d6;
		display:inline-block;
		zoom:1;
		*display:inline;
		padding-bottom:0.4em;
	}
	
	h3 a {
		text-transform:uppercase;
		color:#333;
		font-weight:600;
	}
	
	#footer h3 {
		border:none;
		font-size:1em;
	}
	
	h4, dt {
		font-family: open-sans,sans-serif;
		font-weight:600;
		font-size:1.1em;
		margin:1em 0 0.5em 0;
	}
	
	h5 {
		font-family: 'TrashHandRegular';
		font-size:2.2em;
		margin:0 0 0.5em 0;
	}
	
	
	
	p, .timetable {
		font-family: open-sans,sans-serif;
		font-style: normal;
		font-weight: 400;
		margin:1em 0;
		line-height:1.6em;	
	}

.text-lge {
font-size:1.3em;
line-height:1.5em;
font-weight: 400;
}
strong, p strong {
font-weight:600;
}
	small, .note {
		color:#666;	
		color:rgba(0,0,0,0.6);	
	}

	small {
		font-size: 0.7em;
		color:#666;	
		color:rgba(0,0,0,0.6);	
	}


	em {
		font-style:italic;
	}
	
	a {
		text-decoration:none;
		color:#a84910;	
	}
	
	a:hover {
		color:#6d2d07;
	}
	
	ul, ol, dl {
		margin-bottom:10px;
	}
	
	ol {
		margin-left:32px;
	}

	ul li {
		list-style-type:none;
		margin:0.75em auto;	
	}
	
	ol li {
		list-style-type:decimal;	
		margin:0.75em auto;	
	}
	
	dd {
		margin:0.75em 0;
	}
	
	
	/* Header */
	
	#header {
		background:#fff;	
	}
	
	#logo {
		margin-top:20px;
		float:left;	
	}
	#logo  img{
          max-height:170px;
}
	
	/* Nav */
	
	#nav {
		margin-top:20px;
		position:relative;
	}
	
	#nav ul {
		margin:0;
		z-index:0;
		list-style:none;
		overflow:hidden;

	}
	
	#nav li {
		display:block;
		float:left;
		margin:0 2% 0 0;
		height:48px;
		padding:0;
		list-style:none;
	}
	
	#nav > ul li:last-child {
		margin-right:0;
	}
	
	#nav li li {
		height:auto;
		margin:0 0.5% 0 0;
	}
	
	#nav a,
	#nav div.mobile {
		font-family: 'SteelfishRegular';
		font-size:1.7em;
		color:#444;
		text-transform:uppercase;
		letter-spacing:0.05em;
		border-top-left-radius:10px;
		border-top-right-radius:10px;
		padding:3px;
		background-color:#e4dfdb;
		display:block;
	}
	#nav li.current > a {
		color:#000;
	}

	

	#nav a span,
	#nav div.mobile span {
		display:block;
		border:solid 1px #fff;
		border-top-left-radius:9px;
		border-top-right-radius:9px;
		padding:0.5em 0.7em 1em 0.7em;
	}
	
	#nav a:hover,
	#nav > ul > li.current > a,
	#nav > ul li:hover > a,
	#nav > ul li.show a.first,
	#nav div.mobile:hover,
	#nav > ul li.show div.mobile {
		color:#8296a2;
		background-color:#9fc0d6;
		color:#fff;
		cursor:pointer;
	}
	
		/* position subnav and hide by default */
	#nav ul ul {
		position:absolute;
		left:0;
		top:48px;
		width:100%;
		line-height:48px;
		background:#fff;
		background:rgba(255,255,255,0.9);
		border-top:solid 3px #9fc0d6;
		z-index:100;
		border-bottom-left-radius:10px;
		border-bottom-right-radius:10px;
		display:none;
	}
	
	/* show subnav on hover */
	#nav li:hover > ul,
	#nav li.show > ul,
	#nav li.current > ul,
	#nav div.mobile:hover > ul {
		display:block;
		z-index:500;
	}

	#nav li:hover > ul,
	#nav li.show > ul,
	#nav div.mobile:hover > ul {
		background:#fff;
	}

	#nav li.current > ul {
		z-index:100;
	}
	
	
	/* subnav links */
	#nav ul ul a {
		color:#999;
		font-size:1em;
		font-weight:normal;
		padding:1em 0.5em 1em 2em;
		background:none;
		font-family: open-sans,sans-serif;
		border-radius:0;
		display:block;
		float:left;

	}
	
	#nav ul ul a:hover {
		color:#8296a2;
		background:transparent url(https://www.careersexpo.org.nz/uploads/images/icon-nav.png) 8px center no-repeat;
	}
	

	.container#content, .container#bare {	
		padding-bottom:40px;
		z-index:1;
	}

	.shadow {
		 width: 100%;
		 text-align: center;
		 z-index:-100;
	}
	
	
	/* Locations nav */
	
	#locations-nav {
		float:right;
	}
	
	#locations-nav li {
		display:block;	
		float:left;
		margin:0 10px;
		overflow:visible;
		padding-bottom:21px;
		width:136px;
	}
	
	#locations-nav li a, #locations-nav li div {
		font-family: 'SteelfishRegular';
		font-size:1.5em;
		color:#444;
		text-transform:uppercase;
		padding:0 0 1.5em 0;
		letter-spacing:0.05em;
		display:block;
		text-align:center;
		background:transparent url(https://www.careersexpo.org.nz/uploads/images/location-banner.png) 0 bottom no-repeat;
	}	
	
	#locations-nav li a:hover {
		color:#8296a2;
	}
	
	
	#locations-nav li a:active {
		background-position:-160px bottom;
	}
	
	#locations-nav li .city,
	#locations-nav li .date,
	#locations-nav li .year {
		display:block;
	}
	#locations-nav li .date  {
		font-size:0.9em;
		margin-top:0.25em;
	}
	
	#locations-nav li .year  {
		font-size:1.3em;
		line-height:1.1em;
	}

	
	#locations-nav li .city {
		background-color:transparent;
		background-position:0 0;
		background-repeat:no-repeat;
		padding-top:1.1em;
	}
	#locations-nav li .auckland .city {
		background-image:url(https://www.careersexpo.org.nz/uploads/images/banner-akl.jpg);
	}

	#locations-nav li .hamilton .city {
		background-image:url(https://www.careersexpo.org.nz/uploads/images/banner-ham.jpg);
	}
	
	#locations-nav li .wellington .city {
		background-image:url(https://www.careersexpo.org.nz/uploads/images/banner-wellington.jpg);	
	}
	
	#locations-nav li .christchurch .city {	
		background-image:url(https://www.careersexpo.org.nz/uploads/images/banner-chch.jpg);	
	}
	


	/* banner */
	
	#banner {
		background:transparent url(https://www.careersexpo.org.nz/uploads/images/bg-content-shadow.png) center bottom no-repeat;
		position:relative;
		overflow:visible;
	}
	
	#banner .wrapper {
		background-color:#ffffff;
		padding:2%;
		margin:0 auto 20px auto;
		position:relative;

-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
	}
	
	#banner .vid-wrapper {
		background-color: #fff;
		padding:5px;
		margin:0 auto 20px auto;
		position:relative;
	}

	#banner .wrapper h2 {
		margin-top:0.5em;
	}
	
	#visitors #banner .wrapper {
		background:none;
		border:0;	
		margin-top:0;
	}
	
	#visitors #banner h1 {
		font-size:6em;
		line-height:1em;
		padding:0.5em 0 0.5em 1em;
	}
	
	#home .banner-image {
		position:absolute;
		bottom:0;
		right:-40px;
	}
	
	
	/* Home */
	
	#tagline {
		border-top:solid 2px #9fc0d6;
		border-bottom:solid 2px #9fc0d6;
		padding:0.8em 0;
		line-height:4em;
		margin-top:20px;
	}
	
	#tagline p {
		font-family: 'TrashHandRegular';
		font-size:1.5em;
		letter-spacing:1px;
		color:#666;
	}
	
	.fb a {
		text-indent:-9999px;
		display:block;
		height:70px;
		width:70px;
		background:transparent url(https://www.careersexpo.org.nz/uploads/images/icon-fb.png) 0 0 no-repeat;
		float:right;
	}

	.fb a:hover {
		background-position:0 -100px;	
	}

	.fb a:active {
		background-position:0 -200px;	
	}
	

	#tagline h2,
	#tagline p,
	#tagline .fb a {
		line-height:70px;
		margin:0;
		padding:0;
	}
	
	#tagline h2,
	#tagline p {
		float:left;
		margin-right:0.5em;
	}
	
	
	
	
	/* Entry Buttons */
	
	#entry-buttons {
		margin-top:50px;
	}
	
	#entry-buttons h2 {
		font-size:3em;	
		line-height:1.1em;
	}
	
	#entry-buttons h2, #entry-buttons h2 a {
		color:#fff;
	}

	#entry-buttons li {
		padding:0 10px;
		list-style:inside;
		color:#fff;
		float:left;
	}
	
	#entry-buttons ul li a {
		color:#fff;
		line-height:1.4em;
	
	}
	
	.tile {
		position:relative;
	}
	
	.tile .wrapper {
		width:80%;
		margin:10%;
		position:absolute;
		bottom:0;
	}
	
	#entry-buttons li:first-child {
		list-style:none;
		padding-left:0;
	}
	
	#entry-buttons li:last-child {
		padding-right:0;
	}
	
	
	/* Content */
	
	
	.button a, a.button, .submit input {
		padding: 10px;
		background:#a84a10;
		background: -moz-linear-gradient(
			top,
			#a84a10 0%,
			#d67740 50%,
			#a84a10);
		background: -webkit-gradient(
			linear, left top, left bottom, 
			from(#a84a10),
			color-stop(0.50, #d67740),
			to(#a84a10));
		border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 0px solid #6d8000;
		-moz-box-shadow:
			0px 0px 4px rgba(000,000,000,0.7),
			inset 0px 0px 2px rgba(255,255,255,0);
		-webkit-box-shadow:
			0px 0px 4px rgba(000,000,000,0.7),
			inset 0px 0px 2px rgba(255,255,255,0);
		overflow:visible;
		display:inline-block;
		zoom:1;
		*display:inline;
		font-family: open-sans,sans-serif;
		text-transform:uppercase;
		color:#fff;
		margin:15px 2px;
		font-size:1em;
		font-weight:500;
	}
	
	.submit input {
		padding:4px 10px 4px 10px; 
	}

	
	.button a:hover, a.button:hover, .submit input:hover {
		background:#ca6326;
		cursor:pointer;
	}
	
	
	.button a:active, a.button:active, .submit input:active {
		background: -moz-linear-gradient(
			top,
			#803509 0%,
			#ca6226 45%,
			#ca6226);
		background: -webkit-gradient(
			linear, left top, left bottom, 
			from(#803509),
			color-stop(0.45, #ca6226),
			to(#ca6226));
		padding:12px 10px 8px 10px;
	}
	
	.submit input:active {
		padding:6px 10px 2px 10px; 
	}
	
	.submit {
		margin-top:20px;
	}
		
	#content ul li {
		line-height:1.7em; 
		font-family: open-sans,sans-serif;
	}

	#content ul.bullets li {
		background:url(https://www.careersexpo.org.nz/uploads/images/bullet.png) 2px 7px no-repeat;
		padding-left: 22px;
		line-height:1.7em; 
		font-family: open-sans,sans-serif;
	}

	#content ul.tick li {
		background:url(https://www.careersexpo.org.nz/uploads/images/tick.png) -4px 0 no-repeat;
                padding-left: 22px;
		line-height:1.7em; 
		font-family: open-sans,sans-serif;
	}
	#content ul.lines li {
		padding: 8px 22px;
		line-height:1.7em; 
		font-family: open-sans,sans-serif;
		border-bottom:solid 1px #bfd8e0;
	}

	a.download  {
		background:url(https://www.careersexpo.org.nz/uploads/images/icon-download.png) 0 3px no-repeat;
		padding-left:35px;
		line-height:2.2em;
		margin-top:0.4em;
		display:inline-block;
		zoom:1;
		*display:inline;
	}
	
	a.download:hover {
		background-position:0 -39px;
	}

	a.download:active {
		background-position:0 -81px;
	}


	/* Image Shadow */
	
	.img-shadow {
		background:transparent url(https://www.careersexpo.org.nz/uploads/images/img-shadow.png) center bottom no-repeat;
		padding-bottom:16px;
		display:inline-block;	
		zoom:1;
		*display:inline;
	}


	/* Locations page */
	
		.timetable {
			width:60%;	
		}

	/* Exhibitors List */
	
	table.list {
		margin:2em auto;
	}
	
	th,
	th h3 {
		border:none;
		padding:0;
		margin-top:0.2em;
		font-size:1em;
		text-align:left;
		color:#666;
	}
	
	th,
	td {
		padding:1.25em 1em;
	}

	.timetable td {
		padding:0;
	}
	
	td p {
		margin:0;
		padding:0;
	}
	
	.organisation {
		width:40%;
		padding-left:6px;	
	}
	
	.organisation p {
		font-size:1.2em;
		line-height:1.3em;
	}
	
	.organisation p a span {
		font-size:0.8em;
		color:#666;
		white-space:nowrap;
		font-weight:normal;
	}
	
	.stand {
		width:20%;
		padding-right:4em;
	}
	
	.url {
		width:40%;	
	}
	
	.organisation a,
	.url a {
		color:#333;
		font-weight:600;	
		font-family: open-sans,sans-serif;
	}

	.organisation a:hover,
	.url a:hover {
		color:#a84910;
	}
	
	.list tbody tr:nth-child(odd) {
		background-color:#e3f1f4;
		background: rgba(256, 256, 256, 0.4);
	}
	
	.list td label {
		display:none;
	}


/* tables */
table.tablesorter {
	width: 100%;
	text-align: left;
}
/*
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
}
*/
table.tablesorter thead tr .header {
	background-image: url(https://www.careersexpo.org.nz/uploads/images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	border-bottom:solid 1px #ccc;
	border-bottom-color:rgba(0,0,0,0.05);
	border-top-left-radius:5px;
	border-top-right-radius:5px;
border-collapse:collapse;
}
table.tablesorter tbody td {
	vertical-align: top;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(https://www.careersexpo.org.nz/uploads/images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(https://www.careersexpo.org.nz/uploads/images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #fff;
	background-color: rgba(204,204,204,0.3);
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp,
table.tablesorter thead tr .headerSortDown h3, table.tablesorter thead tr .headerSortUp h3 {
	color:#036;
}




	/* Profile */
	
	.what-we-offer {
		background-color:#e3f1f4;
		background: rgba(256, 256, 256, 0.4);
		border-radius:10px;
		padding:30px 50px;
		margin:0 0 30px 0;
	}
	
	.what-we-offer ul li {
		font-family: 'TrashHandRegular';
		line-height:2em;
		font-size:1.2em;
	}
	
	.profile-image {
		position:relative;
		margin:1em auto;
	}
	
	.flex-wrapper .exhibitor-image img {
		z-index:5;
		width:85%;
		height:auto;
		left:7%;
		top:8.5%;
		position:absolute;
	}
	
	.profile-image img.bg {
		z-index:1;
		display:block;
		height:auto;
	}
	
	ul.inline li {
		display:inline;
		border-left:solid 1px #ccc;
		padding:0 0.5em;
	}
	
	ul.inline li:first-child {
		border-left:none;
		padding-left:0;
	}
	
	/* Form */
	
	
	form .mobile label {
		display:none;
	}
	
	input, textarea {
		display:block;
		width:96%;
		padding:2%;
		border-radius:4px;
		line-height:2em;
		font-family: open-sans,sans-serif;
		font-weight:300;
		margin:4px 0;
		border:solid 1px #dadada;
		-moz-box-shadow:
			0px 0px 0px rgba(000,000,000,0.5),
			inset 0px 2px 2px rgba(218,218,218,0.7);
		-webkit-box-shadow:
			0px 0px 0px rgba(000,000,000,0.5),
			inset 0px 2px 2px rgba(218,218,218,0.7);
	}

	input[type=text], input[type=tel], input[type=email], input[type=url], textarea  {
		font-size:1em;
		-webkit-appearance:none;
	}
	
	input[type="radio"] {
		margin:2px 4px 2px 0;
	}
	textarea {
		min-height:100px;
		line-height:1.4em;
	}
	
	fieldset {
		padding:2em 0;
		border-bottom:dashed 1px #fff;
	}
	
	legend h3 {
		margin-bottom:12px;	
	}
	
	.calculation {
		margin-bottom:2em;
	}
	
	.calculation h4 {
		margin:0;
		line-height:2em;
	}
	
	input[readonly=readonly],
	input.readonly {
		background:none;
		border:none;	
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		line-height:auto;
	}
	
	#booking-details input,
	#booking-details input[readonly=readonly] {
		display:inline-block;
		width:auto;
	}
	
	.calculation .price,
	.calculation .sub-total,
	.calculation .total {
		line-height:2em;
	}
	
	#booking-details .sub-total,
	#booking-details #booking-total {
		font-weight:700;
		font-size:1.2em;
		text-align:right;
		color:#666;
	}
	
	#booking-details #booking-total {
		color:#000;
	}
	
	.submit input,
	.qty input {
		width:auto;
	}
	
	.calculation .qty input {
		text-align:center;
		line-height:1em;
		margin:0 4px;
		padding:4% 2%;
	}
	form label {
		font-weight:500;
		font-family: open-sans,sans-serif;
		color:#666;
		margin:0.75em 0 0.5em 0;
		display:block;
	}
	
	form .calculation > .row {
		border-bottom:solid 1px #ccc;
		border-bottom-color:rgba(0,0,0,0.1);
		padding:0.75em 0;
	}

	form .calculation .row.total {
		border-bottom:solid 3px #666;
		border-bottom-color:rgba(0,0,0,0.4);
	}
	
	.option {
		clear:both;
		margin-bottom:0.75em;
	}
	.terms {
		margin-top:0.75em;
	}
	input[type=checkbox],
	input.checkbox,
	input[type=radio],
	input.radio,
	input[type=checkbox] + label,
	input[type=radio] + label,
	.categories label,
	.terms label {
		width:auto;
		line-height:1.3em;
	}
	input[type=checkbox] + label,
	input[type=radio] + label,
	.categories label,
	.terms label {
		max-width:85%;
		margin:0 0 0 1.5em;
	}
	
	input[type=checkbox],
	input.checkbox,
	input[type=radio],
	input.radio {
		border:none;
		padding:0;
		float:left;
	}
	
	#optconstruction,
	#optmanufacturing,
	#optprimary,
	#optservice,
	#optsocial,
	#opttertiary {
		display:none;
	}
	
	#optconstruction.show,
	#optmanufacturing.show,
	#optprimary.show,
	#optservice.show,
	#optsocial.show,
	#opttertiary.show  {
		display:block;
	}
	
	label .desc,
	.note p {
		font-size:0.8em;
		line-height:1.2em;
		margin:0;
		padding:0;
		display:block;
	}
	
	form .total label, .total input {
		font-weight:600;	
	}

	
	
	.right, .right input {
		text-align:right;	
	}
	
	.lowercase {
		text-transform:lowercase;
	}
	
	input:focus, textarea:focus, .dropdown:focus {
		outline-color:#9fc0d6;
	}
	
	.dropdown, .selection select {
		-webkit-appearance:none;
		border-radius:4px;
		text-align:center;
		padding:1.5% 5% 1.5% 5%;
		width:100%;
		margin:0;
line-height:2em;
		border:solid 1px #d0d0d0;	
		background:#fff url(https://www.careersexpo.org.nz/uploads/images/button-dropdown.png) right center no-repeat;
		font-size:16px;
	}

	.radio {
		margin:5px 20px 0px 0px;
	}
	
	/* Visitors */
	
	#visitors .wrapper {
		margin-top:50px;	
	}
	
	.blurb p {
		padding-right:100px;
	}
	
	.timetable {
		line-height:2em;
	}

	.day {
		font-weight:600;	
	}
	
	.address {
		font-weight:300;
		font-size:1.25em;
		padding:0;
		margin:0;	
	}
	
	.google-map {
		margin-bottom:20px;	
		text-align:right;
	}
	
	.view-larger-map {
		text-align:right;
		color:#a84910;
	}
	
	.caption {
		color:#777;
		font-family: 'TrashHandRegular';
		font-size:1.2em;
		text-align:right;
		margin:0;
		
	}
	
	
	
	/* Footer */
	
	#footer {
		background:#fff;
	}
	
	#footer .wrapper {
		padding:30px auto;
	}
	
	#footer li {
		margin:0.5em 0;	
		list-style-type:none;
	}
	
	#footer li a {
		font-family: open-sans,sans-serif;
		color:#666;
/*	
		font-weight:300;
		font-size:0.9em;
*/	}
	
	#footer li a:hover {
		color:#a84910;
	}
	
	#sponsors {
		margin-top:15px;
		border-top:solid 1px #f1f1f1;	
		padding-top:15px;
		text-align:center;
	}

	#sponsors p {
		font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		colour:#888;
	}
	
	#sponsors p,
	#sponsors a {
		display:inline-block;
		zoom:1;
		*display:inline;
		padding:1em;
	}




	
	/* Bare */
	
	#bare h1 {
		padding-top:20px;
	}
	
	#bare h3 {
		margin-top:1em;
	}

	.logo {
		margin:0 0 10px 10px;
		float:right;
	}

	#bare .button a, #bare a.button, #bare .submit input {
		margin-top:4px;
	}

	#bare .signup-complete h1 {
		text-align:center;
		padding-top:100px;
	}

	#bare .signup-complete a.button {
		margin-top:20px;

	}
	
	.return {
		text-align:center;
	}

	.mobile,
	#nav ul ul li.mobile {
		display:none;
	}


.cta {
display:inline-block;
zoom:1;
*display:inline;
background-color:#ca6326;
margin:12px auto;
padding:0.45em 0.75em;
color:#fff;
/*
font-family: 'ShortcutRegular';
text-transform: uppercase;
*/
font-weight:bold;
font-size:1.2em;
line-height:2em;

-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow:1px 1px 0 rgba(0,0,0,0.2);
-webkit-box-shadow:1px 1px 0 rgba(0,0,0,0.2);
box-shadow:0 1px 1px rgba(0,0,0,0.2);
}

#locations-nav .cta {
margin: 2em auto;
}

.cta em {
font-style:normal;
display:inline-block;
zoom:1;
*display:inline;
text-align:center;
margin-left:0.25em;
font-size:1.4em;
width:1em;
height:1em;
line-height:0.8em;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
border-radius: 0.5em;
background:rgba(0,0,0,0.2);
font-family:Arial, sans-serif;

}

.cta:hover {
background-color:#a84910;
color:#fff;
}

.cta:active {
background-color:#6d2d07;
color:#fff;
box-shadow:inset 0 -1px 1px rgba(0,0,0,0.2);
}


#content .dir {
list-style:none;
margin:1em auto;
padding:0;
}

#content .dir > li {
padding:1em;
margin:0;
border-top:solid 1px #fff;
}

#content .expos > li > a {
display:block;
font-size:1.5em;
padding:0.5em;
}

.figure-pull-right {
float:right;
margin:0 0 1.5em 1.5em;
}

/* crudely hide redundant categories from user profile form */
[name="mdeda4feu_input_category"] > [value*="-"] {
display:none;
visibility:hidden;
}



/* ============================= */
/* ! Layout for tablet version   */
/* ============================= */

@media handheld, only screen and (max-width: 1024px) {	

	#bare h1 {
		font-size:2.5em;
	}

	h3.first {
		margin-top:0;
	}

}	

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}
	
	h1 {
		font-size:2.5em;
		margin-bottom:0.25em;
	}	

	h2 {
		font-size:2.5em;
		line-height:1em;
	}	

	.desktop {
		display:none;
	}
	
	.mobile,
	#nav ul ul li.mobile {
		display:block;
	}
	
	.reveal {
		display:none;
	}
	
	.show .reveal {
		display:block;
	}
	
	.trigger {
		background:transparent url(https://www.careersexpo.org.nz/uploads/images/bg-expand-collapse.png) -32px 16px no-repeat;
		line-height:32px;
		margin:0;
		padding: 16px 0 16px 32px;
	}
	
	.trigger:hover {
		cursor:pointer;
		color:#6d2d07;
	}
	
	.show .trigger {
		background-position:0 -80px;
	}
	
	#coordinators .row {
		border-top:solid 1px rgba(0,0,0,0.1);
	}

	.container#content .top-shadow {
		padding-top:40px;
	}
	.container#content .top-shadow > #home {
		margin-top:0;
	}
	
	
	/* Locations nav */
	
	#locations-nav {
		float:right;	
	}
	
	#locations-nav li {
		padding-bottom:3px;
		width:100%;
		margin:0;
	}
	
	#locations-nav li a {
		background:#e7e0dc;
		padding:0;
	}
	
		
	 #locations-nav li a.auckland .city, #locations-nav li a.hamilton .city, #locations-nav li a.wellington .city, #locations-nav li a.christchurch .city, #locations-nav li a .date, #locations-nav li a .year {
		display:inline;
		background-image:none;
		font-size:1em;
		margin-top:0;
		margin-bottom:0;
		padding-bottom:0;
		padding-top:0;
		line-height:1.9em;			
	}
	
	/* nav */
	
	#nav li:hover > ul,
	#nav li.show > ul,
	#nav li.current > ul {
		display:none;
	}
	
	form .mobile label,
	#nav li.show > ul {
		display:block;
	}
	
	.row .twelvecol#nav, .row .sixcol#locations-nav {
		padding:0 10px;
	}
	
	#nav a span,
	#nav div.mobile span {
		padding:0.5em 0.4em 1em 0.4em;
	}
	
	#nav ul ul {
		background:rgba(255,255,255,0.95);
	}

	#nav ul ul li,
	#nav ul ul a {
		display:block;
		float:none;
		color:#333;
		font-weight:bold;
	}
	
	#visitors #banner h1 {
		padding:0.5em;
	}
	
	
	.desktop,
	#nav ul a.desktop,
	#nav ul li.current a.desktop {
		display:none;
	}
	
	
	#home .banner-image {
		display:none;
	}
	
	
	/* Entry Buttons */
	
	#entry-buttons {
		margin-top:10px;
	}
	
	#entry-buttons li {
		padding:0 5px;
		list-style:inside;
		color:#fff;
		float:left;
	}
	
	.tile,
	.row .fourcol.tile {
		margin:20px auto;
		max-width:348px;
		padding:0;
	}
	
	.tile .wrapper {
		width:auto;
	}
	
	.visitors-img img,
	.schools-img img,
	.exhibitors-img img {
		display:block;
		margin:0 auto;
	}
	
	/* Inspiring futures */
	
	#tagline h2, #tagline p {
		line-height:1.2em;
	}
	
	#tagline .tagline-text {
		margin-left:80px;	
	}
	
	.fb a {
		float:none;	
	}
	
	/* Locations page */
	
	.timetable {
		width:100%;	
	}

	table.list th,
	table.list td {
		display:block;
		float:left;
		text-align:left;
		padding:2% 4%;
	}
	
	table.list p {
		margin:0.3em 0;
	}
	
	table.list tr {
		clear:both;
		padding:2% 0;
		margin:1em 0;
		display:block;
	}
	
	
	table.list tr th:first-child,
	table.list tr td:first-child,
	table.list .url {
		clear:both;
	}
	table.list .organisation {
			width:72%;
		}
	table.list .stand {
			width:12% 	;
			text-align:center;
		}
		
	table.list .url {
			width:92%;
			float:none;
			clear:both;
			border-top:dotted 1px rgba(0,0,0,0.2);
		}
		
	table.list th.url {
		display:none;
	}
	
	.list td label {
		display:block;
		font-size:0.8em;
		line-height:0.8em;
		color:#999;
	}
		
	/* Visitors */
	
	#visitors #banner h1 {
		font-size:3em;	
		padding:0 0 0.25em 0;
	}
	
	.blurb p {
		padding-right:0;
		padding-bottom:10px;	
	}
	
	
	
	ul.inline li {
		display:block;
		border-left:none;
		padding:0;
	}
	
	
	
	.calculation .row .qty, 
	.calculation .row .price {
		float:left;
	}
	
	.calculation .note {
		float:left;
		max-width:50%;
	}
	.calculation .sub-total,
	.calculation .total {
		float:right;
		max-width:50%;
	}


	.logo {
		width:10%;
	}
}

@media handheld, only screen and (max-width: 480px) {

	#logo {
		max-width: 30%;
	}

	#locations-nav .cta {
		margin: 1em auto;
	}
	.figure-pull-right {
		float:none;
		margin:1.5em auto;
		display:block;
	}
}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}