/* ----- CSS Document ----- */ /* ----- CLEARFIX ----- */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* ----- GENERAL STYLING ----- */ body {background:#060300 url() no-repeat top center;font:0.8em Arial, Helvetica, sans-serif;color:#a1a1a1;text-align:center;line-height:1.5em;} #wrapper {width:960px;margin:0 auto;text-align:left;} #header {z-index:999;} #body {z-index:0;} #body ul.links li {clear:both;list-style:none;padding:5px 0;margin:0;text-transform:uppercase;font-size:0.9em;} #body ul.links li span {float:left;clear:left;display:block;width:100px;} #body ul.links li a {text-decoration:none;} #body ul.links li a:hover{text-decoration:underline;} /* ----- TYPOGRAPHY ----- */ h1,h2,h3,h4 {font-weight:bold;color:#a1a1a1;text-transform:uppercase;} h1 {font-size:1.5em;margin:0 0 1em 0;font-weight:normal;} h2 {font-size:1.4em;margin:0 0 1em 0;font-weight:normal;} h3 {font-size:1.1em;margin:0 0 1em 0;} h4 {font-size:1em;margin:0.5em 0 0.5em 0;} a {color:#fff;text-decoration:underline;white-space:nowrap;} #wrapper a.active, #wrapper a:hover {color:#fff;text-decoration:none;} #wrapper a.active, #wrapper a:focus {outline: none;} a.lnkBorder {float:left;display:block;padding:1px 5px;border:solid 1px #444240;text-transform:uppercase;text-decoration:none;color:#888;} a.lnkBorder:hover {background:#444240;} a.lnkBack {padding:0 0 0 15px;margin-bottom:20px;text-transform:uppercase;text-decoration:none;font-size:0.8em;background:url(../images/bg_images.png) no-repeat -690px -1292px;} p {padding-bottom:10px;} strong {font-weight:bold;} em {font-style:italic;} #body ul li, #tooltip ul li {list-style:disc;margin:0 0 10px 14px;} #body ol li {margin-left:30px;list-style:decimal;list-style-position:outside;} #notes {font-size:0.85em;} #wrapper #body a.lnkNew {display:inline-block;padding:0 4px;border:solid 1px #a1a1a1;color:#a1a1a1;text-decoration:none;text-transform:uppercase;font-size:0.85em;line-height:1.3em;} /* ----- MODIFIERS ----- */ #wrapper .noul {text-decoration:none;} #wrapper a.noul:hover {text-decoration:underline;} #wrapper .nmb {margin-bottom:0;} #wrapper .nmr {margin-right:0;} #wrapper .npr {padding-right:0;} #wrapper .tar {text-align:right;} #wrapper .tac {text-align:center;} #wrapper .ul {text-decoration:underline;} #wrapper .lcase {text-transform:none;} /* ----- HEADER ----- */ #header {position:relative;height:110px;} #menuTop li {float:left;font-size:0.8em;text-transform:uppercase;color:#838182;} #menuTop li a {float:left;display:block;padding:10px 10px 0 0;margin-right:10px;color:#fff;text-decoration:none;} #menuTop li a:hover {color:#a1a1a1;} #logo {position:absolute;top:78px;left:0;} #logo a {display:block;width:125px;height:26px;background:url(../images/bg_images.png) no-repeat 0 0;} #sb #logo a {width:205px;background-position:-1px -29px;} #ef #logo a {width:340px;background-position:-129px 0;} #logo strong {display:none;} #subTitle {position:absolute;bottom:0;right:0;margin:0;} #subTitle2 {position:absolute;bottom:0;right:35px;margin:0;} #subTitle a, #subTitle2 a {display:block;width:35px;height:57px;background:url(../images/bg_images.png) no-repeat -600px 0;} /* -469px 0 */ #subTitle2 a {background-position:-531px -1px;} #subTitle a:hover {background-position:-600px 0;} #subTitle2 a:hover {background-position:-675px -1px;} #subTitle strong, #subTitle2 strong {display:none;} #sb #subTitle2 {top:71px;right:50px;width:25px;height:30px;} #sb #subTitle2 a {background-position:0 -1081px;height:40px;} /* main menu */ #menuMain {position:absolute;top:79px;left:170px;} #sb #menuMain {left:250px;} #ef #menuMain {left:387px;} /* level 1 */ ul#menuMain li {float:left;position:relative;} ul#menuMain li a, ul#menuMain li span {float:left;display:block;padding:10px;margin-right:20px;text-decoration:none;font-size:0.9em;text-transform:uppercase;color:#fff;} ul#menuMain li span:hover, ul#menuMain li a:hover, ul#menuMain li.active span, ul#menuMain li.active a {color:#a1a1a1;cursor:pointer;} /* level 2 */ ul#menuMain li ul {display:none;position:absolute;top:35px;left:0;width:215px;padding:5px 0;border-top:solid 1px #333;z-index:999;background:#060300;z-index:999;} ul#menuMain li li {width:215px;} ul#menuMain li ul a, ul#menuMain li ul span {font-size:0.85em;padding:2px 0 2px 10px;color:#a1a1a1;text-transform:uppercase;letter-spacing:1px;} ul#menuMain li ul a:hover, ul#menuMain li li.active a, ul#menuMain li li.active span {color:#fff;} ul#menuMain li:hover ul {display:block;} ul#menuMain li:hover ul ul, ul#menuMain li:hover ul ul ul {display:none;} /* level 3 */ ul#menuMain li ul ul {left:190px;top:-6px;} ul#menuMain li ul ul a, ul#menuMain li ul ul span {color:#a1a1a1;text-transform:uppercase;} ul#menuMain li ul ul a:hover, ul#menuMain li ul li.active a, ul#menuMain li ul li.active span{color:#fff;} ul#menuMain li li:hover ul {display:block;} /* ----- BILLBOARD ----- */ #billboard {position:relative;height:420px;margin-bottom:25px;overflow:hidden;background:url(../images/img_billboard1.jpg) no-repeat 0 0;color:#fff;} #billboard h4 {position:absolute;bottom:15px;right:15px;margin-bottom:0;text-align:right;font-weight:normal;text-transform:uppercase;font-size:1.2em;z-index:999;color:#fff;} #billboard ul {position:absolute;top:15px;right:15px;z-index:999;} #body #billboard li {float:left;margin:0 0 0 3px;list-style:none;} #billboard li a {float:left;display:block;width:9px;height:9px;border:solid 1px #a1a1a1;background:#000;text-decoration:none;line-height:9px;} #sb #billboard li a {border-color:#a1a1a1;} #ef #billboard li a {border-color:#a1a1a1;} #billboard li a:hover, #billboard li.active a {background:#fff;border-color:#a1a1a1;} #billboardOverlay {position:absolute;top:0;left:0;height:324px;width:960px;z-index:998;} /* ----- BODY ----- */ #body {position:relative;width:960px;margin:40px auto 15px auto;} /* 3 columns */ .cols3 {float:left;width:294px;} #col3_2 {width:292px;padding:0 30px;margin:0 9px;border:solid 1px #333;border-top:none;border-bottom:none;} #col3_3 {margin-right:0;} /* 2 columns */ #col2_1 {float:left;width:294px;margin-right:39px;} #col2_2 {float:left;width:588px;margin-right:0;} .cols3 {position:relative;height:140px;} .cols3 p {text-transform:uppercase;font-size:0.9em;color:#a1a1a1;} .cols3 .bottom {position:absolute;bottom:0;} #wrapper .cols3 p a, #wrapper .cols3 p span {text-decoration:none;color:#fff;} #wrapper .cols3 p a {} #wrapper .cols3 p a:hover {color:#fff;text-decoration:none;} #wrapper .cols3 .imgLink {display:block;text-transform:uppercase;text-decoration:none;font-size:0.8em;color:#fff;} .cols3 .imgLink span {clear:both;display:block;padding-right:10px;background:url(../images/bg_images.png) no-repeat 281px -883px;line-height:11px;padding-top:4px;#position:relative;#top:-3px;} .cols3 a.imgLink:hover span {color:#a1a1a1;background-position:281px -745px;} #sqt {position:absolute;bottom:0;left:0;} /*ul#sqt li {float:left;display:block;width:23px;height:23px;padding:0 6px 0 0;margin:0;background:url(../images/bg_images.png) no-repeat 0 0;list-style:none;} #sqt h3 {display:none;} #sqt #sqtS {background-position:-207px -29px;} #sqt #sqtQ {background-position:-236px -29px;} #sqt #sqtT {background-position:-265px -29px;}*/ ul#sqt li {float:left;display:block;height:15px;list-style:none;padding:0 5px;margin:0;border-right:solid 1px #333;line-height:15px;} ul#sqt li.first {padding-left:0;} ul#sqt li.last {padding-right:0;border:none;} ul#sqt li:hover {cursor:pointer;} #sqt h3 {font-weight:normal;color:#fff;font-size:0.80em;} .sqtBody {display:none;} #tooltip {position:absolute;width:500px;padding:10px;z-index:1000;background:#000;text-align:left;border:solid 1px #222;} .lstIcon {color:#a1a1a1;} #body .lstIcon li {list-style:none;margin:0;} .lstIcon a, .lstIcon span, .lstIcon p {display:block;padding:0 0 0 87px;height:50px;background:url(../images/bg_images.png) no-repeat 0 0;color:#a1a1a1;text-decoration:none;font-size:0.8em;text-transform:uppercase;line-height:1em;} .lstIcon span span, .lstIcon a span {background:none;padding:0;font-size:1em;} .lstIcon a:hover, #body .lstIcon a:hover span {color:#fff;} .lstIcon strong {display:block;font-weight:normal;color:#fff;} .lstIcon a span, .lstIcon span span {display:block;} .lstIcon .icnShip a, .lstIcon .icnShip span {background-position:-570px -72px;} .lstIcon .icnShip a:hover, .lstIcon .icnShip a:hover span {background-position:-570px -223px;} .lstIcon .icnBean a, .lstIcon .icnBean span {background-position:-269px -77px;} .lstIcon .icnBean a:hover, .lstIcon .icnBean a:hover span {background-position:-269px -228px;} .lstIcon .icnGlobe a, .lstIcon .icnGlobe span {background-position:32px -77px;} .lstIcon .icnGlobe a:hover, .lstIcon .icnGlobe a:hover span {background-position:32px -228px;} .lstIcon .icnLight a, .lstIcon .icnLight span {background-position:32px -396px;} .lstIcon .icnLight a:hover, .lstIcon .icnLight a:hover span {background-position:32px -568px;} .lstIcon .icnGrid a, .lstIcon .icnGrid span {background-position:-570px -397px;} .lstIcon .icnGrid a:hover, .lstIcon .icnGrid a:hover span {background-position:-570px -569px;} .lstIcon .icnCube a, .lstIcon .icnCube span {background-position:-271px -396px;} .lstIcon .icnCube a:hover, .lstIcon .icnCube a:hover span {background-position:-271px -568px;} .lstIcon .icnMarket a, .lstIcon .icnMarket span {background-position:-269px -888px;} .lstIcon .icnMarket a:hover, .lstIcon .icnMarket a:hover span {background-position:-568px -888px;} /* ----- CONTACT ----- */ #body .contact {float:left;width:278px;height:278px;margin:0 29px 29px 0;padding:10px;border:solid 1px #222;color:#838182;} #body .contact h3 {margin:0 0 5px 0;} #body .contact p {padding:3px 0;} #body .contact dt {clear:both;float:left;width:40px;} #body .contact dd {float:left;width:235px;} #body .contact3, #body .contact6 {margin-right:0;} #body .contact4, #body .contact7 {clear:both;} #body .contact3 dt {width:150px;} #body .contact3 dd {width:125px;} #body a.anchor {color:#a1a1a1;text-decoration:none;} /* ----- TOOLTIP ----- */ #tooltip .sqtS strong {font-weight:normal;color:#fff;} #tooltip .sqtQ strong {font-weight:normal;color:#fff;} #tooltip .sqtT strong {font-weight:normal;color:#fff;} #tooltip .sqtS a {color:#fff;text-decoration:underline;} #tooltip .sqtQ a {color:#fff;text-decoration:underline;} #tooltip .sqtT a {color:#fff;text-decoration:underline;} #tooltip .sqtS a:hover {text-decoration:none;} #tooltip .sqtQ a:hover {text-decoration:none;} #tooltip .sqtT a:hover {text-decoration:none;} /* ----- HOME ----- */ .home #body {margin-top:15px;} /* ----- E SPLASH ----- */ /*#e.splash #wrapper {width:873px;text-align:center; padding-top: 175px;} #splashBeans li {float:left; padding:0 70px;} #splashBeans li a {width:151px;float:left;display:block;padding:270px 0 0;margin:0;text-decoration:none;background:url(../images/spriteSplash.jpg) no-repeat 0 0; text-align:center;} #splashBeans li a span {width:76px;height:112px;display:block;margin-left:32px;background:url(../images/spriteSplash.jpg) no-repeat -164px 0;text-indent: -999999px;overflow: hidden;} #splashBeans li a.s span {background-position:-164px -130px;} #splashBeans li a.ef span {background-position:-164px -260px;} #splashBeans li a.e span:hover {background-position:-254px 0;} #splashBeans li a.s span:hover {background-position:-254px -130px;} #splashBeans li a.ef span:hover {background-position:-254px -260px;}*/ /* ----- E SPLASH 2 ----- */ #e.splash2 #wrapper {width:873px;text-align:center; padding-top: 100px;} #e.splash2 #splash h1 {width:312px;height:27px;margin:0 auto 50px auto;display:block;background:url(../images/bg_images.png) no-repeat 0px -1042px;text-indent: -999999px;overflow: hidden;} #e.splash2 #splashBeans li {float:left; padding:0 70px;} #e.splash2 #splashBeans li a {width:151px;height:382px;float:left;display:block;padding:0;margin:0;text-decoration:none;background:url(../images/spriteSplash.gif) no-repeat 0 -37px; text-align:center;} #e.splash2 #splashBeans li a span {width:151px;height:220px;margin:0;display:block;background:url(../images/beanSplash.jpg) no-repeat 0 0;text-indent: -999999px;overflow: hidden;} #e.splash2 #splashBeans li a.s {background-position:-151px -37px;} #e.splash2 #splashBeans li a.ef {background-position:-302px -37px;} #e.splash2 #splashBeans li a.e:hover {background-position:0 270px;} #e.splash2 #splashBeans li a.s:hover {background-position:-151px 270px;} #e.splash2 #splashBeans li a.ef:hover {background-position:-302px 270px;} #e.splash2 #splashBeans li a:hover span {cursor:pointer;} #e.splash2 #footer {padding:100px 73px 20px 73px;#padding-top:30px;text-align:right;} #e.splash2 #footer a {color:#333;text-decoration:none;} #e.splash2 #footer a:hover {color:#fff;} #footer .logoSavant {display:inline-block;padding-left:17px;background:url(../images/bg_images.png) no-repeat -323px -1036px;color:#333;} #e.splash2 #footer a {color:#1d1d1d;} #e.splash2 #footer a:hover {color:#333;} #e.splash2 #footer a .logoSavant:hover {cursor:pointer;color:#fff;} #e.splash2 #footer a:hover .logoSavant {background-position:-323px -1051px;color:#fff;} /* ----- E ABOUT ----- */ #e.about #body #col2_1 {width:625px;} #e.about #body strong {font-weight:normal;color:#fff;} /* ----- E TRADE ----- */ #e.trade #col2_1 {width:360px;margin-right:0;} #body .lstOffices, #body .lstCountries {float:left;margin:0 0 20px 0;width:180px;} #body .lstOffices li, #body .lstCountries li {margin:0;list-style:none;font-size:0.8em;} #body .lstOffices li strong, #body .lstCountries li strong {display:block;float:left;width:25px;color:#977a60;} #body .lstOffices li span, #body .lstCountries li span, #body .lstCountries li a, #body .lstOffices li a {display:block;float:left;width:150px;text-transform:uppercase;color:#fff;} #body .lstCountries li a:hover, #body .lstOffices li a:hover {text-decoration:none;} #body .lstOffices li strong {color:#444;} /* ----- E MARKETNEWS ----- */ #e.mnews #body {font-size:0.9em;background:url(../images/bg_e_marketnews.jpg) no-repeat 100% 46px;} #e.mnews h4 {font-weight:normal;line-height:1.1em;margin:0 0 10px;} #e.mnews h4.date {text-align:right;font-size:0.95em;} #e.mnews h4.date span {float:left;} #e.mnews .colrow {clear:both;} #e.mnews .cols2 {border:none;height:auto;} #e.mnews #col2_2 {width:294px;} #e.mnews #reviews {margin-top:20px;font-size:0.95em;} #e.mnews #quotations {margin-top:25px;font-size:0.95em;} .tblMarket th, .tblMarket td {width:50px;border:solid 2px #060300;text-transform:uppercase;text-align:center;font-size:0.95em;font-weight:normal;} .tblMarket th, .tblMarket th span {white-space:nowrap;} .tblMarket td {padding:7px 0;color:#fff;} .tblMarket .uneven {background:#5e5e5e;} .tblMarket .even {background:#302f2d;} #e.mnews p.mTotal {margin-top:7px;font-size:0.9em;text-transform:uppercase;} #e.mnews a.lnkStock {margin-top:10px;font-size:0.95em;} /*#col3_3 {font-size:0.95em;} #col3_3 h4.date {margin:20px 0 25px;}*/ .dlMarket dt {float:left;width:60px;line-height:1.2em;} .dlMarket dd {float:left;width:80px;line-height:1.2em;} #e.mnews .review h4 {margin:18px 0 12px;} #e.mnews .review p {padding:0;line-height:1.2em;text-transform:none;font-size:1em;text-align:justify;} #e.mnews .reviewTeaser:hover {cursor:pointer;} #e.mnews .reviewBody {display:none;} #e.mnews #tooltip {left:auto;top:auto;right:auto;bottom:auto;width:610px;text-align:justify;} #mnews_col1 {float:left;width:627px;margin-right:39px;} #mnews_col2 {float:left;width:294px;padding-top:285px;} /* ----- E MISSION STATEMENTS ----- */ #e.mission #body {height:450px;background:url(../images/bg_e_mission.jpg) no-repeat 50% 50%;} #e.mission #body .col1 {width:300px;text-transform:uppercase;} /* ----- E LINKS ----- */ #e.links #body {height:400px;background:url(../images/bg_e_links.jpg) no-repeat 100% 0;} /* ----- E MOVIES ----- */ .movies .cols3 {height:auto;} .movies #col3_2 {width:294px;border:none;} .movies #body .lstMovies li {float:left;position:relative;padding:0 14px 0 0;margin:0;list-style:none;} .movies #body .lstMovies li.last{padding:0;} .movies #body .lstMovies li a {display:block;} .movies #body .lstMovies li span.icn {position:absolute;top:50px;left:47px;width:10px;height:10px;background:url(../images/bg_images.png) no-repeat 0 -888px;} .movies #body .lstMovies li span.title {display:block;} .movies .cols3 .imgLink {margin-bottom:25px;} /* ----- SB ABOUT ----- */ #sb.about #body #col2_1 {width:625px;} #sb.about #body strong {font-weight:normal;color:#fff;} /* ----- SB CONTACT ----- */ #sb.contact #body .contact2 dt {width:60px;} #sb.contact #body .contact2 dd {width:215px;} /* ----- SB MISSION STATEMENTS ----- */ #sb.mission #body {height:350px;background:url(../images/bg_sb_mission.jpg) no-repeat 50% 50%;} #sb.mission #body .col1 {width:300px;text-transform:uppercase;} /* ----- SB LINKS ----- */ #sb.links #body {height:400px;background:url(../images/bg_sb_links.jpg) no-repeat 100% 0;} #sb.links #body ul.links span {width:140px;} /* ----- SB GREEN ENERGY ----- */ #sb.green h2 {padding-bottom:50px;} #sb.green #col2_1 {width:470px;margin-right:30px;color:#fff;} #sb.green #col2_1 strong {text-transform:uppercase;} #sb.green #col2_2 {position:relative;width:460px;height:600px;background:url(../images/img_greenenergy.png) no-repeat 100% 0;} #sb.green #col2_2 ul {position:absolute;top:45px;left:220px;color:#fff;} #sb.green #col2_2 li {list-style:none;width:140px;font-size:0.85em;line-height:1.2em;} #sb.green #green2 {margin-top:59px;} #sb.green #green3 {margin-top:77px;} #sb.green #green4 {margin-top:70px;} #sb.green #green5 {margin-top:70px;} #sb.green #green6 {margin-top:77px;} /* ----- SB CAREERS ----- */ #sb.careers #body {height:350px;background:url(../images/bg_sb_careers.jpg) no-repeat 100% 0;} #sb.careers #lstCareers {margin:50px 0 0 0;} #sb.careers #lstCareers li {list-style:none;margin:35px 0;} /* ----- EF HOME ----- */ #ef.home #col3_1 .lnkNew {position:absolute;bottom:37px;line-height:1.5em;} #ef.home #col3_3 {font-size:1em;} #ef.home #col3_3 p {padding:0;margin:0;} /* ----- EF ABOUT ----- */ #ef.about #body #col2_1 {width:625px;} #ef.about #body strong {font-weight:normal;color:#fff;} /* ----- EF MISSION STATEMENTS ----- */ #ef.mission #body {height:450px;background:url(../images/bg_ef_mission.jpg) no-repeat 300px 50%;} #ef.mission #body .col1 {width:300px;text-transform:uppercase;} /* ----- EF PROJECTS ----- */ #imgMapProjects {margin:20px 0;} #tblProjects {margin-top:50px;} #tblProjects th {padding:0 0 5px 0;font-weight:bold;text-transform:uppercase;border-bottom:solid 1px #222;} #tblProjects td {padding:2px 10px 2px 2px;vertical-align:top;} #tblProjects td.col1 {padding-right:30px;color:#a1a1a1;} #tblProjects td.col2 {text-align:right;} #tblProjects td.col4, #tblProjects td.col4 a {color:#fff;text-decoration:none;} #tblProjects td.col4 a:hover {color:#fff;text-decoration:underline;} #tblProjects tr.first td {padding-top:10px;} #tblProjects tr.last td {padding-bottom:5px;border-bottom:solid 1px #222;} #ef.projects #total {margin-top:40px;} #ef.projects #notes {margin:0 auto;padding-top:50px;text-align:right;} #ef.projects #body .lnkNew {margin-left:3px;/*line-height:1em;*/font-weight:bold;} /* ----- EF PROJECT ----- */ /*#ef.project .ttContent {display:none;}*/ #ef.project .cols3 {height:auto;} #ef.project #col3_3 {float:right;} #ef.project .lstIcon h3 {margin:0;font-size:0.85em;font-weight:normal;color:#fff;} #ef.project .lstIcon h4 {text-decoration:underline;font-weight:normal;} #ef.project .lstIcon p {padding:0 0 10px;height:auto;background:none;line-height:1.1em;font-size:1em;} #ef.project .lstIcon strong {display:inline;} #ef.project .lstIcon li {padding:3px 0 17px 55px;background:url(../images/bg_images.png) no-repeat;line-height:1.1em;font-size:0.8em;text-transform:uppercase;} #ef.project li.icnBudget {background-position:0 -1135px;}/*-1170px;}*/ #ef.project li.icnPeople {background-position:-298px -1135px;}/*-1170px;}*/ #ef.project li.icnPartners {background-position:-598px -1135px;}/*-1170px;}*/ #ef.project .lstIcon li li {padding:0 0 2px;margin:0 0 0 15px;background:none;list-style:disc;font-size:1em;} #ef.project .lstIcon li a {display:inline;background:none;padding:0;font-size:1em;color:#fff;} #ef.project .lstIcon li a:hover {color:#a1a1a1;} #ef.project #col3_1 a {color:#a1a1a1;} #ef.project #col3_1 a:hover {color:#fff;} #ef.project .logoPartner {padding:10px;text-align:center;} #ef.project #col2_1 {width:550px;} #ef.project #col2_1 h4 {margin:40px 0 7px 0;} #ef.project #col2_1 h4 a {text-decoration:none;color:#a1a1a1;} #ef.project #col2_1 li {margin:0 0 0 15px;} #ef.project #col2_1 a:hover {color:#a1a1a1;} #ef.project .partner {margin-bottom:10px;} #ef.project .partnerContent {clear:both;float:left;width:250px;} #ef.project .partnerContent p {padding:0;} #ef.project .partnerLogo {float:left;width:250px;} #ef.project #logoUlrich {position:relative;top:-25px;} /*#ef.project #billboard {height:324px;}*/ #ef.project #body {margin-top:15px;} /* ----- EF DRINKING ----- */ #ef.drinking #col2_1 {width:465px;margin-right:15px;} #ef.drinking #col2_2 {width:465px;} #ef.drinking .contact {border:none;padding:0;height:auto;} #ef.drinking .lstRoasters {clear:both;} #ef.drinking .lstRoasters li {float:left;width:240px;margin-left:0;list-style:none;padding-bottom:10px;} #roasters {clear:both;float:left;width:960px;margin-top:50px;padding-top:20px;border-top:solid 1px #222;} #ef.drinking .lstRoasters li.col1 {clear:both;} .lstRoasters li {color:#a1a1a1;} .lstRoasters strong {text-transform:uppercase;color:#a1a1a1;} /* ----- EF SUPPORT ----- */ #ef.support #col2_1 {width:625px;} /* ----- EF DONATING ----- */ #ef.donating #body {padding-bottom:250px;} #ef.donating #col2_1 {width:625px;} /* ----- EF LINKS ----- */ #ef.links #body {height:450px;background:url(../images/bg_ef_links.jpg) no-repeat 100% 0;} #ef.links #body ul.links span {width:170px;} /* ----- GLOBAL COMPACT ----- */ .gcompact #body {height:390px/*280px*/;background:url(../images/bg_logo_global_compact.png) no-repeat 50% 60px;} .gcompact h2 {font-weight:bold;font-size:0.95em;color:#fff;text-align:center;} .gcompact .cols3 {margin-top:/*32px*/70px;font-size:0.85em;line-height:1.2em;text-align:justify;text-transform:uppercase;} .gcompact .cols3 strong {color:#fff;} /*.gcompact .cols3 strong {font-weight:normal;}*/ .gcompact .cols3 li {margin-bottom:10px;} .gcompact .cols3 strong.counter {clear:left;float:left;display:block;width:15px;margin:0 5px 0 0;} .gcompact .cols3 p {float:left;width:274px;} /*.gcompact .cols3 p {width:auto;}*/ .gcompact #col3_2 {border:none;} .gcompact #col3_2 a {display:block;width:294px;height:390px;text-indent:99999px;overflow:hidden;} /* SOCIAL */ #wrapper .social li {float:left;margin-left:5px;list-style:none;} #wrapper .social a {display:block;padding:0 0 0 50px;background:url(../images/icnSocial.png) no-repeat 0 2px;} #wrapper a.icnFacebook {background-position:0 2px;} #wrapper a.icnYoutube {background-position:0 -129px;} #wrapper a.icnLinkedin {background-position:0 -50px;} /* ----- VIDEO ----- */ .video .lnkBack {width:640px;margin:0 auto;color:#a1a1a1;margin-bottom:10px;} /* ----- PRESS CLIPPINGS ----- */ #imgPclips {padding:20px 0;text-align:center;} #tblPclips {margin-top:50px;width:100%;} #tblPclips th {padding:0 0 5px 0;font-weight:bold;text-transform:uppercase;border-bottom:solid 1px #222;} #tblPclips td {padding:2px 10px 2px 2px;vertical-align:top;} #tblPclips h3 {color:#fff;font-weight:normal;font-size:1em;margin:30px 0 10px 0;} /*#tblPclips tr.first h3 {margin-top:10px;}*/ #tblPclips tr.newmonth td {padding-top:15px;} #tblPclips td.col1 {width:120px;padding-right:10px;color:#a1a1a1;} #tblPclips td.col2 {width:320px;padding-right:10px;color:#a1a1a1;} #tblPclips td.col3 {width:500px;padding-right:0;} #tblPclips td.col3, #tblPclips td.col3 a {color:#fff;text-decoration:none;} #tblPclips td.col3 a:hover {color:#fff;text-decoration:underline;} /* ----- VIDEOS ----- */ .videos #col2_1 {float:left;width:660px;padding:0 20px 100px 0 ;margin:0;} .videos #col2_2 {position:relative;float:left;width:280px;} .videos .videoRow {position:absolute;left:0;height:90px;width:280px;} .videos #videoRow1 {top:0;} .videos #videoRow2 {top:141px;} .videos #videoRow3 {top:282px;} .videos #col2_2 h3 {margin:0;color:#fff;font-weight:normal;font-size:0.8em;line-height:0.8em;} .videos #col2_2 ul {position:absolute;top:15px;left:0;height:63px;} .videos #col2_2 li {float:left;margin:0;padding:0 45px 0 0;list-style:none;} .videos #col2_2 li.last {padding:0;} .videos #col2_2 li a {position:relative;display:block;text-decoration:none;} .videos #col2_2 li span.icn {position:absolute;top:50px;left:50px;display:block;width:11px;height:11px;text-indent:-99999px;background:url(../images/bg_images.png) no-repeat 0 -886px;} .videos #col2_2 li span.title {display:block;width:60px;padding:5px 0 0 0;text-decoration:none;font-size:0.85em;/*text-transform:uppercase;*/white-space:normal;line-height:1.1em;color:#a1a1a1;} .videos #col2_2 li a:hover span.title {color:#fff;} /* ----- TRADERS ----- */ .traders #lstTraders {padding:0 0 50px 0;} .traders #lstTraders li {float:left;width:91px;margin:0;padding-left:53px;list-style:none;} .traders #lstTraders li.first {padding:0;} .traders #lstTraders li img {border:solid 1px #272625;} .traders #lstTraders li p {padding-top:10px;color:#fff;font-size:0.8em;text-transform:uppercase;} .traders #mapTraders {position:relative;clear:both;text-align:center;} .traders #mapTraders li {list-style:none;} .traders #mapTraders li a {display:block;width:14px;height:14px;background:url(../images/bg_images.png) no-repeat -660px -1323px;overflow:hidden;text-indent:-99999px;} .traders #mapTraders li a:hover {background-position: -688px -1323px;} /* ----- KING BAUDOUIN -----*/ .kingb #body {text-align:center;color:#fff;line-height:1.2em;} .kingb #body a {text-decoration:none;} .kingb #body a:hover {text-decoration:underline;} .kingb #cols3_1 {float:left;width:330px;text-align:left;} .kingb #cols3_2 {float:left;width:300px;} .kingb #cols3_3 {float:left;width:330px;text-align:left;} .kingb #cols3 {padding:40px 0;} /* ----- FOOTER ----- */ #footer {position:relative;clear:both;padding-top:50px;background:url(../images/bg_footer_shadow.gif) repeat-x 0 0;font-size:0.8em;color:#838182;text-transform:uppercase;} #footer .social {position:absolute;top:-30px;right:0;} #footerRight {position:absolute;right:0;top:50px;text-align:right;color:#272727;} #footerRight a {color:#272727;text-decoration:none;} #footer .svntLink {float: left;} #footerRight .icnEnergy {color:#838182;padding-right:20px;background:url(../images/bg_images.png) no-repeat 100% -1061px} #footer a.icnSocial {position:relative;top:4px;display:inline-block;width:16px;height:16px;padding-left:3px;background:url(../images/icnSocial.png) no-repeat 0 0;} #footer a.icnSocial span {display:none;} #footer a.icnFacebook {background-position:100% -163px;} #footer a.icnFacebook:hover {background-position:100% -195px;} #footer a.icnYouTube {background-position:100% -227px;} #footer a.icnYouTube:hover {background-position:100% -258px;}