/* ------------------------------------------------
Theme: 	 	Ecology Partners
Designer: 	Kenomultimedia
Author: 	Kenomultimedia
URL: 	 	http://www.ecologypartners.com.au
Date: 	 	January 02 2005
Copyright:  Ken Organ 2009 All Rights Reserved. 
------------------------------------------------ */
html {  padding: 0; margin: 0; height: 100%; }

body { font-family: Verdana, Arial, Helvetica, Sans-serif; background: #fff; margin: 0; }

#wrap { text-align: left; margin: 0 auto; padding-top: 10px; border: 0; width: 502px; border:solid #0000FF 0px; }		

#wrapper {
	min-height:100%; height:auto !important; height:100%;
	min-height:auto !important; margin: 0 auto -3.5em; 
		/* the bottom margin is the negative value of the footer's height */
	width:759px; background:#fff; border:solid #0000FF 0px; } 
	
* html #wrapper { height: 100%;
/*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/}

#header{ text-align: left; height: 128px; margin: 0; padding: 0; background: #fff; }	
	
img { border: 0; }		
	
#headercol1 {
	float: left;
	width: 484px;
	height: 126px;
	margin: 0;								 
	background: #fff; }
	
headercol2 {
	float: right;
	width: 230px;
	height: 128px;
	margin: 0;
	padding: 0 0 0 400px;  								 
	background: #fff; }	
	
headercol2 {
	position:relative;
	top: 0;
	float: left;
	width: 250px;
	height: 128px;
	margin: 0;
	padding-left: 486px; 								 
	background: #fff; }		
	
#email  {
	position: relative;
	top: 30px;
	left: 10px;
	width: 190px;
	margin: 0;
	padding: 0; 
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 70%;
	line-height: 1.5em;
	color: #333;
	background: #fff; }		
	
.style3 {
	position: relative;
	text-align:right;
	float: right;
	top: -25px;
	width: 180px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	margin:0;
	padding-right: 30px; }		
/* ----------------------------- */			
#c1 { position: relative; clear:both; 
	float: left;
	width: 70px;
	margin:0;
	padding:0;
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	background: #fff;
	overflow:hidden;
	border:1px solid purple; }	
	
#c2 { position: relative; float: left; width:90%; margin:0; padding:0; height:100%; border:1px solid blue;}

#c3 { position: relative; float: right; width:170px; margin:0; padding:0; height:100%; border:1px solid blue;}

#container {
	width: 759px;
	display: block;
	height: 100%;
	text-indent: 0;
	margin-top :0;
	padding: 0; }						
	
#column1 {
	float: left;
	display: inline;
	width: 7%;
	height: 100%;
	margin:0;
	padding:0;
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	background: #fff;
	background-image: none; }
	
#column2 { float: left; width: 640px; height: 100%; margin:0; padding: 0 0 0 30px; border: 0px solid black; }
							
#block {
	width: 640px;
	font-size: 70%;
	color: #333;
	text-align:justify;
	line-height: 1.5em;
	padding: 0 15px 0 0;
	background: #fff; }
	
.block {
	width: 630px;
	font-size: 70%;
	color: #333;
	text-align:justify;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	background: #fff; }	
	
img.floatRight { 
	font-size: 70%;
	color: #333;
	text-align:left; 
    float: right; 
    margin: 4px;
	padding-left: 30px;
	border: none;}	
/* --- sitemap -------------- */	
.sitemap {
	position: relative;
	margin: 0;
	padding-bottom: 20px;
	font-size: 70%;
	list-style-position:inside;
	line-height: 2.5em;
	color: #333;
	text-align:left;
	letter-spacing: 0.02em;
	background: #fff; } 	
	
img.floatLeft { 
    float: left; 
    margin: 4px;}		
	
img.floatRightClear { 
    float: right; 
    clear: right; 
    margin: 30px 0 0 0;}	
	
#imgmenu {  
    position: absolute;
	left: 690px;
	top: 345px; 
	width: 110px;
    margin: 4px;
	padding-left: 10px;
	z-index: 2;}		
	
#date  { position: relative; top: 50px; left: 9px; width: 190px; }
		
/* --- Staff Profiles ----------- */
.staff {
	font-family: Verdana,Arial, Helvetica, sans-serif;	
	width: 630px;
	font-size: 70%;
	color: #333;
	text-align:justify;
	line-height:1.5em;
	background: #fff;
	margin:0;
	padding:0; }

.stafffloatRight { 
	font-size: 70%;
	color: #333;
	text-align:left; 
    float: right; 
    margin: 4px;
	padding-left: 30px;
	border: none; }	
	
td {
	font-family: Verdana,Arial, Helvetica, sans-serif;	
	font-size: 140%;
	color: #333;
	text-align:justify;
	line-height:1.5em;
	background: #fff;
	margin:0;
	padding:0; }
				

.style9 { font-size:70%; font-family:Verdana, Arial, Helvetica, sans-serif;}
	
.style11 { font-size:70%; color:#333;}	
	
/* -- About us ---------------------------------------------------------------------------------- */			
#imgabout { position:absolute; left:500px; top:-250px; width:110px; margin:4px; padding-left: 10px; z-index: 2; }
/* -- Styles ------------------------------------------------------------------------------------ */	
.style2 { font-size:70%; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left;}		

.style9 { font-size:70%; font-family:Verdana, Arial, Helvetica, sans-serif;}	
	
/* -- Key Industries ---------------------------------------------------------------------------- */
xdiv { width: 92%;}

xmap {
    float: right;
    width: 90%; 
    margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: left;	
    padding: 0;
    border: 0 none; 
    list-style-position: outside;
    list-style-type: square;}
 
l.right {
    float: right;
    width: 45%; 
    margin: 0;
    padding: 15px 0;
    border: 0px none; 
    list-style-position: inside;
    list-style-type: square;}	
  
.no-space { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:70%;	margin:0; padding:0;}
							 																							.keycol1  {																								    float: left;																									    width:48%;
    height: 154px;																									    margin:0;
	padding-left:10px;						
	list-style-position: inside;
	border: 0px solid #0000ff;}																							
																																																
.keycol2 { 																									    float: right;																											    top: 120px;																									    width:48%;																									    height:154px;																									    margin:0;																									    padding-left:10px;																									    list-style-position:inside;																									    border: 0px solid #ff0000;}
																																																					.keycol3 { 																										    float: left;																									    width: 100%;																									    height: 160px;																									    margin: 0;																									    padding-left: 10px;																																																		    list-style-position: inside;																		}	
										
#imgclient { position: absolute; left: 990px; top: 380px; width: 110px; margin: 0; padding-left: 0; }
	
/* --- Links page ----------- */
#linkcol1 {float: left;width: 7%;height:200px; }
	
#links {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%;
	list-style-position:outside;
	line-height: 2.2em;
	color: #333;
	text-align:left;
	letter-spacing: 0.02em;
	background: #fff;} 		
	
x#imglink { position: absolute; left: 870px; top: 340px; width: 110px; margin: 0; padding-left: 0;}

#linkLeft {
	float: left;
	display: inline;
	width: 70%;
	height: 100%;
	margin:0;
	padding:0;
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	background: #fff;
	background-image: none; border:solid #0000FF 2px; }
	
#linkRight { float: left; width: 140px; height: 100%; margin:0; padding: 0 0 0 10px; border: 2px solid black; }

#imglink { position: reative; float: left; top: 10px; width: 110px; margin: 0; padding-left: 0; border:solid green 1px;}
			
/* --- Photo Gallery --------------- */
frameset { border:0; margin:0; padding:0; }
	
#gallerywrapper { text-align: left;margin: 0 auto; border: 0;width: 750px; }	
	
#galleryContainer { width: 500px; margin: 0 auto; padding: 0; }	
	
#galleryIntro {
	position: relative;
	top: 40px;
	margin: 0 auto 0;
	text-align: center;
	width: 350px;
	font-size: 80%;
	font-weight: bold;
	line-height: 1.5em;
	color: #333;
	border: solid #00FF66 0px; }	
	
.galleryemail  {
	position: relative;
	margin: 30px auto 0;
	padding: 3px;
	width: 200px;
	font-size: 70%;
	line-height: 1.0em;
	color: #333;
	border: solid #00FF66 0px; }	
	
.galleryblock {
	position: relative;
	text-align: center;
	margin: 80px auto 0;	
	width: 400px;
	font-size: 70%;
	font-weight: normal;
	color: #333;
	background: #fff;
	border: 0px solid red; }
	
.galleryblock2 {
	position: relative;
	margin: 70px auto 0;	
	width: 400px;
	font-size: 75%;
	color: #333;
	font-weight: bold;
	text-align: center;
	background: #fff; }		
/* --- Business page ------------- */


/* --- Legislation and Policy ---- */
img.floatLeg { 
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 70%;
	color: #333;
	text-align:left; 
    float: right; 
    margin: -10px 0 0 15px;
	padding:0; }	
	
#imgLegal { position: absolute; left: 425px; top: 280px; width: 110px; margin: 0; padding: 0;}	
	
/* ---- Contact us ------------------ */	
.contact  {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 70%;
	width: 320px;
	list-style:none;
	margin:0;
	padding:0;
	line-height: 1.6em;
	color: #333;
	text-align:left;
	letter-spacing: 0.02em;
	background: #fff;}
	
#imgcontact { position: absolute; left: 645px; top: 310px; width: 110px; margin: 0; padding: 0;}
	
#abn {
	position: relative;
	top: -250px;
	left: 430px;
	width: 150px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 70%;
	color: #333;
	font-weight: bold;	
	text-align:justify;
	margin:0;
	letter-spacing: 0.02em;
	background: #fff;}
	
/* --- Feedback Form ----------------- */		
#feedblock {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	width: 96%;
	font-size: 70%;
	color: #333;
	text-align:justify;
	padding: 10px 15px 10px 0;
	background: #fff;}		
	
input  {background:#fff; color:#333;}
	
textarea { background:#fff; color:#333;}
	
text box { color: #000;}	
	
#SubDark {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	padding: 0 20px 0 0;
	letter-spacing: .04em;
	font-weight: normal;
	text-align: right;
	background: #fff;}	
	
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: normal;
	line-height: 16px;
	background: #fff;	
	font-variant: normal;
	color: #333;
	text-align: justify;}	
	
/* --- Base page -- Projects ---------- */
img.floatRight { float: right; margin: 10px 0 5px 20px; padding:0; }	
	
.projects  {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 70%;
	color: #333;
	text-align:justify; 
	width: 630px;
    margin:0px;
	padding: 5px 0 10px 0; }		
	
.projectText {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	width: 625px;
	font-size: 70%;
	color: #333; 
	text-align:justify;
	line-height:1.3em;
	margin:0;
	padding-top:5px;
	background: #fff; }	
	
.tdText {
	font-family: Verdana,Arial, Helvetica, sans-serif;	
	width: 485px;
	font-size: 70%;
	color: #333;
	text-align:justify;
	line-height:1.5em;
	background: #fff;
	margin:0;
	padding:0; }	

#projText {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	width: 623px;
	font-size: 70%;
	color: #333;
	line-height: 1.3em;
	text-align:left;
	margin: 0 10px 0 0;
	background: #fff; }		
	
.download {
	padding-top:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-weight: normal;
	line-height: 1.5em;
	background: #fff;	
	color: #333;
	width: 360px;
	text-align: left; }		
			
/* --- Projects 1 ------------- */
#project1container {
	width: 759px;
	display: block;
	text-indent: 0;
	margin-top:0;
	padding: 0; }	
	
#coproj { 
	position: relative;
	text-align:center;
	margin: 0 auto 0; 
	width: 99%;
	padding: 0 0 0 10px; }
	
frog  {
	position: relative;
	top: 1px;
	width:350px;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #333;
	padding:0; }
	
#media  {
	position : relative;
	margin: 0 auto 0;
	padding: 0;
	width: 550px;
	font-size: 73%;
	color: #333; }		

/* --- Projects 2 -------------------------- */



/* --- Projects 3 -------------------------- */
#project3wrap {
	text-align: left;
	margin: 0 auto 0;
	border: 0;
	width: 759px;
	background-color:#fff;}
	
#project3container {
	width: 759px;
	display: block;
	text-indent: 0;
	margin-top:0;
	padding: 0;
	height: 700px; }			

.subtitle3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	margin: 7px 0 5px 0;
	color: #333;
	line-height: 14px;
	background: #fff;	
	text-align: left;
	letter-spacing: 0.03em;}


ul.project {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	width: 613px;
	line-height: 1.5em;
	text-align: justify;
	font-style: normal;
	letter-spacing: 0.03em;
	list-style-type: disc;
  	margin: 0 0 0 30px; 
	padding: 0;}
	
.project3Text {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	width: 643px;
	font-size: 70%;
	color: #333;
	line-height: 1.6em;
	text-align:left;
	margin: 0 10px 0 0;
	background: #fff; }	
	
.projectText3 {
	font-family: Verdana,Arial, Helvetica, sans-serif;	
	width: 630px;
	font-size: 70%;
	color: #333;
	text-align:left;
	line-height: 1.5em;
	margin: 0;
	background: #fff; }	
	
#imgproject3 { 
    position: relative;
	left: 67px;
	top: 10px; 
	width: 500px;
	height:333px;
	background-image: url(images/Green_Golden_Bell_1.jpg);
	background: no-repeat;
    margin-top: 0;
	padding: 0; }
	
.style15 {font-size: 80%;}	

img.float { 
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 70%;
	color: #333;
	text-align:left; 
    float: right; 
    margin: 2px 5px 0 15px;
	padding:0; }	
	
/* --- Testimonials -------------- */
.testimon {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	width: 90%;
	font-size: 70%;
	color: #333;
	text-align:justify;
	padding: 0 5px 0 0;
	margin: 0;
	background: #fff;}		
	
#testimon  {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 70%;
	color: #333;
	text-align:justify; 
	width: 490px;
    margin: 0;
	padding-left: 0px;}
	
#imgtestimon { 
    position: relative;
	left: 500px;
	top: -120px; 
	width: 110px;
    margin: 4px;
	padding-left: 10px;
	z-index: 2;}
/* --------------------------------------------------- */	
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	margin: 7px 0 8px 0;
	color: #333;
	line-height: 14px;
	background: #fff;	
	text-align: left;
	letter-spacing: 0.03em;}	

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	width: 550px;
	margin: 7px 0 5px 0;
	color: #333;
	line-height: 14px;
	background: #fff;	
	text-align: left;
	letter-spacing: 0.03em; }

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #333;
	background: #fff;
	text-align: left;
	letter-spacing: 0.03em;
	padding:0;
	margin: 10px 0 5px 0;}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: #333;
	line-height: 18px;
	background: #fff;	
	text-align: left;
	letter-spacing: 0.03em;
	margin-top:0;
	margin-bottom:0;}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333;
	font-weight: normal;
	line-height: 16px;
	background: #fff;	
	text-align: left;
	letter-spacing: 0.03em;
	margin-top:0;}

h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 16px;
	background: #fff;	
	color: #333;
	text-align: center;
	font-style: normal;
	font-variant: normal;}

p {
	font-style: normal;
	color: #333;
	text-align: justify;
	letter-spacing: 0.03em;
	background: #fff;
	margin:7px 0 7px 0;}
	
.boldtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	background: #fff;	
	font-weight: bold;
	font-variant: normal;
	color: #333;}
	
a { text-decoration: none;}
a:link { color: #0099cc;background: #fff; text-decoration: underline; }	  
a:visited { color: #0099cc;background: #fff;text-decoration: none; }
a:hover { color: #8A7F6B;background: #fffff7;text-decoration: underline; } 
a:active { color: #0099c1;background: #fffff1; text-decoration: none; }
	
ul { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 1.5em;
	text-align: justify;
	font-style: normal;
	letter-spacing: 0.03em;
	list-style-type: disc;
  	margin:0 5px 0 30px; 
	padding: 0;}

li  {
	text-indent: 0px;}	
/* ---------------------------------------------- */
#div {  width: 100%;}
  
ul.left {
    float: left;
    width: 45%; 
    margin: 0;
    padding: 15px 0;
    border: 0 none; 
    list-style-position: inside;
    list-style-type: square;
    position: relative;
    left: 0; }
 
ul.single {
    float: left;
    width: 100%; 
    margin: 5px;
    padding: 5px 0 15px 0;
    border: 0px none; 
    list-style-position: inside;
    list-style-type: square;
	text-align: justify;
    position: relative;
    left: 0; }
   
ul.right {
    float: right;
    width: 45%; 
    margin: 0;
    padding: 15px 0;
    border: 0 none; 
    list-style-position: inside;
    list-style-type: square; }
  
.no-space {
    margin: 0;
    padding: 0; }
/* ----------------------------------------- */	
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #333; 
	background: #fff;	
	letter-spacing: 0.03em; }
	
.img { 
	border: none;}
	
.border img {
	padding: 0;
	max-width: 100%;
	border: 1px solid #000; }
		
/* --- popups ------------------ */	
#popwrap  {
	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 500px;
	height:500px;}

#pop {
	position: relative;
	top: 0;	
	text-align: left;
	margin: 0 auto;
	padding-top: 0;
	border: 0;
	width: 500px;
	height:500px;
	background-image: url(images/large_1.jpg); }	

#close  {
	position: relative; 
	top:0px;
	left: 395px;
	width: 106px;
	padding: 0;
	z-index: 40;}
	
/* --- CSS -- XHTML --- Validation Icons ---------- */
.icons  {
	position: absolute; margin-bottom: 3px;
	width:80px;
	height:15px;
	text-align: center;
	border:none;
	background: #fff;}	
/* --- Home page footer / counter ------------------- */	
#footer  {
	position: relative; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	letter-spacing: 0.03em;
	color: #333; 
	background: #fff;
	top:30px; 
	width:500px; 
	z-index: 1;}
	
#counter  {
	position: relative;
	top: 0;
	width:25px;
	height:24px;
	padding-bottom: 10px;}
	
/* --- Page top ------------------------- */
#toTop  { float: right; width: 100px; display: inline; font-size: 70%; padding: 20px 0 10px 0; }

/* --- Site page footer ----------------- */
#navwrap { clear: both; position: relative; bottom: 0; height: 3.5em !important;
/* needed to make room for footer*/ padding: 0; width: 759px; background: #fff; border:solid red 0px;} 
* html #navwrap { float: center; width: 759px;} /* ie mac styles */

#siteInfo{
	clear: both;
	width: 759px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #666;
	text-align:center;
	line-height: 1.5em;
	margin-top:30px;
	background-color: #fff;
	background: none; border:solid green 0px;}	
	
#ftr {
	font-family: Verdana, Arial, helvetica, sans-serif;
	clear: both;
	width: 759px;
	font-size: 65%;
	line-height: 2.2em;
	text-align: center;
	color: #333;
	text-decoration: none;
	background: #fff; border:solid green 0px;}		
/* ------------------------------------------------- */		
.validbutton {
	font-size: 80%;
	border: 1px solid #8A7F6B;
	padding: 4px;
	margin-right: 0;}
/* --------------------------------------------------------------- */

@media screen {
#header {width: 100%; display: table;}
#header img {float: left; margin-right: 29px;}
#wrapper {clear: both;}
}