/* 
========================================================================================================================
Title : 		Australian Industry Services Website
Author : 		Dave Tanner
URL : 			www.freshweb.com.au

Description: 	Sets standard layout styles for entire site

Created :  		08 March 2006
Modified : 		15 March 2006
======================================================================================================================== */

/* 
========================================================================================================================
IMPORT CSS
======================================================================================================================== */
@import url("initial.css");

/* 
========================================================================================================================
BODY / PAGE SETUP
======================================================================================================================== */

/*
dark blue: 		#003f5e #004666
bright blue:	#066585
mid blue:		#e2ebef
pale blue:		#f2f7f9
orange: 		#e89116
grey: 			#e4e4e5
*/

*{ 
}

html{
	height: 100%;
}

body{
	margin: 0;
	padding: 0;
	height: 100%;
	background: #004666 url(../images/bg_main.gif) center top repeat-y;
	color: #666666;
	font-family: arial, verdana, helvetica, sans-serif;
	/*
	Font sizing in ems, baby. if you want to change anything, just change this. Default 76%*/
	font-size: 76%;
	/*
	IE 6 Peekaboo bug hack */
	line-height: 1.8em; 
	/*
	Win IE 5 horizontal center hack apply */
	text-align: center;
}

/* 
========================================================================================================================
IDS: LAYOUT
======================================================================================================================== */

/*
---------------------------------------------------------------------------------------------
CONTAINER MAIN
--------------------------------------------------------------------------------------------- */

#container{
	width: 760px;
	background: #FFFFFF; 
	margin: 0 auto;
	padding: 0 0 1px 0; /* bottom margin to force a scrollbar to prevent shifting on shorter pages.. */
	/* 
	Win IE 5 horizontal center hack reset */
	text-align: left;
	/* 
	Start min-height hack > Source: Dustin Diaz (http://www.dustindiaz.com/min-height-fast-hack/) 
	Works in: IE6, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2 */
	min-height:100%;
	height:auto !important;
	height:100%;
	/*
	End min-height hack */
}

/*
---------------------------------------------------------------------------------------------
MASTHEAD 
--------------------------------------------------------------------------------------------- */

#masthead{
	border-bottom: 1px solid #FFFFFF;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
}

#masthead .logo {
	text-indent: -5000px;
	background: #FFFFFF url(../images/masthead.gif) 0 0 no-repeat;
	height: 110px;
	margin: 0;
	padding: 0;
	font-size: 0px;
	line-height: 0px;
	color: #F7F7F4;
}
/* IE HACK - only needed for IE5 / 5.5 on PC, as they have trouble with negative margins */
* html #masthead .logo {
	text-indent: 0;
}
#masthead .logo a {
	display: block;
	height: 105px;
	margin: 0;
	padding: 0;
}
#masthead .strapline {
	display: none;
}

/* SECTIONS */
/* This uses a section id applied to the body tag (eg < /body id="section-work">) to apply a nested style*/
#section-home #masthead .banner {
	text-indent: -5000px;
	background: #ABA992 url(../images/masthead_image_home.jpg) 0 0 no-repeat;
	height: 150px;
	margin: 0;
	padding: 0;
	font-size: 0px;
	line-height: 0px;
	color: #000000;
}
#section-incentive #masthead .banner, #section-issues #masthead .banner, #section-people #masthead .banner, #section-contact #masthead .banner {
	text-indent: -5000px;
	background: #ABA992 url(../images/masthead_image_content.jpg) 0 0 no-repeat;
	height: 60px;
	margin: 0;
	padding: 0;
	font-size: 0px;
	line-height: 0px;
	color: #96947D;
}
/* IE HACK - only needed for IE5 / 5.5 on PC, as they have trouble with negative margins */
* html #section-home #masthead .banner, * html #section-incentive #masthead .banner, * html #section-issues #masthead .banner, * html #section-people #masthead .banner, * html #section-contact #masthead .banner {
	text-indent: 0px;
}
/*
---------------------------------------------------------------------------------------------
POPUP 
--------------------------------------------------------------------------------------------- */
body#section-popup {
	background: #FFFFFF;
}
#section-popup #container {
	background: #FFFFFF;
	width: 100%;
}
#section-popup #masthead .logo, #section-popup #masthead .strapline {
	display: none;
}
#section-popup #masthead .banner {
	/*text-indent: -5000px;*/
	background: #ABA992 url(../images/masthead_image_popup.jpg) top center no-repeat;
	height: 60px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 0px;
	color: #96947D;
}
/* IE HACK - only needed for IE5 / 5.5 on PC, as they have trouble with negative margins */
* html #section-popup #masthead .banner {
	text-indent: 0px;
}
/*
---------------------------------------------------------------------------------------------
NAVIGATION 
--------------------------------------------------------------------------------------------- */

#navigation{
	overflow: auto; /* acts as clearing element to force this to wrap around it's nested floats */
	width: 100%; /* explicit dimension needed for IE */
	border-bottom: 1px solid #FFFFFF;
	border-top: 3px solid #878670;
	background-color: #96957d;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0.4em 0 0.5em 0;
}

#navigation ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation ul li{
	float: left;
	display: block;
	margin: 0 1em;
	padding: 0;
}
/* NORMAL STATE */
#navigation ul li a{
	display: block;
	margin: 0;
	padding: 0 0.2em 0 2.2em;
	color: #FFFFFF;
	background: transparent url(../images/nav_icon.gif) center left no-repeat;
}
/* HOVER STATE */
#navigation ul li a:hover, #navigation ul li a:active {
	color: #e6e5dd;
}

/* CURRENT STATE */
/* This uses a section id applied to the body tag (eg < /body id="section-work">) to apply a nested style*/
#section-home #nav-home, #section-incentive #nav-incentive, #section-issues #nav-issues, #section-people #nav-people, #section-contact #nav-contact {
	background: transparent url(../images/nav_icon_current.gif) center left no-repeat;
	color: #e6e5dd;
}

/*
---------------------------------------------------------------------------------------------
CONTENT 
--------------------------------------------------------------------------------------------- */

#content-container{
	/* 
	Start min-height hack > Source: Dustin Diaz (http://www.dustindiaz.com/min-height-fast-hack/) 
	Works in: IE6, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2 */
	min-height:50px;
	height:auto !important;
	height:50px;
	/*
	End min-height hack */
	padding: 35px 20px 35px 40px;
	border-bottom: 1px dashed #e4e4e5;
	background: #FFFFFF url(../images/bg_content.gif) top left no-repeat;
}

#content-primary {
	float: left;
	width: 60%;
	border: 0px solid green;
}

#content-secondary {
	float: right;
	width: 35%;
	border: 0px solid blue;
}

/*
---------------------------------------------------------------------------------------------
NAV SECONDARY 
--------------------------------------------------------------------------------------------- */

#navigation-secondary{
	text-align: center;
	border-bottom: 1px dashed #e4e4e5;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	clear: both;
}

#navigation-secondary a {
	display: block;
	background-color: #eeede7;
	padding: 0.5em 0;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
#navigation-secondary a:hover, #navigation-secondary a:active {
	background-color: #e6e5dd;
}

/*
---------------------------------------------------------------------------------------------
FOOTER 
--------------------------------------------------------------------------------------------- */

#footer{
	clear: both;
	text-align: right;
	padding: 10px 20px;
	font-size: 0.9em;
	color: #003f5e;
}

#footer ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer ul li{
	float: left;
	margin: 0 1em 0 0;
	padding: 0;
}
#footer a {
}
#footer .freshweb img {
	vertical-align: middle;
}
#footer a.freshweb:hover {
	text-decoration: none;
	background: #FFFFFF;
}

/* 
========================================================================================================================
DESIGN ELEMENTS
======================================================================================================================== */

/*
---------------------------------------------------------------------------------------------
FEATURE PANEL
--------------------------------------------------------------------------------------------- */
.feature-panel {
	border: 3px solid #e2ebef;
	background: #f2f7f9 url(../images/bg_feature_panel.gif) center top no-repeat;
	padding: 0.5em 1em;
	margin: 1em 0;
	color: #003f5e;
}
.feature-panel ul {
	list-style: none;
	border-top: 1px solid #e2ebef;
}
.feature-panel ul li {
	padding: 0.5em 0.5em;
	margin: 0;
	font-weight: bold;
	border-bottom: 1px solid #e2ebef;
}
.feature-panel h1, .feature-panel h2, .feature-panel h3, .feature-panel h4, .feature-panel h5, .feature-panel h6 {
	padding: 0 0 0.5em 0;
	margin: 0;
	color: #003f5e;
	border-bottom: 1px solid #e2ebef;
}

.feature-panel a.panel-link {
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	text-align: center;
	padding: 0.5em 0;
	border-top: 1px solid #e2ebef;
	border-bottom: 1px solid #e2ebef;
}
.feature-panel a.panel-link:hover {
	text-decoration: none;
	background-color: #FFFFFF;
}

/*
---------------------------------------------------------------------------------------------
CALCULATOR PANEL
--------------------------------------------------------------------------------------------- */
.calculator-panel {
	border: 3px solid #cecec2;
	background: #eeede7 url(../images/bg_calculator_panel.gif) center top no-repeat;
	padding: 0.5em 1em;
	margin: 1em 0;
	color: #787860;
}
.calculator-panel ul {
	list-style: none;
	border-top: 1px solid #cecec2;
}
.calculator-panel ul li {
	padding: 0.5em 0.5em;
	margin: 0;
	border-bottom: 1px solid #cecec2;
}
.calculator-panel h1, .calculator-panel h2, .calculator-panel h3, .calculator-panel h4, .calculator-panel h5, .calculator-panel h6 {
	padding: 0 0 0.5em 0;
	margin: 0;
	color: #787860;
	border-bottom: 1px solid #cecec2;
}

/* 
========================================================================================================================
CLASSES: GENERIC
======================================================================================================================== */

.hide{
	display:none;
}
.show{
	display:block;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.float_none {
	float: none;
}
.align_left {
	text-align: left;
}
.align_center {
	text-align: center;
}
.align_right {
	text-align: right;
}
.clear {
	clear: both;
	line-height: 1px;
	height: 1px;
}

/* 
========================================================================================================================
CORE ELEMENTS
======================================================================================================================== */

/*
---------------------------------------------------------------------------------------------
HEADINGS
--------------------------------------------------------------------------------------------- */

h1 {
	font-size: 1.4em;
	color: #003f5e;
}
h2 {
	font-size: 1.2em;
	font-style: italic;
	color: #003f5e;
}
h3 {
	font-size: 1.1em;
	color: #003f5e;
}
h4 {
	color: #003f5e;
}
h5 {
	color: #003f5e;
}
h6 {
	color: #003f5e;
}

/*
---------------------------------------------------------------------------------------------
PARAGRAPHS
--------------------------------------------------------------------------------------------- */

p{
}

/*
---------------------------------------------------------------------------------------------
QUOTES
--------------------------------------------------------------------------------------------- */

blockquote{
}
blockquote p{
}
cite{
}
blockquote cite{
}
q {
}

/*
---------------------------------------------------------------------------------------------
CODE
--------------------------------------------------------------------------------------------- */

pre{
	font-size: 1.2em;
}
code{
	font-size: 1.2em;
}
samp{
	font-size: 1.2em;
}
kbd{
	font-size: 1.2em;
}
p code{
}
pre code{
}

/*
---------------------------------------------------------------------------------------------
LISTS
--------------------------------------------------------------------------------------------- */

li {
}
li p{
}
ol{
	margin: 0;
	padding: 0;
}
ul{
	margin: 0;
	padding: 0;
}
ol li{
	margin: 0 0 0 2.3em;
	padding: 0 0 0 0;
}
ul li{
	margin: 0 0 0 2.0em;
	padding: 0 0 0 0
}

/*
---------------------------------------------------------------------------------------------
IMAGES
--------------------------------------------------------------------------------------------- */

img {
	border: none;
	vertical-align: middle;
}

/*
---------------------------------------------------------------------------------------------
HR
--------------------------------------------------------------------------------------------- */

hr {
	border: none;
	border-top: 1px dashed #e4e4e5;
	height: 1px;
	clear: both;
}


/*
---------------------------------------------------------------------------------------------
TEXT FORMATTING
--------------------------------------------------------------------------------------------- */

strong{
}
em{
}
b{
}
i{
}

/*
---------------------------------------------------------------------------------------------
LINKS
--------------------------------------------------------------------------------------------- */

a{
	color: #e89116;
	text-decoration: none;
}
a:hover{
	color: #d58412;
	text-decoration: none;
}
a:visited, a:active, a:focus{
}
a:visited{
}
a:active{
}
a:focus{
}

/*
---------------------------------------------------------------------------------------------
TABLES
--------------------------------------------------------------------------------------------- */

table{
	width: 100%;
	margin: 0.8em 0;
	border-collapse: collapse;
	border: none;
	font-size: 1em;
	text-align: left;
}
caption{
	margin: 0.8em 0;
}
thead{
	background-color: #edece2;
	text-align: left;
}
tbody{
}
tfoot{
	background-color: #edece2;
	text-align: left;
}
tr{
	border: none;
}
tr .alt{
}
th{
	padding: 0.5em 0;
	vertical-align: top;
	text-align: left;
}
td{
	padding: 0.5em 0;
	border: none;
	vertical-align: top;
}

/*
---------------------------------------------------------------------------------------------
FORMS
--------------------------------------------------------------------------------------------- */

/* Form field text-scaling */
input, select, textarea, button {
	font-size: 1em;
}
form {
}
fieldset {
	border: 1px dashed #e4e4e5;
	border-bottom: 1px dashed #e4e4e5;
	background: #F7F7F4;
	padding: 0 0.8em;
}
legend {
}
label {
	text-align: left;
	font-weight: normal;
}
input {
}
textarea {
}
input, textarea {
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
}
select {
}
optgroup {
}
option {
}
button {
}

/*
---------------------------------------------------------------------------------------------
DEFINITIONS
--------------------------------------------------------------------------------------------- */

dl{
}
dt{
}
dd{
}


/* 
========================================================================================================================
HACKS
======================================================================================================================== */

/*
---------------------------------------------------------------------------------------------
HACK 1 - IE PC
---------------------------------------------------------------------------------------------
To prevent additional space under ul li items */
/* NOTE: this applies to ul only, it will break the numbering on ol's if applied to them */
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html ul li {
	height: 1%;
}
/* End hide from IE5/mac */

/*
---------------------------------------------------------------------------------------------
HACK 2 - IE (all)
---------------------------------------------------------------------------------------------
Hack to remove default padding on buttons */
* html button, * html .button { 
	overflow: visible; width: 1px;
}