* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
	font-family: Helvetica;
}

h1 {
	font-family: Helvetica;
	font-size: 23px;
	line-height: 27px;
	text-transform: lowercase;
	padding: 0;
	margin: 0;
	font-weight: normal;
	color: #fff;
}

.about #title_image h1 {
	color: #333539;
}

h2 {
	font-family: Helvetica;
	font-size: 16px;
	line-height: 16px;
	padding-bottom: 10px;
	font-weight: normal;
}

h3 {
	font-size: 12px;
	padding: 0;
}

p {
	padding-bottom: 12px;
}

.title {
	font-family:Helvetica
	font-size: 16px;
	line-height: 16px;
}

.strapline {
	font-family: Helvetica;
	font-size: 23px;
	line-height: 23px;
}
.latest_news {
	font-family: Helvetica;
	font-size: 16px;
	line-height: 16px;
}

#logo {
	font-family: Helvetica;
	font-size: 50px;
	line-height: 57px;
	color: #fff;
	position: absolute;
	bottom: 0px;
	left: 720px;
	width: 175px;
}

#charity_hub {
	position: absolute;
	left: 820px;
	top: 10px;	
}

#charity_hub img {
	border: none;	
}

hr {
	width: 100%; 
	border: 0; 
	color: #626469; 
	background-color: #626469; 
	height: 1px;
	padding: 0;
	margin: 0px;
	display:block;
}

body {
	background: url(../img/gen/bg.gif) repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #626469;
}

#wrapper {
	width: 900px;
	height: 600px;
	position: relative;  
	top: 10%;
	margin: 0 auto;
	vertical-align: middle;
}

.article_text {
	font-size: 10px; 
	padding: 0; 
	line-height: 12px;
}

.article_text p {
	padding-bottom: 8px;
}

#form_table td {
	padding: 5px;
}
		
#project_table {
	margin: 0;
	padding: 0;	
	width: 100%
}

#project_table td.left {
	align: left;
}

#project_table td.right {
	align: right;
	font-size: 10px; 
}

input[type='text'] {
	width: 200px;
	position: relative;
}

textarea {
	width: 230px;
	height: 120px;
	position: relative;
}

.button {
	border: 1px solid #626469;
	font-color: #626469;
	background-color: #fff;
	padding: 5px;
}

.button:hover {
	border: 1px solid #626469;
	font-color: #626469;
}

label {
	width: 200px;
	position: relative;
}


#copyright {
	position: absolute;
	bottom: -15px;
	left: 5px;
	width: 300px;
	color: #999999;
}

#nav {
	position: absolute;
	width: 150px;
	height: 365px;
	left: 0px;
	top: 100px;
	background-color: #ffffff;
	filter:alpha(opacity=80);
    opacity:0.8;
}

#nav_extranet {
	position: absolute;
	width: 94px;
	height: 16px;
	left: 15px;
	bottom: 13px;
}

#link_extranet {
	position: absolute;
	left: 185px;
	top: 160px;
}

#nav ul {
	list-style: none;
}

#nav ul.sub_list {
	padding: 2px; 
}

#nav ul.sub_list li {
	padding-left: 8px; 
}

#content ul {
	list-style: none;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	font-size: 10px;
	color: #ffffff;
	border: 1px solid #626469;
	background-color: #626469;
	padding: 5px;
	opacity: 0.85;
	width: 150px;
}

.strapline {
	padding-bottom: 25px;
}

#content {
	position: absolute;
	width: 700px;
	height: 365px;
	left: 200px;
	top: 100px;
	background-color: #ffffff;
	filter:alpha(opacity=80);
    opacity:0.8;
	overflow: auto;
}

#contact_content,  {
	position: absolute;
	width: 700px;
	height: 365px;
	left: 200px;
	top: 100px;
	background-color: #000;
	filter:alpha(opacity=80);
    opacity:0.8;
	overflow: auto;
}

#home_content {
	position: absolute;
	width: 700px;
	height: 100px;
	left: 200px;
	top: 100px;
	background-color: #ffffff;
	background-color: #ffffff;
	filter:alpha(opacity=100);
    opacity:1;
	overflow: hidden;
}

#home_news {
	position: absolute;
	width: 700px;
	height: 40px;
	left: 200px;
	top: 425px;
	background-color: #ffffff;
	filter:alpha(opacity=80);
    opacity:0.8;
	overflow: hidden;
}

#left_panel {
	width: 315px;
	float: left;
}

#right_panel {
	width: 315px;
	float: right;
}

.services_left {
	width: 525px;
	float: left;
}

#services_left {
	width: 525px;
	float: left;
}

.services_right {
	width: 105px;
	float: right;
}

.left {
	float: left;
}

.right {
	float: right;
}

.content_panel {
	width: 222px;
	clear: both;
}

.press_list {
	padding-bottom: 15px;
}

#bottom_left {
	position: absolute;
	left: 15px;
	bottom: 15px;
}

#back_link {
	padding-top: 15px;
}

#title_image {
	position: relative;
	top: 70px;
	left: 215px;
}

.padding {
	margin: 15px;
} 

.small_padding {
	margin: 5px 15px 15px 15px;
} 

.clear {
	clear: both;
}

a:link, a:visited {	
	color: #333539;
	text-decoration: none;
}
a:hover, a:active {
	color: #626469;
	text-decoration: none;
}

a.contact:hover, a.contact:active {
	color: #fff;
	text-decoration: none;
}

a.nav_on, a.nav_off {
	text-decoration: none;
	font-family: Helvetica;
	font-size: 16px;
	line-height: 18px;
}

a.nav_off:hover, a.nav_off:active {	
	color: #333539;
}

a.nav_off:link, a.nav_off:visited {
	color: #626469;
}

#actions {
	position: absolute;
	bottom: 3px;
	right: 3px;
	width: 10px;
	padding: 5px;
}

#media_actions {
	position: absolute;
	top: 12px;
	left: 311px;
	width: 20px;
	padding: 3px;
}

#article_actions {
	position: absolute;
	bottom: 0px;
	left: 317px;
	width: 10px;
	padding: 5px;
}

div.scrollable { 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    /* vertical scrollers have typically larger height than width */ 
    height: 335px; 
    width: 675px; 
} 
 
/* root element for scrollable items */ 
div.scrollable div.items { 
    position:absolute; 
	width: 590px; 
	float: left;
}

img.fr { 
    float: right; 
    padding-left: 15px; 
	padding-bottom: 15px; 
}

.press_thumb {
	width: 120px; 
	float: left; 
	padding-right: 15px; 
	padding-bottom: 15px;
}

.people_thumb {
	display: block; 
	float: left; 
	margin-right: 10px; 
	margin-bottom: 10px;
}

.project_overlay {
	width: 200px;
	height: 200px;
	border: 10px solid #e0e0e1;
	position: absolute;
}

.contact_overlay {
	width: 250px;
	height: 150px;
	border: 10px solid #e0e0e1;
	padding: 10px;
	background-color: #626469; 
	color: #fff;
	position: absolute;
}

#contact_links a {
    height: 20px;
    position: absolute;
    text-decoration: none;
    width: 20px;
}
#contact_links a#pin-0 {
	position: absolute;
    left: 315px;
    top: 132px;
}
#contact_links a#pin-1 {
    left: 562px;
    top: 312px;
}
#contact_links a#pin-2 {
    left: 410px;
    top: 192px;
}
#contact_links a#pin-3 {
    left: 452px;
    top: 209px;
}
#contact_links a#pin-4 {
    left: 348px;
    top: 294px;
}
#contact_links a#pin-5 {
    left: 330px;
    top: 147px;
}
#contact_links a#pin-6 {
    left: 383px;
    top: 233px;
}
#contact_links a#pin-7 {
    left: 500px;
    top: 230px;
}
div#location-0 {
    left: 180px;
    top: 60px;
    z-index: 100;
}
div#location-1 {
    left: 400px;
    top: 170px;
    z-index: 100;
}
div#location-2 {
    left: 280px;
    top: 100px;
    z-index: 100;
}
div#location-3 {
    left: 315px;
    top: 120px;
    z-index: 100;
    height: 100px;
}
div#location-4 {
    left: 215px;
    top: 170px;
    z-index: 100;
    height: 100px;
}
div#location-5 {
    left: 200px;
    top: 80px;
    z-index: 100;
    height: 100px;
}
div#location-6 {
    left: 250px;
    top: 150px;
    z-index: 100;
    height: 100px;
}
div#location-7 {
    left: 367px;
    top: 146px;
    z-index: 100;
    height: 100px;
}
#sustainability_nav, #services_nav {
	width: 130px; 
	height: 130px;
	float: left;
}

#clients_nav {
	width: 270px; 
	height: 230px;
	float: left;
}

#services_nav #lifecycle {
	position: absolute;
	bottom: 32px;
}

#services_nav #lifecycle img {
	border: 0;
}

#sustainability_big_nav, #services_big_nav {
	margin-left: 203px;
	width: 265px; 
	height: 239px;
	float: left;
}

#sustainability_nav table td, #services_nav table td {
	border: 0;
	width: 65px;
	text-align: center;
}

#sustainability_big_nav table td {
	border: 0;
	width: 133px;
	text-align: center;
}
a.sustainability, a.services {
	text-decoration: none;
}
a.sustainability_on:link, a.sustainability_on:visited, a.services_on:link, a.services_on:visited {
	color: #73b943;
}
a.sustainability_on:hover, a.sustainability_on:active, a.sustainability_off:link, a.sustainability_off:visited, 
a.services_on:hover, a.services_on:active, a.services_off:link, a.services_off:visited  {	
	color: #626469;
}
a.sustainability_off:hover, a.sustainability_off:active, a.services_off:hover, a.services_off:active {
	color: #73b943;
}
a.sustainability_white, a.services_white {
	color: #fff;
}
a.sustainability_white:hover, a.sustainability_white:active, a.services_white:hover, a.services_white:active {		
	text-decoration: underline;
}

#sustainability_nav table td#tl { padding: 5px 8px 7px 3px; text-transform:lowercase;}
#sustainability_nav table td#tr { padding: 5px 2px 7px 8px; text-transform:lowercase;}
#sustainability_nav table td#ctr { padding: 0 30px; text-align: center;}
#sustainability_nav table td#btm { padding: 10px 25px; text-transform:lowercase; text-align: center;}

#sustainability_big_nav table td#tl, #sustainability_big_nav table td#tr { padding: 50px 20px 20px 20px; text-transform:lowercase; }
#sustainability_big_nav table td#ctr { padding: 0 30px; text-align: center;}
#sustainability_big_nav table td#btm { padding: 60px 25px 20px 25px; text-transform:lowercase; text-align: center; }

#services_nav table td#tl { padding: 20px 8px 7px 3px; font-size: 9px; }
#services_nav table td#tr { padding: 20px 2px 7px 8px; font-size: 9px; }

#services_big_nav table td#tl { padding: 50px 20px 20px 20px; }
#services_big_nav table td#tr { padding: 50px 20px 20px 40px; }