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

body{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#444444;
	margin:0;
}

/* Header sizes */
h1{font-size:54px;font-weight:bold;text-align:center;}
h2{font-size:23px}
h3{font-size:21px}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:15px}

/* Header colours - larger headers are dark green */
h5 {
	color:#005e66;
}

/* don't include any list elements in this selection - IE7 won't display list items properly
if they've got a 0px left margin */
p,dl,hr,h1,h2,h3,h4,h5,h6,pre,table,address,fieldset{margin:0px; margin-bottom:10px; line-height:1.4}

p {text-align: left}

p.edit {
	color:light-green;
}

dt {
	font-weight: 600;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

ul.no-indent {
	padding:0 0 0 15px;
	margin:0;
}

li {
	padding-bottom:0.3em;
}

/* all images in the body floated the right be default */
body img {
	float:right;
	padding-left:20px;
	padding-bottom: 1em;
}

img.centred {
	display:block;
	float:none;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

div.float-left {
	float:left;
	padding-right:20px;
	padding-bottom:10px;
}

div.float-right {
	float:right;
	padding-left:20px;
	padding-bottom:10px;
}

/* Quotes
	- Floated to right with green background and dark green text
	- Expected structure:
	<div.quote-wrapper>
		<p.quote-text></p>
		<div.quote-credit>
			<p.name></p>
			<p.position></p>
		</div>
	</div>
*/

div.quote-wrapper {
	float:right;
	background:#85D2DD;
	color:#126F7C;
	padding: 0.5em 0.5em 0 0.5em;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin-bottom:1em;
}

div.quote-wrapper p.quote-text {
}

div.quote-wrapper div.quote-credit p{
}

.quote-credit p.name {
	font-weight:600;
	margin-bottom:0px;
}

.quote-credit p.position {
}

div.quote-wrapper.centred{
	float:none;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:0.2em;
}

/* home page quote */
div.front-grid .cell {
	background:#cbe3e7;
	/*background:#DFDFDF;*/
	margin-top:10px;
	margin-bottom:10px;
	height:220px;
	padding:1em;
}

div.front-grid .cell.quote-wrapper {
	background:none;
	padding:0;
}

.front-grid .quote-wrapper {
	float:none;
	background:none;
	color:#126F7C;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	margin-bottom:0;
}

.front-grid .quote-wrapper .quote-text {
	font-size:1.4em;
	font-weight:600;
}

.front-grid .quote-wrapper .quote-credit {
	font-size:1.1em;
}

.cell h5 a {
	color:#005e66;
	text-decoration:none;
}

.cell h5 a:hover {
	text-decoration:underline;
}

.cell img {
	width:270px;  
	height:100px; 
	border:none;
}	

/* Screen shots with captions 
	- floated to right (same as image default)
	- float and padding applied to div rather than 
	img so that the caption appears in the same place 
*/
div.screen-shot {
	float:right;
	padding-left:10px;
	padding-bottom:1em;
}

div.screen-shot.centred {
	float:none;
	margin-left:auto;
	margin-right:auto;
	padding-left:0;
}

/* Don't want a bottom margin here 'cos we pad the screen-shot div */
.screen-shot p.caption {
	font-size:0.8em;
	margin-bottom:0;
}

.screen-shot img {
	float:none;
	padding:0;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

/* inspire email marketing */
div.mini-contact-form {
	border-top:#005e66 medium solid;
	margin-top:1em;
	padding-top:0.3em;
	display:block;
}

.mini-contact-form {
	font-size:0.9em;
}

div.input-block, div.input-label {
	display:inline;
}

div.input-block input {
	text-align:right;
}

.mini-contact-form input.email {
/*	width:220px; */
	width:100%;
}

input.captcha {
	width:145px;
}

input.submit {
	width:100px;
}

.mini-contact-form p input {
	margin-bottom:0;
}

.captcha img {
	padding:0;
	float:none;
}

div.email-info {
	float:right;
	background:#85D2DD;
	color:#126F7C;
	padding: 0.5em 0.5em 0 0.5em;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin-bottom:1em;
}

a.offer-banner {
	display:block;
	border-left-style:solid;
	border-color:#F93;
	border-left-width:12px;
	text-decoration:none;
	color:#444444;
	padding:1em;
	background:#e3e3e3;
}

a.offer-block {
	display:block; 
	background:none;
	text-decoration:none;
	color:#444444;
}

.offer-block h4 {
	text-align:center;
	text-decoration:underline;
	color:#005e66;
}

div.front-grid .cell.offer-block{
	background:none;
}

div.front-grid .cell.offer-block:hover {
	background:#cbe3e7
}