/*-----------------------------------------------------------------------------
Horizon Oil Core Style Sheet

version:   1.0
author:    Flow Interactive, http://www.flowinteractive.net.au

/*----------------------------------------------------------------------------
COPYRIGHT, ALL RIGHTS RESERVED. THIS FILE MAY NOT BE COPIED OR ALTERED IN ANY WAY
-----------------------------------------------------------------------------*/

/* = General
--------------------------------------------------------*/
html {height: 96%}
body {
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 76%;
	color: #666;
	background: #fff url(../images/bodybg.jpg) top repeat-x;
	margin: 0;
	line-height: 150%;
	text-align: center;
	height:100%
}
a {color: #06c}
a:visited {color:#639}
a img {border: none}
#topBanner a {color:#F93}
.moreLink {padding: 0 0 0 15px; background: transparent url(../images/morelink.png) 0 50% no-repeat; color:#F93}
#foot a {color:#333 }
.cntr {text-align:center}
.right {text-align:right}
.hlight {color: #06C; font-size: 0.8em}
.clear {clear:both}
/* = Typography
--------------------------------------------------------*/
h1 {font-weight: bold; color:#FFF; font-size: 2.5em; margin: 5px 0}
#logo h1 {text-indent:-9000px; width: 150px; height: 26px; background: transparent url(../images/horizonlogo.gif) no-repeat}
h2 {font-weight: normal;font-size: 1.3em; color:#FF9933; margin: 0 0 0.5em 0}
#topBanner h2 {font-size: 1.7em; padding: 45px 0 0 30px}
#topBannerSub h2 {font-size: 1.7em; padding: 85px 0 30px 30px}
h3 {font-size: 1.3em; color:#06C; border-bottom: 1px solid #fff; font-weight: normal; margin: 0 0 10px 0}
h3#oil, h3#announce, h3#mailing, h3#share {background: transparent url(../images/oilicon.gif) 0 35% no-repeat; padding: 0 0 5px 20px}
h3#announce {background: transparent url(../images/announceicon.gif) 0 35% no-repeat}
h3#mailing {background: transparent url(../images/mailicon.gif) 0 35% no-repeat}
h3#share {background: transparent url(../images/shareicon.gif) 0 35% no-repeat}
h4 {font-size: 1.1em; color: #FF6600; font-weight: bold; margin: 0.5em 0}
h5 {font-size: 1em; color: #000; font-weight: bold; margin: 0.5em 0}
h6 {font-size: 0.9em; color: #000; font-weight: bold; margin: 0.5em 0}
ul {list-style: disc url(file:///H|/horizonoil/i/discbul.gif); margin-left: 1.5em}
li {font-size: 0.9em; margin-bottom:0.7em}
li li {font-size: 1em; list-style-type:square}
li ul {margin-top: 1em}
p {font-size: 0.9em; margin-bottom: 1em}
#topBanner p {font-size: 1em; color:#fff; padding: 0 0 10px 30px; width: 40%}
#content p, #sideContent p {padding: 0 0 0 10px}
#topBanner p.right {margin: -15px 0 5px 0; font-size: 0.9em}
p#sharePrice {font-size: 2.3em; color:#06C; text-align:center; padding: 10px 0 0 0; margin: 0}
p#sharePrice span {font-size: 0.6em}
p#shareDetails {font-size: 0.8em; text-align:center; color: #999; padding: 10px 0 5px 0; line-height: 1em}
#shareCont h4 {text-transform:uppercase; color:#06C; font-size:0.65em; font-weight:normal; position: absolute; top: 20px; left: 5px; width: 90px; text-align:center}
#contentWide p, #contentWide li {color:#333}
p#strategy {font-style:italic; color: #FF6600; font-size: 1.4em; line-height:1.5em; padding: 10px; background: #fff; border: 1px solid #0066CC}
/* = Menu
----------------------------------------------*/
#menu {
	position: relative;
	width: 760px;
	background: url(file:///H|/horizonoil/i/menubg.jpg) repeat-x;
	z-index:100;
	height: 28px;
	margin: 10px 0 -4px 0
	
}
#menu ul {margin: 0 auto; padding: 0; line-height:1; list-style-type:none; width: 600px}
#menu li {float:left; position: relative}
#menu li a {
padding: 0.5em 1.5em 0.5em 1.5em;
color: #0066CC;
display:block;
font-size: 1em;
text-decoration:none;
text-align:center;
}
#menu li a:hover, #menu li a:active, #menu li a.sel {
	background:transparent url(../images/menusel.gif) bottom center no-repeat; color:#0066CC
}
#menu li a.sel {font-weight: bold}

/*Drop downs*/
#menu ul li ul { /* second-level lists */
	position: absolute;
	background: transparent url(file:///H|/horizonoil/i/ddmenubg.png);
	border: 1px solid #ccc;
	width: 12em;
	display:none;
}
#menu ul li ul li a {padding: 0.25en 0 0.25em 0.25em; margin:0; text-align:left}

#menu ul li:hover ul, .menu ul li a:hover ul, #menu ul li.sfhover ul {
	display:block
}

/* = Containers
----------------------------------------------*/
#wrapper {position: relative; width: 775px; min-height: 100%; margin: 0 auto;background: transparent url(../images/wrapperbg.jpg) top no-repeat; }
* html #wrapper {height: 100%}
.col1 {float: left; width: 45%}
.col2 {float: left; width: 20%}
#container {position:relative; padding-top: 18px}
#header {
	position: relative;
	width: 759px;
	margin: 0 auto;
	background: #fff url(../images/headerbg.jpg) bottom repeat-x;
}
#hFoot {position: relative; width:759px; margin:0 auto; height:37px; background: transparent url(../images/headerfooter.png) no-repeat; z-index: 100}
#logo {
	position: relative;
	padding: 12px 0 0 20px
	
}
#supLinks {
	position: absolute;
	top: 5px;
	right: 20px;
	font-size: 0.9em
}
#topBanner, #topBannerSub {
	position:relative;
	width: 759px;
	margin: 0 auto;
	margin-top: -30px;
	background: #1B3F55 url(../images/topbannerhome.jpg) no-repeat;
	z-index: 1
}
#topBannerSub {
	background: #1B3F55 url(../images/topbannersub.jpg) no-repeat;
}
#content, #contentWide, #contentFull {
	position: relative;
	float: left;
	margin:20px 10px 0 40px;
	width: 45%;
}
#contentWide {width: 55%}
#contentFull {width: 75%}
#sideContent, #sideContentWide {float: right; width: 35%; margin: 20px 40px 0 0}
#sideContentWide {width: 30%}
#shareCont {
	position: relative;
	background: #B4D3E8 url(../images/sharepricebg.jpg) top repeat-x;
	padding: 10px 0;
	border: 1px outset #999
}
#shareCont img {position: absolute; top: 20px; right: 20px}
#footer {
	position:relative;
	width: 740px;
	padding: 0.5em 1.5em 0 1.5em;
	margin: -2em auto 0 auto;
	font-size: 0.9em;
	background: transparent url(../images/footerbg.jpg) center bottom no-repeat;
	min-height: 47px;
	border: 1px solid #fff
}
#fl, #fr {float: left; width: 70%; top: 0; font-size: 0.9em}
#fr {width: 29%; text-align:right}
/*Side Box*/
/*IE6 underscore hack to deliver jpg files*/
#sideBox {width: 220px; background: transparent url(../images/sidenotebg.png) right repeat-y; padding: 10px 15px; _background: transparent url(file:///H|/horizonoil/i/sidenotebg.jpg) right repeat-y;}
#sideBoxTop {position:relative; width: 250px; height:7px; background: transparent url(../images/sidenotetop.png) no-repeat; margin: 0; _background: transparent url(file:///H|/horizonoil/i/sidenotetop.jpg) no-repeat;}
#sideBoxBot {position:relative; width: 250px; height:7px; background: transparent url(../images/sidenotebot.png) no-repeat; _background: transparent url(file:///H|/horizonoil/i/sidenotebot.jpg) no-repeat}
/*Oil price*/
#oilprice table {width: 98%; margin: -5px auto 0 auto; background-color:#fff !important; border: none !important; color:#999 !important}
#oilprice tr, #oilprice td {border: none !important}
#oilprice table table td {background-color: #fff !important; border: none !important}
#oilprice table table td center strong font {font-size: 1.1em !important; font-weight:normal !important; display:none}
#oilprice table table td font b {font-size: 0.7em !important; color:#06c; font-weight:normal !important}
#oilprice table td img#graph {margin: 5px 0 5px 30px; text-align:center}
#photoGallery {position: absolute; right:-130px; top: 0}
/* = Forms
----------------------------------------------*/
#mailing label, #subscribe label {color: #333; font-size: 0.9em}
#mailing input.txt, #subscribe input.txt {border: 1px solid #06C; width: 220px; margin:0 0 5px 0}
#mailing br {clear: both}
.err, .req {font-weight:bold; color:#f00; font-size: 1em}
.err {margin-right: 5px}
.hide {display:none}
textarea {font-family: Arial, helvetica, sans-serif; color:#333; font-size: 1em; border: 1px solid #06C;}
#sendForm {position: relative; top: -5px}
.submitBut {background: #06C url(../images/butbg.jpg) top repeat-x; font-weight:bold; color:#fff; border: 1px outset #06C}

/* = Tables
----------------------------------------------*/
table {border: 1px solid #666}
th {font-weight: bold; color: #fff; background:#06C; padding: 5px}
td {padding: 5px; vertical-align:middle}
.rowhlight {background: #F6FAFB}

/* = Easy Clearing
----------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */