/* --------------- */
/* General Styling */
/* --------------- */

/* THE COLUMN LAYOUTS ARE NOT STYLED IN THIS (STYLES.CSS) FILE. LOOK FOR THE MATCHING/CORRESPONDING CSS/PHP FILE. */
/* Removal of padding and margins so that the page begins right from the top of the browser instead of having a gap */

html, body {
	margin: 0;
	padding: 0;
	font-size:12px;
}

a {
	-moz-outline-style: none;
}

/* Removes the space around the paragraph tags so that paragraphs begin from the same point across all browsers */

p {
	margin: 0;
	padding: 0;
}

/* ------------------ */
/* Top Containing Div */
/* ------------------ */

/* Following div holds the part of the header that spans tbe entire width of the browser */

#header-container {
	width: 100%;
	height: 250px;
	background: #000000;
}

/* This is the main header which holds the 'topnav' 'logo' and 'phone' divs. It is set to centre with margin: auto */

#header {
	width: 960px;
	height: 200px;
	margin: auto;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

/* -------------- */
/* Top Navigation */
/* -------------- */

#topnav {
	width: 500px;
	margin-top: 20px;
	float: right;
	color: #EEDE15;
	text-align: right;
	
}

#topnav a {
	color: #FFFFFF;
	font-size: 10pt;
	margin-left: 10px;
	margin-right: 10px;
	text-decoration: none;
}

#topnav a:hover {
	text-decoration: none;
}

.liveanswers {
	margin: 35px 10px 0 0;
	float: right;
}

a.logo {
	width: 400px;
	height: 150px;
	float: left;
	margin-top:34px;
	margin-left: 30px;
	font-size: 80pt;
	display: inline;
	background: #000000 url('logo-header-lrg.jpg') no-repeat;
}
#top-slogan {
	width: 300px;
	float: right;
	margin-top: 90px;
	margin-right: 10px;
	clear: right;
	display: inline;
	font-size: 9pt;
	text-align: right;
	color: #EEDE15;
	font-style:italic;

}

#phone {
	width: 300px;
	float: right;
	margin-top: 130px;
	margin-right: 10px;
	clear: right;
	display: inline;
	font-size: 13.5pt;
	text-align: right;
	color: #EEDE15;
	background: url('aust-icon.jpg') no-repeat;
}

#phone-grey {
	width: 960px;
	font-size: 13.5pt;
	text-align: right;
	margin:auto;
	padding:10px 20px 0px 0px;
	color: #666666;
	
}

/* ------------ */
/* Content Area */
/* ------------ */

/* These hold the layout in place. Most are floated and positioned relatively to prevent IE6 from breaking */
/* Shouldn't need to edit 'colmask' 'content' and 'colwrap' at all */

#colmask {
	width: 960px;	
	margin: auto;	
}

#content {
	right: 10px;
	float: left;
	width: 960px;
	position: relative;	
}

#colwrap {
	width: 960px;
	float: left;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
}

.rightcol a, .leftcol a {
	color:#999999;
	font-weight:bold;
	text-decoration:none;
}

.rightcol a:hover, .leftcol a:hover { 
	color:#666666;
	font-weight:bold;
	text-decoration:underline;
}

.rightcol a.link {
	color:#000000;
	font-size: 12pt;
}

.rightcol a.link:hover {
	color:#3d6184;
}

/* This is a non-floated division to hold the main footer in place. A floated division can't be centred with margin: auto. */

#footerwrap {
	width: 90%;
	height: 80px;
	margin: auto;
}

/* The following is the main styling of the footer box. Currently has a border-top applied to it to draw the line. This div is floated
   which is why it needs a wrapping div */

#footer {
	width: 100%;
	height: 80px;
	border-top: 1px solid #999999;
	float: left;
	clear: both;
}

#footernav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin: 10px;
	float: right;
	color: #666666;
	display: inline;
}

#footernav a {
	margin-left: 10px;
	margin-right: 10px;
	text-decoration: none;
	color: #666666;
}

#footernav a:hover {
	text-decoration: none;
}
#background {
background : url('border-blend.jpg') repeat-x left;
width: 100%;
height: 50px;
float: left;
}

h1 {
font-size: 12pt;
color: #3d6184;
font-style:normal;
font-weight:normal;
padding: 0px;
margin: 0px;
}

h2 {
font-size: 9pt;
color: #3d6184;
font-style:normal;
font-weight:normal;
}

h3 {
font-size: 10pt;
color: #3d6184;
font-style:normal;
font-weight:normal;
}

h4 {
font-size: 12pt;
color: #3d6184;
font-style:normal;
font-weight:normal;
padding: 0px;
margin: 0px;
}

h1pic {
background-image: url('4-icon.jpg');
float:right;
}

.map-pic {
padding: 100px;
}