/**
 * Real Cool Futures 09/2009
 * Story Worldwide
 *
 ** All site styles  */
body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#7c7979;
    background:#fff url(../images/body-bg.jpg) repeat-x;
}
img,
dl,
blockquote,
p {
    font-size:1em;
}
cite {
    font-size:1em;
}
ul,
label,
input,
select {
    font-size:1em;
}
p {
    margin-bottom:0.8em;
    line-height:1.6em;
}
dd,
dt {
    line-height:1.6em;
}
blockquote {
    margin-bottom:.3em;
    line-height:1.5em;
    font-weight:bold;
}
blockquote p {
    margin-bottom:0;
    line-height:1.4em;
}
label {
    line-height:1.5em;
}
a {
    color:#817f76;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
h1 {
    line-height:1em;
}
h2 {
    line-height:1em;
}
h3 {
    line-height:1em;
}
caption {
    float:left;
    text-indent:-2000px;
    line-height:0;
    height:0;
    font-size:0;
    margin:0;
    padding:0;
}
/*** Common */
#wrapper {
    background:url(../images/wrapper-bg.jpg) repeat-x bottom left;
}
#container {
    width:964px;
    margin:0 auto;
    font-size:0.79em;
    overflow:hidden;
}
#header {
    width:913px;
    height:290px; /* 70% decrease from original previously 383px*/
}
#branding {
    position:absolute;
    top:0;
    left:6px;
    z-index:2;
}
#branding a,
#branding span {
    overflow:hidden;
    display:block;
    padding-left:247px;
    width:0;
    height:123px;
    background:url(../images/branding2.png) no-repeat 0 0;
}
#slogan {
    overflow:hidden;
    position:absolute;
    top:118px;
    left:8px;
    z-index:2;
    padding-left:254px;
    width:0;
    height:97px;
    /*opacity:0.8;*/
	background:url(../images/slogan2.png) no-repeat 0 0;
}
span.slogan {
    visibility:hidden;
}
#slogan img {
    display:none;
}
/* Overlay */
#overlay {
    position:absolute;
    top:500px;
    left:50%;
    z-index:99999;
    font-size:0.79em;
}
#overlay.randomJob {
    padding-top:45px;
    margin-left:-305px;
    width:611px;
    height:306px;
    background:url(../images/randomjob-overlay-bg.png) no-repeat 0 0;
    text-align:center;
    color:#6d6e71;
}
#overlay.randomJob img {
    margin-bottom:15px;
}
#overlayBg {
    position:absolute;
    top:0;
    left:0;
    z-index:2000;
    width:100%;
    height:100%;
    background-color:#fff;
    opacity:0.75;
}
/* Top Nav */
#topNav {
    position:absolute;
    top:10px;
    right:0;
    z-index:3;
    width:630px;
}
#topNav li {
    position:relative;
    float:left;
    width:110px;
    height:50px;
    color:#fff;
}
#topNav li a {
    overflow:hidden;
    display:block;
    width:0;
    height:42px;
    padding-left:110px;
    color:#000;
    background-image:url(../images/topnav4.png);
    background-repeat:no-repeat;
}
#topNav li div.subNav {
    display:none;
}
#topNav li:hover div.subNav {
    display:block;
}
#topNavHome a {
    background-position:0 0;
}
#topNavHome:hover a,
#topNavHome a:hover {
    background-position:0 -42px;
}
#topNavHome.active a {
    background-position:0 -84px;
}
#topNavCategories a {
    background-position:0 -126px;
}
#topNavCategories:hover a,
#topNavCategories a:hover {
    background-position:0 -168px;
}
#topNavCategories.active a {
    background-position:0 -210px;
}
#topNavAboutUs a {
    background-position:0 -252px;
}
#topNavAboutUs:hover a,
#topNavAboutUs a:hover {
    background-position:0 -294px;
}
#topNavAboutUs.active a {
    background-position:0 -336px;
}
#topNavNextMove a {
    background-position:0 -378px;
}
#topNavNextMove:hover a,
#topNavNextMove a:hover {
    background-position:0 -420px;
}
#topNavNextMove.active a {
    background-position:0 -462px;
}
/*teachers*/
#topNav #topNavTeachersCareers {
    width:180px;
    margin-left:10px;
    height:50px;
}
#topNav #topNavTeachersCareers a {
    background-position:0 -513px;
    padding-left:180px;
    height:50px;
}
#topNav #topNavTeachersCareers:hover a,
#topNav #topNavTeachersCareers a:hover {
    background-position:0 -563px;
}
#topNav #topNavTeachersCareers.active a {
    background-position:0 -627px;
}



/* Sub Nav */
#topNav div.subNav {
    position:absolute;
    top:38px;
    left:-20px;
    padding:0 0 0 0;
    background:url(../images/subnav-top-bg.png) no-repeat 0 0;
}
#topNav div.subNav ul {
    overflow:hidden;
    padding:0 10px 10px 10px;
    width:145px;
    background:url(../images/subnav-bg.png) no-repeat bottom left;
    font-size:0.9em;
}
#topNav div.subNav li {
    position:static;
    overflow:visible;
    float:none;
    width:auto;
    height:auto;
}
#topNav div.subNav li a {
    display:block;
    overflow:visible;
    background:none;
    height:auto;
    width:auto;
    padding:1em 0 0 16px;
    color:#939598;
}
#topNav div.subNav li a:hover {
    color:#585858;
    text-decoration:none;
}
#topNav div.subNav li.last a {
    padding-bottom:0.8em
}
/* Cat Nav */
.catNav {
    overflow:hidden;
    padding-bottom:13px;
    margin:10px 0 0 0;
    width:880px;
    background:url(../images/hr.gif) no-repeat bottom left;
}
.catNav li {
    float:left;
    color:#4fa7c1;
    /*font-weight:bold;
    text-transform:lowercase;*/
    margin-right:22px;
}
.catNav li a {
    color:#5a5a5a;
    /*font-weight:bold;*/
    white-space:nowrap;
    text-decoration:none;
}
.catNav li a:hover {
    color:#a0a0a0;
}
.catNav li.last {
    margin-right:0;
}
/* Next Nav */
#nextNav {
    clear:both;
    overflow:hidden;
    padding-top:13px;
    margin-top:1.5em;
    width:884px;
    background:url(../images/hr-wide.gif) no-repeat 0 0;
}
#col1 #nextNav {
    width:auto;
    background:url(../images/hr.gif) no-repeat 0 0;
}
#nextNav li {
    float:left;
    color:#4fa7c1;
    margin-right:18px;
}
#nextNav li a {
    color:#5a5a5a;
    white-space:nowrap;
    text-decoration:underline;
}
#nextNav li a:hover {
    color:#999;
}
#nextNav li.last {
    float:right;
    margin-right:0;
}
/* Content */
#content {
    display:block;
    z-index:2;
    padding:40px 0 10px 50px;
    width:905px;
    margin-left:9px;
    background:url(../images/content-bg.png) no-repeat 0 0;
    font-size:0.9em;
}
#content:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#content a {
    color:#3bb0db;
    text-decoration:underline;
}
#content a:hover {
    color:#0087b1;
}
#col1 {
    float:left;
    width:600px;
    margin-right:40px;
}
#col2 {
    float:left;
    width:250px;
}
/* Footer */
#footer {
    clear:both;
    min-height:264px;
    width:686px;
    text-align:right;
    padding:71px 0 0 270px;
    font-size:0.85em;
    background:url(../images/footer-bg.jpg) repeat-x bottom left;
}
#footer p {
    color:#fff;
}
#footer a {
    color:#4e720c;
    text-decoration:none;
}
#footer a:hover {
    color:#0d3000;
}
#footer p.credit {
    position:absolute;
    top:40px;
    right:0;
    color:#5a5a5a;
}
#footer p.credit a {
    color:#5a5a5a;
}
#footer img.character {
    position:absolute;
    top:0;
    left:0;
}
#footer img.logo {
    float:right;
    clear:right;
    margin-top:20px;
}
#footer p.about {
    position:relative;
    margin:8px 20px 0 0;
    float:right;
    width:480px;
}
#footer p.about a {
    text-decoration:underline;
}
#footer ul.affiliates {
    margin-top:2em;
    float:right;
    clear:right;
}
#footer ul.affiliates li {
    float:left;
    margin-left:30px;
}
#footer ul.affiliates li.last {
    padding-top:14px;
}
#footer p.funds {
    position:relative;
    width:100%;
    margin-top:0.5em;
    float:right;
    clear:right;
}
#footer form {
    overflow:hidden;
    float:right;
    margin-top:1.4em;
}
#footer form span.label {
    float:left;
    margin-right:10px;
}
#footer form span.field {
    float:left;
    height:29px;
    width:180px;
    background:url(../images/footer-search-input-bg.gif) no-repeat 0 0;
}
#footer form input.text {
    float:left;
    min-height:20px;
    width:168px;
    margin:5px 0 0 7px;
    border:none;
    background-color:#fff;
    font-size:1.3em;
}
#footer form input.submit {
    float:left;
}
#footer .hr {
    clear:both;
    display:block;
    float:right;
    width:649px;
    height:4px;
    margin-top:8px;
    background:transparent url(../images/footer-hr.gif) no-repeat 0 0;
}
/* Footer Nav */
#footerNav {
    position:relative;
    z-index:2;
    clear:right;
    float:right;
    width:690px;
    margin-top:1.2em;
}
#footerNav li {
    display:inline;
    margin-left:12px;
    padding-left:14px;
    background:url(../images/footer-nav-pipe.gif) no-repeat left center;
}
#footerNav li a {
    white-space:nowrap;
}
#footerNav li.first {
    background:none;
}
/*on states*/
body.about-us #footer li.footerNav_about-us a,
body.contact-us #footer li.footerNav_contact-us a,
body.newsletter #footer li.footerNav_newsletter a,
body.sitemap #footer li.footerNav_sitemap a,
body.terms-and-conditions #footer li.footerNav_terms-and-conditions a,
body.privacy-policy #footer li.footerNav_privacy-policy a,
body.accessibility #footer li.footerNav_accessibility a {
    color:#0d3000;
}
/*** Homepage */
#home #col1 {
    width:640px;
    margin-right:0;
}
#home #intro {
    margin:0 40px 1.5em 0;
    color:#648726;
    line-height:1.8em;
}
#home #intro {
    left:-30px;
    width:850px;
    min-height:88px;
    padding:24px 30px 10px 30px;
    background:url(../images/home-intro-bg2.png) no-repeat 0 0;
    text-align:center;
}
#home #intro h2 {
    margin-bottom:0.3em;
}
#home #intro p {
    font-weight:bold;
    margin-bottom:0;
}
#home #featuredFilms {
    width:629px;
}
#home #featuredFilms h2 {
    margin-bottom:7px;
}
#home #featuredFilms ul {
    position:relative;
    left:-15px;
    overflow:hidden;
    background:url(../images/home-featuredfilms-bg.jpg) no-repeat 0 0;
}
#home #featuredFilms li {
    position:relative;
    float:left;
    margin-left:11px;
    width:194px;
    min-height:206px;
    padding:34px 0 20px 0;
    text-align:center;
}
#home #featuredFilms li img {
    margin-bottom:23px;
}
#home #featuredFilms blockquote {
    font-size:0.95em;
    font-weight:normal;
    text-align:center;
}
#home #featuredFilms cite {
    color:#4fa7c1;
    font-style:italic;
    font-size:0.95em;
    font-weight:bold;
}
#home #featuredFilms p.play {
    position:absolute;
    left:0;
    top:126px;
    margin:0;
    width:42px;
    height:21px;
    background:url(../images/btn-play.png) no-repeat 0 0;
}
#home #featuredFilms p.play a {
    display:block;
    width:42px;
    height:21px;
}
#home #featuredFilms p.play img {
    margin:0;
    display:none;
}
#home #whoWhat {
    margin-top:1em;
    width:612px;
    background:url(../images/home-whowhat-bg.gif) repeat-y;
    color:#6d6e71;
}
#home #whoWhat div.wrapper {
    background:transparent url(../images/home-whowhat-footer-bg.gif) no-repeat left bottom;
    min-height:434px;
    padding:0 20px 20px 40px;
}
#home #whoWhat h2 {
    height:126px;
    margin:0 0 15px -40px;
    position:relative;
    width:612px;
}
#home #whoWhat p {
    margin-bottom:1.6em;
}
#home #whoWhat p.indent {
    margin-right:180px;
}
#home #contribution {
    margin-top:1.5em;
    min-height:80px;
    padding:53px 205px 10px 50px;
    width:361px;
    background:transparent url(../images/home-contribution-bg1.gif) no-repeat 0 0;
    color:#6d6e71;
}
#home #contribution p.flickr {
    overflow:hidden;
    position:absolute;
    top:0;
    right:26px;
    margin:0;
    width:0;
    height:171px;
    background:transparent url(../images/home-contribution-flickr.png) no-repeat 0 0;
    padding-left:148px;
}
#home #contribution a {
    color:#5a5a5a;
}
#home #contribution a:hover {
    color:#a0a0a0;
}
/* Carousel */
.slide6 img {
    margin-top:-15px;
}
#home #carousel {
    overflow:hidden;
    position:absolute;
    top:0;
    left:-220px;
    z-index:1;
    width:1260px;
    height:315px; /* 70% from original of 450px */
}
#home #carousel.loading {
    background:url(../images/carousel-ajax-loader.gif) no-repeat 50% 50%;
}
#home #carousel div.wrapper {
    margin:0 auto;
}
#home #carousel ul {
    position:absolute;
}
#home #carousel li {
    float:left;
    width:420px;
}
#home #carousel div.bubble {
    position:absolute;
    z-index:1000;
    top:60px; /* previously 100px - reduced 70% */
    left:660px;
    width:236px;
    min-height:136px;
    padding:9px 9px 2px 48px;
    background:transparent url(../images/carousel-bubble-bg.png) no-repeat scroll 0 0;
    font-size:0.85em;
    z-index:2;
}
#home #carousel div.bubble h3 {
    color:#4FA7C1;
    font-size:1.3em;
    font-weight:bold;
    margin-bottom:0.5em;
    text-transform:uppercase;
}
#home #carousel div.bubble p.link {
    margin-bottom:0;
    text-align:right;
    width:238px;
}
#home #carousel div.bubble p.link a {
    display:block;
    position:relative;
}
/* Carousel Nav */
#home #carouselNav {
    top:255px; /* reduced 70% originally 340px */
    left:12px;
    width:924px;
    position:absolute;
    z-index:999;
}
#home #carouselNav li {
    position:absolute;
    z-index:999;
    cursor:pointer;
}
#home #carouselNav li.previous {
    left:0;
    width:78px;
    height:37px;
    background:url(../images/btn-previous-carousel.png) no-repeat 0 0;
}
#home #carouselNav li.next {
    right:0;
    width:83px;
    height:37px;
    background:url(../images/btn-next-carousel.png) no-repeat 0 0;
}
#home #carouselNav li img {
    display:none;
}
/*** Category */
#category #header h1 {
    float:right;
    margin:80px 110px 0 0;
    height:110px;
    width:330px;
}
#category #header h2 {
    position:absolute;
    top:70px;
    right:0;
    width:98px;
    height:82px;
    padding-top:16px;
    text-align:center;
    background:url(../images/search-results-bg.png) no-repeat 0 0;
    color:#fff;
    font-size:0.9em;
}
#category.energyWater #header h1 {
    margin-right:195px;
}
#category.consumingWaste #header h1 {
    margin-right:110px;
}
#category.peoplePower #header h1 {
    margin-right:70px;
}
#category.energyWater #header h1 {
    margin-right:55px;
}
#category #header h2 em {
    display:block;
    font-size:2.4em;
}
#category #header p {
    clear:right;
    color:#fff;
    float:right;
    width:325px;
    margin-right:65px;
}
#category .catNav {
    margin-left:15px;
}
#category #content {
    padding-left:35px;
    width:920px;
}
/* Variations */
#category.energyWater #container {
    background:url(../images/carousel-image-energywater.gif) no-repeat 190px 10px;
}
#category.peoplePower #container {
    background:url(../images/carousel-image-peoplepower2.gif) no-repeat 185px 0;
}
#category.consumingWaste #container {
    background:url(../images/carousel-image-consumingwaste2.gif) no-repeat 195px 0;
}
#category.designInspiration #container {
    background:url(../images/carousel-image-designinspiration2.gif) no-repeat 200px 0;
}
#category.houseHome #container {
    background:url(../images/carousel-image-househome2.gif) no-repeat 220px -15px;
}
#category.greatOutdoors #container {
    background:url(../images/carousel-image-greatoutdoors2.gif) no-repeat 193px 20px;
}
#category.foodDrink #container {
    background:url(../images/carousel-image-fooddrink2.gif) no-repeat 195px 0;
}
#category #container {
    background:url(../images/carousel-image-greatoutdoors2.gif) no-repeat 193px 20px;
}
/*** Search */
#search #container {
    background:url(../images/header-character-search2.png) no-repeat 130px 0;
}
#search #header h1 {
    position:absolute;
    right:65px;
    top:75px;
}
#search h2 {
    color:#53C1D0;
    font-size:1.5em;
    margin-top:0.3em;
    padding-bottom:15px;
    background:transparent url(../images/hr.gif) no-repeat bottom left;
    width:600px;
}
#search p.showing {
    font-size:1.1em;
    font-weight:bold;
}
#search #paging {
    width:600px;
}
/*============================================*/
/*** Results */
#results {
    margin-top:2.3em;
}
/* Case Studies */
#results div.row {
    float:left;
    width:891px;
    clear:both;
    margin-bottom:3em;
}
#results div.entry {
    float:left;
    margin-right:12px;
    padding:0 6px;
    width:273px;
    min-height:195px;
    font-size:0.85em;
    margin-bottom:3em;
    background:url(../images/results-casestudy-bg-new2.gif) no-repeat 0 0;
    position:relative;
}
#results div.last {
    margin-right:0;
}
#results div.entry div.picture {
    float:left;
    top:-3px;
    width:101px;
    height:129px;
    margin-right:5px;
    margin-bottom:40px;
    padding:9px 11px 0 11px;
    background:url(../images/results-profile-picture-bg.png) no-repeat 0 0;
}
#results div.entry h3 {
    margin:15px 0 0.5em;
    text-transform:lowercase;
    color:#87c7d0;
    font-size:1.7em;
}
#results div.entry p {
    display:inline;
    color:#817f76;
    background-color:#f6f3ea;
}
#results div.entry p strong {
    color:#64635b;
}
/*button Link*/
#results div.entry .buttonLink {
    position:absolute;
    bottom:-10px;
    right:0;
    width:150px;
}
#results div.entry .buttonLink p {
    position:absolute;
    bottom:0;
    margin:0;
    background:none;
}
#results div.entry .buttonLink p.more {
    left:0;
    bottom:4px;
}
#results div.entry .buttonLink p.more span,
#results div.entry .buttonLink a.more {
    display:block;
    overflow:hidden;
    padding-left:50px;
    width:0;
    height:20px;
    background: url(../images/btn-more.png) no-repeat 0 0;
}
#results div.entry .buttonLink p.video {
    right:0;
    margin:0 10px 0 0;
    overflow:hidden;
    width:0;
    padding-left:31px;
    height:28px;
    background:url(../images/icon-video.png) no-repeat 0 0;
}
/* Google */
ol#results {
    margin:3em 0;
    width:600px;
}
ol#results li {
    margin-bottom:1em;
    padding-left:10px;
    line-height:1.4em;
    background:transparent url(../images/bullet-bg.gif) no-repeat 0 0.6em;
}
ol#results h3 {
    font-size:1.1em;
}
ol#results p {
}
ol#results strong,
ol#results em {
    font-weight:bold;
}
/* Paging */
#paging {
    clear:both;
    text-align:center;
    margin-bottom:4em;
}
#paging a.previous {
    margin-right:55px;
    width:78px;
    height:37px;
}
#paging a.next {
    margin-left:55px;
    width:84px;
    height:37px;
}
#paging a.page {
    padding:2px;
}
#paging img {
    vertical-align:middle;
}
#paging em {
    color:#64635B;
    border-bottom:2px solid #d8d8d6;
}
/*** Tags */
body#tags p.green_text {
    font-weight:bold;
    color:#648726 !important;
}
body#tags #container {
    background:url(../images/header-character-search2.png) no-repeat 127px -20px;
}
body#tags #header h1 {
    position:absolute;
    right:120px;
    top:75px;
}
body#tags #header h2 {
    position:absolute;
    top:70px;
    right:0;
    width:98px;
    height:82px;
    padding-top:16px;
    text-align:center;
    background:url(../images/search-results-bg.png) no-repeat 0 0;
    color:#fff;
    font-size:0.9em;
}
body#tags #header h2 em {
    display:block;
    font-size:2.4em;
}
body#tags #content {
    padding-left:35px;
    width:920px;
}
body#tags #col1 #results div.row {
    width:600px;
}
body#tags #col2 {
    margin-top:1.5em;
}
/*** Case Study */
#caseStudy {
    background:#fff url(../images/body-bg-generic.jpg) repeat-x;
}
#caseStudy p.intro {
    color:#74A400;
    font-weight:bold;
}
#caseStudy #container {
    background:url(../images/header-character-generic2.png) no-repeat 105px 10px;
}
#caseStudy #header {
    height:213px;
}
/*#caseStudy #header p {
	position:absolute;
	top:0;
	left:0;
}*/
#caseStudy #col2 {
    margin-top:5em;
}
#caseStudy h1 {
    margin-bottom:0.8em;
}
#col1 h2 {
    margin-bottom:3px;
    padding-bottom:13px;
    background:url(../images/hr.gif) no-repeat bottom left;
    color:#53c1d0;
    font-size:1.5em;
    text-transform:lowercase;
}
body#home #col1 h2 {
    background-image:none;
    color:#53C1D0;
    font-size:1.2em;
    font-weight:bold;
    margin-bottom:3px;
    padding-bottom:0
}
#caseStudy blockquote {
    position:relative;
    width:327px;
    /*font-family:Georgia, Times New Roman, Serif;*/
    font-size:1.2em;
    padding:5px 40px 10px 45px;
}
#caseStudy blockquote span.open {
    position:absolute;
    background:transparent url(../images/quote-open.gif) no-repeat scroll 0 0;
    height:18px;
    left:0;
    text-indent:-2000px;
    top:0;
    width:24px;
}
#caseStudy blockquote span.close {
    position:absolute;
    background:transparent url(../images/quote-close.gif) no-repeat scroll 0 0;
    bottom:0;
    height:19px;
    right:0;
    text-indent:-2000px;
    width:23px;
}
#caseStudy #profile {
    overflow:hidden;
    left:-7px;
    width:602px;
}
#caseStudy #profilePicture {
    float:left;
    width:138px;
    height:171px;
    margin-right:25px;
    padding:14px 14px 0 13px;
    background:url(../images/casestudy-profile-picture-bg.png) no-repeat 0 0;
}
#caseStudy #profileData {
    float:left;
    margin-top:10px;
    font-size:0.9em;
    width:410px;
}
#caseStudy #profileData th {
    color:#555;
    width:100px;
}
#caseStudy #profileData td {
    color:#928f89;
}
#caseStudy #profileData th,
#caseStudy #profileData td {
    padding:3px 0 4px 0;
}
#caseStudy #profile blockquote {
    float:left;
    margin-top:10px;
}
#caseStudy #profile cite {
    float:left;
    text-indent:-2000px;
    line-height:0;
    height:0;
    font-size:0;
    margin:0;
    padding:0;
}
#caseStudy #video {
    margin:20px 0 4em 0;
    width:600px;/*height:330px;
	position:relative;
    z-index:-200;*/
}
#caseStudy #col1 h3 {
    clear:both;
    padding-top:1.8em;
    margin-bottom:1em;
    background:url(../images/hr.gif) no-repeat 0 0;
}
#caseStudy div.intro {
    color:#74a400;
    font-weight:bold;
    margin-bottom:1.5em;
}
/*
#caseStudy dl {
	margin-top:5em;
}
#caseStudy dt {
	margin-top:1.5em;
	color:#74a400;
}
#caseStudy dd strong {
	color:#5a5a5a;
}
*/
#caseStudy #col1 #caseStudyQA {
    /* margin-top:5em;*/
   line-height:1.5;
}
#caseStudy #col1 #caseStudyQA h2 {
    clear:left;
    color:#74a400;
    font-size:1em;
    background:none;
    text-transform:none;
    padding:0;
    margin-top:1em;
    font-weight:bold;
    line-height:1.8
}
#caseStudy #col1 #caseStudyQA p {
}
#caseStudy #col1 #caseStudyQA p strong {
    color:#5a5a5a;
}
#caseStudy div.pictures {
    margin:2em 0;
    width:620px;
    overflow:hidden;
}
#caseStudy div.pictures img {
    margin-right:20px;
}
#caseStudy #goTo {
    margin-top:4em;
    width:572px;
    padding:11px 13px;
    background:url(../images/casestudy-goto-bg.gif) no-repeat 0 0;
}
#caseStudy #goTo a {
    text-transform:lowercase;
}
/*** Generic */
#generic {
    background:#fff url(../images/body-bg-generic.jpg) repeat-x;
}
#generic #container {
    background:url(../images/header-character-generic2.png) no-repeat 105px 10px;
}
#generic #header {
    height:213px;
}
#generic .catNav {
    margin-bottom:1.5em;
}
#generic #picture {
    margin-bottom:1.8em;
    background:transparent url(../images/generic-picture-overlay.png) no-repeat 0 0;
    height:369px;
    left:-17px;
    width:615px;
}
#generic #picture img {
    display:block;
    left:20px;
    position:relative;
    top:20px;
    z-index:-1;
}
#generic #col1 p {
    margin-bottom:2.8em;
}
#generic h1 {
    margin-bottom:2em;
}
#generic p.intro {
    color:#74a400;
    font-size:1.05em;
}
#generic #polaroid {
    float:left;
    margin:-10px 22px 20px 0;
    padding:19px 20px 0 13px;
    width:168px;
    height:192px;
    background:transparent url(../images/polaroid-bg.jpg) no-repeat 0 0;
}
#generic #polaroid img {
    margin-bottom:13px;
}
#generic #polaroid p {
    /* font-family:"Lucida Handwriting", Georgia, Times New Roman;*/
    font-style:italic;
    color:#555;
    font-size:0.9em;
}
/*** Next Move */
#nextMove {
    background:#fff url(../images/body-bg-generic.jpg) repeat-x;
}
#nextMove #container {
    background:url(../images/header-character-nextmove2.png) no-repeat 75px 15px;
}
#nextMove #header {
    height:213px;
}
#nextMove .catNav {
}
#nextMove #needToKnow {
    left:-15px;
    width:885px;
    background:url(../images/nextmove-needtoknow-bg.gif) repeat-y;
    color:#3f768a;
    font-size:1.1em;
    margin-top:1.5em;
}
#nextMove #needToKnow div.wrapper {
    background:transparent url(../images/nextmove-needtoknow-footer-bg.gif) no-repeat left bottom;
    min-height:520px;
    padding:0 20px 40px 30px;
    text-align:center;
}
#nextMove #needToKnow h1 {
    height:133px;
    margin:0 0 15px -30px;
    position:relative;
    width:885px;
}
#nextMove #needToKnow ul {
    overflow:hidden;
    margin:0 15px 10px 15px;
    width:805px;
}
#nextMove #needToKnow li {
    float:left;
    margin:0 12px 5px 12px;
}
#nextMove #needToKnow li.indent {
    margin-left:150px;
}
#nextMove #needToKnow li a img {
    opacity:0.85;
}
#nextMove #needToKnow li a:hover img {
    opacity:1;
}
#nextMove #furtherLinks {
    margin-top:1em;
    padding-right:116px;
    background:transparent url(../images/nextmove-furtherlinks-bg.jpg) no-repeat top right;
    font-size:1.1em;
}
#nextMove #furtherLinks h2 {
    width:780px;
    padding-bottom:15px;
    margin-bottom:2em;
    background:transparent url(../images/hr.gif) no-repeat bottom left;
}
#nextMove #furtherLinks p.intro {
    margin-bottom:2em;
    color:#74a400;
}
#nextMove #externalLinks {
    left:-5px;
    width:882px;
    margin-top:10px;
    background:url(../images/nextmove-furtherlinks-footer-bg.gif) no-repeat bottom left;
}
#nextMove #externalLinks div.wrapper {
    overflow:hidden;
    background:transparent url(../images/nextmove-furtherlinks-top-bg.gif) no-repeat 0 0;
    padding:20px 15px 20px 20px;
}
#nextMove #externalLinks li {
    float:left;
    margin:0 11px 0.5em 0;
    padding-left:10px;
    width:260px;
    min-height:7.5em;
    line-height:1.4em;
    background:transparent url(../images/bullet-bg.gif) no-repeat 0 0.6em;
}
/*** RHS Col */
#col2 {
    font-size:0.9em;
}
#col2 p {
    line-height:1.4em;
}
#col2 a {
    color:#5a5a5a;
}
#col2 a:hover {
    color:#a0a0a0;
}
#col2 .hr {
    display:block;
    height:3px;
    margin:1.5em 0;
    background:transparent url(../images/col2-hr.gif) no-repeat 0 0;
}
/*Right Col Tags*/
#col2 #rightColTags {
    color:#5a5a5a;
}
#col2 #rightColTags h2 {
    margin-bottom:1.2em;
    margin-top:5px;
}
#col2 #rightColTags h3 {
    margin-bottom:1em;
}
#col2 #rightColTags ul.tags {
    overflow:hidden;
    margin-bottom:0.5em;
}
#col2 #rightColTags ul.tags li {
    float:left;
    margin:0 0.4em 0.5em 0;
    background-color:#aed159;
    color:#fff;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
#col2 #rightColTags ul.tags li a {
    display:block;
    color:#fff;
    text-decoration:none;
    padding:0 0.4em;
    line-height:17px;
}
#col2 #rightColTags ul.tags li.active a,
#col2 #rightColTags ul.tags li a:hover {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background-color:#77952d;
}
/*Filter labels*/
#col2 #rightColTags ul.filter {
    overflow:hidden;
    margin-bottom:1.8em;
}
#col2 #rightColTags ul.filter li {
    float:left;
    margin-right:16px;
}
#col2 #rightColTags ul.filter li a {
    display:block;
    background-repeat:no-repeat;
    background-position:0 0;
    height:30px;
    width:42px;
}
#col2 #rightColTags ul.filter li a span {
    display:block;
    text-indent:-999em;
}
#col2 #rightColTags ul.filter li.buttonAny a {
    background-image:url(../images/buttonAny.gif);
}
#col2 #rightColTags ul.filter li.buttonAll a {
    background-image:url(../images/buttonAll.gif);
}
#col2 #rightColTags ul.filter li a:hover {
    background-position:0 -31px;
    ;
}
#col2 #rightColTags ul.filter li a.active {
    background-position:0 -31px;
    ;
}
#col2 #rightColTags .hr {
    width:235px;
    height:4px;
    margin:1em 0;
    background:transparent url(../images/tags-hr-bg.gif) repeat-x 0 0;
}
/*share*/
#col2 #share ul {
    overflow:hidden;
}
#col2 #share li {
    float:left;
    padding-left:10px;
    margin-right:10px;
}
#col2 #share li img {
    display:block;
    margin-left:-10px;
}
#col2 #flickrFeed {
    min-height:285px;
    margin-bottom:2em;
    background:transparent url(../images/flickrfeed-bg.jpg) no-repeat 0 0;
}
#col2 #flickrFeed ul {
    width:223px;
    height:231px;
    padding:23px 0 0 27px;
}
#col2 #flickrFeed ul.loading {
    background:url(../images/flickrfeed-ajax-loader.gif) no-repeat 50% 50%;
}
#col2 #flickrFeed li {
    position:relative;
    float:left;
    margin:0 6px 10px 0;
}
#col2 #flickrFeed li img,
#col2 #flickrFeed li a {
    display:block;
}
#col2 #flickrFeed li em {
    position:absolute;
    top:0;
    left:0;
    width:45px;
    height:45px;
    background:transparent url(../images/flickrfeed-photo-overlay.png) no-repeat 0 0;
    text-indent:-2000px;
}
#col2 #flickrFeed li.item0 em {
    background:none;
}
#col2 #flickrFeed p {
    position:absolute;
    left:5px;
    bottom:0;
    line-height:1em;
}
#col2 #flickrFeed p img {
    margin-right:5px;
}
#col2 #twitterFeed {
    margin-top:2em;
    padding:0 5px 10px 5px;
}
#col2 #twitterFeed ul {
    min-height:32px;
}
#col2 #twitterFeed ul.loading {
    background:url(../images/twitterfeed-ajax-loader.gif) no-repeat 50% 50%;
}
#col2 #twitterFeed li {
    width:213px;
    margin-top:5px;
    padding:10px 10px 32px 12px;
    background:transparent url(../images/twitterfeed-tweet-bg.gif) no-repeat bottom left;
}
#col2 #twitterFeed li.item1 {
    background:transparent url(../images/twitterfeed-tweet-alt-bg.gif) no-repeat bottom left;
}
#col2 #twitterFeed li p {
    margin:0;
    padding:0;
}
#col2 #twitterFeed li a {
    color:#3bb0db;
    text-decoration:none;
}
#col2 #twitterFeed li a:hover {
    color:#0087b1;
}
#col2 #twitterFeed p img {
    float:left;
    margin:-10px 10px 0 0;
}
#col2 #twitterFeed p {
    margin-left:10px;
    padding-top:10px;
}
#col2 #randomJob {
    margin:1.5em 0;
}
#col2 .addthis_button {
    /*margin-top:3em;*/
	display:block;
}
#col2 #related {
    margin-bottom:1em;
    overflow:hidden;
}
#col2 #related div.entry {
    margin:1.5em 0 1.8em 0;
    padding:0 6px;
    width:236px;
    min-height:122px;
    background:url(../images/related-casestudy-bg.gif) no-repeat 0 0;
}
#col2 #related div.entry div.picture {
    float:left;
    margin:13px 10px 0 7px;
    width:85px;
    height:97px;
}
#col2 #related div.entry h3 {
    float:left;
    margin:20px 0 0.5em;
    padding:0.2em;
    width:110px;
    background-color:#f6f3ea;
    color:#64635b;
}
#col2 #related div.entry p.title {
    margin-right:10px;
    font-size:1.7em;
    color:#87c7d0;
    text-transform:lowercase;
    line-height:1em;
}
#col2 #related div.entry p.title a {
    color:#53C1D0;
    text-decoration:none;
    line-height:1em;
	font-size:0.7em;
}
#col2 #related div.entry p.video {
    background:transparent url(../images/icon-video-sm.png) no-repeat scroll 0 0;
    bottom:-4px;
    height:23px;
    margin:0;
    overflow:hidden;
    padding-left:28px;
    position:absolute;
    right:25px;
    width:0;
    z-index:1;
}
#col2 #links {
    font-size:1.1em;
}
#col2 #links ul {
    margin-top:1.5em;
}
#col2 #links li {
    margin-bottom:0.8em;
}
#col2 #links a {
    color:#3BB0DB;
}
#col2 #links a:hover {
    color:#0087b1;
}
/*general classes*/

img.left {
    float:left;
}
img.right {
    float:right;
}
/* how to use the site page additional styles */
/**********************************************/

#col1 #howToUse h2 {
    color: #74A400;
}
#col1 #howToUse #row1 a,
#col1 #howToUse #row2 a {
    display:block;
    width:100%;
   /* height:100%;*/
}
#howToUse #row1,
#howToUse #row2 {
    text-align:center;
}
#howToUse #row1 {
}
#howToUse #row1 .box1 {
    width:153px;
    height:193px;
    background-image:url(../images/how-to-use/consumingwaste-.jpg);
    float:left;
}
#howToUse #row1 .box1 a {
    padding-top:164px;
}
#howToUse #row1 .box2 {
    width:149px;
    height:193px;
    background-image:url(../images/how-to-use/food-drink-.jpg);
    float:left;
}
#howToUse #row1 .box2 a {
    padding-top:160px;
}
#howToUse #row1 .box3 {
    width:142px;
    height:193px;
    background-image:url(../images/how-to-use/peoplepower-.jpg);
    float:left;
}
#howToUse #row1 .box3 a {
    padding-top:158px;
}
#howToUse #row1 .box4 {
    width:152px;
    height:193px;
    background-image:url(../images/how-to-use/greatoutdoors-.jpg);
    float:left;
}
#howToUse #row1 .box4 a {
    padding-top:150px;
}
#howToUse #row2 {
}
#howToUse #row2 .box1 {
    width:149px;
    height:197px;
    background-image:url(../images/how-to-use/energy-.jpg);
    float:left;
}
#howToUse #row2 .box1 a {
    padding-top:147px;
}
#howToUse #row2 .box2 {
    width:142px;
    height:197px;
    background-image:url(../images/how-to-use/househome-.jpg);
    float:left;
}
#howToUse #row2 .box2 a {
    padding-top:156px;
}
#howToUse #row2 .box3 {
    width:152px;
    height:197px;
    background-image:url(../images/how-to-use/design-.jpg);
    float:left;
}
#howToUse #row2 .box3 a {
    padding-top:169px;
}