body {
	background: #FFF;
	font: 13px Georgia, "Times New Roman", Times, serif;
	color:#7F7F7F;
	margin:0;
}
form,fieldset {
	margin:0;
	padding:0;
	border:0;
}
img{border:none; outline:none;}
a{text-decoration: none; outline:none; color:#82A419;}
a:hover{text-decoration: underline; outline:none;}
p a {color:#82A419;}
p a:hover{cursor:pointer; color:#82A419;}
p {line-height:18px;}
.cl {clear:both;}
input:focus {outline: none;}
/* header block styles */
#container {
	position: relative;
	clear:both;
	overflow:hidden;
	margin:0 auto;
	width:940px;
}
#header {
	width:100%;
	height:280px;
	margin-bottom:10px;
}
#footer {
	width:100%;
	background:#FFF url(../images/footer-bg.gif) no-repeat 0 0;
	clear:both;
}
#footer-credit {
	text-align:center;
	margin:0 0 10px 0;
}
/* logo styles */
.header-top strong.logo {
	background: url(../images/header-logo.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	width: 327px;
	height: 148px;
	margin: 0;
	cursor:pointer;
}
.header-top strong.logo a {
	position: relative;
	cursor: pointer;
	display: block;
	height: 100%;
}
.header-top img.people {
	display:block;
	text-indent: -9999px;
	overflow: hidden;
	float: right;
	width: 584px;
	height: 148px;
	margin: 0;
}
.header-top div#header-flash {
	display:block;
	overflow: hidden;
	float: right;
	width: 584px;
	height: 148px;
	margin: 0;
}
.header-top img {
	padding:0;
	margin:0;
	border:0;
}
/* navigation menu styles */
#navigation, #nav_398015 {
	list-style: none;
	padding: 0;
	margin: 0;
	clear: both;
	height:132px;
}
#navigation li, #nav_398015 li {
	overflow: hidden;
	margin: 0;
	float: left;
	display:block;
}
#navigation li a, #nav_398015 li a {
	text-indent: -9999px;
	float: left;
	height:132px;
	display:block;
}
#navigation li.home a , #nav_398015 li.home a {
	background:#FFF url(../images/nav-home.gif) no-repeat 0 0;
	width: 161px;
}
#navigation li.getinvolved a, #nav_398015 li.getinvolved a {
	background:#FFF url(../images/nav-getinvolved.gif) no-repeat 0 0;
	width: 108px;
}
#navigation li.casestudies a, #nav_398015 li.casestudies a {
	background:#FFF url(../images/nav-casestudies.gif) no-repeat 0 0;
	width: 142px;
}
#navigation li.howto a, #nav_398015 li.howto a {
	background:#FFF url(../images/nav-howto.gif) no-repeat 0 0;
	width: 105px;
}
#navigation li.news a, #nav_398015 li.news a {
	background:#FFF url(../images/nav-news.gif) no-repeat 0 0;
	width: 123px;
}
#navigation li.gallery a, #nav_398015 li.gallery a {
	background:#FFF url(../images/nav-gallery.gif) no-repeat 0 0;
	width: 111px;
}
#navigation li.aboutus a, #nav_398015 li.aboutus a {
	background:#FFF url(../images/nav-aboutus.gif) no-repeat 0 0;
	width: 189px;
}
/* hover and active states for menu */
#navigation li.home a:hover,
#navigation li.getinvolved a:hover,
#navigation li.casestudies a:hover,
#navigation li.howto a:hover,
#navigation li.news a:hover,
#navigation li.gallery a:hover,
#navigation li.aboutus a:hover,
#nav_398015 li.home a:hover,
#nav_398015 li.getinvolved a:hover,
#nav_398015 li.casestudies a:hover,
#nav_398015 li.howto a:hover,
#nav_398015 li.news a:hover,
#nav_398015 li.gallery a:hover,
#nav_398015 li.aboutus a:hover{background-position: 0 -264px;}

#navigation li.home a.active,
#navigation li.getinvolved a.active,
#navigation li.casestudies a.active,
#navigation li.howto a.active,
#navigation li.news a.active,
#navigation li.gallery a.active,
#navigation li.aboutus a.active,
#nav_398015 li.selected a {background-position: 0 -132px;}
/* end main navigation */
/* footer navigation */
#footer-navigation {
	list-style: none;
	padding: 32px 0 0 0;
	margin: 0;
	clear: both;
	height:110px;
}
#footer-navigation li {
	overflow: hidden;
	margin: 0;
	float: left;
	display:block;
}
#footer-navigation li a {
	text-indent: -9999px;
	float: left;
	height:110px;
	display:block;
}
#footer-navigation li.bsm a {
	background:#FFF url(../images/footernav-bsm.gif) no-repeat 0 0;
	width: 200px;
}
#footer-navigation li.bcse a {
	background:#FFF url(../images/footernav-bcse.gif) no-repeat 0 0;
	width: 350px;
}
#footer-navigation li.dulux a {
	background:#FFF url(../images/footernav-dulux.gif) no-repeat 0 0;
	width: 210px;
}
#footer-navigation li.willmott a {
	background:#FFF url(../images/footernav-willmott.gif) no-repeat 0 0;
	width: 180px;
}
/* end sub navigation */
/* sub navigation */
#sub-navigation {
	list-style: none;
	padding:0;
	margin: 0 0 24px 16px;
	background:#FFF url(../images/subnav-divider.gif) no-repeat left bottom;
}
#sub-navigation li {
	margin: 0;
	padding: 0 0 20px 4px;
}
#sub-navigation li a {
	font-size:17px;
	color:#99BF11;
}
#sub-navigation li a:hover {
	color:#7F7F7F;
	text-decoration:none;
}
#sub-navigation li.back a {
	color:#7F7F7F;
}
#sub-navigation li.back a:hover {
	color:#99BF11;
}
/* end sub navigation */
/* content block styles */
#content {
	width:100%;
}
#content .colA {
	float:left;
	margin:0;
	width: 230px;
}
#content .colB {
	float:left;
	margin:0;
	width: 465px;
}
#content .colC {
	float:left;
	margin:0;
	width: 696px;
}
#content .colD {
	float:left;
	margin:0;
	width: 924px;
}

/* content box styles */
/* boxA */
#content .boxA {
	overflow: hidden;
	margin: 0 0 10px 16px;
	width: 214px;
	background: url(../images/boxA-mid.gif) repeat-y;
}
#content .boxA .content {
	padding: 0 24px 0 16px;
	overflow: hidden;
}
#content .boxA span.top,
#content .boxA span.bot {
	background: url(../images/boxA-top.gif) no-repeat ;
	line-height: 0;
	font-size: 0;
	display: block;
	width: 100%;
	height: 19px;
}
#content .boxA span.bot {background: url(../images/boxA-bot.gif) no-repeat; height:23px;}
#content .boxA .content p {margin: 0;}
#content .boxA .content h2 {font-size:25px; font-weight:normal; margin:10px 0 3px 0;}

/* purple-boxA */
#content .purple-boxA { background: url(../images/boxA-purple-mid.gif) repeat-y; }
#content .purple-boxA .content { 
	background: url(../images/boxA-purple-bg.gif) no-repeat 0 0;
	color:#FFF;
}
#content .purple-boxA .content h2 {font-size:34px; line-height:31px; margin:0 0 20px;}
#content .purple-boxA .content p {margin-bottom:10px;}
#content .purple-boxA .content p.date {color:#FFFF33; margin:0}
#content .purple-boxA .content p a {color:#339999;}

#content .purple-boxA span.top{ background: url(../images/boxA-purple-top.gif) no-repeat; }
#content .purple-boxA span.bot {background: url(../images/boxA-purple-bot.gif) no-repeat; height:23px;}

/* yellow-boxA */
#content .yellow-boxA { background: url(../images/boxA-yellow-mid.gif) repeat-y; }
#content .yellow-boxA .content { color:#7F7F7F;}
#content .yellow-boxA .content p {font-size:16px; color:#7F7F7F;}
#content .yellow-boxA .content p a, #content .yellow-boxA .content p a:hover {color:#7F7F7F;}
#content .yellow-boxA span.top{ background: url(../images/boxA-yellow-top.gif) no-repeat; }
#content .yellow-boxA span.bot {background: url(../images/boxA-yellow-bot.gif) no-repeat; height:23px;}

/* smallchange-boxA */
#content .smallchange-boxA .content { background: url(../images/boxA-smallchange-bg.jpg) no-repeat 0 0; padding-top:310px }

/* end boxA */

/* boxB */
#content .boxB {
	overflow: hidden;
	margin: 0 0 10px 16px;
	width: 449px;
	background: url(../images/boxB-mid.gif) repeat-y;
}
#content .boxB .content {
	padding: 0 24px 0 16px;
	overflow: hidden;
}
#content .boxB span.top,
#content .boxB span.bot {
	background: url(../images/boxB-top.gif) no-repeat ;
	line-height: 0;
	font-size: 0;
	display: block;
	width: 100%;
	height: 19px;
}
#content .boxB span.bot {background: url(../images/boxB-bot.gif) no-repeat; height:23px;}
#content .boxB .content p {margin:0 0 10px 0; font-size:16px; line-height:20px;}
#content .boxB .content h2 {font-size:24px; font-weight:normal; margin:0 0 8px 0;}

/* green-boxB */
#content .green-boxB { background: url(../images/boxB-green-mid.gif) repeat-y; }
#content .green-boxB .content {
	color:#FFF;
}
#content .green-boxB span.top{ background: url(../images/boxB-green-top.gif) no-repeat; }
#content .green-boxB span.bot {background: url(../images/boxB-green-bot.gif) no-repeat; height:23px;}




/* end boxB */

/* boxC */
#content .boxC {
	overflow: hidden;
	margin: 0 0 10px 16px;
	width: 680px;
	background: url(../images/boxC-mid.gif) repeat-y;
}
#content .boxC .content {
	padding: 0px 33px 0px 26px;
	z-index: overflow: hidden;
}
#content .boxC span.top,
#content .boxC span.bot {
	background: url(../images/boxC-top.gif) no-repeat ;
	line-height: 0;
	font-size: 0;
	display: block;
	width: 100%;
	height: 19px;
}
#content .boxC span.bot {background: url(../images/boxC-bot.gif) no-repeat; height:23px; clear:both;}
#content .boxC .content {font-size:16px;}
#content .boxC .content p {margin: 0 0 10px 0; line-height:20px;}
#content .boxC .content h1 {font-size:26px; font-weight:normal; margin:0 0 10px 0;line-height:29px;}
#content .boxC .content h2 {font-size:24px; font-weight:normal; margin:0 0 10px 0;line-height:27px;}
#content .boxC .content li {margin: 0 0 10px 0;}
#content .boxC .content p.date {color:#0364b3;}
#content .boxC .content p.subject {color:#82A419;}
#content .boxC .content p.subject span.news-body {color:#717171;}

/* purple-boxC */
#content .purple-boxC { background: url(../images/boxC-purple-mid.gif) repeat-y; }
#content .purple-boxC .content {color:#FFF;}
#content .purple-boxC .content p {font-size:16px; margin:0 0 10px 0; line-height:21px;}
#content .purple-boxC .content h2 {font-size:40px; line-height:44px; font-weight:normal; margin:0 0 10px 0;}
#content .purple-boxC .content img.portal-img {float:right; padding-left:20px;}
#content .purple-boxC span.top{ background: url(../images/boxC-purple-top.gif) no-repeat; }
#content .purple-boxC .content p a {color:#FFFF33;}
#content .purple-boxC span.bot {background: url(../images/boxC-purple-bot.gif) no-repeat; height:23px;}

/* yellow-boxC */
#content .green-boxC { background: url(../images/boxC-green-mid.gif) repeat-y; }
#content .green-boxC .content {color:#FFF;}
#content .green-boxC .content p, #content .green-boxC .content p a {color:#FFF;font-size:16px; margin:0 0 10px 0; line-height:21px;}
#content .green-boxC .content h2 {font-size:40px; line-height:44px;  font-weight:normal; margin:0 0 10px 0;}
#content .green-boxC .content img.portal-img {float:right; padding-left:20px;}
#content .green-boxC span.top{ background: url(../images/boxC-green-top.gif) no-repeat; }
#content .green-boxC span.bot {background: url(../images/boxC-green-bot.gif) no-repeat; height:23px;}

/* end boxC */

/* boxD */
#content .boxD {
	overflow: hidden;
	margin: 0 0 10px 16px;
	width: 908px;
	background: url(../images/boxD-mid.gif) repeat-y;
}
#content .boxD .content {
	padding:0 24px 0 16px;
	overflow: hidden;
}
#content .boxD span.top,
#content .boxD span.bot {
	background: url(../images/boxD-top.gif) no-repeat ;
	line-height: 0;
	font-size: 0;
	display: block;
	width: 100%;
	height: 19px;
}
#content .boxD span.bot {background: url(../images/boxD-bot.gif) no-repeat; height:23px;}
#content .boxD .content p {margin: 0 0 4px 0;}
/* end boxD */


/* additional column elements */
#content .add-item {
	padding:0;
	margin:0 0 12px 0;
	border:0;
}
/* end additional column elements */


/* news items fix */
#content .purple-boxA .content p span.news-body {display:none;}
#content .purple-boxA .content span.news-body {display:none;}
/* news items fix */


/* form elements */
form.login div, form.signup div {
	padding:0;
	margin:0 0 10px 0;
	border:0;
	width:174px;
	height:19px;
	display:block;
	
}
form.login div label, form.signup div label {
	padding:0;
	margin:0;
	border:0;
	width:64px;
	height:19px;
	display:block;
	float:left;
}
form.login div input {
	padding:2px 2px 0;
	margin:0;
	border:0;
	width:106px;
	height:17px;
	background:#C9C9C9;
	display:block;
	float:left;
	line-height:19px;
}

form.signup div {
	margin:0 0 10px 0;
	width:100%;
	height:40px;
}

form.signup div label {
	margin:0 20px 0 0;
	border:0;
	width:148px;
	color:#000;
	text-align:right;
	line-height:40px;
}

form.signup div div.text {
	width:440px;
	height:40px;
	float:left;
	display:block;
	background:#C9C9C9;
}
form.signup div div.text input {
	margin:12px 2px 0 6px;
	border:0;
	width:420px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	background:none;
}
form.signup div select {
	float:left;
	margin-top:12px;
}
form.signup input.submit-btn {
	float:right;
}
form.signup div.checkbox {
    display:block;
    font-size:12px;
	height:60px;
}
/* end form elements*/

/* addon for submit a case study  form */
input.cat_textbox, textarea.cat_listbox, select.cat_dropdown, select.cat_listbox { width:440px; background:#C9C9C9 none repeat scroll 0 0; float:left; border:0px; padding:3px; }

#FileAttachment {border:0px; margin:15px 0px;}

#submitMakeOver form.signup div label {font-size:90%; }