/* =========================================================================================================== */
/* R E S E T S
/* =========================================================================================================== */
* {
	margin: 0pt;
	padding: 0pt;
}
html, body, h1, h2, h3, h4, h5, h6, ul, li, dd, dl, table, p, a, blockquote, cite, abbr {
	margin: 0pt;
	padding: 0pt;
}
html, body {
	width: 100%;
	min-height: 100%;
	height: auto;
		background:#A0c1ff;
}
a:link, a:visited, a:hover, a:active {
	color:#FFF; /* default white for links */
}
.clearFloat {
	clear:both;
}
/* 
&&&CSS 					= CSS relative folder (../css/ffcss)
&&&PAGECOLOUR			= Underlying page background colour (#FFF)
&&&HEADERPOSITION		= Is the heading fixed in place (fixed, relative)
&&&HEADERBGIMAGE 		= Header relative BG Image (../images/headerimagename.png)
&&&HEADERBGIMAGEHEIGHT	= Header relative BG Image Height (90px)
&&&HEADERBGIMAGEWIDTH	= Header relative BG Image Width (???)
&&&HEADERZINDEX 		= Header Z-Index
&&&SITELOGO 			= Website Logo (..images/sitelogo.png)
&&&SITELOGOHEIGHT 		= 
&&&SITELOGOWIDTH 		=
&&&FOOTERPOSITION		= Is the Footer fixed in place (fixed, relative)
&&&FOOTERBGIMAGE 		= Footer relative BG Image (../images/footerimagename.png)
&&&FOOTERGIMAGEHEIGHT	= Footer relative BG Image Height (90px)
&&&FOOTERBGIMAGEWIDTH	= Footer relative BG Image Width (???)
&&&FOOTERZINDEX 		= Footer Z-Index


/* =========================================================================================================== */
/* P A G E
/* =========================================================================================================== */
#pageContainer {

	color:#&&&PAGECOLOUR;
	width:100%;
	font-family: verdana, arial, sans-serif;
}
/* =========================================================================================================== */
/* H E A D E R
/* =========================================================================================================== */
#headerSection {
	width:100%;
	position:&&&HEADERPOSITION;
	background:url(&&&HEADERBGIMAGE);
	height:&&&HEADERBGIMAGEHEIGHT;
	z-index:&&&HEADERZINDEX;
}
#headerCentre {
	margin: 0 auto;
	width:960px;
	text-align:center;
	height:100px;
}
#headerSection #headerH1 {
	float:left; /* Heading off page */
	text-indent: -10000px;
}
#websiteLogo {
	background:  url(&&&SITELOGO);
	width:&&&SITELOGOWIDTH;
	height:&&&SITELOGOHEIGHT;
	float:left;
	margin:0 20px 0 20px;

}
/* =========================================================================================================== */
/* N A V I G A T I O N
/* =========================================================================================================== */
/* -------------------------------------------------------------------------- */
/* First Level Menu Items
/* -------------------------------------------------------------------------- */
#navigation {
	padding:0 2px 2px 2px;
}
#navigation ul li {
	display: inline;
}
#navigation a {
	margin: 0pt -2px 0pt 0pt;
	padding: 9px 0pt 13px 10px;
	background: transparent url('../images/nav-left.png') no-repeat scroll 0pt 0pt;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	font-size: 0.7em;
	line-height: 1em;
	letter-spacing: -0.05em;
	color: #555;
	text-decoration: none;
	float: left;
}
#navigation a span {
	padding: 8px 10px 12px 0pt;
	background: transparent url('../images/nav-right.png') no-repeat scroll 100% 0pt;
}
#navigation a:hover, #navigation a:focus {
	background: transparent url('../images/nav-left.png') no-repeat scroll 0pt 100%;
	color: #FFF;
}
#navigation a:hover span, #navigation a:focus span {
	background: transparent url('../images/nav-right.png') no-repeat scroll 100% 100%;
}
#navigation li a.active {
	padding: 13px 0pt 20px 15px;
	background: transparent url('../images/active-left.png') no-repeat scroll 0pt 0pt;
	color: #FFF;
}
#navigation li a.active span {
	padding: 10px 15px 18px 0pt;
	background: transparent url('../images/active-right.png') no-repeat scroll 100% 0pt;
	font-size: 1.2em;
	line-height: 0.8em;
}
#footerNavigation li a.active {
	padding: 3px;
	background-color:#f60;
	color: #FFF;
}
/* =========================================================================================================== */
/* C O N T E N T
/* =========================================================================================================== */
#contentSection {
	padding:110px 0 0 0; /* Margin did not work in FF */
}
#contentCentre {
	margin: 0pt auto;
	width: 960px;
	text-align:center;
}
#contentQuoteForm {
	width: 960px;
	height:300px;
	margin: -40px 0 0 0;
	padding: 0 0 20px 0;
}
#contentRow {
	position:relative;
}
#contentRow ul {
	padding:0;
}
#contentRow li {
	display:inline-block;
	padding:0 12px 0 0;
	float:left;
}
/* -------------------------------------------------------------------------- */
/* Quote
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/* Other CSS
/* -------------------------------------------------------------------------- */
.smallprint {
	font-size:0.6em;
}
.textEM1.2 {
	font-size:1.2em;
	padding:0 10px 10px 10px;
	text-align:left;
}
#emailForm {
	padding:0 20px 20px 20px;
	font-size:0.9em;
	text-align:center;
}
.floatRight {
	float:right;
}
.floatLeft {
	float:left;
}
#privacy {
	text-align:left;
	}
#privacy h2 {
	padding:20px 0 30px 0;
	text-align:center;
	text-decoration:underline;
	}
	#privacy h3 {
	padding:20px 0 4px 0;
	}
/* -------------------------------------------------------------------------- */
/* Specific Content
/* -------------------------------------------------------------------------- */

/* =========================================================================================================== */
/* F O O T E R
/* =========================================================================================================== */
#footerSection {
	background: transparent url(&&&FOOTERBGIMAGE) no-repeat scroll 50%;
	width:100%;
	position: &&&FOOTERPOSITION;
	bottom: 0;
	z-index:100;
}
#footerCentre {
	margin: 0pt auto;
	width: 960px;
	height: 200px;
}
#footerNavigation {
	padding: 160px 0 0 0;
}
#footerNavigation ul {
	margin: 0pt auto;
	padding: 7px 10px 10px;
	width: 880px;
	text-align: center;
	border:#FFF thin solid;
	border-left:none;
	border-right:none;
}
#footerNavigation li {
	padding: 0pt 5px;
	display: inline;
}
#footerNavigation a {
	font-weight: bold;
	font-size: 0.7em;
	line-height: 0.1em;
	font-size-adjust: none;
	font-stretch: normal;
	-x-system-font: none;
	color: #555;
	text-decoration: none;
}
#footerNavigation a:hover, #footerNavigation a:focus {
	color: #FFF;
	text-decoration: underline;
}
#footerNavigation img {
	border:none;
}