/* -----------------------------------------------------------------------
	    ________________     __    ____  ___________________    __ 
	   / ____/ ____/ __ \   / /   / __ \/ ____/  _/ ____/   |  / / 
	  / __/ / /   / / / /  / /   / / / / / __ / // /   / /| | / /  
	 / /___/ /___/ /_/ /  / /___/ /_/ / /_/ // // /___/ ___ |/ /___
	/_____/\____/\____/  /_____/\____/\____/___/\____/_/  |_/_____/
 
 http://ecoaus.com.au

	@created:		2008-11-10
	@author:	 	Max Wheeler, [Icelab Pty Ltd](http://icelab.com.au/)
	@media:			screen

----------------------------------------------------------------------- */


#globalnav:after,
ul#crumbs:after,
#content:after,
body.home #services ul li a:after,
#directors:after,
.offices:after {
	content:".";display:block;height:0;clear:both;visibility:hidden;
}



/*
----------------------------------------------------------------
	A L L   Y O U R   B A S E
---------------------------------------------------------------- */

body {
	background: #089041;
	margin: 0;
}

#main {
	background: #f8f9f0;
	background-position: center top;
	background-repeat: no-repeat;
}
	body.home #main { background-image: url(../img/bg-home.jpg); }
		body.randombg2 #main { background-image: url(../img/bg-randombg2.jpg); }
		body.randombg3 #main { background-image: url(../img/bg-randombg3.jpg); }
		body.randombg4 #main { background-image: url(../img/bg-randombg4.jpg); }
		body.randombg5 #main { background-image: url(../img/bg-randombg5.jpg); }
		body.randombg6 #main { background-image: url(../img/bg-randombg6.jpg); }
		body.randombg7 #main { background-image: url(../img/bg-randombg7.jpg); }
		body.randombg8 #main { background-image: url(../img/bg-randombg8.jpg); }
		body.randombg9 #main { background-image: url(../img/bg-randombg9.jpg); }
		body.randombg10 #main { background-image: url(../img/bg-randombg10.jpg); }
		body.randombg11 #main { background-image: url(../img/bg-randombg11.jpg); }
		body.randombg12 #main { background-image: url(../img/bg-randombg12.jpg); }
	body.services #main { background-image: url(../img/bg-services.jpg); }
		body#bes-bushfire-and-environmental-services #main { background-image: url(../img/bg-services-bes.jpg); }
		body#environmental-offsets #main { background-image: url(../img/bg-services-offsets.jpg); }
		body#natural-resource-management #main { background-image: url(../img/bg-services-nrm.jpg); }
		body#gis-and-remote-sensing #main { background-image: url(../img/bg-services-gis.jpg); }
		body#ecological-surveys-and-assessment #main { background-image: url(../img/bg-services-ecology.jpg); }
	body.clients #main { background-image: url(../img/bg-clients.jpg); }
	body.staff #main { background-image: url(../img/bg-staff.jpg); }
	body.about #main { background-image: url(../img/bg-about.jpg); }
	body.jobs #main { background-image: url(../img/bg-jobs.jpg); }
	body.contact #main { background-image: url(../img/bg-contact.jpg); }

h1 {
	height: 162px;
	margin: 0;
	padding: 0;
	width: 200px;
}
	h1 a {
		background: transparent url(../img/logo-ecological.gif) left center no-repeat;
		display: block;
		height: 162px;
		line-height: 162px;
		overflow: hidden;
		text-indent: -999em;
		width: 200px;
	}

ul {
	list-style-image: url(../img/bullet-cross.gif);
}


a, a:link { color: #070; }
a:visited { color: #030; }
a:focus, a:hover { color: #c00; }


/*
----------------------------------------------------------------
	H E A D E R
---------------------------------------------------------------- */

#globalnav {
	background: #7cba2a;
	border-top: 3px #00853f solid;
}
	#globalnav ul {
		list-style: none;
		margin: 0 auto;
		padding: 0;
		width: 950px;
	}
	#globalnav ul li {
		float: left;
		margin-right: 1px;
	}
		#globalnav ul li.home a {
			background: url(../img/icon-home.gif) center center no-repeat;
			overflow: hidden;
			text-indent: -999em;
			padding-left: 0;
			padding-right: 0;
			width: 30px;
		}
		#globalnav ul li.services a {
			background-image: url(../img/icon-arrow-down-white.gif);
			background-repeat: no-repeat;
			background-position: right center;
		}
		#globalnav ul li.login {
			float: right;
		}
		#globalnav ul li.login a {
			background-image: url(../img/icon-arrow-right-white.gif);
			background-repeat: no-repeat;
			background-position: right center;
		}
		#globalnav ul li a {
			color: #fff;
			display: block;
			font: normal 1.4em/1.4 Georgia, Palatino, "Times New Roman", serif;
			padding: 10px 30px 10px 10px;
			text-shadow: #00853f 0 0 3px;
			text-decoration: none;
		}
			#globalnav ul li a:hover,
			#globalnav ul li:hover a,
			#globalnav ul li.hover a {
				background-color: #6daa1d !important;
			}
			/* Selected states */
			body.home #globalnav ul li.home a,
			body.services #globalnav ul li.services a,
			body.clients #globalnav ul li.clients a,
			body.about #globalnav ul li.about a,
			body.staff #globalnav ul li.staff a,
			body.jobs #globalnav ul li.jobs a,
			body.contact #globalnav ul li.contact a {
				background-color: #82c12f;
				font-style: italic;
				text-shadow: #7cba2a 0 0 3px;
			}
		
		#globalnav ul li ul {
			display: none;
			background-color: #6daa1d;
			padding-bottom: .5em;
			position: absolute;
			width: 230px;
		}
		#globalnav ul li:hover ul,
		#globalnav ul li.hover ul {
			display: block;
		}
			#globalnav ul li ul li {
				float: none;
			}
				#globalnav ul li ul li a {
					font: normal 1em/1.4 "Lucida Grande", Helvetica, Arial, sans-serif !important;
					padding: .5em 10px;
					text-shadow: none;
				}
				#globalnav ul li.services ul li a {
					background-image: none;					
				}
					#globalnav ul li ul li a:hover {
						text-decoration: underline;
					}
		


/*
----------------------------------------------------------------
	G E N E R A L  /  C O N T E N T
---------------------------------------------------------------- */

ul#crumbs {
	border-bottom: 1px #e9eade solid;
	list-style: none;
	margin: 0 0 1px;
	padding: 0;
}
	ul#crumbs li {
		color: #555;
		float: left;
		font: normal .8em/1.4 Georgia, Palatino, "Times New Roman", serif;
		letter-spacing: .15em;
		text-transform: uppercase;
		padding: .9em 0;
	}
		ul#crumbs li.parent {
			background: url(../img/icon-arrow-right-grey.gif) center right no-repeat;
			padding-right: 18px;
			margin-right: 8px;
		}
		ul#crumbs li a {
			color: #555;
		}
			ul#crumbs li a:hover {
				color: #000;
			}

#content {
	border-top: 1px #dadacb dotted;
	padding-bottom: 4em;
}

#content h2 {
	border-bottom: 1px #dadacb dotted;
	font: normal 2.4em/1.3 Georgia, Palatino, "Times New Roman", serif;
	padding: .25em 0 .4em;
	margin-bottom: .5em;
}
	#content #details.project h2 {
		border: 0;
		margin-bottom: 0;
		padding-bottom: .2em;
	}
		#content #details.project h3.client {
			border-bottom: 1px #dadacb dotted;
			font: normal 1.2em/1.3 Georgia, Palatino, "Times New Roman", serif;
			margin: 0 0 .5em;
			padding: 0 0 .8em;
		}

#content img {
	border: 3px #e7eace solid;
	float: right;
	margin: .2em 0 15px 15px;
}

.small-title {
	font: normal .8em/1.4 Georgia, Palatino, "Times New Roman", serif;
	letter-spacing: .3em;
	text-transform: uppercase;
	padding: 1em 0 .8em;
}
	.small-title span {
		text-transform: none;
		letter-spacing: .15em;
		font-style: italic;
	}

/*
----------------------------------------------------------------
	F O O T E R
---------------------------------------------------------------- */

#footer {
	background: #089041;
	color: #fff;
	font-size: .85em;
	text-transform: uppercase;
	letter-spacing: .15em;
	padding-bottom: 40px;
}
	#footer p {
		font-weight: bold;
		float: right;
		padding: 10px 0;
	}
		#footer p a#printview {
			background: transparent url(../img/icon-print.gif) center center no-repeat;
			display: block;
			float: right;
			height: 18px;
			margin-left: 16px;
			overflow: hidden;
			text-indent: -999em;
			width: 1.5em;
		}
	
	#footer ul {
		list-style: none;
		margin: 0;
		float: left;
	}
		#footer ul li {
			float: left;
			margin-right: 20px;
		}
			#footer ul li a {
				border-bottom: 1px solid #089041;
				color: #e5fec3;
				display: block;
				text-decoration: none;
				padding: 10px 0 3px;
			}
				#footer ul li a:hover,
				body.home #footer ul li.home a,
				body.services #footer ul li.services a,
				body.clients #footer ul li.clients a,
				body.staff #footer ul li.staff a,
				body.jobs #footer ul li.jobs a,
				body.contact #footer ul li.contact a {
					background: url(../img/bottom-nav-arrow.gif) top center no-repeat;
					color: #fff;
					border-bottom: 1px solid #fff;
				}

/*
----------------------------------------------------------------
	H O M E   P A G E
---------------------------------------------------------------- */

body.home div.intro {
	border-bottom: 1px #e9eade solid;
	clear: both;
	font: normal 2.05em/1.3 Georgia, Palatino, "Times New Roman", serif;
	margin-bottom: 1px;
	padding: .5em 0 0;
	text-shadow: #fff 0 0 0;
}

body.home h1 {
	float: left;
}

#office-locations {
	float: right;
	margin-top: 10px;
}
	#office-locations h3 {
	margin: 0;
	}

body.home #services ul {
	list-style: none;
	margin: 0;
}
	body.home #services ul li {
		float: left;
		margin-bottom: 10px;
		width: 310px;
	}
		body.home #services ul li a {
			border: 1px #f8f9f0 solid;
			color: #333;
			display: block;
			font-size: 1.25em;
			line-height: 1.45;
			outline: none;
			text-decoration: none;
			width: 302px;
		}
			body.home #services ul li a strong {
				display: block;
				float: left;
				margin-top: .5em;
				width: 202px;
			}
			body.home #services ul li a img {
				border: 3px #e7eace solid;
				float: left;
				margin: 0 8px 0 0;
			}
			body.home #services ul li a:hover {
				border-color: #dfecce;
				background: #e9f3dc;
				color: #065326;
			}
				body.home #services ul li a:hover img {
					border-color: #e9f3dc;
				}
				
body.home #news {
	background: #f0f2df url(../img/gradient-light.jpg) bottom repeat-x;
	padding: 0 10px 10px;
	width: 290px;
}


/*
----------------------------------------------------------------
	C L I E N T S   P A G E
---------------------------------------------------------------- */

#client-list {
	border-top: 1px #e9eade solid;
}
	#client-list .col {
		border-left: 1px #e1e2d5 dotted;
		float: left;
		width: 236px;
		padding-top: 10px;
	}
		#client-list .one {
			border: 0;
		}
		#client-list .col h3,
		#client-list .col ul {
			padding-right: 10px;
			padding-left: 10px;
		}
			#client-list .one h3,
			#client-list .one ul {
			padding-left: 0;
			}
			#client-list .four h3,
			#client-list .four ul {
			padding-right: 0;
			}
		#client-list .four {
			padding-right: 0;
		}
			#client-list .four img {
				margin-right: 0;
			}

/*
----------------------------------------------------------------
	S T A F F   P A G E
---------------------------------------------------------------- */

body.staff #content h2 {
	margin-bottom: 0;
	border: 0;
	float: left;
}

body.staff #content .jumpto {
	margin-top: 15px;
	float: right;
}

#directors {
	border-top: 1px #dadacb dotted;
	border-bottom: 1px #e9eade solid;
	clear: both;
}
	#directors h3,
	#seniors h3 {
		border-bottom: 1px #dadacb dotted;
		margin-bottom: 0;
	}
	#directors h4 {
		margin-bottom: .1em;
		font-size: 1.4em;
	}
	#directors h5 {
		color: #777;
		font-size: .95em;
		font-weight: normal;
		margin-bottom: 1em;
	}
	#directors .person {
		border-left: 1px #dadacb dotted;
		float: left;
		padding: 10px;
		width: 221px;
	}
		#directors .person.even {
			background: #f0f2df url(../img/gradient-light.jpg) bottom repeat-x;
		}
		#directors .person.first {
			border-left: 0;
			padding-left: 0;
		}
		#directors .person.last {
			padding-right: 0;
			width: 223px;
		}
	
	#directors img,
	#seniors img,
	#content .offices img,
	#contacts img,
	#client-list img {
		border: 2px #dde1be solid;
		float: left;
		margin: 0 10px 8px 0;
	}
		#client-list img {
			float: right;
			margin: 0 10px 8px 10px;
		}
	
#seniors {
}
	
	#seniors h4 {
		margin-bottom: .2em;
		font-size: 1.25em;
	}
	#seniors h5 {
		color: #777;
		font-size: .95em;
		font-weight: normal;
		margin-bottom: .5em;
		line-height: 1.4;
	}
	
#seniors .col {
	border-left: 1px #dadacb dotted;
	float: left;
	font-size: 95%;
	padding: 0 10px;
	width: 302px;
}
	#seniors .col.even {
		background: #f0f2df url(../img/gradient-light.jpg) bottom repeat-x;
	}
	#seniors .col.first {
		background: none;
		border-left: 0;
		padding-left: 0;
	}
	#seniors .col.last {
		background: none;
		padding-right: 0;
	}
	
	#seniors .person {
		border-bottom: 1px #e9eade solid;
		padding: 10px 0;
	}
	#seniors .col .person.last-child {
		border-bottom: none;
	}

/*
----------------------------------------------------------------
	C O N T A C T   P A G E
---------------------------------------------------------------- */

body.contact #content h2 {
	margin-bottom: 0;
	border: 0;
}

.offices {
	border-top: 1px #dadacb dotted;
	border-bottom: 1px #e9eade solid;
	margin-bottom: 1px;
}
	.offices.last {
		border-bottom: 0;
	}

.office {
	border-left: 1px #dadacb dotted;
	float: left;
	padding: 10px;
	width: 221px;
}
	.office.even {
		background: #f0f2df url(../img/gradient-light.jpg) bottom repeat-x;
	}
	.office.first {
		border-left: 0;
		padding-left: 0;
	}
	.office.last {
		padding-right: 0;
		width: 222px;
	}
	.office h4 {
		border-bottom: 1px #dadacb dotted;
		border-top: 1px #e9eade solid;
		margin-bottom: 0;
	}
	.office .vcard {
		padding-bottom: 10px;
	}
		.office .vcard .org {
			display: none;
		}
		.vcard .tel {
			clear: both;
			padding-left: 20px;
		}
			.vcard .tel span {
				display: none;
			}
			.vcard .tel.phone {
				background: url(../img/icon-phone.gif) 2px center no-repeat;
			}
			.vcard .tel.fax {
				background: url(../img/icon-fax.gif) 3px center no-repeat;
			}

	.office .contacts .vcard {
		border-bottom: 1px #e9eade solid;
		padding: 6px 0 8px;
	}
		.office .contacts .vcard.last-child {
			border: 0;
		}
		.vcard .fn {
			display: block;
			float: left;
			font-size: 1.1em;
		}
		.office .contacts .vcard a.email,
		#contacts .vcard a.email {
			background: transparent url(../img/icon-email.gif) center center no-repeat;
			display: block;
			float: left;
			height: 1.5em;
			margin-left: 5px;
			overflow: hidden;
			text-indent: -999em;
			width: 1.5em;
		}
			.office .contacts .vcard a:hover.email,
			#contacts .vcard a:hover.email {
				background-color: #dae0a6;
			}
		
		.office .contacts .vcard .title,
		#contacts .vcard .title {
			clear: both;
			color: #777;
			font-size: .95em;
			font-weight: normal;
			margin-bottom: .5em;
			line-height: 1.4;
			display: block;
		}
	.street-address {
		display: block;
	}

/*
----------------------------------------------------------------
	S E R V I C E S   P A G E S
---------------------------------------------------------------- */

body.services #details .strengths,
body.services #details #images {
	background: #f3f5e4;
	border: 1px #ebeac7 solid;
	float: right;
	margin: 0 0 10px 10px;
	padding: 10px 10px 0;
	width: 250px;
}
	body.services #details #images {
		padding: 10px;
		width: 260px;
	}

body.services #projects {
	background: #f0f2df url(../img/gradient-light.jpg) bottom repeat-x;
	float: left;
	padding: 5px;
	width: 300px;
}

body.services #projects h3 {
	margin: 8px 8px;
	padding: 0;
}

	body.services #projects ul {
		list-style: none;
		margin: 0;
	}
		body.services #projects ul li a {
			border: 0;
			color: #777;
			display: block;
			font-size: .95em;
			margin-bottom: 3px;
			overflow: hidden;
			text-decoration: none;
			padding: 4px;
		}	
			body.services #projects ul li.selected a {
				border: 1px #dde1be solid;
				background: #e7eace;
				padding: 3px;
			}
			body.services #projects ul li a:hover {
				background: #e9f5d9;
				border: 1px #bfd5a2 solid;
				color: #070;
				padding: 3px;
			}
		body.services #projects ul li a img {
			border: 3px #e7eace solid;
			float: left;
			margin: 0 10px 0 0;
		}
			body.services #projects ul li a:hover img {
				border-color: #e9f5d9;
			}
		body.services #projects ul li a strong {
			color: #222;
			display: block;
			font-size: 1.22em;
			font-weight: normal;
			margin: 1px 0 .1em;
		}
			body.services #projects ul li a:hover strong {
				color: #070;
			}
		body.services #projects ul li a em {
			display: block;
			font-style: normal;
			margin-bottom: .5em;
		}
	body.services #contacts {
		clear: both;
		padding-top: 2em;
	}
		body.services #contacts h3 {
			border-top: 1px #e9eade solid;
			border-bottom: 1px #dadacb dotted;
			margin: 0;
		}
		body.services #contacts .vcard {
			border-left: 1px #dadacb dotted;
			float: left;
			padding: 10px;
			width: 302px;
		}
			body.services #contacts .vcard.first {
				border: 0;
				padding-left: 0;
			}
			body.services #contacts .vcard.even {
				background: #f0f2df url(../img/gradient-light.jpg) bottom repeat-x;
			}
			body.services #contacts .vcard.last {
				padding-right: 0
			}
			body.services #contacts .vcard .details {
				float: left;
			}

/* Projects */

body.services #details #images ul {
	list-style: none;
	margin: 0;
}
	body.services #details #images ul.hideme {
		height: 1px !important;
		width: 0 !important;
		line-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
	}
	body.services #details #images ul li {
		position: absolute;
		float: left;
		margin: 0;
		padding: 0;
	}
		body.services #details #images ul.hideme li,
		body.services #details #images ul li:first-child {
			position: static !important;
		}

	#images .popeye-tools {
		padding: 10px 0;
		border-bottom: 1px dotted #d8d8d8;
	}
	#images .popeye-tools span {
		float: left;
		line-height: 18px;
	}
	#images .popeye-tools a {
		display: block;
		float: left;
		height: 20px;
		line-height: 18px;
		text-decoration: none;
		text-align: center;
	}
	#images .popeye-tools a:hover {
		color: #c00;
	}
	#images .popeye-prev {
		background: url(../img/icon-prev.gif) no-repeat;
		width: 55px;
		padding: 0 4px 0 12px;
	}
	#images .popeye-next {
		float: right !important;
		text-align: right;
		background: url(../img/icon-next.gif) no-repeat;
		width: 44px;
		padding: 0 12px 0 4px;
	}
	#images .popeye-enlarge {
		background: url(../img/icon-enlarge.gif) no-repeat;
		margin: 0 0 0 10px;
		width: 46px;
		padding: 0 4px 0 16px;
	}
	#images .popeye-count {
		margin: 0 0 0 10px;
	}
	.popeye-stagewrap {
	}
	.popeye-stage {
		cursor: pointer;
	}
	.popeye-tools-wrap {
		font-size: 11px;
		color: #767676;
	}
	.popeye-cap {
		margin: 10px 0 5px 0;
		clear: both;
		line-height: 1.3em;
	}
	.popeye-hasjs {
		padding: 10px !important;
	}
	.popeye-isloading {
		background: #e4e5cb url(../img/ajax-loader.gif) no-repeat center;
	}
	.popeye-haspopped {
		cursor: pointer;
		border: 1px #ebeac7 solid !important;
		background: #f3f5e4 !important;
	}
	.popeye-haspopped .popeye-stage {
		border: 0;
		background: #e4e5cb;
	}