/* ==== colours === */
/* left - right gradients
Colours:	
	Blue: #6687B4
	Red: #B74C4C
	Green: #9BBE32
	Main Text: #666


/* ========== Basic main body layout ============ */
* { padding: 0; margin: 0; }
img { border: none; }

html { background-color: #fff; }
html, body { font-family:  Arial, Helvetica, sans-serif; font-size: 85%; color: #666; }
#wrapper { position: relative; width: 900px; margin: 10px auto; background: #fff; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* ========= details within main-page =========== */
#head { position: relative; width: 900px; margin: 0; padding: 0; }
#head img { position:absolute; top: 0; right: 20px; }
#head p { font-family: "Frutiger 45 Light","Arial Narrow", Tahoma, Verdana, sans-serif; font-size: 300%; color: #6687B4; margin-bottom: 2px; }

#strapline { height: 122px; background-color: #4560b8; }
#strapline img { width: 255px; position:absolute; left:0px; top:10px; }

body.red #strapline { background-color: #B74C4C; }
body.green #strapline { background-color: #9bbe32; }

#strapline h1 { font-size: 140%; color: #fff; padding: 10px; }
#strapline p { font-family: Arial, sans-serif; font-size: 140%; font-weight: normal; text-align: center; color: #fff; position:absolute; bottom:10px; right:230px; }

#content { padding: 10px; }
#content h1, #content h2 { color: #6687B4; margin-bottom: 5px; font-size: 140%; }
#content p { margin-bottom: 10px; }
#content ul { margin-left: 15px; margin-bottom: 10px; }

/* =========== footer details =============== */
#footer { clear: both; width: 860px; height: 75px; margin: 0; background: #4560b8;
	color: #fff; border-top: 1px solid #fff; text-align: center; padding: 0 20px; }

.red #footer { background-color: #B74C4C; }

#footer p { font-family: Arial, "Frutiger 45 Light","Arial Narrow", Tahoma, Verdana, sans-serif;
	font-size: 120%; padding: 0 10px 0 15px; margin: 25px 0 0 0; }

#footer-rightcol p { padding: 0 15px 0 0; margin: 15px 0 0 0; font-size: 150%; width: 300px; float: right; text-align: right; }

#footer-details p { margin-top:5px; margin-bottom:5px; float:right; }

/* =========== content types ============= */
.testimonial { margin: 20px 10px; padding: 10px; background-color: #eef; }
.testimonial .name { font-weight: bold; }

.newsitem { margin: 20px 10px; padding: 10px; background-color: #eef; }

/* ===== styles for the feedback form ===== */
form { width: 530px; margin: 10px; }
.row { clear: both; width: 100%; margin-top: 5px; padding: 4px 0; }
.row label { float: left; text-align: right; width: 30%; }
.row .col2 { float: right; text-align: left; width: 68%; }

#contact span.col2 p, #contact span.col2 p { margin: 0; margin-bottom: 5px; }
#contact div.checklist { line-height: normal; }
#contact span.col2 input.check, #contact div.col2 input.check { background-color: #fff; }

.required { color: red; }

.row .col2 input, .row .col2 textarea, .row .col2 span select {	background-color: #eaebf0; }
.row .button { text-align: center; margin-top: 10px; border: 1px solid #000; background-color: #304594;	color: #fff; }

fieldset { padding: 10px; }
blockquote { font-style: italic; margin-bottom: 10px; }

/* ==== content type styling ==== */
#itemlist #col1 { float:left; width:440px; padding:0; margin:0; }
#itemlist #col2 { float:left; width:440px; padding:0; margin:0; }

#content #sitemap { margin-left: 20px; }
#sitemap a { color: #666; }