body {
  padding: 0px;
  margin: 0px;
  background-color: #ddd;
}

.pane {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 775px;
  height: 100%;
  background: #fff url(images/paneShadow.gif) repeat-y right top;
  border-top: 2px solid #b7b8ba;
  padding-bottom: 30px;
}

.logo {
  float: left;
  margin-top: 10px;
  margin-left: 21px;
  width: 209px;
  height: 45px;
  background: #fff url(images/logo2.gif) no-repeat;
}

.menu {
  position: relative;
  margin-left: 330px;
  width: 440px;
  height: 50px;
}
.menu a {
  float: left;
  display: block;
  padding-left: 8px;
  background: #fff url(images/menuBullet.gif) no-repeat 0px 26px;
  font-size: 0.5em;
  color: #fff;
  margin-right: 30px;
}
.menu a:hover {
  cursor: pointer;
  background: #fff url(images/menuBulletSelected.gif) no-repeat 0px 26px;
}
.menu a div {
  height: 36px;
  border-left: 1px solid #b7b8ba;
}
.menu a .menuEntryCompany {
  width: 74px;
  background: #fff url(images/menuCompany.gif) no-repeat 5px 22px;
}
.menu a .menuEntryCaseStudies {
  width: 97px;
  background: #fff url(images/menuCaseStudies.gif) no-repeat 5px 22px;
}
.menu a .menuEntryRecycle {
  width: 65px;
  background: #fff url(images/menuRecycle.gif) no-repeat 5px 22px;
}
.menu .menuEntries {
  float: left;
}
.menu .menuEntries a {
  clear: left;
  margin-right: 0px;
  line-height: 0px;
  background: #fff url(images/menuBulletSmall.gif) no-repeat 2px 8px;
}
.menu .menuEntries a:hover {
  cursor: pointer;
  background: #fff url(images/menuBulletSelectedSmall.gif) no-repeat 2px 8px;
}
.menu .menuEntries a div {
  height: 16px;
}
.menu .menuEntries a span {
  display: none;
}
.menu .menuEntries a .menuEntryContactUs {
  width: 74px;
  background: #fff url(images/menuContactUs.gif) no-repeat 5px 5px;
}
.menu .menuEntries a .menuEntryWhitePaper {
  width: 74px;
  background: #fff url(images/menuWhitePaper.gif) no-repeat 5px 5px;
}
.menu .menuEntries a .menuEntrySiteMap {
  width: 74px;
  background: #fff url(images/menuSiteMap.gif) no-repeat 5px 5px;
}
.menu .menuEntries a .menuEntryFAQ {
  width: 74px;
  background: #fff url(images/menuFAQ.gif) no-repeat 5px 5px;
}

.mainMessage {
  width: 770px;
  height: 54px;
  margin-top: 15px;
  border-top: 1px solid #b7b8ba;
  border-bottom: 1px solid #b7b8ba;
}

.mainMessage .title {
  position: absolute;
  width: 500px;
  height: 54px;
  font: 2.25em Arial;
  color: #4555C7;
  padding: 17px 0px 0px 22px;
}
.mainMessage .smaller {
  font-size: 1.8em;
  padding-top: 22px;
}
.mainMessage .background {
  position: absolute;
  left: 560px;
  width: 209px;
  height: 54px;
  border-left: 1px solid #939495; 
}
.mainMessage .bg1 {
  background: #fff url(images/bg1.gif) no-repeat 4px 0px;
}
.mainMessage .bg2 {
  background: #fff url(images/bg2.gif) no-repeat 0px 0px;
}
.mainMessage .bg4 {
  background: #fff url(images/bg4.gif) no-repeat 0px 0px;
}
.mainMessage .bg5 {
  background: #fff url(images/bg5.gif) no-repeat 0px 0px;
}
.mainMessage .bg6 {
  background: #fff url(images/bg6.jpg) no-repeat 0px 0px;
}
.mainMessage .bg7 {
  background: #fff url(images/bg7.gif) no-repeat 0px 0px;
}
.mainMessage .bg12 {
  background: #fff url(images/bg12.gif) no-repeat 0px 0px;
}
.mainMessage .bg14 {
  background: #fff url(images/bg14.gif) no-repeat 0px 0px;
}
.mainMessage .bg16 {
  background: #fff url(images/bg16.gif) no-repeat 0px 0px;
}
.mainMessage .bg18 {
  background: #fff url(images/bg18.gif) no-repeat 0px 0px;
}
.mainMessage .bg19 {
  background: #fff url(images/bg19.gif) no-repeat 0px 0px;
}
.mainMessage .bg20 {
  background: #fff url(images/bg20.gif) no-repeat 0px 0px;
}

.gradient {
  width: 770px;
  height: 11px;
  /*
   * IE sets minimum height of div element as font size.
   */
  font-size: 8px;
  background:  url(images/gradient.gif) no-repeat 0px 0px;
}

.content {
  float: left;
  width: 525px;
  padding: 15px 10px 80px 25px;
  border-right: 1px solid #b7b8ba;
  background: #fff url(images/cubes.gif) no-repeat right bottom;
}
.content .article {
  width: 525px;  
  font: 0.75em Verdana, Arial, Georgia;
  line-height: 24px;
  color: #3d4242;
}
.content .article a {
  font: 1em Arial, Georgia, Verdana;
  color: #00427a;
  text-decoration: none;
}
.content .article .highlight {
  font-weight: bold;
}
.content .article .bigger {
  font-size: 1.3em;
}
.content .article .title {
  margin-top: 15px;
}
.content ol {
  font: 1em Verdana, Arial, Georgia;
  line-height: 24px;
  color: #3d4242;
}
.content ul {
  list-style-type: square;
  margin-bottom: 21px;
}

.links {
  float: left;
  width: 194px;  
  background-color: #EEF4FF;
  padding-left: 13px;
  padding-bottom: 15px;
  border: 1px solid #fff;
}
.links .title0 {
  width: 177px;
  height: 34px;
  margin-top: 15px;
  margin-bottom: -4px;
  /* background: #EEF4FF url(images/reCycle.gif) no-repeat 
0px 0px; */
}
.links .title1 {
  width: 177px;
  height: 34px;
  margin-top: 15px;
  margin-bottom: -4px;
  background: #EEF4FF url(images/foodForThought.gif) no-repeat 0px 0px;
}
.links .title2 {
  width: 177px;
  height: 34px;
  margin-top: 30px;
  margin-bottom: -4px;
  background: #EEF4FF url(images/askYourSelf.gif) no-repeat 0px 0px;
}
.links .title3 {
  width: 177px;
  height: 34px;
  margin-top: 30px;
  margin-bottom: -4px;
  background: #EEF4FF url(images/weCanHelp.gif) no-repeat 0px 0px;
}
.links a {
  margin-top: 9px;
  display: block;
  font: 0.7em Arial;
  text-decoration: none;
  color: #00427a;
}

.secondaryMenu {
  clear: left;
  width: 630px;
  border-top: 1px solid #b7b8ba;
  padding: 10px 0px 10px 140px;
  background-color: #fff;
}
.secondaryMenu a {
  padding: 0px 15px 0px 15px;
  font: 0.7em Arial;
  text-decoration: none;
  color: #00427a;
  border-right: 1px solid #b7b8ba;
}

.address {
  width: 420px;
  padding: 15px 180px 50px 170px;
  font: 0.65em Arial, Verdana;
  color: #000;
  text-align: center;
  line-height: 25px;
  background-color: #fff;
}