@charset "UTF-8";

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the ground color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #ccc;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    margin: 0;
    padding: 0;
    border: 0;

}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.amp {

}

.ir {
	background-repeat:	no-repeat;
}

html {
	background:	#fff url('/images/background.jpg') no-repeat 50% 0;
}

body {
	font-family:	sans-serif;
}

#container {
	display:	block;
	position:	relative;
	width:		950px;
	margin:		0 auto;
	padding-top:	30px;
}

header[role='banner'] {
	position:		relative;
	padding-top:	25px;
}

	#logo {
		display:	block;
		position:	absolute;
		z-index:	2;
		top:		0;
		left:		42px;
		width:		232px;
		height:		182px;
		background-image:	url('/images/logo.png');
	}

	#banner {
		width:		608px;
		height:		360px;
		float:		right;
		overflow:	hidden;
		border:		solid 15px #fff;

		-moz-box-shadow:	2px 2px 1px rgba(0,0,0,0.5);
		-webkit-box-shadow:	2px 2px 1px rgba(0,0,0,0.5);
		box-shadow:			2px 2px 1px rgba(0,0,0,0.5);
	}

		.no-boxshadow #banner {
			border-color:	#eee;
		}

		#banner a {
			display:	block;
		}

			#banner img {
				display:	block;
				width:		100%;
				min-height:	100%;
			}

		#banner .slider {
			position:	relative;
			width:		100%;
			height:		100%;
			margin:		0;
			padding:	0;
			list-style:	none;
		}

			#banner .slider li {
				display:	none;
			}

				#banner .slider li.slider-active {
					display:	block;
				}

#sidebar {
	position:	absolute;
	top:		220px;
	left:		20px;
	width:		208px;
	min-height:	461px;
	padding:	13px 28px 0 28px;
	background:	url('/images/overlay/background.png') no-repeat;
}

	#sidebar h1 {
		position:	relative;
		width:		100%;
		margin:		10px 0 15px -20px;
		padding:	5px 20px;
		background:	#f17121;
		background-image: -ms-linear-gradient(top left, #f17121 0%, #dd3f27 100%);
		background-image: -moz-linear-gradient(top left, #f17121 0%, #dd3f27 100%);
		background-image: -o-linear-gradient(top left, #f17121 0%, #dd3f27 100%);
		background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #f17121), color-stop(1, #dd3f27));
		background-image: -webkit-linear-gradient(top left, #f17121 0%, #dd3f27 100%);
		background-image: linear-gradient(to bottom right, #f17121 0%, #dd3f27 100%);


		-moz-box-shadow:	0 2px 4px rgba(0,0,0,0.4);
		-webkit-box-shadow:	0 2px 4px rgba(0,0,0,0.4);
		box-shadow:			0 2px 4px rgba(0,0,0,0.4);
		color:		#808080;
		font-size:	20px;
		text-align:	center;
	}

		.lt-ie8 #sidebar h1 {
			margin-top:	25px;
		}

		#sidebar h1 .ir {
			display:	block;
			height:		35px;
			background:	transparent url('/images/overlay/heading_register.png') no-repeat 50% 50%;
		}

		#sidebar h1:before {
			content:	'';
			display:	block;
			position:	absolute;
			top:		100%;
			left:		0;
			width:		0;
			height:		0;
			border-top:		solid 7px #4d4d4d;
			border-left:	solid 10px transparent;
		}

	#sidebar p {
		margin:	0;
		color:	#fff;
		text-align:	center;
	}

		#sidebar .instructions,
		#sidebar .contact_number {
			display:	block;
			width:		100%;
			background:	transparent none no-repeat 50% 50%
		}

			#sidebar .instructions {
				height:	49px;
				background-image:	url('/images/overlay/message_register.png');
			}
			#sidebar .contact_number {
				height:		14px;
				margin-top:	25px;
				background-image:	url('/images/overlay/message_phone.png');
			}
				.lt-ie8 #sidebar .contact_number {
					height:	16px;
				}

	#sidebar form {
		margin:	20px 0 45px 0;
	}

		#sidebar form ul {
			margin:		0;
			padding:	0;
			list-style:	none;
		}

			#sidebar form li {
				position:	relative;
				margin-top:	30px;
			}

				#sidebar form li:first-child {
					margin-top:	0;
				}

			#sidebar form label {
				display:	block;
				position:	absolute;
				top:		-16px;
				left:		5px;

				-moz-transition:	all 0.3s;
				-webkit-transition:	all 0.3s;
				transition:			all 0.3s;
				color:		#4d4d4d;
				font-size:	10px;
				font-weight:	bold;
				text-transform:	uppercase;
			}

				#sidebar form .blank label {
					display:	block;
					position:	absolute;
					top:		3px;
					left:		5px;
					cursor:		text;
				}

			#sidebar form input {
				display:	block;

				-moz-box-sizing:	border-box;
				-webkit-box-sizing:	border-box;
				box-sizing:			border-box;
				width:		207px;
				padding:	6px 5px;

				-moz-transition:	all 0.3s;
				-webkit-transition:	all 0.3s;
				transition:			all 0.3s;
				border:		none;
				background:	#ccc;
				font-size:	14px;
			}

				.lt-ie8 #sidebar form input {
					width:		95%;
					margin-top:	-24px;
				}

				#sidebar form input:focus {
					background-color:	#e0e0e0;
					-moz-box-shadow:	0 0 4px rgba(36, 158, 216, 0.6);
					-webkit-box-shadow:	0 0 4px rgba(36, 158, 216, 0.6);
					-moz-box-shadow:	0 0 4px rgba(36, 158, 216, 0.6),
										inset 0 0 1px rgba(0,0,0,0.7);
					-webkit-box-shadow:	0 0 4px rgba(36, 158, 216, 0.6),
										inset 0 0 1px rgba(0,0,0,0.7);
					box-shadow:			0 0 4px rgba(36, 158, 216, 0.6);
					box-shadow:			0 0 4px rgba(36, 158, 216, 0.6),
										inset 0 0 1px rgba(0,0,0,0.7);
				}

			#sidebar form button {
				display:	block;
				position:	relative;
				margin:		20px auto 0 auto;
				padding:	5px 30px 4px 30px;
				border:		none;
				background:	#4d4d4d;
				color:		#fff;
				text-align:	center;
			}

				#sidebar form button.ir {
					width:		135px;
					height:		45px;
					overflow:	hidden;
					background:		#4d4d4d url('/images/overlay/submit_button.png') no-repeat 50% 50%;
					text-indent:	205%;
					white-space:	nowrap;
				}

				#sidebar form button.ir:before {
					display:	none;
				}
				#sidebar form button:after {
					content:	'';
					display:	block;
					position:	absolute;
					top:		4px;
					right:		4px;
					bottom:		4px;
					left:		4px;
					border:		solid 1px #fff;
				}

					.lt-ie9 #sidebar form button:after {
						top:	3px;
					}


[role='main'] {
	min-height:	130px;
	padding:	30px 55px 10px 323px;
	color:		#666;
}

	#template_errors [role='main'],
	#thankyou [role='main'] {
		padding-right:	25px;
	}

	[role='main'] aside {
		width:	233px;
		margin:	-3px 45px 0 0;
		float:	left;
	}

		[role='main'] aside.ir {
			height:		160px;
			background-image:	url('/images/main/side_steps.jpg');
		}

	[role='main'] h1 {
		margin:		0 0 -2px 0;
		color:		#808080;
		font-size:	16px;
	}

		[role='main'] h1.ir {
			height:	20px;
			background-image:	url('/images/main/heading.png');
		}

		#template_errors [role='main'] h1.ir,
		#thankyou [role='main'] h1.ir {
			left:	-2px;
		}

			#template_errors [role='main'] h1.ir {
				background-image:	url('/images/main/heading_error.png');
			}
			#thankyou [role='main'] h1.ir {
				background-image:	url('/images/main/heading_thankyou.png');
			}

	[role='main'] p,
	[role='main'] ul,
	#errors {
		margin:		10px 0;
		font-size:	14px;
		line-height:	1.5;
	}

		[role='main'] p a {
			color:	#0092d0;
		}

		[role='main'] ul {
			padding-left:	240px;
		}

			[role='main'] li {
				margin-bottom:	2px;
			}

	#pullout {
		position:	absolute;
		top:		450px;
		right:		0;
	}

		#pullout.ir {
			width:	183px;
			height:	183px;
			margin:	-90px -105px 0 0;
			background-image:	url('/images/main/badge3.png');
		}


footer[role='contentinfo'] {
	margin:		55px 0 0 0;
	padding:	0 0 10px 0;
}

a.download_link, p.download_link > a {
    padding-top: 5px;
    padding-bottom: 3px;
}

a.download_link, p.download_link > a {
    display: inline-block;
    margin-top: 4px;
    padding: 4px 10px;
    background: none repeat scroll 0 0 #fbb03b;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}

	#more_information {
		width:	70%;
		float:	left;
	}

		#more_information.ir {
			height:	110px;
			margin:	-1px 0 0 0;
			background-image:	url('/images/footer/more_information2.png');
		}

	#organisations {
		margin:	0;
		float:	right;
	}

		#organisations a,
		#organisations .separator {
			display:	block;
			height:		50px;
			padding:	10px;
			float:		left;
			overflow:	hidden;
			background-repeat:		no-repeat;
			background-position:	50% 50%;
			text-indent:	150%;
			white-space:	nowrap;
		}

			.lt-ie8 #organisations a {
				background-position:	0 50%;
			}

			#organisations .separator {
				width:		1px;
				margin:		10px 9px 0 10px;
				padding:	0;
				border-right:	solid 1px #e6b67e;
				background:		#f0d2ae;
			}

			#logo_wallis_creek {
				position:	relative;
				width:		122px;
				background-image:	url('/images/footer/logo_wallis_creek.png');
			}

				#logo_wallis_creek:before,
				#logo_wallis_creek:after {
					content:	'';
					display:	block;
					position:	absolute;
					top:		0;
					left:		50%;
					width:		20px;
					height:		1px;
					margin-left:	-10px;
					background:		#f0d1ae;
				}

					#logo_wallis_creek:after {
						top:	auto;
						bottom:	0;
					}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    overflow: hidden;
    border: 0;
    background-color: transparent;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: '';
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

/*
 * Hide visually and from reenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: ' '; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print{
	*{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}
	a[href]:after{content:' (' attr(href) ')'}abbr[title]:after{content:' (' attr(title) ')'}.ir a:after,a[href^='javascript:']:after,a[href^='#']:after{content:''}
	pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}
	@page{margin:0.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}
}