/* Generic stylesheet 
Author: Ech Design
Url: http://echdesign.co.uk
Date: 2007
Stay on target
*/

* {
margin:0;
padding:0;
}
body {
margin:0;
padding:0;
text-align:center;
font-family:verdana, arial;
font-size:73%;
color:black;
background: url(images/gradient.jpg) repeat-x top left #f2f2f2;
}
p {
margin:10px;
line-height:1.9em;

}
h1 {
background: url(images/save-the-planet-posters.gif) no-repeat top left;
width:510px;
height:67px;
text-indent:-500%;

}
h1 a:hover {
border:none;
	 /* prevents a border from appearing when the home icon is mousedover */
}
h2 {

background: url(images/reduce-your-offices-impact-on-the-environment.gif) no-repeat top left;
width:299px;
height:48px;
text-indent:-500%;
margin-top:5px;
margin-bottom:15px;
}
/*  a {
outline:none;   firefox property that prevents the dotted line from appearing when you click on links */

a {
color:#9DC83B;
}

a:hover {
color:#8A8A8A;
}
a img {
border:none;
}

#contentwrapper {
width:780px;
text-align:left;
margin-left:auto;
margin-right:auto;
padding-top:30px;
}
#header {
 position:relative;
height:155px;
}
#header img{

position:absolute;
left:-88px;
top:0px;

}
#header li {
list-style-type:none;
float:left;
}
li#support {
background: url(images/supported-by-the.gif) no-repeat top left;
text-indent:-500%;
width:160px;
height:30px;
}
li#matrix  {


width:239px;
height:39px;
text-indent:-500%;
}
li#matrix a {
background: url(images/matrix-knowledge-group.gif) no-repeat top left;
width:211px;
height:30px;

display:block;
}
li#matrix a:hover {
background-position:bottom right;
}
#left {
clear:left;
float:left;
width:321px;
margin-left:0px;
margin-right:0px;
}
#left p {
margin-right:45px;
}
#right { 
float:left;
width:454px;

}
#right ul {

}

#right li {
list-style-type:none;
float:left;
margin-top:8px;
margin-left:14px;
margin-bottom:8px;
}
img#logo {
float:right;
margin-top:150px;
margin-bottom:-20px;
}
#footer {
clear:both;
}
/* form styling */
form {
margin-top:20px;
}
label {
margin-left:10px;
display:block;
margin-bottom:5px;
font-size:0.9em;
}
input, textarea {
margin-bottom:10px;
margin-left:10px;
display:block;

border:1px solid #8A8F7D;
}
input:hover, textarea:hover, input:focus, textarea:focus {
background:#D9EFA4;
}
textarea {
width:250px;
height:100px;
font-family:arial;
font-size:1.2em;
}
#submitbutton {
border:1px solid #666666;
background:#E1E1DF;
padding:5px;
cursor:pointer;
}
#submitbutton:hover {
background:#fff;
}
/* Please don't steal our words, because words are all we have */