@charset "UTF-8";
/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	background-color: #888888;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0;
	color: white;
}
.clearme{
	clear:both;
}
* {
	border: none;
	margin: 0px;
	padding: 0px;
}
#wrapper {
	margin: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -280px auto 0px -430px;
	width: 860px;
	height: 560px;
}
#header{
	position: relative;
	top: 0px;
	left: 0px;
	width: 860px;
	height: 80px;
	margin: 0px;
	padding: 0px;
}

#logo {	
	float: right;
	position:relative;
	top:0;
	right:0px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	width: 108px;
	height: 59px;
}
#content{
	position: relative;
	top: 0px;
	left: 0px;
	width: 860px;
	height: 456px;
	margin: 0px;
	padding: 0px;
}
#contentright{
	position: relative;
	top: 0px;
	left: 0px;
	width: 500px;
	background-color: #096;
	height: 456px;
	margin: 0px;
	padding: 0px;
	float:right;
}
/*#contentleft{
	position: relative;
	top: 0px;
	left: 0px;
	width: 320px;

	height: 416px;
	padding:20px;
	float:left;
	font-size:11px;
	line-height:13px;
	color:#FFF;
}
#contentleft p{
		margin-bottom:10px;
}*/

#footer{
	position: relative;
	top: 0px;
	left: 0px;
	width: 860px;
	height: 19px;
	margin-top:5px;
	padding: 0px;
}

/* menus */

/* --- MAIN MENU */
.mainMenu {
	position: relative;
	top: 0px;
	left: 0px;
	margin:0px 0px 0px 0px;
	height: 21px;
	width: 600px;
}
.mainMenu ul {
	list-style: none;
	margin: 0px;
}
.menu2  ul li {
	float: left;
	display: block;
}
.mainMenu li a {
	margin:0;
	padding:0;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;
	display: block;
}
.projImgTwo a {
	width: 66px;
	height: 18px;
	background-image: url(../images/projBtn_new.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	left: 422px;
	top: 34px;
}
.projImgTwo a:hover {
	width: 66px;
	height: 18px;
	background-image: url(../images/projBtn_new.gif);
	background-repeat: no-repeat;
	background-position: -66px 0px;
	position: absolute;
	left: 422px;
	top: 34px;
}

.secMenu {
	position: relative;
	top:30px;
	left: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	height: 14px;
	width: 500px;
}
.secMenu ul {
	list-style: none;
	margin: 0px;
}
.secMenu ul li {
	float: left;
	display: block;
}
.secMenu li a {
	margin:0;
	padding:0;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;
	display: block;
}
.secMenu #offloc a {
	width: 79px;
	height: 14px;
	margin-right: 20px;
	background-image: url(../images/secMenu.gif);
	background-position: -324px 0px;
	background-repeat: no-repeat;
}
.secMenu #offloc a:hover {
	background-position: -324px -14px;
}
.secMenu #ukCovBtn a {
	width: 65px;
	height: 14px;
	margin-right: 20px;
	background-image: url(../images/secMenu.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.secMenu #ukCovBtn a:hover {
	background-position: 0px -14px;
}
.secMenu #clientsBtn a {
	width: 36px;
	height: 14px;
	margin-right: 20px;
	background-image: url(../images/secMenu.gif);
	background-position: -80px 0px;
	background-repeat: no-repeat;
}
.secMenu #clientsBtn a:hover {
	background-position: -80px -14px;
}
.secMenu #careersBtn a {
	width: 38px;
	height: 14px;
	margin-right: 20px;
	background-image: url(../images/secMenu.gif);
	background-position: -132px 0px;
	background-repeat: no-repeat;
}
.secMenu #careersBtn a:hover {
	background-position: -132px -14px;
}
.secMenu #brochuresBtn a {
	width: 55px;
	height: 14px;
	margin-right: 20px;
	background-image: url(../images/secMenu.gif);
	background-position: -184px 0px;
	background-repeat: no-repeat;
}
.secMenu #brochuresBtn a:hover {
	background-position: -184px -14px;
}
.secMenu #partnershipBtn a {
	width: 60px;
	height: 14px;
	background-image: url(../images/secMenu.gif);
	background-position: -252px 0px;
	background-repeat: no-repeat;
}
.secMenu #partnershipBtn a:hover {
	background-position: -252px -14px;
}
#footer ul {
	list-style: none;
	margin: 0px;
}
.ulImg {
	width: 500px;
	height: 14px;
	background-image: url(../images/officesImg.gif);
	background-position: -1px 1px;
	background-repeat: no-repeat;
}
#footer ul li {
	float: left;
	display: block;
}
#footer li a {
	position: relative;
	top: 0px;
	margin:0;
	padding:0;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;
	display: block;
}
#footer #cirencester a {
	width: 59px;
	height: 14px;
	left: 51px;
	padding: 0px;
	background-image: url(../images/officesBtns.gif);
	background-repeat: no-repeat;
}
#footer #cirencester a:hover {
	background-position: 0px -14px;
}
#footer #birmingham a {
	width: 67px;
	height: 14px;
	left: 60px;
	background-image: url(../images/officesBtns.gif);
	background-repeat: no-repeat;
	background-position: -59px 0px;
}
#footer #birmingham a:hover {
	background-position: -59px -14px;
}
#footer #bristol a {
	width: 34px;
	height: 14px;
	left: 71px;
	background-image: url(../images/officesBtns.gif);
	background-repeat: no-repeat;
	background-position: -128px 0px;
}
#footer #bristol a:hover {
	background-position: -128px -14px;
}
#footer #nottingham a {
	width: 60px;
	height: 14px;
	left: 87px;
	background-image: url(../images/officesBtns.gif);
	background-repeat: no-repeat;
	background-position: -170px 0px;
}
#footer #nottingham a:hover {
	background-position: -170px -14px;
}
#footer #bracknell a {
	width: 54px;
	height: 14px;
	left: 110px;
	background-image: url(../images/officesBtns.gif);
	background-repeat: no-repeat;
	background-position: -290px 0px;
}
#footer #bracknell a:hover {
	background-position: -290px -14px;
}
#footer #cambridge a {
	width: 57px;
	height: 14px;
	left: 97px;
	background-image: url(../images/officesBtns.gif);
	background-repeat: no-repeat;
	background-position: -230px 0px;
}
#footer #cambridge a:hover {
	background-position: -230px -14px;
}
#footer #leeds a {
	width: 57px;
	height: 14px;
	left: 122px;
	background-image: url(../images/officesBtns.gif);
	background-repeat: no-repeat;
	background-position: -344px 0px;
}
#footer #leeds a:hover {
	background-position: -344px -14px;
}
/* Menu */
.menu2 {
	height: 21px;
	width: 600px;
	position:  relative;
	height:auto;
	top:0px;
	left:0px;
	font-family:Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	font-weight:bold;
	overflow:visible;
	font-size:11px;
	line-height:11px;
	z-index:100;
	color:#888888;
	padding:10px 0px 0px 0px;
}
html>body .menu2 {
height: auto; /* for not-IE */
}

/* hack to correct IE5.5 faulty box model */
* html .menu2 {width:600px; w\idth:600px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu2 ul {padding:0;margin:0;list-style-type:none; height:auto;
}

.menu2 ul ul {
	display:block;
	width:94px;
	height:22px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu2 li {float:left;position:relative;
	text-align:center;
	text-indent:-99999px;
}

.menu2 ul ul li{float:left;position:relative;
	text-align:center;
	text-indent:-99999px;
}
html>body .menu2 li, html>body .menu2 li.end, html>body .menu2 li.long{
height: auto; /* for not-IE */
}

/* style the links for the top level */
.menu2 ul li a{display:block; height:22px;font-size:11px; line-height:11px;text-decoration:none; color:#999999; 
	color:#333333;
	margin:0px;
	padding:0px 0px 0px 0px;
 }
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu2 ul ul {visibility:hidden;position:absolute; padding:0px 0px 0px 0px;top:22px;left:0; margin:0px;  }
/* another hack for IE5.5 */
* html .menu2 ul ul {top:22px;t\op:22px;}
.menu2 ul ul.long2{
width:140px;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu2 table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu2 ul ul li a, .menu2 ul ul li a:visited {	background-image: url(../images/mainMenu_new.gif);
	background-position: -268px 0px;
	background-repeat: no-repeat;
display:block;font-size:11px; line-height:15px;text-decoration:none; color:#999999;	color:#333333; height:19px;
 }

.menu2 ul ul li a:hover{
	color:#a7cbeb;
	background-image: url(../images/mainMenu_new.gif);
	background-position: -468px -19px;
	background-repeat: no-repeat;
}
.menu2 ul #homeBtn a {
	width: 50px;
	height: 22px;
	margin-right: 18px;
	background-image: url(../images/mainMenu_new.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.menu2 ul #homeBtn a:hover {
	background-position: 0px -22px;
}
.menu2 ul #planningBtn a {
	width: 70px;
	height: 22px;
	margin-right: 18px;
	background-image: url(../images/mainMenu_new.gif);
	background-position: -62px 0px;
	background-repeat: no-repeat;
}
.menu2 ul #planningBtn a:hover {
	background-position: -62px -22px;
}
.menu2 ul #envBtn a {
	width: 119px;
	height: 22px;
	margin-right: 18px;
	background-image: url(../images/mainMenu_new.gif);
	background-position: -144px 0px;
	background-repeat: no-repeat;
}
.menu2 ul #envBtn a:hover {
	background-position: -144px -22px;
}
.menu2 ul #udBtn-ddheader a {
	width: 110px;
	height: 22px;
	margin-right: 18px;
	background-image: url(../images/mainMenu_new.gif);
	background-position: -277px 0px;
	background-repeat: no-repeat;
}
.menu2 ul #udBtn-ddheader a:hover {
	background-position: -277px -22px;
}
.menu2 ul #projBtn a {
	width: 68px;
	height: 22px;
	margin-right: 18px;
	background-image: url(../images/mainMenu_new.gif);
	background-position: -400px 0px;
	background-repeat: no-repeat;
}
.menu2 ul #projBtn a:hover {
	background-position: -400px -22px;
}

.menu2 ul #udBtn-ddheader ul li.cad a {
	width: 94px;
	height: 15px;
	margin-right: 10px;
	background-image: url(../images/mainMenu_new.gif);
	background-position: -468px 0px;
	background-repeat: no-repeat;
}
.menu2 ul #udBtn-ddheader ul li.cad a:hover {
	background-position: -468px -15px;
}

.menu2 ul #envBtn ul li.renew a {
	width: 130px;
	height: 15px;
	margin-right: 10px;
	background-image: url(../images/mainMenu_new.gif);
	background-position: -563px 0px;
	background-repeat: no-repeat;
}
.menu2 ul #envBtn ul li.renew a:hover {
	background-position: -563px -15px;
}

.menu2 ul #envBtn ul li.wind a {
	width: 130px;
	height: 15px;
	margin-right: 10px;
	background-image: url(../images/mainMenu_new.gif);
	background-position: -698px 0px;
	background-repeat: no-repeat;
}
.menu2 ul #envBtn ul li.wind a:hover {
	background-position: -698px -15px;
}

/* make the second level visible when hover on first level list OR link */
.menu2 ul li:hover ul,
.menu2 ul a:hover ul{visibility:visible; }

/* --------------------------------------------------------------- */
/* PAGES... */
/* --------------------------------------------------------------- */
.projectsLink {
	padding-top: 10px;
}

.projectsLink a {
	padding-top: 10px;
	color: white;
	font-size: 14px;
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
}

.projectsLink a:hover {
	text-decoration: underline;
}

/* --------------------------------------------------------------- */
/* PLANNING... */
/* --------------------------------------------------------------- */
.copy_planning {
	float: left;
	padding: 20px;
	width: 320px;
	height: 416px;
	min-height: 416px;
	background-color: #ce2235;
}
#headerCont_planning {
	display: block;
	list-style: none;
	width: 96px;
	height: 16px;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;
	margin-bottom: 10px;
	background-image: url(../images/planningHeader.gif);
	background-repeat: no-repeat;
}
#contentleft_planning {
	position: relative;
	top: 0px;
	left: 0px;
	width: 320px;
	height: 416px;
	padding:20px;
	float:left;
	font-size:11px;
	line-height:13px;
	color:#FFFFFF;
	background-color: #ce2235;
}
#contentleft_planning p{
	margin-bottom:10px;
}
.listCont_planning {
	width: 320px
	height: 145px;
	margin-bottom: 10px;
}
#leftList_planning {
	float: left;
	font-size: 10px;
	width: 300px;
	height: 145px;
}
.listCont_planning ul * {
	font-size: 11px;
	font-family: Verdana;
	color: white;
}
.listCont_planning ul li {
	font-size: 11px;
	font-family: Verdana;
	color: white;
	margin-left: 14px;
	list-style: outside;
}
#contentleft_env {
	position: relative;
	top: 0px;
	left: 0px;
	width: 320px;
	height: 416px;
	padding:20px;
	float:left;
	font-size:11px;
	line-height:13px;
	color:#FFFFFF;
	background-color: #a3ac45;
}
#contentleft_env p{
	margin-bottom:10px;
}
/* --------------------------------------------------------------- */
/* 	ENVIRONMENTAL... */
/* --------------------------------------------------------------- */
.copy_env {
	float: left;
	padding: 20px;
	width: 320px;
	height: 416px;
	min-height: 416px;
	background-color: #a3ac45;
}
#headerCont_env {
	display: block;
	list-style: none;
	width: 130px;
	height: 16px;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;
	margin-bottom: 10px;
	background-image: url(../images/headings_env.gif);
	background-repeat: no-repeat;
}
.listCont_env {
	width: 320px
	height: 200px;
	margin-bottom: 10px;
}
.listCont_env ul * {
	font-size: 11px;
	font-family: Verdana;
	color: white;
}
.listCont_env ul li {
	font-size: 11px;
	font-family: Verdana;
	color: white;
	margin-left: 14px;
	list-style: outside;
}
#leftList_env {
	float: left;
	font-size: 10px;
	width: 150px;
	height: 180px;
}
#rightList_env {
	float: right;
	font-size: 10px;
	width: 150px;
	height: 180px;
}
#contentleft_env {
	position: relative;
	top: 0px;
	left: 0px;
	width: 320px;
	height: 416px;
	padding:20px;
	float:left;
	font-size:11px;
	line-height:13px;
	color:#FFFFFF;
	background-color: #a3ac45;
}
#contentleft_env p{
	margin-bottom:10px;
}
/* --------------------------------------------------------------- */
/* 	URBAN DESIGN... */
/* --------------------------------------------------------------- */
.copy_ud {
	float: left;
	padding: 20px;
	width: 320px;
	height: 416px;
	min-height: 416px;
	background-color: #e9862a;
}
#headerCont_ud {
	display: block;
	list-style: none;
	width: 96px;
	height: 16px;
	text-indent: -900em;
	text-decoration: none;
	margin-bottom: 10px;
	line-height: 100%;
	background-image: url(../images/udHeading.gif);
	background-repeat: no-repeat;
}
.listCont_ud {
	width: 320px;
	height: 160px;
	margin-bottom: 10px;
}
#leftList_ud {
	float: left;
	font-size: 11px;
	width: 160px;
	height: auto;
}
#rightList_ud {
	float: right;
	font-size: 11px;
	width: 150px;
	height: auto;
}
.listCont_ud ul * {
	font-size: 11px;
	font-family: Verdana;
	color: white;
}
.listCont_ud ul li {
	font-size: 11px;
	font-family: Verdana;
	color: white;
	margin-left: 14px;
	list-style: outside;
}
#contentleft_ud {
	position: relative;
	top: 0px;
	left: 0px;
	width: 320px;
	height: 416px;
	padding:20px;
	float:left;
	font-size:11px;
	line-height:13px;
	color:#FFFFFF;
	background-color: #e9862a;
}
#contentleft_ud p{
	margin-bottom:10px;
}
/* --------------------------------------------------------------- */
/* 	CLIENTS... */
/* --------------------------------------------------------------- */
.copy_clients {
	float: left;
	padding: 20px;
	width: 820px;
	height: 416px;
	min-height: 416px;
	background-color: #404242;
}
#headerCont_clients {
	position: relative;
	top: 0px;
	display: block;
	list-style: none;
	width: 130px;
	height: 16px;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;
	background-image: url(../images/headings_clients.gif);
	background-repeat: no-repeat;
}
.listCont_clients {
	width: 820px
	height: auto;
}
.lists_clients {
	float: left;
	font-size: 9px;
	margin-left: 20px;
	width: 200px;
	height: auto;
}
.list2_clients {
	float: left;
	font-size: 9px;
	width: 200px;
	height: auto;
}
#clientscopy_clients {
	position: relative;
	margin-bottom: 10px;
	top: 0px;
	left: 95px;
	width: 820px;
	height: auto;
	min-height: 360px;
	font-size: 10px;
	font-family: Verdana;
	color: white;
}
#content_clients {
	position: relative;
	top: 0px;
	left: 0px;
	width: 860px;
	height: 456px;
	margin: 0px;
	padding: 0px;
	background-color: #404242;
}
#contHolder_clients {
	padding: 20px;
}
/* --------------------------------------------------------------- */
/* 	CAREERS... */
/* --------------------------------------------------------------- */
.copy_careers {
	float: left;
	padding: 20px;
	width: 320px;
	height: 416px;
	min-height: 416px;
	background-color: #404242;
}
.copy_careers p {
	font-size: 10px;
	font-family: Verdana;
	margin-bottom: 20px;
}
#copy a {
	font-size: 13px;
	font-family: Verdana;
	color: #f56d00;
	padding-bottom: 9px;
}
#copy a:hover {
	font-size: 13px;
	font-family: Verdana;
	color: white;
	padding-bottom: 9px;
}
#headerCont_careers {
	display: block;
	list-style: none;
	width: 96px;
	height: 16px;
	text-indent: -900em;
	text-decoration: none;
	margin-bottom: 10px;
	line-height: 100%;
	background-image: url(../images/careersHeading.gif);
	background-repeat: no-repeat;
}
.projectsBtn_careers a {
	display: block;
	list-style: none;
	margin:0;
	padding:0;
	width: 65px;
	height: 13px;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;
	background-image: url(../images/projectsBtn_planning.gif);
	background-repeat: no-repeat;
}
.projectsBtn_careers a:hover {
	background-position: 0px -15px;
}
#contentleft_careers {
	position: relative;
	top: 0px;
	left: 0px;
	width: 320px;
	height: 416px;
	padding:20px;
	float:left;
	font-size:11px;
	line-height:13px;
	color:#FFFFFF;
	background-color: #404242;
}
#contentleft_careers p{
	margin-bottom:10px;
}
#contentright_careers {
	position: relative;
	top: 0px;
	left: 0px;
	width: 500px;
	background-color: #096;
	height: 456px;
	margin: 0px;
	padding: 0px;
	float:right;
	background-image: url(../images/careersImg.gif);
	background-repeat: no-repeat;
}
/* --------------------------------------------------------------- */
/* 	BROCHURES... */
/* --------------------------------------------------------------- */
#udImg_bro {
	width: 500px;
	height: 456px;
	background-image: url(../images/brochures.jpg);
	background-repeat: no-repeat;
	float: right;
}
.copyCont_bro {
	float: left;
	padding: 20px;
	width: 320px;
	height: 416px;
	min-height: 416px;
	background-color: #404242;
}
.copyCont_bro p {
	font-size: 11px;
	font-family: Verdana;
	margin-bottom: 20px;
}
.copyCont_bro a {
	text-decoration: none;
	font-size: 13px;
	font-family: Verdana;
	color: white;
	padding-bottom: 9px;
}
.copyCont_bro a:hover {
	font-size: 13px;
	font-family: Verdana;
	color: #f56d00;
}
.downloadBtns_bro {
	margin-bottom: 170px;
}
.downloadBtns_bro * {
	list-style: none;
}
.downloadBtns_bro a {
	font-size: 13px;
	color: #888888;
	text-decoration: none;
}
.downloadBtns_bro a:hover {
	cursor:pointer;
	font-size: 13px;
	color: #f56d00;
	text-decoration: underline;
}
#contentleft_bro p{
	margin-bottom:10px;
}
#contentright_bro {
	position: relative;
	top: 0px;
	left: 0px;
	width: 500px;
	background-color: #096;
	height: 456px;
	margin: 0px;
	padding: 0px;
	float:right;
	background-image: url(../images/brochures.jpg);
	background-repeat: no-repeat;
}
/* --------------------------------------------------------------- */
/* 	PARTNERSHIP... */
/* --------------------------------------------------------------- */
.copy_par {
	float: left;
	padding: 20px;
	width: 820px;
	height: 416px;
	min-height: 416px;
	background-color: #404242;
}
#headerCont_par {
	display: block;
	list-style: none;
	width: 130px;
	height: 16px;
	text-indent: -900em;
	text-decoration: none;
	margin-bottom: 10px;
	line-height: 100%;
	background-image: url(../images/headings_partnership.gif);
	background-repeat: no-repeat;
}
.listCont_par {
	position: relative;
	top: 20px;
	left: 0px;
	width: 820px
	height: auto;
}
#namesCont_par {
	position: relative;
	top: 0px;
	left: 0px;
	width: 150px;
	height: auto;
}
.partnerName_par {
	margin-bottom: 5px;
}
.partnerName_par a {
	text-decoration: none;
	font-size: 13px;
	color: #7a7d7d;
}
.partnerName_par a:hover {
	cursor: pointer;
	text-decoration: none;
	color: white;
}
.scroll-pane_par {
	width: 600px;
	height: 350px;
	font-size: 10px;
	padding-right: 25px;
	color: white;
    z-index: 501;
    overflow: auto;
}
.scroll-pane_par p {
	font-size: 10px;
	color: white;
	margin-bottom: 10px;
}
.scroll-pane_par ul {
	font-size: 10px;
	color: white;
	margin-bottom: 10px;
}
.scroll-pane_par h1 {
	font-size: 14px;
	color: white;
	margin-bottom: 10px;
}
.scroll-pane_par h2 {
	font-size: 12px;
	color: white;
	margin-bottom: 10px;
}
#content_par {
	position: relative;
	top: 0px;
	left: 0px;
	width: 860px;
	height: 456px;
	margin: 0px;
	padding: 0px;
	background-color: #404242;
}
#contHolder_par {
	padding: 20px;
}
/* --------------------------------------------------------------- */
/* 	GRAPHICS... */
/* --------------------------------------------------------------- */
.copy_graphics {
	float: left;
	padding: 20px;
	width: 320px;
	height: 416px;
	min-height: 416px;
	background-color: #127bb7;
}
#headerCont_graphics {
	display: block;
	list-style: none;
	width: 125px;
	height: 16px;
	text-indent: -900em;
	margin-bottom: 10px;
	text-decoration: none;
	line-height: 100%;
	background-image: url(../images/headings_graphics.gif);
	background-repeat: no-repeat;
}
.listCont_graphics {
	width: 320px
	height: auto;
}
.listCont_graphics ul * {
	font-size: 11px;
	font-family: Verdana;
	color: white;
}
.listCont_graphics ul li {
	font-size: 11px;
	font-family: Verdana;
	color: white;
	margin-left: 14px;
	list-style: outside;
}
#leftList_graphics {
	float: left;
	font-size: 10px;
	width: 150px;
	height: auto;
}
#rightList_graphics {
	float: right;
	font-size: 10px;
	width: 150px;
	height: auto;
}
#contentleft_graphics {
	position: relative;
	top: 0px;
	left: 0px;
	width: 320px;
	height: 416px;
	padding:20px;
	float:left;
	font-size:11px;
	line-height:13px;
	color:#FFFFFF;
	background-color:#127bb7;
}
#contentleft_graphics p{
	margin-bottom:10px;
}
/* --------------------------------------------------------------- */
/* 	WIND ENERGY... */
/* --------------------------------------------------------------- */
.copy_wind {
	float: left;
	padding: 20px;
	width: 320px;
	height: 416px;
	min-height: 416px;
	background-color: #19376F;
}
.copy_wind p {
	line-height: 10px;
}
#headerCont_wind {
	display: block;
	list-style: none;
	width: 170px;
	height: 16px;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;
	margin-bottom: 10px;
	background-image: url(../images/headings_wind.gif);
	background-repeat: no-repeat;
}
.listCont_wind {
	width: 320px
	height: auto;
}
.listCont_wind ul * {
	font-size: 11px;
	font-family: Verdana;
	color: white;
}
.listCont_wind ul li {
	font-size: 11px;
	font-family: Verdana;
	color: white;
	margin-left: 14px;
	list-style: outside;
}
#leftList_wind {
	float: left;
	font-size: 10px;
	width: 150px;
	height: auto;
}
#rightList_wind {
	float: right;
	font-size: 10px;
	width: 150px;
	height: auto;
}
#contentleft_wind {
	position: relative;
	top: 0px;
	left: 0px;
	width: 320px;
	height: 416px;
	padding:20px;
	float:left;
	font-size:11px;
	line-height:13px;
	color:#FFFFFF;
	background-color:#19376F;
}
#contentleft_wind p{
	margin-bottom:10px;
}
/* --------------------------------------------------------------- */
/* 	RENEWABLES... */
/* --------------------------------------------------------------- */
.copy_renew {
	float: left;
	padding: 20px;
	width: 320px;
	height: 416px;
	min-height: 416px;
	background-color: #006633;
}
#headerCont_renew{
	display: block;
	list-style: none;
	width: 170px;
	height: 16px;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;
	margin-bottom: 10px;
	background-image: url(../images/headings_renew.gif);
	background-repeat: no-repeat;
}
.listCont_renew {
	width: 320px
	height: auto;
}
.listCont_renew ul * {
	font-size: 11px;
	font-family: Verdana;
	color: white;
}
.listCont_renew ul li {
	font-size: 11px;
	font-family: Verdana;
	color: white;
	margin-left: 14px;
	list-style: outside;
}
#leftList_renew {
	float: left;
	font-size: 10px;
	width: 170px;
	height: auto;
}
#rightList_renew{
	float: right;
	font-size: 10px;
	width: 150px;
	height: auto;
}
#contentleft_renew {
	position: relative;
	top: 0px;
	left: 0px;
	width: 320px;
	height: 416px;
	padding:20px;
	float:left;
	font-size:11px;
	line-height:13px;
	color:#FFFFFF;
	background-color:#006633;
}
#contentleft_renew p{
	margin-bottom:10px;
}
/* --------------------------------------------------------------- */
/* 	OFFICES... */
/* --------------------------------------------------------------- */
#copy_offices {
	float: left;
	width: 320px;
	background-color: #404242;
}
#headerCont_offices_ciren{
	display: block;
	list-style: none;
	width: 170px;
	height: 16px;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;
	margin-bottom: 10px;
	background-image: url(../images/headings_cirencester.gif);
	background-repeat: no-repeat;
}
#officeCopy {
	padding: 20px;
	width: 320px;
}
.listCont_offices {
	width: 320px
	height: auto;
}
.listCont_offices ul * {
	font-size: 11px;
	font-family: Verdana;
	color: white;
}
.listCont_offices ul li {
	font-size: 11px;
	font-family: Verdana;
	color: white;
	margin-left: 14px;
	list-style: outside;
}
#leftList_offices {
	float: left;
	font-size: 10px;
	width: 150px;
	height: auto;
}
#rightList_offices{
	float: right;
	font-size: 10px;
	width: 150px;
	height: auto;
}
#contentleft_offices {
	position: relative;
	top: 0px;
	left: 0px;
	width: 360px;
	height: 456px;
	float:left;
	font-size:11px;
	line-height:13px;
	color:#FFFFFF;
	background-color:#404242;
}
#contentleft_offices p{
	margin-bottom:10px;
}
#copy_offices a {
	font-size: 11px;
	font-family: Verdana;
	color: #f56d00;
	padding-bottom: 9px;
}
#copy_offices a:hover {
	font-size: 11px;
	font-family: Verdana;
	color: white;
	padding-bottom: 9px;
}
/* --------------------------- */
#cambridgeImage {
	position: absolute;
	left: 0px;
	top: 286px;
	background-image: url(offices/Cambridge.jpg);
	background-repeat: no-repeat;
	width: 340px;
	height: 170px;
}
#cirencesterImage {
	position: absolute;
	left: 0px;
	top: 286px;
	background-image: url(offices/Cirencester.jpg);
	background-repeat: no-repeat;
	width: 340px;
	height: 170px;
}
#bristolImage {
	position: absolute;
	left: 0px;
	top: 286px;
	background-image: url(offices/Bristol.jpg);
	background-repeat: no-repeat;
	width: 340px;
	height: 170px;
}
#birmImage {
	position: absolute;
	left: 0px;
	top: 286px;
	background-image: url(offices/Birmingham.jpg);
	background-repeat: no-repeat;
	width: 340px;
	height: 170px;
}
#leedsImage {
	position: absolute;
	left: 0px;
	top: 286px;
	background-image: url(offices/Leeds.jpg);
	background-repeat: no-repeat;
	width: 340px;
	height: 170px;
}
#nottsImage {
	position: absolute;
	left: 0px;
	top: 286px;
	background-image: url(offices/Nottingham.jpg);
	background-repeat: no-repeat;
	width: 340px;
	height: 170px;
}
#bracknellImage {
	position: absolute;
	left: 0px;
	top: 286px;
	background-image: url(offices/Bracknell.jpg);
	background-repeat: no-repeat;
	width: 340px;
	height: 170px;
}
#headerCont_offices_birm{
	display: block;
	list-style: none;
	width: 170px;
	height: 16px;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;
	margin-bottom: 10px;
	background-image: url(../images/headings_birmingham.gif);
	background-repeat: no-repeat;
}
#headerCont_offices_bris{
	display: block;
	list-style: none;
	width: 170px;
	height: 16px;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;
	margin-bottom: 10px;
	background-image: url(../images/headings_bristol.gif);
	background-repeat: no-repeat;
}
#headerCont_offices_notts{
	display: block;
	list-style: none;
	width: 170px;
	height: 16px;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;
	margin-bottom: 10px;
	background-image: url(../images/headings_nottingham.gif);
	background-repeat: no-repeat;
}
#headerCont_offices_cam{
	display: block;
	list-style: none;
	width: 170px;
	height: 16px;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;
	margin-bottom: 10px;
	background-image: url(../images/headings_cambridge.gif);
	background-repeat: no-repeat;
}
#headerCont_offices_brack{
	display: block;
	list-style: none;
	width: 170px;
	height: 16px;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;
	margin-bottom: 10px;
	background-image: url(../images/headings_bracknell.gif);
	background-repeat: no-repeat;
}
#headerCont_offices_leeds{
	display: block;
	list-style: none;
	width: 170px;
	height: 16px;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;
	margin-bottom: 10px;
	background-image: url(../images/headings_leeds.gif);
	background-repeat: no-repeat;
}