/************************************************************************

	GLOBAL CSS
	==========

	Provides all global styles for the site which more specific sections 
	can be built on using the layered css technique

	Author:		Tom Harman
				Nick Watson
				Tom Fletcher
				[www.optixsolutions.co.uk]

	Listing Order:
	==============

	Universal
	Forms
	General Structure / Layout
	Navigation Elements
	Header Elements
	Body Elements
	Footer Elements
	Messages

************************************************************************/

/***********************************************************************
	UNIVERSAL STYLES
************************************************************************/

body {
	font-size: .7em;
	background: #1F291D url('../i/layout/background.jpg') top repeat-x;
	color: #FFF;
}

a {
	color: #C1D5BF;
}

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, abbr, input, select, textarea, table, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p {
	margin-top: 10px;
}

h1 {
	font-size: 1.6em;
	color: #F0F0F0;
	font-weight: normal;
}

/***********************************************************************
	FORMS
************************************************************************/

fieldset, legend {
	border: none;
}

legend {
	background: transparent;
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0;
	padding: 0 .5em;
}

label {
	float: left;
	padding: 0 1em 0 0;
	text-indent: right;
}

form fieldset div {

	display: block;
	margin-bottom: .5em;
	padding: 0;
}

div.submit {
	clear: both;
	text-indent: center;
	width: auto;
}

div.multi input {
	border: 0;
	width: auto;
}
 
form 									{ width: 100%; }

label		 							{ float: left;	height: 22px; width: 45%; }

fieldset div input,
fieldset div select,
fieldset div textarea  			{ width: 45%; }

fieldset div input.small,
fieldset div select.small,
fieldset div textarea.small 	{ width: 25%; }

div.req label, div.req p		{ font-weight: bold; }

div.multi label 					{ height: 22px; }

div.req label:before, 
div.req p:before {
	content: "* ";
}

input:focus, textarea:focus {
	background: #fafafa;
	color: #000;
}

fieldset div input, 
fieldset div select, 
fieldset div textarea  {
	border: 1px solid #aaa;
	color: #333;
	font-weight: normal;
	padding: 1px;
}

div.submit input {
	background: #777;
	border: 1px solid #333;
	color: #fff;
	font-weight: bold;
	padding: 1px .7em;
	width: auto;
}

/***********************************************************************
	GENERAL STRUCTURE/LAYOUT
************************************************************************/

div#container {
	width: 725px;
	margin: 0 auto;
}

div#content, div#footer {
	background: #384736 url('../i/layout/cont-top.jpg') no-repeat top;
	width: 700px;
	padding: 10px;
	margin-left: 3px;
	text-align: justify;
	float: left;
}

div#content img {
	float: right;
	margin: 10px;
	margin-left: 15px;
	clear: right;
}
div.pearce{
	width: 186px;
	margin-bottom: 10px;
	float: left;
	clear: both;
}
div.pearce img{
	
}
div#content div.pearce p{
	width: 186px;
		text-align: center;
}
div#content a.left {
	float: left;

}
div#content a.left img {
	float: left;
	margin: 10px;
	margin-right: 15px;

}
div#content-end, div#foot-end {
	background: url('../i/layout/cont-bot.jpg') no-repeat bottom;
	height: 17px;
	margin-left: 3px;
	width: 720px;
	float: left;
}

div#footcont {
	margin-top: 15px;
}

div#siteinfo-address {
	float: left;
	margin-left: 10px;
}

div#siteinfo-tel {
	float: right;
	text-align: right;
	margin-right: 5px;
}

div#webby {
	float: right;
	margin-top: 5px;
	margin-right: 15px;
}

/***********************************************************************
	HEADER ELEMENTS
************************************************************************/

div#header {
	width: 725px;
	height: 209px;
	background: url('../i/layout/header.gif') no-repeat;
}

div#telephone {
	width: 168px;
	height: 36px;
	background: url('../i/layout/tel.gif') no-repeat;
	float: right;
	margin-top: 120px;
	text-indent: -999em;
	letter-spacing: -133px;
}

a#homelink {
	display: block;
	text-indent: -999em;
	letter-spacing: -133px;
	width: 210px;
	height: 210px;
	float: left;
}

div#quicknav {
	width: 510px;
	height: 34px;
	background: url('../i/layout/headlinks.jpg') no-repeat;
	float: right;
	margin-top: 16px;

}
div#quicknav ul{
	padding-left: 8px;
}

div#quicknav ul li {
	float: left;
	margin-top: 8px;
	margin-left: 2px;
	color: #ffffff;
/*	text-indent: -999em;
	letter-spacing: -133px;*/
}

div#quicknav ul li a {
	height: 15px;
	float: left;
	padding-left: 14px;
	background-image: url(../i/layout/nav-bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 5px;
}
div#quicknav ul li a:hover {
	height: 15px;
	float: left;
	padding-left: 14px;
	color: #f7ebc8;
	background-image: url(../i/layout/nav-bulletroll.jpg);
	background-repeat: no-repeat;
	background-position: 0 5px;	
}
div#quicknav ul li a.first {
	height: 15px;
	float: left;
	padding-left: 0px;
	margin-left: 0px;
	background-image: none;
}
div#quicknav ul li a.first:hover {
	height: 15px;
	float: left;
	color: #f7ebc8;
	padding-left: 0px;
	margin-left: 0px;	
	background-image: none;
}
div#midban {
	width: 724px;
	height: 163px;
	margin-top: 5px;
	padding-left: 4px;
	float: left;
/*	background: url('../i/layout/midban.gif') no-repeat;*/
}


div.emscap{
	float: left;
	width: 719px;
	height: 43px;
	margin-left: 2px;
	background-image: url(../i/layout/newsletter-signup.jpg);
	background-repeat: no-repeat;
}
div.emscap form{
	width: 530px;
	float: right;
	margin-top: 14px;
}
div.emscap form fieldset{

}
div.emscap form fieldset div{
	float: left;
	padding-left: 10px;
/*	width: 150px;*/
}
div.emscap form fieldset div.submit-div{
	float: left;

	width: 70px;
}
div.emscap form fieldset label.first{
	/*	width: auto;*/
	width: 60px;
	color: #384736;
}
div.emscap form fieldset label.sur{
	/*	width: auto;*/
	width: 50px;
	color: #384736;

}
div.emscap form fieldset label.email{
	/*	width: auto;*/
	width: 30px;
	color: #384736;
}

div.emscap form fieldset input{
	width: 70px;
	height: 13px;
	padding: 0px;
}
div.emscap form fieldset input.submit{
	background-color: #58615c;
	color: #fff;
	padding: 0px;
	height: 15px;
	font-size: .8em;
}
div.emscap form fieldset label{
	
}
div.left-column{
	float: left;
	width: 480px;	
}
div.right-column{
	float: left;
	width: 187px;
	margin-left: 20px;

}
div#content div.right-column img{
	padding: 0px;
	margin: 0px;
	clear: both;
}

/***********************************************************************
	BODY ELEMENTS
************************************************************************/

/***********************************************************************
	NAVIGATION
************************************************************************/

/***********************************************************************
	MESSAGES
************************************************************************/

div#emserror {
	position: absolute;
	margin-top: 40px;
	padding: 1em;
	background: #EEDEAA;
	border: 1px solid #b22;
	margin-left: 180px;
	z-index: 99999;
}

p.success {
	display: block;
	margin-left: 180px;
	font-weight: bold;
	color: #006600;
	padding-top: 4px;
}

.error, .notice, .message { 
	color: #b22;
	font-weight: bold;
}

.error ol li {
	font-weight: normal;
	list-style-type: lower-roman;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: 1em;
}