html, body, #container {
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
}
html { background: #177371 url(../images/layout/background.gif) left repeat-y; }
body { background: url(../images/layout/header-background.jpg) top repeat-x; }
img { border: none; }
a { text-decoration: none; }
#container { position: relative; }
html>body #container { height: auto; }
.images img {
	border: 1px solid #ffffff;	
}
#image {
	width: 100%;
	height: 55px;
	background: url(../images/layout/image-background.jpg) repeat-x;
	position: absolute;
	top: 40px;
}
#logo {
	position: absolute;
	top: 0px;
	left: 0px;
}
#slogan {
	position: absolute;
	top: 22px;
	right: 15px;
}
#telstra {
	width: 144px;
	height: 64px;
	position: absolute;
	top: 340px;
	left: 18px;
	background: url(../images/layout/telstra.jpg) no-repeat;
	z-index: 10;
}
#nav {
	width: 150px;
	height: 272px;
	font: bold 12px tahoma;
	position: absolute;
	top: 177px;
	left: 15px;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#nav li {
	width: 150px;
	height: 22px;
	margin-bottom: 1px;
	background: url(../images/layout/nav-up.jpg) repeat-y;
}
#nav li:hover, #nav li.current { background: url(../images/layout/nav-over.jpg) repeat-y; }
#nav a {
	width: 145;
	height: 19px;
	padding: 3px 0 0 5px;
	display: block;
	color: #E2F3EC;
}
#nav a:hover, #nav li.current a { color: #B0DBD7; }
#content {
	padding: 160px 35px 140px 187px;
	font: 11px tahoma;
	text-align: justify;
	line-height: 15px;
	color: #FFFFFF;
}
#content a { color: #A2C7C6; }
#content a:hover { color: #FFFFFF; }
h1 { font: bold 12px tahoma; }
.bold, .bold td { font-weight: bold; }
.padding td { padding-right: 10px; }
.img {
	width: 100%;
	height: 33px;
	text-align: right;
	background: #21444E;
}
#bottom {
	width: 100%;
	height: 106px;
	background: url(../images/layout/bottom-background.jpg) repeat-x;
	position: absolute;
	bottom: 0px;
}
#bottom div {
	width: 15px;
	height: 100%;
	background: url(../images/layout/background.gif) repeat-y;
	position: absolute;
	left: 0px;
}
#contact {	
	padding: 0px 5px 0px 40px;
	float: right;
}
#contact .button { width: 80px; }
.textfield {
	width: 150px;
	padding: 2px;
	font: 11px tahoma;
	color: #FFFFFF;
	background: #006666;
	border: none;
	border: 1px solid #128484;
}
.textfield:hover { background: #2c5060; }
.button {
	width: 76px !important;
	height: 16px;
	font: bold 10px Tahoma;
	color: #FFFFFF;
	background: #006666;
	border: none;
}
.button:hover { background: #2c5060; }
#right {
	width: 15px;
	height: 395px;
	background: url(../images/layout/right-background.jpg) repeat-x;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#dis{
	width: 40%;
	position: absolute;
	right: 155px;
	bottom: 3px;
	font: 9px arial;
	color: #FFFFFF;
	text-align: right;
}
#footer {
	width: 350px;
	height: 36px;
	background: url(../images/layout/footer.jpg);
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#lj-logo {
	position: absolute;
	right: 18px;
	bottom: 3px;
}
#footer div {
	font: 10px arial;
	text-align: left;
	color: #ABCDCD;
	position: absolute;
	top: 5px;
	left: 15px;
}
#footer a { color: #FFFFFF; }
#footer a:hover { color: #ABCDCD; }
.fm-logo {
	float: left;
	margin: 6px 7px 0 0;
}
.green { background-color: #214551; font-weight: bold; }