*
{
	font-size:1em;
	font-family:Calibiri, 'ArialMT', Arial, sans-serif;
}

body
{
	font-size:110%;
	background:url(background.jpg);
	margin:auto;
	padding:0;
	padding-top:.5em;
	width:800px;
	height:600px;
}

#incomplete .field,
#notFound .field
{
	text-align:left;
}

#incomplete input[type="text"],
#notFound input[type="text"]
{
	width:auto;
}

.hint
{
	font-size:.8em;
	color:#999;
	margin-top:.5em;
}

#index
{
	background:#000 url(beachAtSunset.jpg) no-repeat center 1em;
	font-size:195%;
	text-align:center;
	margin-top:1em;
}

#index,
.income
{
	font-weight:bold;
}

#index,
#index a
{
	color:#cfc;
}

#scroller
{
	padding:0.25em 0;
	margin-bottom:10.5em;
	font-size:.8em;
}

#index p
{
	color:#ff0;
	margin:.5em 0;
	padding:0 .5em;
	text-shadow:#000 2px 2px 2px;
}

#scroller,
#index a
{
	background:#666;
	background:rgba(102,102,102,.5);
}

#index a
{
	padding:0 .25em;
	text-decoration:none;
	text-shadow:none;
	border:2px solid #888;
	border-right-color:#666;
	border-left-color:#444;
	border-bottom-color:#222;
	font-weight:normal;
	font-size:.75em;
	line-height:1.6;
}

.js #scroller
{
	width:100%;
	overflow:hidden;
	float:left;
}

.js #scroller div
{
	width:200%;
	float:left;
}

.js #scroller div div
{
	width:50%;
	float:left;
}

.background
{
	font-style:italic;
}

form
{
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

#form form .instruction
{
	float:left;
	width:50%;
	color:#f00;
	padding-top:.5em;
	font-weight:bold;
}

.error p
{
	margin:.25em;
	color:#f00;
}

#form .error p
{
	font-weight:bold;
}

.field
{
	float:left;
	text-align:center;
}

#form .field
{
	text-align:left;
	width:100%;
	margin-top:1em;
}

#form input#telephoneNumber,
#form input#postcode
{
	width:25%;
}

#form label
{
	display:block;
}

#form ul label
{
	display:inline;
}

input[type="text"]
{
	width:90%;
}

#form input[type="text"]
{
	width:50%;
}

input[type="text"],
input[type="radio"]
{
	background:#ff9;
	background:rgba(255,255,153,.5);
}

.buttons
{
	clear:left;
	text-align:right;
}

#form .buttons
{
	padding-top:1em;
	text-align:left;
}

#video .buttons
{
	text-align:center;
}

h2
{
	float:right;
	margin:0;
	position:relative;
	top:-2em;
	margin-bottom:-1em;
}

h2,
#form #privacy-policy
{
	font-size:.8em;
}

h2 a,
#form #privacy-policy
{
	color:#999;
}

#form.js #privacy-policy
{
	color:#000;
	font-size:.9em;
	border:1px solid #ccc;
	border-bottom-color:#000;
	border-right-color:#000;
	background:#ccf;
	background:rgba(204,204,255,.95);
	width:30%;
	height:25%;
	position:absolute;
	margin:auto;
	margin-top:35%;
	margin-left:35%;
	top:0;
	left:0;
	padding:1em;
	display:none;
}

.js #privacy-policy button
{
	float:right;
	margin-top:.5em;
}

#video p.instructions
{
	text-align:center;
	padding:1em 20%;
}

#video p strong
{
	color:#f00;
}

#video .field
{
	width:33%;
}

#video .error p
{
	text-align:right;
	margin:0;
	padding:0;
	width:100%;
}

.inline-checkboxes
{
	clear:left;
	padding-top:.5em;
	text-align:center;
	float:left;
	width:66%;
}

#form .inline-checkboxes
{
	text-align:left;
}

.inline-checkboxes ul
{
	list-style:none;
	padding:0;
	margin:0;
}

.inline-checkboxes ul,
.inline-checkboxes li
{
	display:inline;
}

#thankyou
{
	margin-top:5em;
}

.message p
{
	width:38%;
	margin:auto;
	background:#ff6;
	background:rgba(255,255,102,.5);
	text-align:center;
	padding:.5em;
}

#video
{
	text-align:center;
}

#videoPlayer
{
	width:375px;
	height:250px;
	border:2px solid #000;
	margin:1em auto;
	background:#dedfa5;
}

#videoPlayer p
{
	padding:.25em;
}