﻿@import url(reset.css);
@import("patches/ie5mac.css");
@import url(headernav/layout.css);
@import url(mainnav/layout.css);
@import url(footernav/layout.css);
@import url(text.css);
@import url(snippets.css);
@import url(../search/search.css);

html {
	background-color: #000;
	background: url(../library/bg-html.jpg) repeat-x 0px 0px #e7f0fa;
	}
form {
	margin: 0; 
	padding: 0;
	}
img {
	display: block;
	}
.mod-content img {
	display: inline;
	}	
body {
	padding: 0;
	margin: 25px 0 0 0;
	text-align: center;
	height: auto;
	}	
.frame {
	width: 970px;
	margin: 0 auto;
	background: url(../library/bg-frame.png) repeat-y 0px 0px;
	}
.inner-frame {
	width: 952px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
	padding: 4px;
	}			
.con-printlogo {
	display: none;
	}		
.con-header {
	position: relative;
	z-index: 99;
	background: url(../library/bg-header.png) repeat-x 0px 0px #fff;
	}	
.con-wrapper {
	width: 970px;
	}
.con-supp-1,
.con-supp-2,
.con-main {
	float: left;
	}										
.con-footer {
	position: relative;
	z-index: 1;
	height: 39px;
	width: 970px;
	background: url(../library/bg-footer.png) no-repeat 0 0;
	margin: 0 auto;
	}		

div.content {}

.mod-sitelogo {height: 85px;}
.mod-search {}
.mod-headernav {position: absolute; top: 32px; right: 0px; z-index: 1; display: none;}
.mod-mainnav {background-color: #008eca; width: 952px; margin-top: 4px;}
	
.mod-footernav {
	width: 956px;
	margin: 0 auto;
	background: url(../library/bg-footernav.png) no-repeat 0 0;
	height: 34px;
	padding-left: 4px
	}	

.mod-lastupdated {position: absolute; top: 93px; right: 19px; z-index: 1;}

/*Santos link*/
.mod-sitelink {
	position: absolute;
	top: 0;
	right: 340px;
	z-index: auto;
	width: 119px;
	height: 20px;
	margin-top: -24px;
	}
	
.mod-sitelink a {
	height: 0px;
	width: 119px;
	display: block;
	padding-top: 20px;
	overflow: hidden;
	}
	
.mod-sitelink a:link	{background: url(../library/btn-sitelink.gif) no-repeat 0 0 ;}
.mod-sitelink a:visited	{background: url(../library/btn-sitelink.gif) no-repeat 0 0 ;}
.mod-sitelink a:focus	{background: url(../library/btn-sitelink.gif) no-repeat 0 -20px ;}
.mod-sitelink a:hover	{background: url(../library/btn-sitelink.gif) no-repeat 0 -20px ;}	
.mod-sitelink a:active	{background: url(../library/btn-sitelink.gif) no-repeat 0 -20px ;}	

/*Petronas link*/
.mod-sitelink-2 {
	position: absolute;
	top: 0;
	right: 210px;
	z-index: auto;
	width: 130px;
	height: 20px;
	margin-top: -24px;
	}
	
.mod-sitelink-2 a {
	height: 0px;
	width: 130px;
	display: block;
	padding-top: 20px;
	overflow: hidden;
	}
	
.mod-sitelink-2 a:link		{background: url(../library/btn-sitelink-2.gif) no-repeat 0 0 ;}
.mod-sitelink-2 a:visited	{background: url(../library/btn-sitelink-2.gif) no-repeat 0 0 ;}
.mod-sitelink-2 a:focus		{background: url(../library/btn-sitelink-2.gif) no-repeat 0 -20px ;}
.mod-sitelink-2 a:hover		{background: url(../library/btn-sitelink-2.gif) no-repeat 0 -20px ;}	
.mod-sitelink-2 a:active	{background: url(../library/btn-sitelink-2.gif) no-repeat 0 -20px ;}

/*Total link*/
.mod-sitelink-3 {
	position: absolute;
	top: 0;
	right: 105px;
	z-index: auto;
	width: 105px;
	height: 20px;
	margin-top: -24px;
	}
	
.mod-sitelink-3 a {
	height: 0px;
	width: 105px;
	display: block;
	padding-top: 20px;
	overflow: hidden;
	}
	
.mod-sitelink-3 a:link		{background: url(../library/btn-sitelink-3.png) no-repeat 0 0 ;}
.mod-sitelink-3 a:visited	{background: url(../library/btn-sitelink-3.png) no-repeat 0 0 ;}
.mod-sitelink-3 a:focus		{background: url(../library/btn-sitelink-3.png) no-repeat 0 -20px ;}
.mod-sitelink-3 a:hover		{background: url(../library/btn-sitelink-3.png) no-repeat 0 -20px ;}	
.mod-sitelink-3 a:active	{background: url(../library/btn-sitelink-3.png) no-repeat 0 -20px ;}	

/*Total link*/
.mod-sitelink-4 {
	position: absolute;
	top: 0;
	right: 0;
	z-index: auto;
	width: 105px;
	height: 20px;
	margin-top: -24px;
	}
	
.mod-sitelink-4 a {
	height: 0px;
	width: 105px;
	display: block;
	padding-top: 20px;
	overflow: hidden;
	}
	
.mod-sitelink-4 a:link		{background: url(../library/btn-sitelink-4.png) no-repeat 0 0 ;}
.mod-sitelink-4 a:visited	{background: url(../library/btn-sitelink-4.png) no-repeat 0 0 ;}
.mod-sitelink-4 a:focus		{background: url(../library/btn-sitelink-4.png) no-repeat 0 -20px ;}
.mod-sitelink-4 a:hover		{background: url(../library/btn-sitelink-4.png) no-repeat 0 -20px ;}	
.mod-sitelink-4 a:active	{background: url(../library/btn-sitelink-4.png) no-repeat 0 -20px ;}
		

/* Clear child floats */
.clear:after {
	display: block;
	clear: both;
	content: ".";
	visibility: hidden;
	height: 0;
	}
	
	
/* Images */
#imagerotator,
#imagerotator li {
	list-style-type: none;
	width: 524px;
	padding: 0;
	margin: 0;
	height: 196px;
	background-image: none !important;
	}
#imagerotator li {
	position: absolute;
	top: 0;
	left: 0;
	}

#imagerotator img,
.mod-image img {
	height: 196px;
	width: 524px;
	display: block;
	}
/*#imagerotator li span {
	position: absolute;
	top: 20px;
	left: 660px;
	width: 280px;
	font-size: 152%;
	}
#imagerotator li span em {
	display: block;
	font-size: 75%;
	font-style: normal;
	line-height: 1.3em;
	}
.js #imagerotator li span {
	z-index: 1;
	}*/
#imagerotator li a {
	display: block;
	width: 524px;
	height: 196px;
	text-decoration: none;
	}	

	
	
/* =================== Content Media Player =================== */
div.mediaplayercontainer {

	}

a.mediaplayer {
	display:block;
	width:468px;
	height:264px;
	}
div.mediaPlayer {
	width:468px;
	height:264px;
	}
	
.clear:after {
	display: block;
	clear: both;
	content: ".";
	visibility: hidden;
	height: 0;
}		
