@charset "utf-8";
/* CSS Document */

/* ------------------------------------ page structual element styles ------------------------------------ */

body {
	background-color: #ABBBCB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
}

#wrapperDiv {
	background-image: url(../images/background.gif);
	margin: 0 auto 2em auto;
	width: 100em;
	background-repeat: no-repeat;
	overflow: hidden;
}

/* ----- navigation ----- */

nav {
	margin: 0;
	padding: 0 0 0 1.6em;
	position: absolute;
	top: 14em;
}

/* ----- page content ----- */

#pageContentDiv {
	margin: 20.3em 0 0 35.3em;
	padding: 0 0 2em 0;
	width: 56em;
}

/* ----- footer ----- */

footer {
	border-top: solid 1px #FFF;
	float: right;
	font-size: 1.1em;
	margin: 4em 2em 0 0;
	padding: .5em 0 0 0;
	text-align: right;
	width: 56.7em;
}

/* ----- spacing div's ----- */

#termsSpacer {
	height: 10em;
}

#privacySpacer {
	height: 16.3em;
}

#contactSpacer {
	height: 24em;
}

/* ----- clear floats ----- */

.clearFloats {
	clear: both;
}

/* ------------------------------------ navigation styles ------------------------------------ */

#menuList {
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#menuList li {
	display: inline;
	list-style: none;
}

#menuContact {
	margin: 0 0 0 2em;
}

#menuText {
	font-style: italic;
	margin: 0 0 0 5.7em;
}

.menuItem {
	margin:  0 0 0 1.5em;
}

/* ----- main menu links ----- */

a:link, a:visited {
	color: #000;
	text-decoration: none;
}

a:hover, a:active {
	color: #FFF;
	text-decoration: none;
}

/* ----- in text links ----- */

p a:link, p a:visited {
	color: #000;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}

p a:hover, p a:active {
	color: #FFF;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}

/* ----- footer links ----- */

#footerDiv a:link, #footerDiv a:visited {
	color: #000;
	font-weight: 700;
	text-decoration: none;
}

#footerDiv a:hover, #footerDiv a:active {
	color: #FFF;
	font-weight: 700;
	text-decoration: none;
}

/* ------------------------------------ font styles ------------------------------------ */

.offScreen {
	margin-left: -3000em;
	position: absolute;
	top: 0em;
}

h1 {
	color:#FFF;
	font-size: 2.1em;
	font-weight: 300;
	padding: 0;
	margin: 0 0 .8em 0;
}

h2 {
	color:#FFF;
	font-size: 1.5em;
	font-weight: 300;
	padding: 0;
	margin: 1.2em 0 0 0;
}

h3 {
	color:#FFF;
	font-size: 1.2em;
	font-style: italic;
	font-weight: 300;
	padding: 0;
	margin: 1em 0 0 0;
}

p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 1.2em 0 0 0;
}

li {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 1.2em 0 0 0;
}

ul li ul li {
	font-size: 1em;
	list-style: circle;
	margin: .5em 0 0 0;
}

ul li ul li ul li {
	font-size: 1em;
	list-style: square;
	margin: .5em 0 0 0;
}

ul li ul li ul li ul li{
	font-size: 1em;
	list-style: disc;
	margin: .5em 0 0 0;
}

.fontWhite {
	color: #FFF;
}

.fontWhiteI {
	color: #FFF;
	font-style: italic;
}


.bold {
	font-weight: 700;
}

.boldItalic {
	font-style: italic;
	font-weight: 700;
}

i {
	font-style: italic;
}

#responceSpacerDiv {
	height: 35em;
}

/* ----- contact page ----- */

#contactFormDiv .leftDiv {
	float: left;
	width: 15em;
}

#contactFormDiv .rightDiv {
	float: left;
}

.h2Contact {
	margin: 1.2em 0 1em 0;
}

.labelText {
	font-size: 1.15em;
}

#Address {
	width: 20em;
}

#PostCode {
	width: 4em;
}

#preferrContact {
	font-size: 1.2em;
}

input, select {
	font-size: 1.2em;
	margin: .5em 0 0 0;
}

.contactTextarea {
	margin: .5em 0 0 0;
	height: 8em;
	width: 26em;
}

#submitButtonDiv {
	margin: .8em 0 0 15em;
}

.warning {
	color:#F30;
	font-size: 1.2em;
	font-weight: 700;
}