/*
	Copyright DTDigital         :: www.dtdigital.com.au ::
	Unauthorised modification / use is a criminal offence, and
	will be prosecuted to the fullest extent permitted by law.
	All Rights Reserved
*/

/* ================= @Table of content ========================
***************************************************************
***************************************************************
********** Seperate css into logical chunks of code ***********
***************************************************************
***************************************************************
	@Tags
	@Misc
	@Error
	@Base Font
	@Structual
	@Rollover Navigation
	@Content
	@Forms
	@Tables
	@List
==================== =Table of content - end ================*/

/* @Tags - START: direct tag styling that are not related font sizing */
*, html { font-family: Arial, Geneva, Helvetica, sans-serif; }

body, form, ul, li, h1, h2, h3, h4, h5, h6
{
	margin: 0;
	padding: 0;
}

a {	color: #d21242; text-decoration: none;	}
	a:hover { cursor: pointer; color: #006fba;	text-decoration: underline; }
	
img { border: none; }

td { vertical-align: top; }

p {	margin: 0 0 1.2em 0; padding: 0; }

/* @Misc - START: misc styles */
.clear
{
	height: 0px !important;
	line-height: 0 !important; /* if causing problems, remove */
	clear: both !important;
	font-size: 1px !important;
	float: none !important;
	padding: 0px !important;
	margin: 0px !important;
	width: auto !important;
	display: block !important;
	visibility: hidden !important;
	overflow: hidden !important;
}
	.clearfix:after 
	{
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
	* html .clearfix { height: 1%; }

.skip-links { position: absolute; top: -9999px; left: -9999px; }

/* @Error - START: form validation summary error styles */
.errors
{
	color: #eb334e;
	font-size: 1em;
	padding: 10px;
	margin-bottom: 15px;
	border: 1px dotted #cccccc;
	position: relative;
}
	.errors ul li
	{
		background: none;
		color: #eb334e;
		font-size: 0.917em;
		list-style-type: square;
		margin-left: 16px;
		padding: 0;
	}
.error { color: #eb334e; font-size: 1em; font-weight: bold; }


/* @Base Font - START: Styles for scalable font consistency */
html { font-size: 100%; /* IE hack */ background: #ffffff; text-align: center;}
body { font-size: 0.75em; /* Sets base font size to 12px */}
table { font-size: 100%; /* IE hack */ }
input, select, textarea, th, td { font-size: 1em; }

h1{ margin: 0 0 0 0; color: #ffffff; font-weight: normal; font-size: 2.917em; line-height: 1.156em; } /* 35px / */
h2 { font-size: 2em; line-height: 1em; margin-bottom: 1em; color: #006fba; }	/* all em = 24px */
h3 { font-size: 1.333em; line-height: 1.2em; margin-bottom: 0.625em; color: #3d97cf; font-weight: normal; }	/* all em = 16px */
h4 { font-size: 1em; line-height: 1em; margin-bottom: 0.6em; color: #5c6f7b; font-weight: bold; }	/* all em = 15px */
h5 { font-size: 1em; line-height: 1em; margin-bottom: 1em; color: #3d97cf; font-weight: bold; }	/* all em = 14px */
h6 { font-size: 1.083em; line-height: 1em; margin-bottom: 2.2em; color: #5c6f7b; }	/* all em = 13px */

.default h1 { font-size: 2.667em; line-height: 1.094em; margin: 0 0 0.563em 0; color: #ffffff; font-weight: normal;  letter-spacing: -1px; } /* 32px / 35px / 18px / -2px */

h2.title02 { margin-bottom: 0.5em;}
h3.title01 { margin-top: 2.2em; font-weight: bold; }
h3.title02 { margin-top: 1em; font-weight: bold; }
h3.title03 { margin-top: 0; font-weight: bold; }
h3.title04 { margin-top: 5px; font-weight: bold; }
h4.title02 { color: #3d97cf; font-size:1.167em; font-weight: bold; margin-bottom: 0.500em; } /* 14px */	
.title-space {margin-bottom: 1.333em;}
.intro01 { font-size: 1.333em; color: #3d97cf; line-height: 1.188em; margin: 0 0 2.813em 0; } /* 16px / 45px */
/*.intro02 { font-size: 1.083em; line-height: 1.230em; margin-bottom: 2em; }	*//* all em = 13px */
.intro02 { font-size: 1.333em; color: #3d97cf; line-height: 1.188em; margin: 0 0 2em 0; } /* 16px / 45px */

.link01 { display: block; background: url(ico_arrow-red.gif) no-repeat 0 3px; padding-left: 10px; margin-bottom: 20px; }
.link02 { background: url(ico_external-link.gif) no-repeat 100% 3%; padding-right: 15px; }


sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}
	* html sup { vertical-align: bottom; }
	* html sub { vertical-align: bottom; }
	sup { bottom: 1ex;}
	sub { top: .5ex; }


.c-01 { color: #bd2a37;} /* dark red*/
.c-02 { color: #552170;} /* purple */
.c-03 { color: #ee352a;} /* bright red */
.c-04 { color: #00659e;} /* blue */
.c-05 { color: #6e9a35;} /* grass green */
.c-06 { color: #00a75f;} /* green */
.c-07 { color: #9c4b1e;} /* bronze */
.c-08 { color: #59aacf;} /* light blue */
.c-09 { color: #445b6e;} /* navy blue */

.margin01 {	margin-bottom: 20px !important; }
.margin02 { margin-bottom: 40px !important; }
.margin03 { margin-bottom: 15px !important;} 

.fl {float: left;}
.fr {float: right;}

hr { display: none; }
.border01 { padding: 2em 0 0 0; margin: 3.667em 0 0 0; border-top: 1px solid #eef0f2;}
.note01 {
		float: left;
		width: 100%;
		font-size: 0.833em;
	}
	

/* @Listing - START: Image styles */
img.feature-img01
{
	float: right;
	padding: 3px;
	margin: 0 0 1.666em 24px;
	background: #e8e8e8;
	border: 1px solid #dddddd;
}
img.feature-img02
{
	float: left;
	margin: 0 24px 1.666em 0;
	padding: 3px 3px 3px 3px;
	background: #e8e8e8;
	border: 1px solid #dddddd;
}

.img-right { float: right; margin: 0 10px 28px 0; } /*small multiple images with spacing*/
.img-left {	float: left; margin: 0 10px 28px 0; } /*small multiple images with spacing*/
.img-left2 {	float: left; margin: 0 20px 28px 0; } /*small multiple images with spacing*/

/*
	Note:
	To set font sizes in elsewhere in the stylesheet, use the following formula
	n/b (where n = desired font size in pixels, and b = base font size in pixels)
	
	eg. font-size: 0.917em; = font-size: 11px;

END: Styles for scalable font consistency */

#flashcontent01 { width: 461px; margin: 0 auto;} 
.popup-content { text-align: left; padding: 10px 20px 0 20px; }