/*
	Transocean Group
	General Screen Styles

	Created by Chris Pearce
	chris@cstech.net.au
*/
/****************************************************************************************
																  >> General Selectors << 
*****************************************************************************************/
html, body {
	margin: 0 0 1px 0; 
	min-height: 100%;
	padding: 0; 
	border: 0; 
}
body {
	background-color: #fff;
	color: #666;
	font: 78% Arial, Helvetica, sans-serif;
	line-height: 1.5;
	text-align: left;
}
a:link, a:visited {
	text-decoration: none; 
	color: #A38D66;
}
a:hover {text-decoration: underline;}
#main_content a {font-weight: bold;}
p {
	margin: 0 0 1.5em;
	padding: 0;
	line-height: 1.5;
}
a img {border: 0;}
ul, ol {
	margin: 0 0 1.5em 0;
	padding: 0;
}
ul ul, ol ol {
	font-size: 100%;
	margin: 0.40em 0 0.80em 10px;
}
ul li, ol li {line-height: 1.5;}
ul li {
	list-style: none;
	padding-left: 13px;
	background: url("../images/bullet.gif") no-repeat 0 6px;
}
ul li ul li {background: url("../images/bullet2.gif") no-repeat 0 6px;}
ol li {list-style: inside decimal;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table, td {font-size: 100%;}
blockquote {
	margin: 0 0 0 15px;
	padding: 0;
	font: italic 100% Georgia, "Times New Roman", Times, serif;
}
address {font-style: normal;}
abbr {
	cursor: help;
	border-bottom: 1px dotted #666;
}
hr {
	color: #ccc; 
	background: #ccc; 
	height: 1px; 
	border: 0;
}
h1 {
	font: 600 162% Arial, Helvetica, sans-serif;
	color: #A38D66;
	margin: 0 0 0.80em;
	padding: 0;
}
h1 span {color: #003873;}
h2,h3,h4,h5,h6 {
	margin: 0 0 0.30em;
	padding: 0;
	font: bold 122% Arial, Helvetica, sans-serif;
	color: #003873;
}
h3,h4,h5,h6 {
	font: bold 120% Arial, Helvetica, sans-serif;
	color: #545253;
}
h4,h5,h6 {color: #737373;}
h5,h6 {
	font: bold 105% Arial, Helvetica, sans-serif;
	color: #A38D66;
	margin-bottom: 1.5em;
}

table td p, table td h1,
table td h2, table td h3,
table td h4, table td h5,
table td h6, table td blockquote {
	margin: 0; 
	padding: 0;
}
table td ul, table td ol {margin-bottom: 0.80em;}
table td ul li, table td ol li {line-height: 1.4;}

p + ul {margin-top: -1em;}
table td p + ul {margin-top: 0.20em;}

/****************************************************************************************
																		     >> Layout << 
*****************************************************************************************/										
/*-------------------------------------------Hide Elements off Screen---*/
.hide {
	position: absolute;
	top: -9999px;
}

/*-------------------------------------------Wrappers---*/
#wrapper {
	width: 100%;
	background: url("../images/wrapper-bg.png") repeat-y center top;
	text-align: center;
}
	#wrapper div.inner_wrapper {
		width: 740px;
		margin: 0 auto;
		text-align: left;
		padding: 11px 0 3px 0;
	}

/*-------------------------------------------Header---*/
#header {
	position: relative;
	height: 94px;
	background: url("../images/header-bg.jpg") no-repeat 0 0;
}
	#header h1 {
		position: absolute;
		top: 22px;
		left: 21px;
		margin: 0;
	}
		#header h1 a {
			display: block;
			text-indent: -9999px;
			width: 350px;
			height: 49px;
			background: url('../images/logo.jpg') no-repeat 0 0;
			overflow: hidden;
		}
	#header p {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: 0.20em 0.60em;
		background-color: #094F97;
		font-size: 92%;
		color: #B6C5DA;
		border-bottom: 1px solid #003162;
		border-left: 1px solid #003162;
	}
		#header p a {color: #B6C5DA;}
		#header p a:hover {
			text-decoration: underline;
			color: #CBD6E4;
		}
	
/*-------------------------------------------Banner---*/
#banner,
#banner_syd,
#banner_melb,
#banner_per {
	height: 146px;
	background: url("../images/banner-syd.jpg") no-repeat 0 0;
}
#banner_melb {background-image: url("../images/banner-melb.jpg");}
#banner_per {background-image: url("../images/banner-per.jpg");}
/*---[HOME PAGE]---*/
#page_home #banner {
	height: 256px;
	background-image: url("../images/banner_home.jpg");
}
	
/*-------------------------------------------Main Content---*/
#main_content {
	background: url("../images/main_content_bg2.gif") repeat-y 2px 0;
	padding: 0 0 20px 0;
}
#page_twocol #main_content {
	float: left;
	width: 740px;
}
#page_home #main_content {
	background: url("../images/main_content_bg_home.jpg") no-repeat 0 0;
	padding-top: 30px;
	float: left;
	width: 740px;
}
	#page_copy {
		padding: 30px 23px 0 234px;
		background: url("../images/main_content_bg.jpg") no-repeat 2px 0;
		min-height: 240px;
	}
	* html #page_copy {height: 240px;} /* For IE 6 and below */
	/*---[2 COLUMN]---*/
	#page_twocol #page_copy {
		padding: 30px 0 0 0;
		background: transparent;
		float: left;
		width: 482px;
		margin-left: 30px;
		display: inline; /* For IE 6 and below */
	}
	#page_twocol #sidebar_inner {
		float: left;
		width: 207px;
		background: url("../images/main_content_bg.jpg") no-repeat 2px 0;
		min-height: 252px;
	}
	* html #page_twocol #sidebar_inner {height: 252px;} /* For IE 6 and below */
		#page_twocol #sidebar_inner ul {
			padding-top: 30px;
			margin-left: 20px;
		}
		#page_twocol #sidebar_inner ul li {
			line-height: 1.35em; 
			margin-bottom: 0.30em;
			background-position: 0 5px;
			background-image: url("../images/bullet3.gif");
		}
		#page_twocol #sidebar_inner ul li a {color: #003873;}
	/*---[HOME PAGE]---*/
	#sidebar {
		float: left;
		width: 200px;
		margin-left: 21px;
		display: inline; /* For IE 6 and below */
	}
		#sidebar h1 {
			font-size: 145%;
			font-weight: 500;
		}
		#sidebar h2 {
			color: #666;
			font: bold 105% Arial, Helvetica, sans-serif;
			margin-bottom: 0.20em;
		}
		#sidebar p {margin-bottom: 0.70em;}
	#intro {
		float: left;
		width: 400px;
		margin-left: 68px;
		display: inline; /* For IE 6 and below */
	}
		#intro h1 {font-weight: 500;}

/*-------------------------------------------Footer---*/
#footer {
	width: 740px;
	background: #A18A61 url("../images/footer-bg.jpg") repeat-x 0 100%;
	padding: 18px 0 6px 0;
	clear: both;
	position: relative;
}
	#footer p {
		color: #fff;
		margin: 0;
		font-size: 90%;
		padding-left: 13px;
		line-height: 1.35;
		width: 480px;
	}
	#footer p#copyright {
		width: 260px;
		position: absolute;
		right: 13px;
		bottom: 6px;
		padding: 0;
		text-align: right;
	}
		#footer p a {
			text-decoration: underline; 
			color: #fff;
		}
		#footer p a:hover {text-decoration: none;}
		
/*-------------------------------------------Bottom Shadow---*/
div.style_hook {
	width: 776px;
	margin: 0 auto;
	height: 18px;
	background: url("../images/btm_shadow.png") no-repeat 0 0;
	clear: both;
}

/****************************************************************************************
												  							 >> Tables << 
*****************************************************************************************/
table.tombstones {
	width: 480px;
	border: 0;
	margin: 0 auto;
}
	table.tombstones td {
		text-align: center;
		padding: 13px 3px;
		width: 160px;
		line-height: 1.3;
		font-weight: bold;
		border: 1px dotted #ccc;
		vertical-align: top;
	}
		table.tombstones td img {
			display: block;
			margin: 0 auto 10px auto;
		}
		table.tombstones td p {line-height: 1.3;}

/****************************************************************************************
												  							  >> Forms << 
*****************************************************************************************/
form {
	margin: 0; 
	padding: 0;
}
	form fieldset {
		border: 0;
		margin: 0;
		padding: 0;
	}
	form fieldset legend {display: none;}
	form fieldset div.form-row {
		margin-top: 2px;
		padding: 2px 0;
		clear: both;
	}
	form fieldset label {
		width: 50px;
		float: left;
		padding: 2px 0;
		font-weight: bold;
	}
	form fieldset input, 
	form fieldset textarea,
	form fieldset select {
		width: 130px; 
		font: 12px "Courier New", Courier, monospace;
		color: #333;
		border: 1px solid #666;
		padding: 2px;
	}
	form fieldset textarea {
		width: 290px; 
		height: 100px; 
		overflow: auto;
	}
	form fieldset input:hover,
	form fieldset input:focus,
	form fieldset textarea:hover,
	form fieldset textarea:focus {
		border: 1px solid #333;
		background: #BBE8E3;
	}
	/*---Submit Button & Container---*/
	form fieldset div.submit-btn {
		clear: both;
		padding: 8px 0 0 50px;
	} 
		form fieldset div.submit-btn input {
			width: 6em;
			min-width: 5em;
			padding: 1px 0.15em 1px 0.15em;
			border: 1px solid #BB7E2D;
			background: #D29544;
			color: #FFF;
			cursor: pointer; 
			font-weight: bold;
			margin-top: 10px;
		}
		form fieldset div.submit-btn input:hover,
		form fieldset div.submit-btn input:focus {
			background: none; 
			border: 0;
		}
	/*---Validation & Misc Styles---*/
	form fieldset em {
		font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
		color: red;
	}
		
/****************************************************************************************
												  						>> Misc Classes << 
*****************************************************************************************/
/*-------------------------------------------CMS Custom Styles---*/
a.style-arrow {
	background: url("../images/brown-bullet.gif") no-repeat 0 4px;
	padding-left: 12px;
}