/*
   style.css
   Ambre Energy
   
   Created by Callum Wilson on 2010-02-23.
   Copyright 2010 Oxygen Kiosk Pty Ltd. All rights reserved.

	COLOURS
	Orange: #F0791F
	Grey: #919195
*/
* {margin: 0; padding: 0;}
html {background:url('../images/watermark-ambreenergy.png') no-repeat fixed -558px 30%;}
/*html, body {height: 100%;}*/
body {font: 75%/1.5 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #7E7E7E; min-width: 650px; 
/*background: #E1E1E1 url('../images/bg-body.jpg') repeat-x scroll left top; */
background:url('../images/bg-main.png') repeat scroll left top ;

color: #444;}
	body.text-larger {font-size:90%;} /* If the Increase text size option is clicked */


/* ============== */
/* = Typography = */
/* ============== */
/* 

/* Body Text */
p, li, dt, dd, th, td, legend {font-size: 1em; line-height: 1.5em; }
p, legend, table {margin: 1.5em 0; color:#444;}
/*#content p, #content ul, #content ol {max-width: 42em; min-width: 25em; color: #535353;}*/
/*#content ul, #content ol {max-width: 40em; min-width: 20em; }*/
#content .aside p, #content .aside li {min-width: 0;}
a {text-decoration:none;}
a:link {color: #F0791F;}
a:visited {color: #F0791F;}
a:hover {color: #999	; text-decoration: none;}
a:active {color: #F0D41A; outline:0; }
a img {border: none;}
blockquote {padding: 1em; font-style: oblique; border: 1px solid #EAECD0; margin-top: 1.285714em; margin-bottom: 1.285714em;}
	blockquote p {}
	blockquote > p {margin-top: 0;}
	blockquote p:last-child {margin-bottom: 0;}
ul, ol { margin-top: 1.5em; margin-bottom: 1.5em; padding-left:1.4em;}
	p + ul {margin-top:-1.5em;}
	ul.overflow {overflow:hidden;}
	li {padding-left: 0.5em;}
	ol li {}
		ul li {color:#444;}
		li p {margin: 0; font-size: 1em;}
		li ul, li ol {margin-top: 0; margin-bottom: 0; font-size: 1em;}
			li ul li, li ol li {font-size: 1em;}
dl {}	
	dt {font-weight: bold;}
	dd {margin-bottom: 1.5em; margin-left: 1em;}

table {border-collapse: collapse; margin-bottom: 1.5em; max-width: 42em; min-width: 25em; }
caption {font-size: 1.166667em; line-height: 1.285714em; font-weight: bold;}
	td, th {border:1px solid #666;padding: 2px 1em;}
	th {background-color:#919195; color: #fff;}

	.clear {
	    clear:both;
	}
	
	h2 {
		font-size: 1.833333em;
		line-height: 1.1em;
		margin-bottom: 0.321429em;
		color:#333;
		font-weight:normal;}
		
	h3 {
		font-size: 1.583333em;
		line-height: 0.947368em;
		margin-bottom: 0.375em;
		padding-top: 0.75em;
		font-weight:normal; 
		color:#F0791F; }
/*		h2 + h3 {padding-top:0; }*/
		h3 a {text-decoration:none;}
		h3.byline {color: #919195; line-height:1;}
	h4 {font-size: 1.5em; line-height: 1em;}
	h5 {font-size: 1.166667em; line-height: 1.285714em}
	
	dfn {border-bottom:1px #666 dotted;}
	
	body#vacancies h3 {clear:left;}
/* ========== */
/* = Images = */
/* ========== */
/*#content img {margin-bottom:1em;}
#content p > img {margin-bottom:0;}
#content img + p {margin-top:0;}*/


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/* = Special Styles :)
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
p.page-edited {font-style:oblique; clear:left;}
p.news-meta {color: #949494; font-style:oblique; font-size:0.9em; margin-bottom:0; text-align:left; margin-top:0;}
p.special-link {}
	body#media p.read-more  {background: url("../images/readmore-bar.png") repeat-x scroll left center transparent;border: 1px solid #DDDDDD;height: 25px;line-height: 25px;}

p.special-link a {color: #F0791F; text-decoration:underline;}
		p.special-link a:hover {color: #999;}

/*div.content-block p img {width:455px; height:321px;background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #D6D6D6;padding: 6px;}*/

/* Give PDF links a nice icon, if the browser is smart enough */
/*a[href$=".pdf"] {background:url('../images/download-button.png') left top no-repeat; padding-left:3em; display:block; width: 154px; font-weight:bold; text-decoration:none; padding-top:1em; color: #fff; line-height:1; height: 55px; overflow: hidden; padding-right:1em;}*/
a[href$=".pdf"] {background:url('../images/pdf-icon.png') left top no-repeat; padding-left:1.1em;display:block;overflow:hidden;}

div.content-section p a[href$=".pdf"] {background:url('../images/pdf-icon.png') left top no-repeat; padding-left:1.1em;overflow:hidden;display:inline;}

/* Thumbnails
------------------------------------------------ */
/*#content img.thumbnail, body#team #content img {float: left; margin: 0 1em 1.5em 0;}*/
#content img.thumbnail + p {margin-top: 0;}
#content .annual-report ul {margin-left: 110px;list-style:none;}
	#content .annual-report ul li {min-width: 0; max-width: none; padding-left:0; list-style:none;}
	img.thumbnail-left {float: left; margin: 0 1em 1.5em 0; display:inline;}
	img.thumbnail-right {float: right; margin: 0 0 1.5em 1em; display:inline;}
	
	
/* ========== */
/* = Layout = */
/* ========== */
#container {position:relative; height:auto !important; min-height: 100%; height:100%; width:978px; margin: 0 auto;
	/*background:url("../images/bg-ambrectl-content2.png") repeat scroll left top transparent;*/
	background:#fff;
	-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);	
	-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
	box-shadow:0 0 15px rgba(0,0,0,0.4);
	overflow:hidden;}
	
	body#home #container {width: 972px;overflow:hidden;}
#header {height: 120px;position: relative;}
#sidebar {width: 244px; float: left; display:inline;background: url('../images/bg-side-nav.png') no-repeat right top; min-height:1009px; height:auto!important;padding-bottom:265px;}
#content {margin-left: 3px; padding: 0 1em; position:relative; padding-bottom:265px; width:700px; float:left;margin-bottom:40px;z-index:1;}
	body#home #content {position:relative; z-index:1; width:auto; margin-bottom:40px;margin-left:0; padding:0 1em 265px 1em; float:none; }
	div.content-section img { border:1px solid #D6D6D6; padding:6px;max-width:455px;margin:0 1em 1.5em 0; float:left;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	MEDIA SECTION :)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
body#media .content-block {border-bottom:none;}
	div#news-sidebar ul#logo-features {margin:0;padding:0;}
	div#news-sidebar ul#logo-features li {width:auto;list-style:none; }
	div#news-sidebar ul#logo-features li a {display:block;text-indent:-9999em;width:160px; height:35px; margin-bottom:10px;}
	div#news-sidebar ul#logo-features li.ae a {background: url('../images/ambre-logo-s.png') no-repeat left top;}
	div#news-sidebar ul#logo-features li.actl {background: url('../images/ambrectl-logo-s.png') no-repeat left top;}
	div#news-sidebar ul#logo-features li.mil {background: url('../images/mil-logo-s.png') no-repeat left top;height:53px;margin-bottom:20px;}

/* = Navigation = */
/* ============== */
/* Main Navigation Bar */
ul#navigation {background: transparent url('../images/bg-nav.png') center top repeat-x;height:45px; margin: 0; padding:0; position:relative; z-index: 99; margin-top:-10px;}
	ul#navigation li {float: left; padding: 0; font-size: 1.166667em;border-right:1px solid #000;border-left:1px solid #909090;
	text-shadow:0px -1px 0px rgba(0,0,0,0.9);}
		ul#navigation li.last, ul#navigation li:last-child {border-right:none;}
		ul#navigation li.first, ul#navigation li:first-child {border-left:none;}
			
		ul#navigation li a {float: left; padding: 0 36px; line-height: 40px; text-decoration: none; font-weight:normal; color:#fff; }
			ul#navigation li a:hover, ul#navigation li.current {color:#ccc;background: transparent url('../images/nav-active-bg.png') center top repeat-x;}
			ul#navigation li.current a {}
				/*ul#navigation li.current a span {float:left; padding: 0 22px 0 10px;}*/
			ul#navigation li a:active {color: #FF6E00;}
	
			ul#navigation li.drop-down a {background: url('../images/navlist_arrow.png') no-repeat center right;}				
				ul#navigation li.drop-down a:hover {background:rgba(255, 255, 255, 0.9);}
			
			ul#navigation li ul li.close {position: absolute; z-index: 100; display: block; width: 25px; height: 25px; overflow: hidden; 
				background:url('../images/nav-close-btn.gif') no-repeat top left; right: 10px; top: 10px;text-indent:-9999em;}
				ul#navigation li ul li.close:hover {cursor: pointer;}
			
			ul#navigation li ul {
				position: absolute;
				top: 40px; left: 0; right: 0;
				z-index: 99;
				padding: 18px;
				padding-top: 40px;
				background:rgba(255, 255, 255, 0.95);
				display: none; /*--Hidden for those with js turned off--*/
				margin-left: 0;
					-moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
					-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
					box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
			}
			
			ul#navigation li.hoverable:hover ul {
				display: block; /*--Hidden for those with js turned off--*/
			}
			
			/*ul#navigation li ul {}*/
				ul#navigation li ul li {display:block;text-align:left; font-size:1em;width:245px; height:20px;padding-bottom:7px; background:url('../images/h2-line-dark.png') no-repeat scroll right bottom transparent; margin-bottom:8px;border:none; text-shadow:none;}
			
				ul#navigation li ul li a {color:#000;line-height:30px;padding:0; margin:0;}
					ul#navigation li ul li a:hover {background: none;}
						ul#navigation li ul li a span {color:#333;}
							ul#navigation li ul li a:hover span {color:#FF6E00;text-shadow:none;background:none;}
			
			ul#navigation li .row { /*--If needed to break out into rows--*/
				clear: both;
				float: left;
				width: 100%;
				margin-bottom: 10px;
			}
			ul#navigation li .sub ul {
				list-style: none;
				margin: 0; padding: 0;
				width: 932px;
				float: left;
				height:200px;
			}
			
			ul#navigation .sub ul li {
				/*width: 100%; --Override parent list item--*/
				width:200px;
				color: #fff;
				float:left;
			}
			
			ul#navigation .sub li.heading a { /*--Sub nav heading style--*/
				padding-left:15px; 
				color:#555;
			 	width:100%;
				margin: 0;
				font-size: 0.6em;
				line-height: 1.285714em;
				font-weight: normal;
				background: url('../images/h2-line.png') no-repeat bottom left;
				margin-bottom:20px;
			}
			

			ul#navigation .sub ul li a {
				float: none;
				text-indent: 0; /*--Override text-indent from parent list item--*/
				height: auto; /*--Override height from parent list item--*/
				padding: 7px 5px 7px 15px;
				display: block;
				text-decoration: none;
				color: #666;
				background-image:none;
				font-size: 0.9em;
				line-height: 1.285714em;
			}
			ul#navigation .sub ul li a:hover {
				color: #333;
				background-position: 5px 12px ;/*--Override background position--*/
			}		
			
			ul#navigation li ul li.heading {position: absolute; top: 10px; left: 18px; color: #FF6E00; font-size: 1.6em; background:url('../images/h2-line.png') no-repeat scroll right bottom transparent;}
				ul#navigation li ul li.heading a {color: #FF6E00;}
			
				
				ul#secondary-nav {padding-left:0; margin: 0; clear: both; text-align: center;}
				
				ul#secondary-nav li {list-style:none; margin: 0; padding: 0; text-align: left;display: inline;}
/*				ul#secondary-nav li:first-child {float:left; margin-left: 0;}*/
				
				ul#secondary-nav li a{
					text-decoration:none;
				display:inline-block;
				width:273px;
				background-color: #EFEFEF;
			    border: 1px solid #DDDDDD;
			    border-radius: 5px 5px 5px 5px;
/*			    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);*/
			    color: #FF8605;
				
			    margin: 0 7px;
			    padding: 18px 12px ;
			font-size:1.5em;
			cursor:pointer;
			background:url('../images/bg-btn-home.png') repeat top left;
			-moz-box-shadow:inset 0 0 2px rgba(0,0,0,.3);
			   -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.3);
			   box-shadow:inset 0 0 2px rgba(0,0,0,.3);
			}
				ul#secondary-nav a:hover {color:#000;text-decoration:none; opacity: 0.5;}
			ul#secondary-nav a span {display:block;font-size:0.7em;color: #919295;}
				ul#secondary-nav a:hover span {color: #FF8605;}
			
	/* ============== ============== ============== ============== ============== ============== ============== ============== ============== */			

/* Breadcrumbs */
ul#nav-breadcrumb {overflow: hidden; margin: 0; padding: 0; list-style:none; min-width: 0; max-width: none;font-size: 1em;line-height: 1.5em;padding-top: 0.75em; padding-bottom: 0.75em; margin-bottom: 1.5em;background: url('../images/h2-line.png') no-repeat bottom right;}
	ul#nav-breadcrumb li {float: left; margin-right: 2px; font-size: 1em; min-width: 0; list-style:none; background:none; padding-left:0;}
		ul#nav-breadcrumb li a {color: #BABABA; background:transparent url('../images/breadcrumb-divider.png') right 1px no-repeat; padding-right:15px;}

/* Side Navigation */
#side-navigation {margin: 0; padding:0; position:relative; z-index: 1; }
	#side-navigation li {display:inline;font-weight:bold; padding-left:0; font-size: 1.166667em; float:left; width:224px;}
		#side-navigation li a {display:inline; text-decoration:none; padding: 12px 0 12px 12px;  color: #919194; border-top:1px solid #fff; border-bottom:1px solid #CECECE;float:left; width:228px; text-shadow:0 1px 0 #C6CBD5;}
		#side-navigation li a:hover {background:#C4C4C9; color:#fff; text-shadow:none;}
		
		
/*			#side-navigation li a:first-child {border-top:0;}*/
			/*#side-navigation li:first-child a {border-top:1px solid #CECECE;}*/
			#side-navigation li.current a {padding-right:1px; background: #fff; color: #F0791F;}
	/* Second Level			*/
	#side-navigation li ul {padding-left:0; margin-left:0;}
		#side-navigation li ul li {font-size:0.8em;}
			#side-navigation li.current ul li a {border-left:0; padding-left:12px;margin-left:6px;}

/* ======== */
/* = Logo = */
/* ======== */
h1#logo {font-size: 12px; height: 103px; padding-left: 35px; position:absolute; top:24px; left:0;}
	h1#logo a {text-decoration: none; color: #333;}
		h1#logo a img {vertical-align:top;}
		

/* ========== */
/* = Footer = */
/* ========== */

/*body#home #footer {height:20px; background:none;}*/
#footer {background:#333;clear: both;height: 265px; position:absolute; bottom:0; left: 0; width:100%; border-top:1px solid #000; width:100%;z-index:999;}

	
	#footer #botton-nav {position:absolute;bottom:0;width:98%; background:#000; padding:5px 12px;z-index:9999;left:0;}
		#footer #botton-nav p {float:right; color:#EBEBEB;margin:0; padding:0; }
	#footer #botton-nav a {text-decoration:none;}
		#footer #botton-nav a:hover {color:#ccc;}


			#footer p.o2kcredit {position:absolute; right: 1em;  left: auto; margin: 0; font-weight:bold; font-size:0.8em;}
			body#home #footer p.o2kcredit {left: auto;}
			#footer p.o2kcredit a {text-decoration:none; border-bottom:1px dotted #eee;}

#footer .footer-nav { padding:0 0 0 14px; float:left;}
#footer .footer-nav ul {z-index:9999; position:relative;margin-left:0; padding-left:0; }
	#footer .footer-nav ul li {list-style:none;float:left; width:114px;padding-left:0; margin-right:45px;}
	
	#footer .footer-nav ul li a {color:#F0791F;text-decoration:none; }
		#footer .footer-nav ul li a:hover {color:#A75314;}
	
	#footer .footer-nav ul li ul li a {color:#ccc;text-decoration:none; }
		#footer .footer-nav ul li ul li a:hover {color:#A6A6A6;}
	

	
		#footer .contact-field {width:150px; height:100px; float:right;padding-right:12px; position:relative;z-index:99999;margin-top:10px;}
			#footer .contact-field p {color:#fff; width:100px;}
			
			h4.footer-logo {}
			dl#contact-details {}
				dl#contact-details dt {color:#ccc;font-weight:normal;font-size:1em;}
				dl#contact-details dt a {text-decoration:none;}
				dl#contact-details dt a:hover {color:#A6A6A6;}

/* ============================== */
/* = Special Content Type Style = */
/* ============================== */

/* Combined Content Pages */
/*.content-section {overflow:hidden; margin-bottom:40px; }*/
.content-block {max-width: 42em;float:left; margin-right:12px; width:439px; /*border-bottom:1px dotted #CCCCCC;*/ padding-bottom:20px;position:relative;z-index:1;margin-bottom:20px;}

.content-section .content-block {border:none; margin:0 20px 0 0; padding:0;}

div.on-this-page-container {margin-right: 12px;position: relative;width: 470px;z-index: 5;}

body#ambrectl-news .content-block,
body#publications .content-block,
body#general-news .content-block,
body#media .content-block {width:auto;}

/* Skinny content
---------------------------------------- */
body#order div.content-section {float: none;}
#content .content-block ul li {min-width: 0;}
.aside + .content-section-title {clear:left;}
p.back-to-top {}
div.wufoo {max-width: 42em;}

	
/* Asides - pull-out blocks of content
---------------------------------------- */
.meta-section {position:relative; right:0; width:236px;z-index:-1;position:absolute;right:-205px; top:70px;}
	.meta-section h4 {font-size: 1.583333em;line-height: 36px;background:url('../images/this-section-bg.png') left top no-repeat; width:236px; height:36px;color:#fff;  text-align:center; }
	
.meta-section ul {margin-left:26px;}
	.meta-section ul li {list-style:none; }
	.meta-section ul li a {background:url('../images/bg-readmore.png') no-repeat left 4px;display:block;padding-left:12px;text-decoration:none;color:#444;}
		.meta-section ul li a:hover {color:#ccc;}

/* General Content Page
---------------------------------------- */
p.main-page-image { padding: 6px; background:#fff; border:1px solid #D6D6D6; width:455px; height:321px;}
	p.main-page-image img { display:block;}

p.main-section-image { padding: 6px; background:#fff; border:1px solid #D6D6D6; width:455px; }
	p.main-section-image img { display:block;}

#content .aside {margin-bottom:1.5em; color: #919295; padding: 0 0 0.3em 1em; float:right; width:209px;
		border: 1px solid #ddd; background:#efefef url("../images/bg-btn-home.png") repeat scroll left top;
		     -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4); /* FF3.5+ */
		  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4); /* Saf3.0+, Chrome */
		          box-shadow: 1px 1px 2px rgba(0,0,0,.4); /* Opera 10.5, IE 9.0 */
		            /*  filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=1px, OffY=1px, Color='#000000');  IE6,IE7 */
		          /*-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=1px, OffY=1px, Color='#000000')";  IE8 */
		     -moz-border-radius: 5px; /* FF1+ */
		  -webkit-border-radius: 5px; /* Saf3+, Chrome */
		          border-radius: 5px; /* Opera 10.5, IE 9 */
	}
/*#content .aside * {margin-left: 1em; margin-right: 1em;}*/
#content .aside span {margin: 0;}
#content .aside h3 {font-size: 1.333333em; line-height: 1.125em; color: #9AAEDB;margin-top: 0em; margin-bottom: 0.5625em; font-weight:bold;}
	#content .aside ul, #content .aside ul li {/*margin-left:0; padding-left:0; */min-width: 0; max-width: none; margin-bottom: 0; margin-top:0;}
	#content .aside p img {display:block; margin:auto;}
	#content .aside a {margin-left: 0; margin-right: 0;}
	#content .aside a[href^="http://"] {background:url('../images/external.png') right center no-repeat; padding-right: 2em;}
	#content .aside a[href^="mailto"] {background:url('../images/email.png') right center no-repeat; padding-right: 2em;}
	#content .aside a[href$=".pdf"] {min-height:30px;background:url('../images/download-button.png') left top no-repeat; padding-left:2em; display:block; width: 154px; font-weight:bold; text-decoration:none; color: #F67F02; line-height:1.3em; overflow: hidden; padding-right:1em; font-style:normal;}
		#content .aside a:hover[href$=".pdf"] {color:#666;}


body#ambrectl div#front-main {width:auto;padding:0;}

.homepage-ambrectl-thumb {float: left;height: 135px;margin-right: 22px;width: 178px;position:relative;}
	.homepage-ambrectl-thumb a {text-decoration: none;}

.homepage-ambrectl-thumb a img {vertical-align:top; position:absolute; top:0;}
.homepage-ambrectl-thumb a span {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
line-height:25px;
    bottom: 0;
    display: block;
    height: 25px;
    left: 0;
    padding-left: 10px;
    position: absolute;
    width: 168px;
}

body#ambrectl div#front-main ul#navigation li a:hover, ul#navigation li.current {background:none;}

body#ambrectl #side-content ul#side-navigation {padding:0;}
	body#ambrectl #side-content ul#side-navigation li {;list-style:none; background: url('../images/icon-sidebar-list2.png') left top no-repeat; height:25px; line-height:25px; padding-left:35px; margin-bottom:10px;}
		body#ambrectl #side-content ul#side-navigation li a {text-decoration:none;color:#fff;border-top:none;text-shadow:none;font-weight:normal;padding:0;}
			body#ambrectl #side-content ul#side-navigation li a:hover {background:none; color:#ccc;}

#content img.content-item-thumbnail {float:left; margin: 0 1em 0.5em 0; padding: 0.5em; background:#fff; border:1px solid #D6D6D6;}

#content .aside p, #content aside li {font-size: 1em; font-style:italic; color:#666;
	line-height: 1.636364em;
	margin-top: 1.5em;
	margin-bottom: 1.8em;}

/* Special in-content box */
div.highlight {background-color: #e6e7e8; border: 1px solid #bbbbbe; padding: 1em;color: #004b8d;}

/* Table of Contents */
#toc {border:1px solid #CDCDCD;background:#E6E6E6;  background:rgba(125,125,125,0.25);padding: 1em; width:200px; position:absolute; top:-7px; right: 1em; padding-top:0;}
	#toc h4 {text-transform:uppercase; font-size: 1em;
		line-height: 1.5em;
		margin-top: 0.75em;
		margin-bottom: 1.5em;}
	#toc ul, #toc li {padding-left:0; margin:0; min-width: 0;}
	#content #toc li {min-width: 0; border-bottom:1px dashed #919195; padding: 0.2em 0; background: transparent;}
	#content #toc li:last-child {border-bottom:none;} 

/* Jobs */
div.job {}
	div.job p.job-meta {margin:0;}

/* FEATURE BOX
--------------------------------------------------------	*/

div#featurebox {border:1px solid #fff; margin-bottom:1em; position:relative;}

.gallery {margin: 0 0 0 -1px; padding: 0; width:974px; list-style: none; position: relative; height: 270px;}
	.gallery li {list-style: none; margin: 0; padding: 0;position: absolute; top: 0; left: 0; width: 974px; height: 270px;/* background-color: #fff;*/ overflow: hidden; }
		.gallery li img {display: block; width: 974px;}
		.gallery li span.title {display: block; position: absolute; height: 100px; bottom: 0; width: 100%; background: rgba(0,0,0,.5);}
			.gallery li span.title span {display: inline-block;}
			.gallery li span.title span.heading {height: 100px; line-height: 100px;color: #f57b1f; font-size: 3em; margin-left: 20px; font-weight: bold; margin-right: 100px;}
			.gallery li span.title span.description {color: #eee;line-height: 100px;padding-left: 20px; float:left;position:absolute; left:300px; top:0;}
	

/* Home Page
---------------------------------------- */
body#home h2 {margin-bottom:0; /*background-color: #F0791F; color: #fff; */line-height:2; margin-top:0;}
/*	body#home h2 span {padding-left:1em; border-left:1px solid #fff;}*/
	

/* The main front page content
-----------------------------------------------------*/
div#front-main {padding:0 12px 12px 14px; margin-bottom:30px;}
	div.homepage-thumb { width:308px; height:150px;margin-right:9px;float:left;}
				div.homepage-thumb-last	{ width:308px; height:112px;float:left;}
				
				
				div.homepage-thumb p a, div.homepage-thumb-last p a {color:#fff; text-decoration:none;}
		div.homepage-thumb p a:hover, div.homepage-thumb-last p a:hover {color:#FF8605;}
		
		
		div.homepage-thumb p, div.homepage-thumb-last p {position:relative; font-size: 1.333333em;line-height: 26px; color:#fff;height:150px; }
		div.homepage-thumb span, div.homepage-thumb-last span {position:absolute; left:0; bottom:0;display:block; width:298px;height:26px; background:url('../images/seventy-opacity.png') left top;
			background: rgba(0, 0, 0, 0.7); padding-left:10px;}
		
			
h2.main-banner-ie {width:972px; height:399px; display:block; }				
			
/* News - Front Page
---------------------------------------- */
div#news {overflow: hidden; margin-bottom:30px; margin-left: 10px;}
	#news p {margin: 0; min-width:0;}
	#news h3,#publications h3 {color:#555;margin: 0;font-size: 2em;line-height: 1.125em;padding-bottom:5px;
	font-weight: normal;background: url('../images/h2-line-dark.png') no-repeat bottom right;margin-bottom:20px;}
	
body#home div#news {float:left;}
body#home div#publications {width:309px; float:right; overflow: hidden;}
	#news .news-item {float:left;width:295px; overflow: hidden; margin-right: 19px;}
	#news .news-item + .news-item {margin-right: 0;}
		#news .news-item img {width: 100%;}	
	
	div#news div.news-item h4,body#home #publications div.news-item h4 {font-size: 1.333333em;line-height: 1.125em;margin-bottom: 0.5625em;font-weight:normal;}
		div#news div.news-item h4 a, body#home #publications div.news-item h4 a {text-decoration:none;color:#FF8605; }
		div#news div.news-item h4 a:hover, body#home #publications div.news-item h4 a:hover {color:#ccc;}
	
	div#news div.news-item p, body#home #publications div.news-item p {max-width:300px;margin-bottom:10px; margin-top:0;}
		div#news div.news-item img, div#publications div.news-item img {display:block;  border:1px solid #BCBCBC; background:#fff;margin-bottom:10px;}
		
		
	#news p.news-meta, div#home-publications p.news-meta {margin-top: 0; text-align:left;}
	#home-publications .news-item div h4 {display: none;}
	
	a.read-more {background:url('../images/bg-readmore.png') no-repeat center left; padding-left:12px;text-decoration:none; color:#444;}
		a:hover.read-more {color:#ccc;}
		
		
/* News - INTERNAL page
---------------------------------------- */
body#news .content-block,body#general-news .content-block, body#ambrectl .content-block, body#publications .content-block {border-bottom:none; margin:0; }
		body#news #content,body#general-news #content, body#ambrectl #content, body#publications #content, body#ambrectl-news #content, body#media #content, 
		body#ambre-energy #content, body#ambrectl1 #content,body#millennium-bulk-terminals #content, body#ambrectl-media-releases #content, body#taglanding #content, body#mediatag #content, body#browse-by-tag #content, body#vacancies #content, body#news-events #content {width:474px; padding-bottom:310px;}
body#news h3,body#general-news h3, body#publications h3 {background:none; padding-bottom:0; margin-bottom:5px; width:460px;}
body#news p, body#general-news p, body#ambrectl p, body#publications p   {margin: 1.5em 0; min-width:0;}
body#news p.read-more , body#general-news p.read-more, body#publications p.read-more, body#ambrectl-news p.read-more, body#media p.read-more, body#ambrectl-media-releases p.read-more, body#vacancies p.read-more, body#taglanding p.read-more, body#mediatag p.read-more, body#browse-by-tag p.read-more, body#news-events p.read-more {background:url('../images/readmore-bar.png') center left repeat-x; height:25px;line-height:28px;width:458px;}
	body#news p.read-more a, body#general-news p.read-more a, body#ambrectl p.read-more a, body#publications p.read-more a, body#ambrectl-news p.read-more a, p.read-more a, body#media p.read-more a {background:none;border:none; text-align:left; padding:0 0 0 15px; text-decoration:none;color:#fff; float:left;}
		body#news p.read-more a:hover, body#general-news p.read-more a:hover, body#ambrectl p.read-more a:hover, body#publications p.read-more a:hover, body#ambrectl-news p.read-more a:hover, p.read-more a:hover, body#media p.read-more a:hover {color:#FF8605;}
		
		body#news p.read-more a span, body#general-news p.read-more a span, body#ambrectl p.read-more a span,body#publications p.read-more a span, 
		body#ambrectl-news p.read-more a span {background:url('../images/bg-back-top.png') center right no-repeat; padding-right:16px;}
		
		body#ambrectl-news.extra p.read-more a span {background:none;}

		body#news p.main-page-image, body#general-news p.main-page-image, body#ambrectl p.main-page-image, body#publications p.main-page-image {margin-top:5px;}
		
		body#news p.news-meta, body#general-news p.news-meta, body#ambrectl p.news-meta, body#publications p.news-meta {margin:0;}
	

	li.text-size {display:none;}		
		
/* News - INTERNAL NEWS SIDE CONTENT
---------------------------------------- */		
div#news-sidebar { width:230px; float:left; margin-top:58px;padding-bottom:265px;}		
	div#news-sidebar .features-block {margin-bottom:15px; border-bottom:1px dotted #ccc;padding-bottom:10px; width:222px;;}
		div#news-sidebar .features-block p {margin:5px 8px 5px 0;}
	div#news-sidebar .features-block h3.content-section-title {width:224px; font-size:1.2em;}
	
	
	div#tags-container {margin-bottom:20px;float:left; width:210px;}
		div#tags-container ul {margin:0; padding:0;}
		div#tags-container ul li {list-style:none; display:inline-block; margin:0; padding:0;}
			div#tags-container ul li a { color:#333;margin-right:5px; text-decoration:none;background:url('../images/bg-readmore.png') no-repeat center left; padding-left:12px;}
		
		div#tags-container ul li a:hover {color:#FF8605;}
	
		
/* Publication - Front Page
---------------------------------------- */	
div#home-publications {width:320px;float:left;}
	div#home-publications h3 {color:#555;width:300px;margin: 0;font-size: 1.333333em;line-height: 1.125em;padding-bottom:5px;
	font-weight: normal;background: url('../images/h2-line-dark.png') no-repeat bottom right;margin-bottom:20px;}
	
	div#home-publications div.news-item p {min-width:0;}
	div#home-publications div.news-item {float:left;}
		div#home-publications div.news-item p.news-meta h4 {display:none;}
	/* Action Buttons
	---------------------------------------- */	
	#content #action-buttons {list-style: none;padding-left:0; margin-left:0; max-width: none; width:330px; margin: 0; margin:1em 0 2em 1em; float: right; display:inline; clear:both;}
		#action-buttons li {list-style: none; padding-left:0; min-width: 0;font-size: 1.166667em; line-height: 1em; background:url('../images/action-button.png') left top no-repeat; height: 60px; overflow:hidden;  padding: 0 1em;}
			#action-buttons li.action-1 {background:url('../images/action-button.png') left -59px no-repeat; }
			#action-buttons li.action-2 {background:url('../images/action-button.png') left -118px no-repeat; }
			#action-buttons li.action-3 {background:url('../images/action-button.png') left top no-repeat; }
		
		
			#action-buttons li a {font-size: 1.333333em;
				line-height: 1.125em;
				margin-top: 0.642857em; font-weight:bold;display:block; text-decoration:none; color: #fff;} 
			#action-buttons li a span {	font-size: 0.75em;line-height: 1.5em; font-weight:normal; display:block; color: #000;}

/* AMBRECTL HOME PAGE
---------------------------------------- */
body#ambrectl .ambrectl-banner {display:block;margin-top:-5px; margin-bottom: 0;}
body#ambrectl .ambrectl-banner img {width: 100%; display: block;}

/*html body#ambrectl {background: url('../images/Expressway.jpg') no-repeat center center fixed; 
                      -webkit-background-size: cover;
                      -moz-background-size: cover;
                      -o-background-size: cover;
                      background-size: cover;
/*					filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/large-bg.jpg', sizingMethod='scale');
					-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/large-bg.jpg', sizingMethod='scale')";
} */
	body#ambrectl #content{overflow:hidden;width:972px; box-shadow:0 0 15px rgba(0, 0, 0, 0.6);background: url('../images/bg-ambrectl-content3.png') top left;}
	
		body#ambrectl div#container div.orbit-wrapper #featured {padding-bottom:2px;}
	
#intro-project {width:972px; height:399px; background: url('../images/bg-ambrectl-content2.png') top left;display:block;margin-top:-25px; border-bottom:1px solid #000;}	
	#intro-project h2 {color:#000;}

body#ambrectl #content	{width:auto; padding:0;padding-bottom:230px; float: none; margin-left: 0;}
	
	
/*body#ambrectl div#container #footer	{background: url('../images/bg-ambrectl-content3.png') top left;}*/
	body#ambrectl div#container #footer	{background:#000;}

#ambrectl-front-main {width:auto;  margin:0 auto; background:  margin-top:100px; padding: 20px 12px 0 12px;}
		
#ambrectl-front-main #main-content {width:600px; float:left; margin-left:10px;}
#ambrectl-front-main #side-content { width:288px; float:right;}
		
#ambrectl-front-main p {color:#fff;}
		
#ambrectl-front-main .content-block {width:100%; max-width:100%;margin-bottom:0; padding-bottom:0;}

#ambrectl-front-main #main-content p.read-more {display:inline-block;}
#ambrectl-front-main #main-content p.read-more a, #ambrectl-front-main #main-content a.read-more, div#left-article p a, div#right-article p a {background:url('../images/bg-readmore.png') no-repeat center left; padding-left:12px;text-decoration:none; color:#fff;font-weight:normal; margin:0; padding-top:0;}
	#ambrectl-front-main #main-content p.read-more a:hover, #ambrectl-front-main #main-content a:hover.read-more  {color:#ccc;}

body#ambrectl #content #side-content h4 {font-size: 1.583333em;line-height: 0.947368em;margin-bottom: 0.375em;padding-top: 0.75em;font-weight:normal; color:#F0791F; text-decoration:none;}
body#ambrectl #content #side-content h4 a {text-decoration:none;}
	body#ambrectl #content #side-content h4 a:hover {text-decoration:underline;}
body#ambrectl #content #side-content a.read-more {color:#fff;}
body#ambrectl #content #ambrectl-front-main .news-item {margin-bottom:15px;padding-bottom:15px;}
	body#ambrectl #content #ambrectl-front-main .news-item img {background:#fff; padding:2px; border:1px solid #ccc;}
		body#ambrectl #content #ambrectl-front-main .news-item h4 a {color: #F0791F;font-size: 1.2em;font-weight: normal;line-height: 1.1em;margin-bottom: 0.321429em;}
		body#ambrectl #content #ambrectl-front-main .news-item h4 a:hover {color:#ccc;}
			body#ambrectl #content #ambrectl-front-main .news-item p.news-meta {margin-bottom:10px;}
		

div#intro-ambreCTL {margin-bottom:20px;}

body#ambrectl #ambrectl-front-main #main-content a[href$=".pdf"] {background: url("../images/pdf-icon2.png") no-repeat scroll left top transparent;padding-left: 27px; display:block; text-decoration:none;}
	body#ambrectl #ambrectl-front-main #main-content a:hover[href$=".pdf"] {color:#ccc;}

div#left-article {float:left;width:44%;}
div#right-article {width:50%;float:left; margin-left: 20px;}
	
	body#ambrectl #ambrectl-front-main #main-content h3 a {
		display:block;   
		color: #FFFFFF;
	    font-size: 1.8em;
	    font-weight: 600;
	    line-height: 1em;
	    text-decoration: none;
	    text-transform: uppercase;}
		body#ambrectl #ambrectl-front-main #main-content h3 a:hover {color:#F0791F;}
		body#ambrectl #ambrectl-front-main #main-content h3 a span {display:block;}
		
		
body#ambrectl h3 {background:none; padding-bottom:0;margin-bottom:5px; width:460px;font-size:3.5em; color:#fff;font-weight:600;padding-top:0;text-transform:uppercase;}
	body#ambrectl h3 span {display:block;}

body#ambrectl #footer #botton-nav {background:#222;}

/* Contact Page
---------------------------------------- */
body#contact #container {}
body#contact #content {margin-left:0;}
	body#contact #content .content-block {width: 38em;}
	body#contact .content-section .content-block  {margin: 0;}

/* ========= */
/* = Tools = */
/* ========= */
#tools {position: absolute; top: 40px; right: 0; }
#tools ul {margin: 0; padding: 0;}
	#tools ul li {float: left; font-size: 0.8em; background:transparent;}
		#tools ul.resizer {padding: 0; margin: 0; padding-top:5px;}
		#tools ul.resizer li {float: left; cursor:pointer; background:url('../images/text-size.png') center top no-repeat; width: 19px; height: 10px; text-indent:-9999em;padding: 0; margin-top:4px;}
		#tools ul.resizer li.text-smaller {background:url('../images/text-size.png') center bottom no-repeat; }
		body.text-smaller #tools ul.resizer li.text-smaller, body.text-larger #tools ul.resizer li.text-larger {display:none;}
		
		#tools ul li#search {display:inline-block;padding-top:5px;margin-right:10px;}
			#tools ul li#search form fieldset {border: none; padding: 0;}
			#tools ul li#search form fieldset ol {margin: 0; padding: 0;}
				#tools ul li#search form fieldset ol li {padding: 0; float: left;}
				#tools ul li#search form fieldset input {width: 100px; border:1px solid #333; background:#fff; vertical-align:top; padding:0 5px;}
				#tools ul li#search form fieldset legend {display: none;}
				#tools ul li#search form #ajaxSearch_input {height:18px; width:150px;border:1px solid #333;}
					#tools ul li#search form #ajaxSearch_input:focus {border:1px solid #ccc;}
				
				#tools ul li#search form #ajaxSearch_submit {background:#333; color:#fff; width:50px; font-weight:bold; cursor:pointer; height:20px;}

				p#ajaxSearch_intro {display:none;}

/* ================== */
/* = Search Results = */
/* ================== */
#tools label[for="ajaxSearch_input"] {display:none;}
#ajaxSearch_form fieldset {border: none;}
.ajaxSearch_highlight {padding: 0 0.5em;}
.ajaxSearch_highlight1 {background-color:#AEFF08; background-color: rgba(174,255,8,0.5);}
.ajaxSearch_highlight2 {background-color:#FF8605; background-color: rgba(255,134,5,0.5);}
div.ajaxSearch_result {clear:left;}
p.ajaxSearch_resultsInfo {font-weight:bold; margin: 0; float:left; margin-bottom:1em;}
span.ajaxSearch_paging {display:block; font-weight:bold; float:right; margin-bottom:1em;}
a.ajaxSearch_resultLink {font-weight:bold;}
div.ajaxSearch_resultExtract p {margin: 0;}

/* ========== */
/* = Resets = */
/* ========== */
/* Remove list style	*/
ul#navigation, ul#navigation li, ul#nav-breadcrumb, ul#nav-breadcrumb li, #tools ul, #tools ul li, #side-navigation, #side-navigation li, #toc ul li, #toc ul, div#featurebox ul, div#featurebox ul li {list-style: none;}



/* Contain Floats */
ul#navigation:after,#container:after, ul#nav-breadcrumb:after, #content:after, .content-block:after, .content-section:after, #side-navigation:after, div#featurebox ul:after, side-navigation:after, div#front-main:after, #footer #botton-nav:after, .aside:after, #content .aside:after, #content:after, #header:after, #ambrectl-front-main:after { /* For modern browsers */
  content    : ".";
  display    : block;
  height     : 0;
  clear      : both;
  visibility : hidden;
}


ul#navigation,#container, ul#nav-breadcrumb, #content, .content-block, .content-section, #side-navigation, div#featurebox ul, side-navigation, div#front-main, #footer #botton-nav, .aside, #content .aside, #content, #header, #ambrectl-front-main  { display : inline-block; } /* For IE6/7 */
ul#navigation,#container, ul#nav-breadcrumb, #content, .content-block, .content-section, #side-navigation, div#featurebox ul, side-navigation, div#front-main, #footer #botton-nav, .aside, #content .aside, #content, #header, #ambrectl-front-main  { display : block; } /* For IE6/7 */


/* ================ */
/* = Text Shadows = */
/* ================ */
/* white inset shadow for creating letterpress */
#side-navigation li a, .aside li, .aside h4, div#feature-content-wrapper ul#what-we-do-actions li a {text-shadow:0px 1px 1px #fff;}
ul#navigation li.current a, .aside li a, #action-buttons li a span {text-shadow:none;}