/* ----------------------------------------------------------------------  sliders ----*/

#slider-home,
#slider-activities {
	overflow:hidden;
	width:934px;
	margin:0 auto 14px auto;
	display:block;
	background-color:#FFF;
}

#slider-home li {
	display:block;
	width:304px;
	height:306px;
	float:left;
	position:relative;
}

#slider-home li.image_1 {
	background:url('../images/slide-aboutus.jpg') no-repeat ;
}

#slider-home li.image_2 {
	background:url('../images/slide-activities.jpg') no-repeat ;
	margin:0 11px;
}

#slider-home li.image_3 {
	background:url('../images/slide-biofuels.jpg') no-repeat;
}

#slider-home li div {
	overflow:hidden;
}

#slider-home li  h1 {
	padding:25px 20px 10px 20px;
	font-size:27px;
	color:#038596;
	font-family:"Arial Black", Gadget, sans-serif;
	text-transform:uppercase;
	position:absolute;
	z-index:2;
}

#slider-home li h1 a {
	color:#FFF;
}

#slider-home li p {
	padding:80px 20px 20px;
	background:url('../images/slide-mask.png') no-repeat top left;
	font-size:1.0em;
	line-height:1.5em;
	overflow:hidden;
	width:264px;
}

#slider-home span {
	display: block;
	width: 100%;
	padding-top: 8px;
}

#slider-activities {
	width:100%;
}


#slider-activities li {
	display:block;
	width:225px;
	height:370px;
	float:left;
	position:relative;
	background-color:#666;
}

#slider-activities li.image_1 {
	background:url('../images/slide-bunkering.jpg') no-repeat ;
	margin-right:11px;
}

#slider-activities li.image_2 {
	background:url('../images/slide-logistics.jpg') no-repeat ;
	margin-right:11px;
}

#slider-activities li.image_3 {
	background:url('../images/slide-sales.jpg') no-repeat;
	margin-right:11px;
}

#slider-activities li.image_4 {
	background:url('../images/slide-trading.jpg') no-repeat;
}

#slider-activities li div {
	overflow:hidden;
}

#slider-activities li  h1 {
	padding:25px 20px 10px 20px;
	font-size:27px;
	color:#038596;
	font-family:"Arial Black", Gadget, sans-serif;
	text-transform:uppercase;
	position:absolute;
	z-index:2;
}

#slider-activities li p {
	padding:90px 20px 20px;
	background:url('../images/slide-mask.png') no-repeat top left;
	font-size:11px;
	line-height:1.5em;
	overflow:hidden;
	width:185px;
}


/* ----------------------------------------------------------------------  global ---- */

/* articles */
.intro-wrapper{
    overflow:hidden;
    margin:0px 0px 14px 0px;
    float:left;
}

.article {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

.article.third{
    float:left;
    margin:0px 11px 0px 0px;
    padding:0px;
    width:304px;
}

.article.last{
    margin:0px 0px 0px 0px;
}

.content-1 .article {
	width:475px;
	margin-bottom:15px;
}

.content-1 .article h2.green {
	width:355px;
	display:inline;
}

.content-2-small .article {
	width:100%;
}

.content-2-small .article h2.green {
	width:250px;
	display:inline;
}

.article img {
  float: left;
  clear: left;
  margin: 3px 10px 0px 0px;
}

.article.third img{
  margin: 0px 0px 14px 0px;
}

#site-content .article p {
  width:auto;
  text-align:justify;
}

/* ----------------------------------------------------------------------  pages ----*/

/* ---- home ---- */

.home img.trees {
	float:left;
}

.home img.telephone {
	float:right;
}

.home #site-content {
	padding-bottom:70px;
}

/* ---- about ---- */
.about #companyfacts {
	position:relative;
    overflow:hidden;
}

.about #companyfacts div.wrapper{
    overflow:hidden;
    clear:both;
    margin:-15px 0px 0px 0px;
    padding:20px 0px 0px 0px;
}

.about #companyfacts dl{
	margin-bottom:20px;
}

.about #companyfacts dl dt object {
	margin-bottom:-25px;
}

.about #companyfacts dl dt {
	font-size:72px;
    letter-spacing:-3px;
	color:#4a7f87;
	font-weight:bold;
	display:inline-block;
	font-family: Arial Black, Helvetica;
}

.about #companyfacts dl.history {
	background:url('../images/fact-years.png') no-repeat 122px 24px;
	width:235px;
	float:left;
}

.about #companyfacts dl.history span {
    position:relative;
    top:-30px;
	font-size:40px;
}

.about #companyfacts dl.history dt {
	padding-right:50px;
	padding-top:5px;
}

.about #companyfacts dl.employees {
	width:260px;
	float:left;
}

.about #companyfacts dl.employees dt {
	background:url('../images/fact-employees.png') no-repeat right 39px;
	display:inline-block;
	padding-right:125px;
	padding-top:5px;
}

.about #companyfacts dl.countries {
	width:235px;
	float:left;
}

.about #companyfacts dl.countries dt {
	background:url('../images/fact-countries.png') no-repeat 90px 32px;
	display:inline;
	padding-right:110px;
	padding-top:12px;
}

.about #companyfacts dl.companies {
	width:260px;
	float:left;
}

.about #companyfacts dl.companies dt {
	background:url('../images/fact-companies.png') no-repeat 32px 0px;
	display:inline;
	padding-right:39px;
	padding-top:12px;
}

.about #companyfacts dl.fuels {
	width:100%;
	float:left;
}

.about #companyfacts dl.fuels dt {
    font-size:67px;
	background:url('../images/fact-fuels.png') no-repeat 4px 85px;
	padding-bottom:50px;
	width:100%;
    letter-spacing:-3px;
}

.about .organisational_chart{
    display:block;
    margin:47px 0px 67px 0px;
}

.about h2.facts{
    margin:27px 0px -20px 0px;
}

#wordwide_map{
    position:relative;
    width:700px;
    height:327px;
    margin:0px 0px 47px 0px;
    background:url(../images/worldwide_operations_map.jpg) 0px 0px no-repeat;
}

#wordwide_map ul#locations{
    position:relative;
    width:100%;
    height:100%;
    cursor:default;
}

#wordwide_map ul#locations li{
    width:14px;
    height:14px;
    position:absolute;
    margin:-3px 0px 0px -3px;
    background:url(../images/location_dot.png) center center no-repeat;
    text-indent:-3000px;
    border:0px solid red;
    cursor:default;
}

#wordwide_map ul#locations li.hover{
    background:url(../images/location_dot_animation.gif) center center no-repeat;
}


/* ---- activities ---- */

.activities #site-content {
	background-image:url('../images/bg-content-small.jpg');
}

/* ---- responsibility ---- */

.responsibility .content-2{
    width:100%;
}

.biofuels .article {
	margin:10px 15px;
	width:435px;
	height:135px;
	float:left;
	display:block;
}

.biofuels .article.h-normal {
	height:auto;
}

.biofuels .article h2 {
	display:inline-block;
	width:310px;
}

/* ---- contact ---- */

.contact div.visual-intro {
	height:243px;
	padding:20px 30px 10px 20px;
}

.contact #headoffice {
	width:190px;
	height:203px;
	padding:30px 15px 10px 20px;
	float:left;
}

.contact #headoffice h2{
    margin:0px 0px 0px -2px;
}

.contact h2.locations {
	width:100%;
	float:left;
	padding:15px 0 0 20px;
}

.contact h3.green {
	font-family:Arial, Helvetica;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	color: #4a7f87;
	/*padding:5px 0 7px 0;*/
}

.contact h3.green em{
    font-family:Arial, Helvetica;
	font-size:11px;
	font-weight:bold;
	text-transform:capitalize;
	color: #4a7f87;
	/*padding:5px 0 7px 0;*/
}

.contact .wrapper {
	float:left;
}


.contact .details {
	font-size:11px;
	line-height:16px;
}

.contact div.locations {
	width:894px;
    padding:0px 0px 0px 20px;
	float:left;
	padding-bottom:20px;
	position:relative;
    border:0px solid black;
}

.contact #headoffice span.city,
.contact div.locations ul span.city {
	padding-bottom:12px;
}

.contact div.locations ul li.details {
	width:180px;
	float:left;
	padding:10px 25px 20px 20px;
}

.contact #headoffice span,
.contact div.locations ul li.details span {
	width:100%;
	display:block;
}

.contact ul#tabs-locations {
    float:left;
    width:900px;
	margin:25px 0 10px 0;
    clear:both;
    overflow:hidden;
}

.contact ul#tabs-locations li {
	float:left;
	margin-right:5px;
}

.contact ul#tabs-locations li a {
    display:block;
	background-color:#000000;
	padding:3px 28px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	outline:none;
    text-transform:capitalize;
}

.contact ul#tabs-locations li.active a {
	background-color:#4a7f87;
}

.contact ul#tabs-locations li.active a {
	cursor:default;
}

/* ---- news ---- */

.news h1 {
	width:50%;
	float:left;
	height:50px;
	margin-top:20px;
}

.news .quicklinks {
	width:50%;
	float:left;
	height:43px;
	margin-top:20px;
	padding-top:17px;
}

.news .quicklinks {
	text-align:right;
}

.news .quicklinks a {
	margin-left:25px;
}

.news .content-2 {
	background-color:#4a7f87;
	color:#FFF;
	width:441px;
	padding:15px 10px 10px 10px;
	margin-bottom:70px;
	overflow:hidden;
}

.news .content-2 h2 {
	overflow:hidden;
}

.news .content-2 img {
  float: left;
  clear: left;
  margin: 0px 10px 0px 0px;
}

.news .content-2 p {
  width:auto;
  text-transform:justify;
}

.news #result-archive {
	width:620px;
	float:left;
	padding-left:20px;
}

.news #result-archive h2.black-23 {
	width:150px;
	height:24px;
}

.news #result-archive form {
	float:right;
	padding-top:4px;
	margin-bottom:20px;
}

.news #result-archive label {
	float:left;
	text-align:right;
	padding:3px 7px 0px 0px;
	width:45px;
	height:17px;
}

.news #result-archive input {
	width:50px;
	float:left;
}

.news #result-archive input.datepicker {
	background:url(/images/ui/input-datepicker.gif) no-repeat 0px 0px;
	border:0px;
	width:93px;
	height:15px;
	padding:3px 5px 2px 5px;
	color:#888888;
}

.news #result-archive input#search-terms {
	background-color:#f7f7f7;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	height:16px;
	width:135px;
	padding:2px 0px 2px 5px;
	margin-left:20px;
	color:#888888;
}

.news #result-archive input#search-submit {
	background:#f7f7f7 url(../images/input-search-submit.gif) no-repeat center 3px;
	border-top:1px solid #CCC;
	height:20px;
	width:20px;
	padding-right:10px;
	text-indent:-1000em;
}

.news #result-archive table {
	width:620px;
	margin:27px 0 30px 0;
}

.news #result-archive td {
	padding:4px 0;
	color:#333333;
	border-bottom:1px solid #c4c4c4;
}

.news #result-archive td.title {
	width:460px;
	font-weight:bold;
}

.news #result-archive td.title a {
	color:#333333;
}

.news #result-archive td.newspress {
	width:80px;
	color:#888888;
}

.news #result-archive td.date {
    text-align:right;
	width:80px;
}

.news .blackbox {
	margin-top:0;
	margin-bottom:20px;
	padding-right:18px;
}

#result-archive .wrapper {
	text-align:center;
}

ul#pagination {
	margin:0 auto;
	display:inline-block;
}

ul#pagination li {
	float:left;
	padding:0 3px;
}

ul#pagination li a {
	padding:0 2px;
}

ul#pagination li.pagenumber {
	border-right:1px solid #4a7f87;
}

ul#pagination li.previous {
	padding-right:10px;
}

ul#pagination li.previous a {
	background:url("../images/link-arrow-back.gif") no-repeat 0 2px;
	text-indent:-1000em;
	outline:none;
	display:block;
	width:5px;
	padding:0 4px;
}

ul#pagination li.next {
	border-left:1px solid #E8E8E8;
	margin-left:-1px;
	padding-left:15px;
}

ul#pagination li.next a {
	background:url("../images/link-arrow.gif") no-repeat  0 2px;
	text-indent:-1000em;
	outline:none;
	display:block;
	width:5px;
	padding:0 4px;
}

ul#pagination li.active a {
	font-weight:bold;
	font-size:12px;
}

.news .content-1 h1 {
	width:100%;
}

.news .content-1 p {
	padding-top:15px;
	padding-bottom:0px;
	float:left;
	clear:both;
}

/* ---- sitemap ---- */

.sitemap a.main {
	color:#000000;
	text-decoration:underline;
	font-size:12px;
	margin:13px 0px 3px 0;
	display:block;
}

.sitemap .content-1 li {
	padding:3px 0;
}

.sitemap #navigation-submenu{
    display:none;
}

.sitemap .content-1{
    padding: 0 0 0 32px;
}

/* ---- careers ---- */

.careers div.visual-intro {
	height:204px;
}

.careers div.visual-intro{
    line-height:17px;
    text-align:justify
}

.careers .article {
	padding:10px 15px;
	width:435px;
	float:left;
	display:block;
}

.careers .article.news{
    width:415px;
    
}

.careers .article.h-normal {
	height:auto;
}


.careers .article h2 {
	display:inline;
	width:310px;
}

.careers ul#current-jobs li {
	padding-bottom:3px;
}