/****************************************************************/
/********************Font Section********************************/
/****************************************************************/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 24, 2013 */



@font-face {
    font-family: 'spatialFont';
    src: url('../fonts/FUTRFW.eot?#iefix') format('embedded-opentype'),
         url('../fonts/FUTRFW.woff') format('woff'),
         url('../fonts/FUTRFW.ttf') format('truetype'),
         url('../fonts/FUTRFW.svg#futurist_fixed-widthregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'redbluffFont';
    src: url('../fonts/fontana.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fontana.woff') format('woff'),
         url('../fonts/fontana.ttf') format('truetype'),
         url('../fonts/fontana.svg#fontanaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/****************************************************************/
/********************* Main Section Layout **********************/
/****************************************************************/

body
{
	margin: 		0 auto;
	font-size:		100%;
	background:		url('../image/background.jpg') top left repeat;

}

#main-container
{
	width:			100%;
	height:			100%;
	margin-left:		auto;
	margin-right:		auto;
	
}



#container
{
	width:			80%;
	height:			100%;
	margin-left:		auto;
	margin-right:		auto;
	font-family:		verdana, sans-serif;
	overflow: 		hidden;
}

.client-container
{
	width:			100%;
	height:			0.3em;
	text-align:		center;
	background-color:	black;			
}
.client-container a
{
	font:			bold italic 70% verdana,georgia, sans-serif;;
	color:			white;
	text-decoration:	none;
	padding-right:		2em;
}
.header-container
{
       	width:         		100%;
       	min-width:		51.5em;
	height:			9.7em;       	
       	margin-left:		auto;
	margin-right:		auto;
	background-color: 	#F7C771;
	border-top-style:	solid;
	border-top-width:	1em;
	border-top-color:	#000000;
}

.logo-container
{
	float:			left;
	background:		url('../image/logo.gif') top left no-repeat;
	width:			20%;
	min-width:		15em;
	height:			10em;
}

.logo-container span
{
	display:		none;
}

.heading-container
{

       	float:			center;
      	width:    		100%;
      	min-width:		2em;
	font-family:		redbluffFont;
	letter-spacing:		0.35em;
	color:			#BF1E2D;
	text-shadow:		1px 1px #000000;
	font-size:		500%;
	text-align:		center;
	margin-left:		-0.5em;

}

.heading-container1
{
	float:			center;
      	width:    		100%;
      	min-width:		2em;
	font-family:		spatialFont;
	color:			#000000;
	font-size:		300%;
	text-align:		center;
	letter-spacing:		0.60em;
	margin-left:		-0.8em;
}

#breadcrumb
{
	width:			100%;
	min-width:  		42.95em;
	height:			1.5em;
	color:			#F7C771;
	background-color:	#BF1E2D;
	font-size:		120%;
	font-weight:		bold;
	padding-top:		0.5em;
}

#breadcrumb a, #breadcrumb span
{
	color:			#F7C771;
	padding-left:		0.5em;
}

#australia-map
{
	
	margin-left:		auto;
	margin-right:		auto;
	width:			100%;
	min-width: 		51.5em;
	height:			2.5em;
	text-align:		center;
	vertical-align: 	middle;
	line-height: 		2.5em;
	font-family:		spatialFont;
	font-size:		100%;
	font-style:		italic;
	font-weight:		bold;
	text-transform: 	uppercase;
	letter-spacing:		-0.3em;
	color:			#F7C771;
	background-color:	#267999;
	border-top-style:	solid;
	border-top-width:	0.3em;
	border-top-color:	#BF1E2D;
	border-bottom-style:	solid;
	border-bottom-width:	0.3em;
	border-bottom-color:	#BF1E2D;
}

/*#australia-map span
{
	width:			55%;
	font:			italic 120% verdana, san-serif;
	text-align:		left;
	color:			#F7C771;
	margin-top:		1.5em;
	margin-left:		11.5em;
	display:		block;
}*/

h2
{
	font-size:		130%;
	color:			#000066;	
	text-align:		center;
}

h3
{
	font-size:		115%;
	color:			#000066;
	/*margin-bottom:		-0.05em;*/	
}

h4
{
	font-size:		100%;
	color:			#000066;
	/*margin-bottom:		-0.85em;*/
}

h4 a
{
	text-decoration:	none;
	color:			#000066;
}

h5
{
	font-size:		120%;
	color:			#000066;
	font-style:		italic;
	font-weight:		500;
}


.middle-container
{
	width:			105%;
	min-width:		52em;
	min-height:		25em;
	height:			100%;
	display:		inline-block;
	position:		relative;
	overflow: 		hidden;
	
}

.middle
{
	text-align:		center;
	font-size:		120%;
	margin-top:		2.5em;
}
 

 
.content-container
 {
        float:			left;
        margin-left:		14em;
        font-size:		105%;
        padding-left:		1em;
        width: 			70%;

}
        
.content-container span
{
	margin-top:		1.5em;
	margin-left:		0.5em;
	
} 

.content-container li
{
	line-height:		2em;
}

.toppage
{
	text-align:		right;
}

p.article
{
	margin-top:	-1.2em;
}


/*******************************************************************/
/*********************Navigation Section Layout*********************/
/*******************************************************************/

.nav,  .nav1
{
     
     	width:  		14%;
     	min-width:		14em;
    	height:			100%;
     	float: 			left;
     	margin-left: 		0em;
     	background-color: 	#F7C771;
 	position:		absolute;
 	overflow:		hidden;
}



ul.navigation
{

	text-align: 		left;
	font-size:		110%;
	padding-left:		1.5em;
	 
}

ul.navigation li
{
      list-style-type:  	none;
      margin:			2em 0;
      line-height:		1.3em;
}

ul.navigation li a
{
	color:			#000000;
	text-decoration:	none;
}

ul.navigation .selected a
{
	color:			#000066;
	text-decoration:	underline;
}

ul.inner-nav
{
        font-size:  		80%;        
}

ul.inner-nav li, il.inner-nav li a
{
	list-style-type:	circle;
	font-style:		italic;
	font-weight:		bold;
	color:			#000066;
	text-decoration:	none;
	line-height:		1.3em;
	margin:			1em 0 0 -2.5em;
}

/****************************************************************/
/*************** Contact Form Section Layout ********************/
/****************************************************************/


.contact-instructions
{
	text-align:		center;
	font-weight:		780;		
}

.formcontainer
{
	clear:			both;
	margin-left: 		auto;
   	margin-right:    	auto;
   	margin-top:		1em;
   	margin-bottom:		1em;
	width: 			70%;
	color:			#000382;
	background-color:	rgba(247, 199, 113, 0.6);/*#181818;*/
	border-radius:		1em;
	padding-bottom:		1em;
	overflow: 		hidden;
}

.formcontainer p
{
	text-align:		center;
	font-size:		90%;
}

.form-label
{
	
	font:			bold 100% verdana,georgia, sans-serif;
	margin-left:		10%;
	padding-top:		1.5%;
	display:		inline-block;		
}

.formcontainer span
{
	clear:			both;
	font-size:		110%;
	font-weight:		780;
	margin-left:		10%
	color:			#FF0000;
	display:		block;
}

input, textarea
{
	width:			80%;
	font-size:		110%;
	font-weight:		780;
	color:			#000000;
	background-color:	#F5F5F5;
	margin-left:		10%;
	line-height:		1.75em;
}

textarea
{
	margin-top:		0.25%;
}

#contact, #enquirytype
{
	width:			80%;
	font-size:		110%;
	font-weight:		780;
	color:			#000000;
	margin-left:		10%;
	margin-top:		0.25%;
	line-height:		1.75em;
	height:			2em;
	border:			0;
	background-color:	#F5F5F5;
}
.btn
{
	text-align:		center;
	
}

button
{
	margin-top:		0.5em;
	padding:		0.5em 0 0.5em 0;
	width:			20%;
	font-size:		120%;
}

.errormsg
{
	margin-left:		10%;
	color:			#FF0000;
}



.quote
{
	clear:			both;
	margin-top:		2.5em;
	margin-left:		43%;
	font:			bold 150% verdana,georgia, sans-serif;
	display:		inline-block;
}

.quote-info
{
	text-align:		center;
	width:			100%;
	font: 			120% verdana,georgia, sans-serif;
	padding-top:		3%;
	margin-left:		4%;
}

.thanks
{
	height:		100%;
}


 /******************************************************************************/
 /***************Footer  Section Layout***************************************/
 /*****************************************************************************/
 
.footer-container
 {
 	position:		relative;
 	background-color: 	#F7C771;
 	margin-top:		-1em;
 	width:			100%;
 	min-width:		51.5em;
  	float:			left;
	color:			#000066;

}

.contact
{
	float:			left;
	width:			30%;
	margin-left:		0.5em;
	font-size:		85%;
	line-height:		0.6em;

	
}

.middle-footer
{
	float:			left;
	width:			40%;
	margin-left:		auto;
	margin-right:		auto;
	text-align:		center;
	margin-top:		2em;
}

.LI-profile-badge
{
	display:		inline-block;
	vertical-align:		middle;
	
}
 .copyright-container
{
	float:			left:
	width:			20%;
	margin-right:		0.5em;
	font-size:		70%;
	text-align:		right;
	line-height:		0.6em;
 }
 
  /******************************************************************************/
 /*************** Font size based on resolution *********************************/
 /*******************************************************************************/
 
 @media only screen and (max-width: 595px)
 {
 	
	.header-container
	{
       		width:         		100%;
       		min-width:		25em;
		height:			4em;       	
	}

	.logo-container
	{
		display:		none;
	}


	.heading-container
	{
      		width:    		100%;
      		min-width:		1em;
 		font-size:		200%;
		margin-left:		0em;

	}

	.heading-container1
	{
	      	width:    		100%;
      		min-width:		2em;
		font-size:		150%;
		margin-left:		0em;
	}

	#breadcrumb
	{
		width:			100%;
		min-width:  		40em;
		font-size:		90%;
	}

	#australia-map
 	{
 		word-wrap: 		break-word;
 		font-size:		60%;
 		width:			40em;
 	}
 	
 	.content-container
 	{
        	margin-left:		8.5em;
        	font-size:		90%;
        	padding-left:		1em;
        	width: 			20em;

	}
	.middle-container
	{
		width:			100%;
		min-width:		40em;	
	}
	
	#breadcrumb a, #breadcrumb span
	{
		color:			#F7C771;
		padding-left:		0.5em;
	}
	
	.nav,  .nav1
	{
      		width:  		14%;
     		min-width:		9em;
    		font-size:		85%;
	}
	
	ul.navigation
	{
		padding-left:		0.5em
	}	
 }