#allContent {
   float: left;
   width: 775px;
   background-color:#ffffff;
}
#allContent h2 {
   margin-left: 10px;
   margin-right: 10px;
}
#allContent p {
   margin-left: 10px;
   margin-right: 10px;
}

/* styles for the gallery */
 .gallery{
 margin: 10px 0 0 0;
 }
 html>body .gallery{ margin: 10px 0 0 10px;} /* correct wrong spacing in IE for other browsers*/
 .gallery img {
 padding: 0 10px 10px 0;
 width: 80px;
 }
 .galleryTitle{ 
 font-size: 140%;
 font-weight: bold; 
 }
 .mainImg{
 width: 455px;
 }
 .mainImg img{
 padding: 0 0 5px 0;
 width: auto;
 height: auto;
 }


/*----------------------------------------------------------------------------------------------------------------
INTERFACE STORY
Date: 5th November 2008
AWA Contact: Richard Stephenson
----------------------------------------------------------------------------------------------------------------*/
#interfaceStory * {
margin:0;
padding:0;
font-family: arial, helvetica, sans-serif;
list-style:none;
}
#interfaceStory a img {
border:0;
}
#interfaceStory a:hover {
text-decoration:underline;
}
#interfaceStory {
width:775px;
padding:20px 0 20px 0;
}
#interfaceStory #divContent {
position: relative;
margin:0px auto;
width:735px;
overflow:hidden;
}
#interfaceStory #divContent #divIntro {
margin:0;
padding:0;
clear:both;
}
#interfaceStory #divContent h1 {
display:block;
overflow:hidden;
text-indent:-3000em;
margin:0;
padding:0;
}
#interfaceStory #divContent p {
padding:0px;
margin:0 0 0.8em 0;
color:#887E76;
font-size:12px;
line-height:1.3;
padding-right:5px;
}
#interfaceStory #divContent a {
color:#000;
text-decoration:underline;
font-weight:bold;
}
#interfaceStory #divContent ul,
#interfaceStory #divContent ol,
#interfaceStory #divContent dl {
list-style:none;
margin:0;
padding:0;
}
#interfaceStory #divContent li,
#interfaceStory #divContent dt,
#interfaceStory #divContent dd {
color:#666;
font-size:12px;
line-height:1.3;
margin:0;
padding:0;
}
#interfaceStory #divContent dt a {
color:#000;
font-size:12px;
line-height:1.3;
font-weight:normal;
text-decoration:none;
}
#interfaceStory #divContent dt a:hover {
color:#000;
font-size:12px;
line-height:1.3;
font-weight:normal;
text-decoration:underline;
}
/* Delimited sections of the page */
#interfaceStory #divContent div.block {
padding-bottom:0;
}
#interfaceStory #divContent div.block:after {
content:"."; 
display:block; 
height:0px; 
clear:both; 
visibility:hidden;
}
#interfaceStory #divContent div.block {display: inline-block;}
/* Hides from IE-mac \*/
* html #interfaceStory #divContent div.block {height: 1%;}
#interfaceStory #divContent div.block {display: block;}
/* End hide from IE-mac */
/* Panel groups */
#interfaceStory #divContent div.panel {
width:765px;
}
#interfaceStory #divContent div.panel:after {
content:"."; 
display:block; 
height:0px; 
clear:both; 
visibility:hidden;
}
#interfaceStory #divContent div.panel {display: inline-block;}
/* Hides from IE-mac \*/
* html #interfaceStory #divContent div.panel {height: 1%;}
#interfaceStory #divContent div.column {display: block;}
/* End hide from IE-mac */
#interfaceStory #divContent div.first-column {
float:left;
width:145px;
height:533px;
}
#interfaceStory #divContent div.bt-column {
float:left;
width:280px;
}
#interfaceStory #divContent div.content {
border-bottom:1px #887E76 dashed;
}
#interfaceStory #divContent div.content-first {
float:left;
width:260px;
padding-top:10px;
}
#interfaceStory #divContent div.content-second {
float:left;
width:260px;
padding-top:10px;
padding-left:10px;
}
#interfaceStory #divContent div.panel-rhs {
float:right;
width:195px;
padding-top:10px;
}
#interfaceStory #divContent div.panel-rhs .first {
padding-bottom:5px;
margin-bottom:10px;
border-bottom:1px #887E76 dashed;
}
#interfaceStory #divContent div.panel-rhs .second {
padding-bottom:20px;
}
#interfaceStory #divContent div.panel-rhs img {
position:relative;
}
#interfaceStory #divContent div.panel-rhs p {
color:#4B194A;
padding-top:3px;
}
#interfaceStory #divContent div.panel-rhs p.leader {
color:#4B194A;
font-weight:bold;
padding-top:3px;
}
#interfaceStory #divContent div.panel-rhs p.title {
font-size:13px;
color:#4B194A;
font-weight:bold;
padding-top:3px;
}
#interfaceStory #divContent div.panel-rhs ul {
padding:0 0 5px 0;
}
#interfaceStory #divContent div.panel-rhs ul li {
background:url(/internet/imagefiles.nsf/lookup/interfacestory/$file/ifstory-arrow.gif) 0 4px no-repeat;
color:#4B194A;
font-weight:bold;
padding:0 0 3px 20px;
}
#interfaceStory #divContent div.panel-rhs  ul li a {
text-decoration:underline;
font-size:11px;
color:#4B194A;
}
#interfaceStory #divContent div.panel-nav-bottom {
position:relative;
padding-top:5px;
}
#interfaceStory #divContent div.panel-nav-bottom span.bt-previous {
float:left;
}
#interfaceStory #divContent div.panel-nav-bottom span.bt-home {
float:left;
padding-left:520px;
}	
#interfaceStory #divContent div.panel-nav-bottom span.bt-next {
float:right;
padding-right:30px;
}		
/*Home-page*/
#interfaceStory .sectionHomePage h1 {
position:relative;
background:url(/internet/imagefiles.nsf/lookup/interfacestory/$file/ifstory-q1-q10-title.gif) no-repeat;
width:129px;
height:163px;
}
#interfaceStory .sectionHomePage span.logo-mission {
position:relative;
width:129px;
height:102px;
top:262px;
}
#interfaceStory .sectionHomePage ul {
position:relative;
width:278px;
height:533px;
list-style-type:none;
margin:0;
padding:0;
}
#interfaceStory .sectionHomePage li a {
position:relative;
display:block;
text-indent:-3000em;
width:278px;
height:109px;
}
#interfaceStory .sectionHomePage li.who a {
background:url(/internet/imagefiles.nsf/lookup/interfacestory/$file/ifstory-bt-who.gif) top center no-repeat;
}
#interfaceStory .sectionHomePage li.green-wash a {
background:url(/internet/imagefiles.nsf/lookup/interfacestory/$file/ifstory-bt-green-wash.gif) top center no-repeat;
}
#interfaceStory .sectionHomePage li.impact a {
background:url(/internet/imagefiles.nsf/lookup/interfacestory/$file/ifstory-bt-impact.gif) top center no-repeat;
}
#interfaceStory .sectionHomePage li.bad-guys a {;
background:url(/internet/imagefiles.nsf/lookup/interfacestory/$file/ifstory-bt-bad-guys.gif) top center no-repeat;
}
#interfaceStory .sectionHomePage li.waste a {
background:url(/internet/imagefiles.nsf/lookup/interfacestory/$file/ifstory-bt-waste.gif) top center no-repeat;
}
#interfaceStory .sectionHomePage li.naturally a {
background:url(/internet/imagefiles.nsf/lookup/interfacestory/$file/ifstory-bt-naturally.gif) top center no-repeat;
}
#interfaceStory .sectionHomePage li.foot-print a {
background:url(/internet/imagefiles.nsf/lookup/interfacestory/$file/ifstory-bt-foot.gif) top center no-repeat;
}
#interfaceStory .sectionHomePage li.change a {
background:url(/internet/imagefiles.nsf/lookup/interfacestory/$file/ifstory-bt-change.gif) top center no-repeat;
}
#interfaceStory .sectionHomePage li.power-of-one a {
background:url(/internet/imagefiles.nsf/lookup/interfacestory/$file/ifstory-bt-power.gif) top center no-repeat;
width:278px;
height:93px;
}
#interfaceStory .sectionHomePage li.dirty-business a {
background:url(/internet/imagefiles.nsf/lookup/interfacestory/$file/ifstory-bt-dirty-business.gif) top center no-repeat;
width:278px;
height:93px;
}
#interfaceStory .sectionHomePage li.power-of-one a:hover,#interfaceStory .sectionHomePage li.dirty-business a:hover { 
background-position:0 -94px; 
}
#interfaceStory .sectionHomePage li a:hover { 
background-position:0 -110px; 
}
#interfaceStory .sectionWhoAreWe h1 {
background:url(/internet/imagefiles.nsf/lookup/interfacestory/$file/ifstory-q1-title.gif) no-repeat;
width:735px;
height:127px;
border-bottom:1px #887E76 dashed;
}
#interfaceStory .sectionSustainability h1 {
background:url(/internet/imagefiles.nsf/lookup/interfacestory/$file/ifstory-q2-title.gif) no-repeat;
width:735px;
height:127px;
border-bottom:1px #887E76 dashed;
}
#interfaceStory .sectionShouldBusinesses h1 {
background:url(/internet/imagefiles.nsf/lookup/interfacestory/$file/ifstory-q3-title.gif) no-repeat;
width:735px;
height:271px;
border-bottom:1px #887E76 dashed;
}
#interfaceStory .sectionEliminateAnyNegativeImpact h1 {
background:url(/internet/imagefiles.nsf/lookup/interfacestory/$file/ifstory-q4-title.gif) no-repeat;
width:735px;
height:173px;
border-bottom:1px #887E76 dashed;
}
#interfaceStory .sectionEliminateAnyNegativeImpact ol {
padding-left:22px;
}
#interfaceStory .sectionEliminateAnyNegativeImpact ol li {
list-style-type:decimal;
padding-bottom:5px;
color:#887E76;
}
#interfaceStory .sectionManufacturing h1 {
background:url(/internet/imagefiles.nsf/lookup/interfacestory/$file/ifstory-q5-title.gif) no-repeat;
width:735px;
height:173px;
border-bottom:1px #887E76 dashed;
}
#interfaceStory .sectionProductsBeManufactured h1 {
background:url(/internet/imagefiles.nsf/lookup/interfacestory/$file/ifstory-q6-title.gif) no-repeat;
width:735px;
height:173px;
border-bottom:1px #887E76 dashed;
}
#interfaceStory .sectionProductSustainable h1 {
background:url(/internet/imagefiles.nsf/lookup/interfacestory/$file/ifstory-q7-title.gif) no-repeat;
width:735px;
height:173px;
border-bottom:1px #887E76 dashed;
}
#interfaceStory .sectionMakingChange h1 {
background:url(/internet/imagefiles.nsf/lookup/interfacestory/$file/ifstory-q8-title.gif) no-repeat;
width:735px;
height:127px;
border-bottom:1px #887E76 dashed;
}
#interfaceStory .sectionTransporting h1 {
background:url(/internet/imagefiles.nsf/lookup/interfacestory/$file/ifstory-q9-title.gif) no-repeat;
width:735px;
height:220px;
border-bottom:1px #887E76 dashed;
}
#interfaceStory .sectionWhatCanIDo h1 {
background:url(/internet/imagefiles.nsf/lookup/interfacestory/$file/ifstory-q10-title.gif) no-repeat;
width:735px;
height:173px;
border-bottom:1px #887E76 dashed;
}
#interfaceStory .clearfix:after { 
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
} 
#interfaceStory .clearfix {display:inline-block} 
/* Hide from IE Mac \*/ 
#interfaceStory .clearfix {display:block;} 
#interfaceStory :focus {
-moz-outline-style: none;
}

/*----------------------------------------------------------------------------------------------------------------
END INTERFACE STORY
----------------------------------------------------------------------------------------------------------------*/