/*
 * Subject to Copyright.
 *
 * Web Development by LOOKsystems Limited
 * mailto:info@looksystems.ltd.uk
 * http://www.looksystems.ltd.uk
 *
 */

/* GLOBAL STYLES */

body {
	margin: 0;
	color: #5b4940;
	text-align: center;
	background: #ebeae6 url(../img/headback.gif) repeat-x;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.75em;
}

a {
	text-decoration: none;
	color: #ee0027;
}
a.plain {
	color: #5b4940;
}
a.light {
	color: #bbb3aa;
}
a:hover,
a.light:hover,
a.plain:hover {
	color: #ee0027;
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, form, p, img {
	margin: 0;
}

h1 {
	font-size: 1.75em; /* 1.5 */
}
h2 {
	font-size: 1.75em; /* 1.3 */
}
h3, h4 {
	font-size: 1em; /* 1 */
}

p {
	margin-bottom: .5em;
}

hr {
	border: none;
	border-bottom: 1px dashed #c5beb6;
	margin: 1px 0;
	height: 1px;
}

ul, ol {
	padding-left: 0;
}

.wai {
	display: none;
}

/* PAGE */

#page {
	margin: auto;
	width: 980px;
	text-align: left;
	position: relative;
	color: #5b4940;
}

/* HEADER */

#header {
	height: 63px;
}

#header h4 {
	text-indent: -5000px;
	overflow: hidden;
	background: url(../img/Pragma-Logo.gif) no-repeat;
	width: 200px;
	height: 41px;
	margin: 17px 0;
	float: left;
}

#header h4 a {
	display: block;
	width: 100%;
	height: 41px;
}

#header div {
	float: right;
	margin: 22px 52px 0 0;
}

#header h5 {
	float: left;
	margin: 0;
	text-indent: -5000px;
	overflow: hidden;
}

#header .text {
	left: 10px;
	position: relative;
	background: url(../img/Header_strategy-implement-results.gif) top right no-repeat;
	width: 299px;
	height: 23px;
}

#header .number {
	background: url(../img/Header_phone-number.gif) no-repeat;
	width: 175px;
	height: 19px;
	margin: 2px 0 2px 33px;
}

/* MAIN NAVIGATION */

#nav {
	height: 29px;
}

#nav ul {
	padding: 0;
	margin: 12px 0 0 0;
	height: 29px;
}

#nav li {
	list-style: none;
	float: left;
	margin-right: 3px;
}

#nav li a {
	display: block;
	background: url(../img/nav.gif);
	color: #FFF;
	width: 102px;
	height: 29px;
	text-align: center;
	line-height: 29px;
	font-size: 1.2em;
}

#nav li a:hover {
	color: #5b493f;
}

#nav li a.select {
	font-weight: bold;
	background: url(../img/navh.gif);
	color: #715f49;
}

/* SITE SEARCH */

#search {
	float: right;
	margin-top: -28px;
	height: 20px;
	position: relative;
	width: 244px;
}

#search input {
	border: none;
}

#siteSearch {
	top: 0;
	position: absolute;
	background: url(../img/searchtext.gif);
	width: 184px;
	height: 20px;
	padding: 0 0 0 12px;
	color: #b0a69b;
	margin: 0 0 0 8px;
}

#searchButton {
	top: 0;
	right: 0;
	position: absolute;
	background: url(../img/searchbutton.gif);
	width: 37px;
	height: 20px;
	padding: 0;
	color: #5b493f;
	cursor: pointer;
}

/* LOCATION BAR */

#loc a {
	color: #b7b1a9;
}

#loc a:hover,
#loc a.select {
	color: #5b4940;
}

#loc .breadcrumbs {
	margin: 8px 0 18px 0;
	font-size: .9em;
}
#loc .breadcrumbs a {
	color: #5b4940;
	text-decoration: underline;
}
#loc .breadcrumbs span {
	color: #b7b1a9;
}

#loc h2 {
	margin: 0;
}

#loc ul {
	height: 1em;
	text-align: right;
	list-style: none;
	position: absolute;
	right: 0;
	margin-top: -22px;
}

#loc li {
	padding: 0 .75em 0 .5em;
	border-right: 1px solid #b7b1a9;
	font-size: 1.2em;
	display: inline;
	width: auto;
}
#loc li.last {
	padding-right: 0;
	border-right: none;
}

/* ROUND CORNERS */

.round {
	background: url(../img/cnw.gif) top left no-repeat;
}
.round-top {
	height: 11px;
	margin-bottom: -11px;
	background: url(../img/cne.gif) top right no-repeat;
}
.round-main {
	background: url(../img/csw.gif) bottom left no-repeat;
}
.round-bottom {
	height: 11px;
	margin-top: -11px;
	background: url(../img/cse.gif) bottom right no-repeat;
}

/* MAIN CONTENT */

#content {
	clear: both;
	width: 732px;
	background-color: #fff;
	margin: 12px 0;
	float: left;
}

#content .round-main {
	padding: 12px 12px 36px 12px;
}

#content #stage {
	margin: 0 0 21px 0;
}

#content .column {
	margin-right: 12px;
	position: relative;
	float: left;
}
#page #content .lastcol {
	margin-right: 0;
}

#content .col2 {
	width: 468px;
}

.column h2 {
	margin-bottom: 1em;
	line-height: 100%;
}

.column {
	line-height: 125%;
}

.dotted {
	background: url(../img/maindotted.gif) 0 bottom repeat-x;
	padding-bottom: 12px;
	margin-bottom: 12px;
}

.notitle {
	margin-top: 3.75em;
}

.notitle {
	margin-top: 3.5em;
	# /* safari won't read the defintitions in this block */
}

/* text block */

.textblock ul,
.textblock ol {
	padding-left: 1em;
}

/* image block */

#content .imageblock a {
	color: #5b4940;
}

#content .imageblock h2 {
	margin-bottom: 12px;
}

.imageblock .image {
	position: relative;
}

.imageblock .image .overlay {
	top: 12px;
	left: 12px;
	background: url(../img/Latest-project.png) 0 0 no-repeat;
	position: absolute;
	text-indent: -5000px;
	overflow: hidden;
	height: 98px;
	width: 98px;
}

.imageblock .caption {
	margin-top: 12px;
	margin-bottom: .2em;
	display: block;
}

.imageblock a:hover .caption {
	text-decoration: underline;
}

/* related links block */

.related p {
	margin-bottom: 1em;
}

.related ul {
	margin: 0;
	padding-left: 0;
	list-style: none;
	margin-bottom: 12px;
}
#content .related li {
	background: url(../img/bullet.gif) no-repeat 0 3.5px;
	padding-left: 12px;
}

#page .related a.select {
	font-weight: bold;
	color: #5b4940;
}

/* news block */

#content .news h1 {
	margin: 21px 0 .5em 0;
	line-height: 1.1em;
}

.news ol {
	margin: 0;
	padding-left: 0;
	list-style: none;
}
.news li {
	padding-left: 0;
	margin-top: 1em;
}

/* news listing */

.newsitem {
	margin-bottom: 10px;
	height: 177px;
}
html>body .newsitem {
	min-height: 177px;
	height: auto;
}

.newsitem img {
	float: right;
	margin-left: 12px;
}

.newsitem h4 {
	font-size: 1.5em;
	line-height: 1.1em;
	margin: 0 0 .5em 0;
}
.newsitem h4 a {
	color: #5b4940;
}

/* content navigator */

.content-navigator a {
	padding: 0 .25em 0 .5em;
	border-left: 1px solid #ee0027;
}

.content-navigator a.first {
	padding-left: 0;
	border: none;
}

.content-navselect {
	font-weight: bold;
}

.content-navigator b  a {
	color: #5b4940;
	text-decoration: none;
}

/* google map */

#gmap {
	width: 212px;
	height: 350px;
}

/* SIDEBAR */

#side {
	float: right;
	width: 236px;
	margin-top: 12px;
}

#sidecontent {
	background-color: #fff;
	margin-bottom: 12px;
}

#sidecontent .round-main {
	padding: 12px 12px 24px 12px;
}

#side p {
	margin: 0;
}

#side h2 {
	font-size: 1.25em;
	margin-bottom: .75em;
}

#side p.info {
	margin-top: 10px;
}

#side .sidebox {
	background: url(../img/maindotted.gif) 0 bottom repeat-x;
	padding-bottom: 12px;
	margin-bottom: 8px;
}

#side .balloon {
	padding-bottom: 35px;
	margin: 0 0 12px 0;
	color: #fff;
	font-weight: bold;
	background: url(../img/Did-you-know-bottom.gif) bottom no-repeat;
}

#side .balloon p {
	padding: 0 12px;
	background-color: #86e027;
}

#side .balloon h2 {
	padding-top: 5px;
	padding: 10px 12px;
	font-size: 1.75em;
	background-image: url(../img/Did-you-know-top.gif);
	margin: 0;
}

/* FOOTER */

#footer {
	clear: both;
	background: url(../img/footerdots.gif) repeat-x 0 top;
	padding-top: 5px;
}

#footer p {
	margin: 3px 0;
}

#footer a {
	color: #5b4940;
}
#footer a:hover {
	color: #ee0027;
}
/* FORMS */

.formfield {
	width: 228px;
	border: 1px solid #5b4940;
}

.invalid {
	color: #d84452;
	background: #fee;
}
.invalid  .formfield {
	border: 1px solid #d84452;
}