@charset "iso-8859-2";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700|Oswald:400,700);


/* typography */


a:link, a:visited, a:active {
	color: #855095;
	text-decoration: none;
}
footer a:link, footer  a:visited, footer a:active {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #A585BE;
}

p, li, td {
font-size: 12pt;
line-height: 17pt;
color:#666666;	
margin-top: 0px;
margin-bottom: 14px;
}
li, td, th, input, select { margin: 0; }

h1 {
font-size: 18pt;
line-height: 20pt;
color:#855095;	
font-weight: normal;
font-family: 'Oswald', sans-serif;
}


h2 {
font-size: 14pt;
line-height: 16pt;
font-weight: normal;
color:#855095;	
font-family: 'Oswald', sans-serif;
}

.featureshome h2, .features h2 {
font-size: 16pt;
line-height: 18pt;
}


h3 {
font-size: 12pt;
line-height: 14pt;
color:#855095;	
margin-top: 14px;
margin-bottom: 3px;
font-weight: normal;
font-family: 'Oswald', sans-serif;
}

.features h2, .features h3, .features p, .features li, .features a { color: #fff; } 

.features p { line-height: 15pt; }

#tagline h3 {
	font-size: 18pt;
	line-height: 18pt;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
}
#tagline h4 {
	color:#855095;	
	font-size: 14pt;
	line-height: 14pt;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	margin-top: 10px;
}

hr {
height:1px; 
border:none; 
color:#cdccca; 
background-color:#cdccca;	
}


/* layout */

html, body  {
	/*height: 100%;	*/
	margin: 0;
	padding: 0;
}

body {
	background-color: #ffffff;
	font-family: 'Roboto', sans-serif;
}

#container {
	position: absolute;
	min-height: 100%;
	width: 100%;
	margin: 0 auto;
	background-image: url(../elements/colour_banner.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	padding-top: 40px;
}

	nav {
			position: relative;
			background-color: #855095;
			width: 100%;
			height: 60px;
			margin-top: 15px;
			margin-bottom: 15px;
	}

	header {
		position: relative;
		width: 100%;
		height: 150px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 20px;
		text-align: center;
	}
		
	#logo {
		position: relative;
		display:  inline-block;
		width: 700px;
	}
	#logo img { 
	width: 450px;
	height: auto;
	float: left;
	 }
	#tagline {
		position: relative;
		display:  inline-block;
		width: 700px;
		height: 150px;
		vertical-align: top;
		padding-top: 7px;
	}
	
	aside {
		position: relative;
		margin: 0 auto;
		width: 1400px;
		display: -ms-flexbox;
 	 	display: -webkit-box;
	  	display: flex;
		justify-content: center;
		-webkit-justify-content: center;
		margin-bottom: 40px;
	}
	
	#features .features {
		position: relative;
		display: inline-block;
		background-color: #855095;	
		width: 390px;
		padding: 15px;
		margin-left: 25px;
		min-height: 150px;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	}
	#features .features:first-of-type {
		margin-left: 0;
	}
	.features img { float: right; width:40px; height: auto; margin-right: 2px; }
	
	#contentarea {
		position: relative;
		margin: 0 auto;
		width: 1700px;
		padding-bottom: 150px;
		background-image: url(../elements/logo_background.png);
		background-repeat: no-repeat;
		background-position: bottom right;
	}

	section {
		position: relative;
		margin: 0 auto;
		width: 1318px;
		padding: 40px;
		min-height: 200px;
		border: 1px solid #cccccc;
		background-color: #fff;
	}
	section img { max-width:  100%; }

	section#featureshome { 
		border: none; 
		width: 1400px;
		padding: 0;
		display: -ms-flexbox;
 	 	display: -webkit-box;
	  	display: flex;
		justify-content: center;
		-webkit-justify-content: center;
		background-color: transparent;
	}

	#featureshome .featureshome {
		position: relative;
		display: inline-block;
		background-color: #333;	
		width: 390px;
		padding: 15px;
		margin-left: 25px;
		min-height: 350px;
		 background: red; 
 	 	background: -webkit-linear-gradient(left, #eee, #fff, #eee); 
  		background: -o-linear-gradient(right, #eee, #fff, #eee); 
  		background: -moz-linear-gradient(right, #eee, #fff, #eee); 
  		background: linear-gradient(to right, #eee, #fff, #eee);  
	}
	#featureshome .featureshome:first-of-type {
		margin-left: 0;
	}
	
	
	#aust_map { margin: 0; }

	.state_WA{fill:#A185BA;}
	.state_QLD{fill:#9358A3;}
	.state_NT{fill:#F7C5D6;}
	.state_SA{fill:#694099;}
	.state_NSW{fill:#E29AC2;}
	.state_VIC{fill:#CF4298;}
	.state_TAS{fill:#a085bc;}
	.state_ACT{fill:#694099;}

	footer {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 130px;
		background-color: #855095;
		margin-top: 40px;
	}

footer p {
	padding-top: 5px;
	width: 1400px;
	color: #fff;
	font-size: 10pt;
	line-height: 12pt;
	margin: 0 auto;
}
footer p.acknowledge {
		font-size: 9pt;
		padding-top: 10px;

}
footer p a#publisher { float: right; }






/* incidentals */

a img { 	border: none; }



/* adjustments for responsive design */


@media only screen and (max-width: 1700px)  { 

#contentarea { width: 100%; }

}
@media only screen and (max-width: 1500px)  { 

#logo, #tagline {width: 600px; }
aside, section#featureshome { width: 1200px; }
section {	width: 1118px;  }
footer p {	width: 1200px; }


}


@media only screen and (max-width: 1300px)  { 

#logo, #tagline {width: 500px; }
aside, section#featureshome  { width: 1000px; }
section{	width: 918px;  }
footer p {	width: 1000px; }

}


@media only screen and (max-width: 1100px)  { 

#logo, #tagline {width: 380px; }
#logo img { width: 350px; }
#tagline h3 { font-size: 16pt;	line-height: 16pt;margin-top: 2px;}
#tagline h4 {	font-size: 12pt;	line-height: 12pt; margin-top: 5px;}
#tagline { padding-top: 15px; }
header { height: 100px; }
footer p {	width: 97%; }

aside, section#featureshome { width: 800px; }
section {	width: 718px;  }


}


@media only screen and (max-width: 900px)  { 
aside { width: 600px; }
section {	width: 518px;  }
footer p {	width: 700px; }

section#featureshome { display: inline-block; text-align: center; width: 100%; }
#featureshome .featureshome { margin-left: 0; width: 70%; margin-bottom: 15px; text-align: left;}

}

@media only screen and (max-width: 800px)  { 

section {	width: 70%;  }
footer p {	width: 90%; }
header { height: 130px; }
#tagline, #logo { width: 80%; }
#tagline{ height: auto;  }
#tagline h3 { font-size: 14pt;	line-height: 14pt;text-align: right; padding-top: 0; margin-top: -40px; }
#tagline h4 {font-size: 12pt;	line-height: 12pt;	text-align: right; padding-top: 0;}

aside { display: inline-block; text-align: center; width: 100%; }
#features .features { margin-left: 0; width: 70%; margin-bottom: 15px; text-align: left;}


}


@media only screen and (max-width: 480px)  { 
#logo img { width: 250px; }
#tagline, #logo { width: 90%; }
#tagline h3 { font-size: 12pt;	line-height: 12pt; margin-top: 0px; }
#tagline h4 {font-size: 10pt;	line-height: 10pt;	}
	footer { height: 200px;}
		#contentarea { padding-bottom: 230px; }


}