/* CSS Document */
body {
	font-family: arial, helvetica, vardana, sans-serif;
	line-height: 12px;
	background: #FFFFFF url(../images/img_bg_main.jpg) repeat-y center;
	margin: 0;
	padding: 0;
	border: 0;
	width: 21cm;
/* CENTRE PAGE IE 5/PC */
	text-align: center; 					
/* BUMP UP TEXT SIZE FOR IE 5/PC */
	font-size: x-small; 					/* for IE 5 **You know the score** */
	voice-family: "\"}\"";
	voice-family: inherit;	
	font-size: small;						/* *** set this size for normal compliant browsers *** */
	}
	html>body{
	font-size: small;						/* Be nice to Opera */
	}
	
/* CENTRES PAGE */
#centrer {
	width: 100%;
	text-align: left;						/* Re-align text for comliant browsers */
	}
	

/* *************************************************************** */
/* *********************** HEADER SECTION ************************ */
/* *************************************************************** */
#header {
	background-color: #FFCC23;
	color: #000000;
	float: left;
	width: 730px;
	text-align:right;
	padding: 10px 10px 50px;
	font-size: 90%;
	display: block;
	position: relative; /* position:relative to position logo */
	}

/* ****** LOGOS ****** */
#logoprint { display:block	}		/* screen version of logo */	
#logo { display: none;	}								/* Hide print logo */
	
/* top right nav */	
#nav_top {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	}
	
#nav_top li { margin: 0 0 0 10px; padding: 0 0 5px; float: left; display: block; }
#nav_top a { color: #000000; text-decoration:none;	}
#nav_top a:hover { color: #000000; text-decoration:underline;	}


/* *************************************************************** */
/* ************************* HERO IMAGE ************************** */
/* *************************************************************** */
#hero_img {
	padding: 0;
	margin: 0;
	}

/* fixes 2px bottom margins from images - in explorer */ 
img { display: block; border: none; clear: both; }



/* *************************************************************** */
/* **************************** A NAV **************************** */
/* *************************************************************** */
#nav ul{
font-size: 90%;
color: #FFFFFF;
font-weight: bold;
margin:0 0 1px;
padding:0 5px;
list-style-type:none;
float: left;
letter-spacing: 0.5px;
width:740px;
background: url(../images/img_bg_anav.jpg) repeat-x bottom #333333;
} 

#nav li{ display:block; float:left; padding: 0; margin:0 5px; }
#nav a { color: #FFFFFF; padding: 10px 7px; margin: 0; text-decoration: none; display: block; }
#nav a:hover{ color:#000000; background-color:#FFCC23; }


	
/* *************************************************************** */
/* ************************** LEFT COL *************************** */
/* *************************************************************** */
#left_col {
	width: 60%;
	display: block;
	float: left;
	padding: 0;
	background: url(../images/img_bg_leftcol.jpg) #FFFFFF repeat-x;
	line-height: 110%;
	}
	
#left_col a { text-decoration: underline; color: #666666; }
#left_col a:hover { text-decoration: underline; color: #000; }	


/* ************************** TEXT STYLES *************************** */	
#left_col p {
	padding: 0;
	margin: 0;
	line-height: 110%;
	display: block;
	}
	
/* ************************** HEADERS *************************** */	
#left_col h1, #left_col h2, #left_col h3 { padding: 0;	margin: 0; text-transform: uppercase; line-height: 110%;  display: block; color: #666666; }	

/* main content header */	
#left_col h1 {	font-family: "Trebuchet MS", verdana, arial, sans-serif; font-size: 170%; letter-spacing: 0.5px; clear: both;  }
/* main sub header */	
#left_col h2 {	font-family: "Trebuchet MS", verdana, arial, sans-serif; font-size: 130%; letter-spacing: 0.5px; margin: 0; clear: both;  	}
/* sml verdana sub header */	
#left_col h3 {	margin: 0; font-size: 90%; letter-spacing: 0px; line-height: 110%; }

	
/* float images left and right */	
.left{	float: left; padding: 3px; border: #CCCCCC 1px solid;	margin: 0 10px 10px 0;	}
.right{	float: right; padding: 3px; border: #CCCCCC 1px solid;	margin: 10px 0 0 10px;	}		


/* ************************** LISTS *************************** */

/* page unordered list */	
#left_col ul { clear: both;	padding: 5px;	margin: 0 0 20px 0;	list-style: none; display: block; background-color: #EFF9FC; }
#left_col ul li { background: url(../images/bullet_osquare.gif) 0px 6px no-repeat; padding: 0 0 0 15px; margin: 0 0 10px;  display: block;	}
/* unordered list nested */	
#left_col ul li ul  { clear: both;	padding: 5px 0 ;	margin: 0;	list-style: none; display: block; background-color: #EFF9FC;	}
#left_col ul li ul li { background: url(../images/bullet_osquare.gif) 0px 6px no-repeat; padding: 0 0 0 15px; margin: 0 0 10px;  display: block;	}

/* page ordered list */	
#left_col ol { clear: both;	padding: 5px;	margin: 0 0 5px 0;	display: block; background-color: #EFF9FC; list-style-position: outside;  }
#left_col ol li { padding: 0; margin: 0 0 5px 5px;  display: block;	}
/* ordered list nested */	
#left_col ol li ul  { clear: both;	padding: 5px 0 5px 5px;	margin: 0;	list-style: none; display: block; background-color: #EFF9FC;	}
#left_col ol li ul li { background: url(../images/bullet_osquare.gif) 0px 6px no-repeat; padding: 0 0 0 15px; margin: 0 0 10px;  display: block;	}

/* anchor links at top of page */		
.page_links {  list-style: none; margin: 0 0 5px 0!important;	padding: 10px 10px 3px 10px!important;	display: block; background: url(../images/img_bg_line.gif) repeat-y;!important;	background-color: #FFFFFF!important;	}
.page_links li { display: block; margin: 0 0 7px!important;	padding: 0 0 0 10px!important;	background: none!important;	}	

/* document download links */		
.download_links {  clear: both;	padding: 5px;	margin: 0 0 5px 0;	list-style: none; display: block; background-color: #EFF9FC; }
.download_links li { background: url(../images/icon_doc.gif) 0px 2px no-repeat!important; padding: 0 0 0 15px; margin: 0 0 10px;  display: block;	}

/* document gallery links */
.picture_links {  clear: both;	padding: 5px;	margin: 0 0 5px 0;	list-style: none; display: block; background-color: #EFF9FC; }
.picture_links li { background: url(../images/icon_picture.gif) 0px 2px no-repeat!important; padding: 0 0 0 5px; margin: 0 0 5px;  display: block;	}

/* ************************* BLOCKQUOTE *************************** */
/* quote */	
#left_col blockquote { display: block; padding: 5px; margin: 0 0 20px 0; line-height: 110%; background-color: #FFFAE9;	}


/* img block can be used with a block of text to create a right / left float */			
.img_block { clear: both; }
.img_block img { float: left; padding: 3px;	border: #CCCCCC 1px solid; margin: 0 10px 10px 0;	}


/* ************************* TABLES *************************** */
/* tables */	
.normal_table { width: 519px; margin: 0 0 10px; border-collapse: collapse; }
.normal_table th { padding: 5px; margin: 0; text-align: left; background-color: #EFF9FC; border: 1px solid #CCCCCC; line-height: 110%;  }	
.normal_table td { padding: 5px; margin: 0; border: 1px solid #CCCCCC; vertical-align: top; }

/* ************************* FORMS *************************** */
/* we can use the table setup form above and use individual tables for the form items to give is total control */
.form { background-color: #EFF9FC; width: 519px; margin: 0 0 10px; border-collapse: collapse; border: none!important; }	
.form th { text-align: left; padding: 10px; border-bottom: 1px #FFFFFF solid; }
.form td { padding: 10px; }

.form_item { width: 100%;  }
.form_item th { font-weight: normal; padding: 0; border: none; }
.form_item td { padding: 0; }



/* ****************************************************************** */
/* *************************** GALLERIES **************************** */
/* ****************************************************************** */

/* NOTE the gallery component feature - display: inline - this is to remove the double border bug in explorer */
.gallery {
	padding: 5px;
	margin: 0;
	display: block; 
	border: 0;
	overflow: auto;
	width: 50%;
	} 
	
.img_rollover, a.img_rollover { clear:none; float: left; margin: 0; background-color: #FFFFFF;	display: block;	display: inline; padding: 3px; border: #ffffff 1px solid;	}
a.img_rollover:hover { display: block; display: inline; border: #CCCCCC 1px solid; }


/* ****************************************************************** */
/* ************************* BLOC BUTTON **************************** */
/* ****************************************************************** */
a.landing_page_link  { 
clear: both;
display: block;
width: 80%;
padding: 5px;
margin: 0 0 5px 0;
text-decoration: none!important;
color: #000000!important;
}

/* becauae we cant use  a block element inside an inline element we must force inline elemts to behave thus */ 
a.landing_page_link:hover { background-color: #EFF9FC; text-decoration: none; cursor: pointer; display: block; }
.landing_page_link img { float: left; padding: 3px;	border: #CCCCCC 1px solid;  margin: 0 10px 0 0; display: block; background-color: #FFFFFF;  }
.textblock { float: right; width: 329px; font-size: 90%!important; display: block; text-decoration: none!important; }
.landing_page_link em { text-decoration: underline; font-style: normal; display: block; padding: 0 0 5px 0; margin: 5px 0 0 0; color: #999999; }
.landing_page_link strong {	padding: 0;	margin: 0 0 10px;	font-size: 110%;	text-transform: uppercase;	display: block;	letter-spacing: 0px; color: #666666;	line-height: 110%;}



/* *************************************************************** */
/* ************************** RIGHT COL ************************** */
/* *************************************************************** */
#right_col {
	width: 40%;
	display: block;
	margin: 0;
	float: right;
	height: 100%;
	}
	
/* right col h1 is the section header with coloured bg, used in conjunction with a style to det the bg to relivent icon */	
#right_col h1 {
	margin: 0 0 1px;
	background-color: #FFCC23;
	padding: 5px;
	font-size: 100%;
	border-bottom: dotted #FFFFFF 1px;
	line-height: 110%;
	}
	
/* style to set alternate bullets to section header in right hand nav */
.pictures {	display: block;	padding: 2px 0 2px 23px; background: url(../images/icon_pictures.gif) no-repeat; }
.brisbane {	display: block;	padding: 5px 0 5px 38px; background: url(../images/icon_brisbane.jpg) no-repeat; }
.cairns { display: block;	padding: 5px 0 5px 38px; background: url(../images/icon_cairns.jpg) no-repeat; }


/* right col h2 is for img used as header */
#right_col h2 {
	margin: 0 0 1px;
	padding: 0;
	border-bottom: dotted #FFFFFF 1px;
	}



/* cnav right hand nav section */
.cnav {
	line-height: 110%;
	color: #000;
	}
	
/* right hand nav */
.cnav ul {	padding: 5px; display: block; margin: 0; list-style: none; background: url(../images/img_bg_rhnav_bottom.jpg) #F0F0F0 bottom repeat-x;	}
.cnav li {	padding: 0;	margin: 0 0 15px;	display: block; }
/* right hand sub nav */
.cnav li ul { padding: 0; margin: 5px 0 5px 0!important; background-color: none; background-image: none!important; font-weight: normal; }
.cnav li ul li { font-size: 85%!Important; }
/* cnav text colors + rollovers */
.cnav a { text-decoration: none; color: #777; }
.cnav a:hover { text-decoration: underline; color: #000; }


/* bullet stlyes */
.cnav_on { padding: 0 0 0 5px!important; background: url(../images/bullet_arrow.gif) no-repeat 2px 4px; font-weight: bold; color: #000000;}
.cnav_sub_on { padding: 0 0 0 5px!important; background: url(../images/bullet_arrow.gif) no-repeat 2px 4px; font-weight: normal; color: #000000;}
.cnav_open { padding: 0 0 0 5px!important; background: url(../images/bullet_open.gif) no-repeat 2px 4px; font-weight: bold; color: #000000;}
.cnav_adress { padding: 0 0 0 5px!important; background: url(../images/icon_adress.gif) no-repeat 0 2px; }
.cnav_phone { padding: 0 0 0 5px!important; background: url(../images/icon_phone.gif) no-repeat 0 2px; }
.cnav_fax { padding: 0 0 0 5px!important; background: url(../images/icon_fax.gif) no-repeat 0 2px; }
.cnav_email { padding: 0 0 0 5px!important; background: url(../images/icon_email.gif) no-repeat 0 5px; overflow: hidden; width: 30%; }




/* *************************************************************** */
/* *************************** FOOTER **************************** */
/* *************************************************************** */
#footer {
	clear: both;
	padding: 10px;
	margin: 0;
	background-color: #FFCC23;
	display: block;
	width: 100%;
	line-height: 120%;
	}
	
*html #footer {
height:1px;
}

/* TOP RIGHT NAV */	
#nav_footer {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	}
	
#nav_footer li { margin: 0 0 0 5px; padding: 0 0 5px; float: left; display: block; }
#nav_footer a, #phase a { color: #000000; text-decoration:none;	}
#nav_footer a:hover, #phase a:hover { color: #000000; text-decoration:underline;	}
#phase { float: left; display: block; }