/* CSS Document */
html {
	background:#999999 url(../images/body_background.png) repeat-x;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color:#646464;
	font-size:13px;
	line-height:19px;
	margin-top:8px;
}

.clear{
	clear:both;
}

/* CONTAINER
----------------------------------------- */
#BgContainer { 
	position: relative;
	width: 800px;
	margin: 0 auto;
	background-color:white;
	padding:5px;
}

/* HEADER
----------------------------------------- */
#Header {
	height:150px;
	margin-bottom:5px;
}

#Header.one {
	background: url(../images/header_one.gif) no-repeat;
}

#Header.two {
	background: url(../images/header_two.gif) no-repeat;
}

#Header.three {
	background: url(../images/header_three.gif) no-repeat;
}
	
#Header.four {
	background: url(../images/header_four.gif) no-repeat;
}
		
#Header.five {
	background: url(../images/header_five.gif) no-repeat;
}
		
#Header.six {
	background: url(../images/header_six.gif) no-repeat;
}
			
#Header.seven {
	background: url(../images/header_seven.gif) no-repeat;
}

#Header h1 {
	margin: 0;
	padding: 0;
	line-height: 0;
}

#Header a {
	display:block; 
	float:left; 
	position:relative; 
	width:100%; 
	height:150px;
}

/* MAIN NAVIGATION - TABS
----------------------------------------- */
#Navigation ul {
	background:url(../images/nav_background.gif) repeat-x top left;
	height:30px; /* adjust the height depending on the padding-top */
	margin:0; /* added to remove the margin from the navigation div */
	padding-top:10px; /* move the tabs down to the bottom of the navigation div */
	padding-left:5px; /* 5px width betweenedge of page and first menu item */
}

#Navigation li {
	list-style:none;
	float:left;
	margin-right:5px;
}

	#Navigation li a {
		letter-spacing:1px;
		font-size: 11px;
		display: block;
		padding: 6px 10px 6px 8px;
		background: url(../images/nav_seperator.gif) no-repeat right top;
		text-align: center;
		text-decoration: none;
		color: #FFF;
		margin-left:3px;
	}
	
	#Navigation li:hover {
		background: url(../images/nav_left_side.gif) no-repeat left top;
	}
	
	#Navigation li:hover a {
		color: #646464;
		background: url(../images/nav_right_side.gif) no-repeat right top;
	}

/* (login link) */
#Navigation li.admin {
	float: right;
}

	#Navigation li.admin a {
		background: none;
	}
	
	#Navigation li.admin:hover a {
		color: #646464;
		background: url(../images/nav_right_side.gif) no-repeat right top;
	}

/* (Active selection) */
#Navigation li.current, #Navigation li.section {
	background: url(../images/nav_left_side.gif) no-repeat left top;
}

#Navigation li.current a, #Navigation li.section a {
	font-weight:bold;
	color: #646464;
	background: url(../images/nav_right_side.gif) no-repeat right top;
}

/* SUB NAVIGATION
----------------------------------------- */
#SubNavigation {
	font-size:10px;
	float: left;
	padding-left:5px;
	height:25px; 
	width:795px;
	background: url(../images/subnav_background.gif) repeat-x;
}

#SubNavigation ul {
	float: left;
	margin:0; 
	padding-left:5px; 
}

#SubNavigation li {
	list-style: none;
	float: left;
	margin-right:5px; /* horizontal space between menus */
}

	#SubNavigation li a {
		letter-spacing:1px;
		display: block;
		padding: 3px 20px 3px 10px;
		text-align: center;
		text-decoration: none;
		color: #646464;
		margin-left:3px;
		background:url(../images/subnav_seperator.gif) no-repeat right bottom;
	}
	
	#SubNavigation li a:hover {
		background-position:right top;
		text-decoration:underline;
	}
	
	#SubNavigation li.current a, #SubNavigation li.section a {
		background-position:right top;
		font-weight:bold;
		font-size:11px;
	}

	#SubNavigation .admin {
		float: right;
		padding: 2px 20px 0px 0px;
	}
/* LAYOUT
----------------------------------------- */
#Layout {
	background:url(../images/content_background.gif) repeat-x top left;
	margin-top: 0;
	padding: 30px;
	margin-bottom:5px;
}

/* LOGOS
----------------------------------------- */
#Logos {
height:60px;
margin-top:10px;
}

#Logos ul {
	float:left;
	margin:0;
	margin-left:30px;
	padding:0;
}

#Logos li {
	list-style: none;
	float: left;
	margin-right:0px;
}

#Logos a {
	display: block;
}


#Logos a[href='http://www.westernbay.govt.nz/'] {
	background:url(../images/logo_wbop.gif) no-repeat;
	height:44px;
	width:160px;
}
		#Logos a[href='http://www.westernbay.govt.nz/']:hover {
			background-position:0 -44px;
		}


#Logos a[href='http://www.transfieldservices.co.nz'] {
	background:url(../images/logo_transfield.gif) no-repeat;
	height:44px;
	width:150px;
}
		#Logos a[href='http://www.transfieldservices.co.nz']:hover {
			background-position:0 -44px;
		}


#Logos a[href='http://www.nzta.govt.nz/'] {
	background:url(../images/logo_nzta.gif) no-repeat;
	height:44px;
	width:150px;
}
		#Logos a[href='http://www.nzta.govt.nz/']:hover {
			background-position:0 -44px;
		}


#Logos a[href='http://works.co.nz'] {
	background:url(../images/logo_works.gif) no-repeat;
	height:44px;
	width:150px;
}
		#Logos a[href='http://works.co.nz']:hover {
			background-position:0 -44px;
		}


#Logos a[href='http://www.opus.co.nz'] {
	background:url(../images/logo_opus.gif) no-repeat;
	height:44px;
	width:150px;
}
		#Logos a[href='http://www.opus.co.nz']:hover {
			background-position:0 -44px;
		}

/* FOOTER
----------------------------------------- */
#Footer {
	margin:0;
	padding:0;
	background: url(../images/nav_background.gif) repeat-x;
	height:30px;
}

#Footer ul {
	margin: 0;
	padding: 0;
}

#Footer li {
	float:left;
	list-style:none;
	border-left:0px solid #c1c1c1;
}

	#Footer a {
		display:block;
		padding:5px 15px 5px 15px;
		text-decoration:none;
		font-size:11px;
		color:white;
		letter-spacing:1px;
	}
	
	#Footer li.current, #Footer li.section {
		font-weight:bold;
	}
	
#Footer span.phone {
	float: right;
	font-size:110%;
	font-weight:bold;
	color:white;
	letter-spacing: 1px;
	margin: 6px;
}

/* COPYRIGHT
----------------------------------------- */
#Copyright {
	text-align: center;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
}