/**
 * CSS styles for Transfield Services
 */

/* Basic element styling */
body {
	margin: 0;
	padding: 0;
	background: url(../images/bg.gif) repeat-x;
	font-family: arial, sans-serif;
}
img {
	border: 0;
}
form {
	display: inline;
}
:focus {
	outline: 0;
}


/* header */
#header {
	width: 941px;
	margin: auto;
	background: url(../images/header_bg.jpg) no-repeat;
	height: 88px;
}
#header h1 {
	background: url(../images/logo.png) no-repeat;
	float: left;
	width: 113px;
	height: 88px;
	text-indent: -2000px;
	margin: 0; padding: 0;
}
#header h1 a { display: block; height: 88px; }
#header h2 {
	background: url(../images/slogan.png) no-repeat;
	float: left;
	width: 294px;
	height: 88px;
	text-indent: -2000px;
	margin: 0; padding: 0;
}
#header .links {
	float: right;
	height: 31px;
	background: url(../images/top_right.png) no-repeat;
	width: 259px;
}
#header .links ul {
	display: inline;
	padding: 0;
	margin: 0;
	list-style: none;
}
#header .links li {
	margin: 0;
	padding: 0;
	float: left;
	height: 31px;
}
#header .links a {
	display: block;
	text-indent: -2000px;
	height: 26px;
}
#header .links .search {
	height: 11px;
	width: 103px;
	border: 1px solid #005C84;
	font-size: 9px;
	margin-left: 41px;
	margin-top: 9px;
	font-family: Arial;
}
/*Contacts*/
#header .links li#links_0 {
	width: 50px;
}
/*RSS*/
#header .links li#links_1 {
	width: 46px;
}
/*Email*/
#header .links li#links_2 {
	width: 77px;
	display: none;
}
/*Search*/
#header .links li#links_3 {
	width: 163px;
}


/*
#header .links li#links_3 {
	width: 105px;
}
	*/

/* menu, suckerfish in navigation.css */
#menu {
	width: 941px;
	margin: auto;
	height: 40px;
}
#menu ul {
	margin: 0;
	padding: 0;
}
#menu li {
	margin: 0;
	padding: 0;
}
#menu #text_size {
	display: none;
	position: absolute;
	z-index: 200;
	margin-left: 837px;
	margin-top: -40px;
	width: 105px;
	height: 40px;
}
#menu #text_size ul {
	margin: 0;
	padding: 0;
}
#menu #text_size ul li {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	width: 28px;
}
#menu #text_size ul li a {
	display: block;
	height: 40px;
	text-indent: -2000px;
}
#menu #text_size #text_size_increase a:hover {
	background: url(../images/menu.png) -837px -40px no-repeat;
}
#menu #text_size #text_size_decrease a:hover {
	background: url(../images/menu.png) -865px -40px no-repeat;
}
#menu #text_size #text_size_print a:hover {
	background: url(../images/menu.png) -893px -40px no-repeat;
}

/* Banner */
#regional {
	width: 941px;
	height: 281px;
	margin: auto;
	background: white url(../images/banners/NAhomepage-Banner.jpg) no-repeat;
}
#regional #regional_map {
	float: left;
	width: 277px;
	margin: 0;
}
#regional #regional_ctoc {
	float: left;
	width: 277px;
	margin: 0;
	padding-top: 228px;
}
#regional #regional_flash {
	float: right;
	width: 664px;
	height: 281px;
	margin: 0;
	padding: 0;
}
#regional #regional_flash #flash_replace {
	float: right;
	width: 664px;
	margin: 0;
	padding: 0;
}
#banner {
	width: 941px;
	height: 217px;
	margin: auto;
	background: url(../images/banner.jpg) no-repeat;
}
#banner #flash_replace {
	/*padding: 180px 0 0 280px; */
	float: right;
	width: 664px;
	height: 217px;
}
#banner #flash_replace h1 {
	height: 37px;
	padding-top: 176px;
	line-height: 100%;
	font-size: 25px;
}
#banner h1 {
	margin: 0;
	padding: 0;
	font-size: 145%;
	color: white;
	font-weight: normal;
}

/** Content */
#content {
	width: 941px;
	margin: auto;
	background: white;
	padding-top: 21px;
	background: white url(../images/content_bg.gif) repeat-x;
}

#content #contact_table h4 {
	margin: 10px 0px;
}

div#content .text ul {
	list-style-type: none;
	padding: 0;
}

div#content .text ul li {
	padding-left: 10px;
	margin-left: 10px;
	background: transparent url(../images/homepage/bullet.gif) left 5px no-repeat;
}


/* homepage columns */
.homepage #content {
	padding-top: 0;
	padding: 0;
}
.homepage #col_bg {
}
.homepage #col1 {
	float: left;
	width:  398px;
	padding-top: 20px;
	padding-right: 12px;
	padding-bottom: 20px;
	padding-left: 29px;
}
.homepage #col2 {
	float: left;
	width: 209px;
	background: url(../images/homepage_col_bg.jpg) 0px 0 no-repeat;
	min-height: 410px;
	padding-top: 20px;
	padding-right: 47px;
	padding-bottom: 0px;
	padding-left: 47px;
}
.homepage #col3 {
	float: left;
	width: 159px;
	padding-top: 20px;
	padding-left: 11px;
}
.homepage #content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.homepage #content li,
.homepage #latest_news .news_item
{
	margin: 0;
	padding: 0;
	/*height: 22px;*/
	font-size: 70%;
	background: url(../images/bg_title.gif) bottom left no-repeat;
}
.homepage #content li div {
	padding: 1px 0 4px 12px;
	background: url(../images/homepage/bullet.gif) 3px 50% no-repeat;
}
.homepage #content li div a {
	color: #669DB5;
	text-decoration: none;
}
.homepage #latest_news .news_item a {
	padding: 4px 0 4px 12px;
	display: block;
	background: url(../images/homepage/bullet.gif) 3px 50% no-repeat;
	color: #669DB5;
	color: #005C84;
	text-decoration: none;
}
.homepage #content li a:hover {
	color: #6CA239;
	color: #8E9300;
}

.homepage #latest_news .news_item a:hover {
	color: #005C84;
	color: #8E9300;
	text-decoration: underline;
}
.homepage #content h4 {
	color: #669DB5;
	background: url(../images/bg_title.gif) bottom left no-repeat;
	line-height: 100%;
	font-weight: normal;
	font-size: 70%;
}

/* homepage headings */
.homepage #content h2 {
	background: url(../images/bg_title.gif) bottom left no-repeat;
	margin: 0;
	padding: 0;
	font-size: 106%;
	line-height: 100%;
	height: 26px;
	color: #005C84;
}
.homepage #content h3.health_safety {
	padding: 0;
	margin: 0;
	background: none;
}

.homepage #content a#health_safety  {
	padding: 0;
	margin: 0;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	height: 65px;
	width: 209px;
	background: url(../images/homepage/health_safety_environment.jpg) 0px -65px no-repeat;
}

.homepage #content a#health_safety:hover {
	background-position: 0px 0px;
}

.homepage #content h3.tsi,.homepage #content h3.windfarms {
	padding: 0;
	margin: 0;
	background: none;
}

.homepage #content a#tsi {
	color: #669DB5;
	display: block;
	height: 57px;
	width: 209px;
	text-decoration: none;
	background: url(../images/homepage/tsi.gif) 0px 0px no-repeat;
	text-indent: -9999px;	
}

.homepage #content a#windfarms {
	color: #669DB5;
	display: block;
	height: 57px;
	width: 209px;
	text-decoration: none;
	background: url(../images/homepage/windfarms.gif) 0px 0px no-repeat;
	text-indent: -9999px;	
}

.homepage #content a#tsi:hover, .homepage #content a#windfarms:hover {
	background-position:0px -57px;
}

.homepage #content h3 {
	background: url(../images/bg_title.gif) bottom left no-repeat;
	margin: 0;
	padding: 0;
	line-height: 100%;
	font-size: 100%;
	height: 26px;
	color: #669DB5;
	font-weight: normal;
}
.homepage #content #safety_performance a{
	background: url(../images/safety_performance.png) no-repeat;
	text-indent: -3000px;
	display: block;
	width: 159px;
	height: 175px;
}
.homepage #content #safety_record a{
	background: url(../images/safety_record.png) no-repeat;
	text-indent: -3000px;
	display: block;
	width: 159px;
	height: 209px;
}
.homepage #content #safety_record a:hover,
.homepage #content #safety_performance a:hover {
	background-position:-159px 0px;
}


/* homepage share price */
#share_price {
	color: #004A6F;
	font-size: 70%;
   	padding-left: 45px;
   	padding-top: 5px;
   	background: url(/images/asx.gif) 5px 8px no-repeat;
}

/* ctoc */
#ctoc {
	font-size: 80%;
	color: #005C84;
	float: left;
	width: 215px;
	padding: 0px 35px 15px 30px;
}
#ctoc a {
	color: #005C84;
	text-decoration: none;
	display: block;
	padding: 5px 0;
}
#ctoc a:hover {
	color: #005C84;
	text-decoration: underline;
}
#ctoc .ctoc_item1,
#ctoc .ctoc_item2,
#ctoc .ctoc_item3,
#ctoc .ctoc_item4,
#ctoc .ctoc_item5 {
	border-bottom:  1px dotted #CCDEE6;
}
#ctoc .ctoc_item0 {
	display: none;
}
#ctoc .ctoc_item2 {
	padding-left: 15px;
}
#ctoc .ctoc_item3 {
	padding-left: 20px;
}
#ctoc .ctoc_item4 {
	padding-left: 25px;
	font-size: 85%;
}
#ctoc .ctoc_item5 {
	padding-left: 30px;
	font-size: 85%;
}
#ctoc #ctoc_current_item {
	font-weight: bold;
}


/* ctree */
#content .ctree {
	font-size: 80%;
	color: #005C84;
	float: left;
	width: 215px;
	padding: 0px 35px 30px 30px;
}
#content .ctree a {
	color: #005C84;
	text-decoration: none;
	display: block;
/*	padding: 5px 0;*/
}
#content .ctree a:hover {
	color: #005C84;
	text-decoration: underline;
}

#content .ctree .ctree_title {
	border-bottom:  1px dotted #CCDEE6;
	padding: 5px 0;
}
#content .ctree #ctree_current {
	font-weight: bold;
}
#content .ctree .ctree_children {
	padding-left: 15px;
}



/* breadcrumb */
#content #breadcrumb {
	padding-bottom: 10px;
	color: #005C84;
	font-size: 70%;
}
#content #breadcrumb a {
	color: #8E9300;
	text-decoration: none;
}
#content #breadcrumb a:hover {
	text-decoration: underline;
}


/* Text */
#content .text {
	font-size: 70%;
	line-height: 150%;
	color: #1F6F93;
	float: left;
	/*width: 476px;*/
	width: 610px;
}
#content .text a {
	color: #8E9300;
	text-decoration: none;
}
#content .text a:hover {
	text-decoration: underline;
}
#content .text #find_out_more {
	float: left;
}
#content .text #find_out_more ul {
	margin: 0;
	padding: 0;
}
#content .text #find_out_more li {
	margin: 0;
	padding: 0;
}

/* Headings */
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6
{
	margin: 0;
	padding: 0;
	/*line-height: 36px;*/
	line-height: 1em;
}
#content h1 {
	font-size: 22px;
	font-weight: normal;
	background: url(../images/heading_bg.gif) bottom left no-repeat;
	margin-bottom: 10px;
	padding-top: 15px;
	color: #005C84;
}
#content h2 {
	font-size: 18px;
	background: url(../images/heading_bg.gif) bottom left no-repeat;
	/*font-size: 135%;*/
	padding-top: 13px;
	margin-bottom: 10px;
	font-weight: normal;
	color: #4C8DA9;
}
#content h3 {
	font-size: 15px;
	background: url(../images/heading_bg.gif) bottom left no-repeat;
	margin-bottom: 5px;
	color: #669DB5;
}
#content h4 { font-size: 100%; line-height: 150%;}
#content h5 { font-size: 85%; }
#content h6 { font-size: 75%; }

/* lists - not done 'cause there are no changes required! */


/** page specific styles */
#content .mediaenquiries {
	width: 238px;
	float: left;
}
#content .investorenquiries {
	width: 238px;
	float: right;
}
#content .boilerplate {
	padding: 5px 0;
	border-top:  1px dotted #CCDEE6;
	width: 476px;
	float: left;
}
#content .date {
	color: #4C8DA9;
}

#content a.download_button {
	display: block;
	height: 17px;
	width: 80px;
	text-indent: -2000px;
	background: url(../images/download_off.gif);
}
#content a.download_button:hover {
	background: url(../images/download_on.gif);
}


/* Find Out More*/
#find_out_more {
	font-size: 75%;
	line-height: 150%;
	color: #267496;
	float: right;
	width: 131px;
}
#find_out_more a {
	color: #8E9300;
	font-size: 90%;
	line-height: 125%;
	text-decoration: none;
	display: block;
	padding: 5px 0;
	border-top:  1px dotted #CCDEE6;
	margin-bottom: 0px;
}
#find_out_more a:hover {
	color: #8E9300;
	text-decoration: underline;
	display: block;
	padding: 5px 0;
}
#find_out_more a.none {
	border-top:  0px;
}
#find_out_more .form {
	font-size: 90%;
	width: 127px;
}
#find_out_more a.btn {
	float: right;
	width: 80px;
	height: 17px;
	background: url(../images/Subscribe_btn_off.png);
	margin-top: 10px;
	padding: 0 0;
	border: 0;
}
#find_out_more a.btn:hover {
	background: url(../images/Subscribe_btn_on.png);
}


/** Footer */
#footer_bg {
	width: 941px;
	margin: auto; 
	background: white;
}
#footer {
	border-top: 1px dotted #CCDEE6;
	color: #A3C4D3;
	width: 882px;
	font-size: 70%;
	padding: 12px 0 15px 0;
	margin: auto; 
/*	background: white; */
}
#footer a {
	color: #4C8DA9;
	text-decoration: none;
}
#footer a:hover {
	color: #005C84;
	text-decoration: underline;
}
#footer .right {
	float: right;
	color: #669DB5;
}

/***********************
 * Sitemap Formatting  *
 ***********************/

#content .category, #content .item, #content .document {
	margin: 0;
	float: left;
}

#content a.category , #content a.item , #content a.document {
	text-decoration:none;
	margin: 0;
	display: block;
	background: url(../images/homepage/bullet.gif) left 50% no-repeat;
	padding-left: 10px;
}

#content a.category {
	margin-top: 10px;
	font-weight: bold;
	font-size: 120%;
}


/****************************
 * Live Validation Styling  *
 ****************************/

#feedback #name, 
#feedback #comments, 
#feedback #emailconfirm, 
#feedback #email {
	float: left;	
}

.LV_validation_message{
    margin:0 0 0 5px;
	display: block;
	float: left;
	height: 18px;
	width: 18px;
    text-indent: -9999px;
}

.LV_valid {
	background: url(../images/tick.gif) 50% 50% no-repeat;
}
	
.LV_invalid {
	background: url(../images/cross.gif) 50% 50% no-repeat;
}

/******************
 * Homepage Links *
 ******************/
.homepage #col2 #online_comms,
.homepage #col2 #sustainability_review,
.homepage #col2 #annual_report {
	background: url(../images/homepage/annual_report.gif) 0px 0px no-repeat;
	height: 20px;
	width: 209px;
	padding-top: 35px;
}

.homepage #col2 #online_comms li,
.homepage #col2 #sustainability_review li,
.homepage #col2 #annual_report li {
	float: left;
	padding-left: 6px;
	background: none;
}

.homepage #col2 #sustainability_review {
	background: url(../images/homepage/sustainability_review.gif) 0px 0px no-repeat;
	padding-top: 33px;
}

.homepage #col2 #online_comms {
	background: url(../images/homepage/online_comms.gif) 0px 0px no-repeat;
	padding-top: 41px;
	padding-bottom: 20px;
}

.homepage #col2 #online_comms li a,
.homepage #col2 #sustainability_review li a,
.homepage #col2 #annual_report li a {
	font-size: 10px;
	padding-left: 6px;
	background: url(../images/homepage/bullet.gif) left 3px no-repeat;
	color: #005C84;
	text-decoration: none;
	display: block;
}

.homepage #col2 #online_comms li a:hover,
.homepage #col2 #sustainability_review li a:hover,
.homepage #col2 #annual_report li a:hover {
		background: url(../images/homepage/bullet_over.gif) left 3px no-repeat;
}

#content #email_subscribe {
	width: 215px;
	height: 45px;
	float: left;
	padding: 0px 35px 15px 30px;
	margin: 0;
}
#content #email_subscribe ul,
#content #email_subscribe ul li{
	list-style: none;
	padding: 0;
	margin: 0;
}
#content #email_subscribe ul li a{
	width: 215px;
	height: 45px;
	background: url(../images/EmailSubscribe.png) left 0px no-repeat;
	display: block;
	text-indent: -3000px;
	list-style: none;
}
#content #email_subscribe #email_subscribe_btn a:hover{
	background: url(../images/EmailSubscribe.png) left -45px no-repeat;
}