/*-----------------------------------------------------------------------------
Style Sheet

date:      6th July 2008
author:    Anthony Wymond
email:     info@igniteonline.com.au
website:   http://www.igniteonline.com.au/

Table of Contents

	1. General
	2. Typography
	3. Headings
	4. Links
	5. Container
	6. Header
	7. Main Nav
	8. Sub Nav
	9. Main Content
	10.Sub Content
	11.Footer
	12.Forms
	13.Tables
	14.Misc 1
	15.Misc 2

Notes
	-
	-
	-
-----------------------------------------------------------------------------*/


/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}


/* Class for clearing floats */
.clear {
	clear:both;
}

/* Remove border around linked images */
img {
	border: 0;
}

body {background:#787878 url(../images/bg-sub.gif) top repeat-x scroll}

#home {background:#787878 url(../images/bg-home.gif) top repeat-x scroll}


/* =Typography
-----------------------------------------------------------------------------*/

body {font:12px Arial, Helvetica, sans-serif; color:#222222}

p {font-size:12px; line-height:15px}

blockquote {
  margin-left: 30px;
  padding: 10px 0 0 20px;
  font-size: 88%;
  line-height: 1.5em;
  color: #666;
  background: url(../images/quotes.gif) no-repeat top left;
  }
  
#homeCopy p {margin-bottom:8px}

#homeCopyBottom p {margin-bottom:8px}

#subCopy p {margin-bottom:8px}

#newsContent {font-size:11px; color:#444444;}

#newsContent li {margin-left:10px;}

#subFlash {color:white; line-height:180px}

#footer p {float:right; font-size:11px; color:#FFFFFF; line-height:57px; margin-right:25px}

#subCopy ul {list-style-image:url(../images/bullet-point-body-copy.gif)}

#homeCopy ul {list-style-image:url(../images/bullet-point-body-copy.gif)}

#homeCopyBottom ul {list-style-image:url(../images/bullet-point-body-copy.gif)}

#subCopy ol li {margin-bottom:8px}

#mainFlash, #mainFlash a {color:#FFFFFF; line-height:190px}


/* =Headings
-----------------------------------------------------------------------------*/

h1 {font-size:16px; margin-bottom:10px}

h2 {font-size:13px; margin-bottom:5px; margin-top:10px}

h3 {font-size:12px; margin-bottom:5px}



/* =Links
-----------------------------------------------------------------------------*/

a:link {color:#222222; text-decoration:underline}
a:visited {color:#222222; text-decoration:underline}
a:hover {color:#0065A3; text-decoration:underline}
a:active {color:#0065A3; text-decoration:underline}

#subNav a:link {color:#222222; text-decoration:none}
#subNav a:visited {color:#222222; text-decoration:none}
#subNav a:hover {color:#0065A3; text-decoration:underline}
#subNav a:active {color:#0065A3; text-decoration:underline}

#footer a:link {color:#ffffff; text-decoration:none}
#footer a:visited {color:#ffffff; text-decoration:none}
#footer a:hover {color:#ffffff; text-decoration:underline}
#footer a:active {color:#ffffff; text-decoration:underline}

#subFlash a:link {color:#ffffff; text-decoration:none}
#subFlash a:visited {color:#ffffff; text-decoration:none}
#subFlash a:hover {color:#ffffff; text-decoration:underline}
#subFlash a:active {color:#ffffff; text-decoration:underline}

/* Subnav Link styles */
#containerAuditing #subNav ul li a:hover {color:#ee2e24; text-decoration:none}

#containerConsulting #subNav ul li a:hover {color:#ee8a1d; text-decoration:none}

#containerTraining #subNav ul li a:hover {color:#ee8a1d; text-decoration:none}

/* =Containers
-----------------------------------------------------------------------------*/

#container {
	width:770px;
	margin:12px auto;
		}

#containerAbout {
	width:770px;
	margin:12px auto;
		}

#containerAuditing {
	width:770px;
	margin:12px auto;
		}

#containerConsulting {
	width:770px;
	margin:12px auto;
		}
		
#containerTraining {
	width:770px;
	margin:12px auto;
		}
		

#containerRecruitment {
	width:770px;
	margin:12px auto;
		}

#containerFinance {
	width:770px;
	margin:12px auto;
		}

#containerContact {
	width:770px;
	margin:12px auto;
		}


/* =Header
-----------------------------------------------------------------------------*/

#header {
		}

#logo {
	height:88px;
	}

#mainFlash {
	height:212px;
	text-align:center;
}

#subHeader {
	width:770px;
	height:180px;

}

#subFlash {
	width:469px;
	height:180px;
	float:left;
	margin-left:10px;
	text-align:center;
	}
	
#subQuote {
	width:281px;
	height:180px;
	float:left;
	}

/* =Main Nav
-----------------------------------------------------------------------------*/

#mainNav {
	width:750px;
	height:37px;
	background:url(../images/bg-mainnav.gif) repeat-x;
	margin:0 auto;
		}

#mainNav ul li {float:left; list-style-type:none;display:block}
#mainNav ul li:hover a,
#mainNav ul li.over a{background-position: 0 -34px}
a.navHome {display: block; width:57px; height:34px; background: url("../images/nav-home.gif") 0 0 no-repeat;text-decoration: none; border-right:#383838 1px solid}
a.navAbout {display: block; width:96px; height:34px; background: url("../images/nav-about.gif") 0 0 no-repeat;text-decoration: none; border-right:#383838 1px solid}
a.navAuditing {display: block; width:66px; height:34px; background: url("../images/nav-auditing.gif") 0 0 no-repeat;text-decoration: none; border-right:#383838 1px solid}
a.navConsulting {display: block; width:80px; height:34px; background: url("../images/nav-consulting.gif") 0 0 no-repeat;text-decoration: none; border-right:#383838 1px solid}
a.navTraining {display: block; width:66px; height:34px; background: url("../images/nav-training.gif") 0 0 no-repeat;text-decoration: none; border-right:#383838 1px solid}
a.navRecruitment {display: block; width:92px; height:34px; background: url("../images/nav-recruitment.gif") 0 0 no-repeat;text-decoration: none; border-right:#383838 1px solid}
a.navFinance {display: block; width:63px; height:34px; background: url("../images/nav-finance.gif") 0 0 no-repeat;text-decoration: none; border-right:#383838 1px solid}
a.navContact {display: block; width:82px; height:34px; background: url("../images/nav-contactus.gif") 0 0 no-repeat;text-decoration: none; border-right:#383838 1px solid}

/* DROPDOWN MENUS */

#mainNav li ul a:link {color:#8fbbd7; font-weight:bold; text-decoration:none}
#mainNav li ul a:visited {color:#8fbbd7; font-weight:bold; text-decoration:none}
#mainNav li ul a:hover {color:#ffffff; font-weight:bold; text-decoration:none; background:#0063c0 url(../images/bg-subnav.gif) repeat-x}
#mainNav li ul a:active {color:#ffffff; font-weight:bold; text-decoration:none; background:#0063c0 url(../images/bg-subnav.gif) repeat-x}

#mainNav li:hover ul,
#mainNav li.over ul {display:block; }

#mainNav li ul {position:absolute; width:140px; padding:5px 5px 0px 5px; display:none; background:#0065a3}

#mainNav li ul li a {display:block; width:130px; border-top:1px solid #3283b5; padding:0px 4px;}

#mainNav li ul li a.divider {border-top:2px solid #7d7d7d}

#mainNav li ul li:first-child a {border-top:none;}

#mainNav li ul li a {line-height:25px}

/* Hit States */

#containerAbout .navAbout {background-position: 0 -34px; }

#containerAuditing .navAuditing {background-position: 0 -34px;}

#containerConsulting .navConsulting {background-position: 0 -34px;}

#containerTraining .navTraining {background-position: 0 -34px;}

#containerRecruitment .navRecruitment {background-position: 0 -34px;}

#containerFinance .navFinance {background-position: 0 -34px;}

#containerContact .navContact {background-position: 0 -34px;}


/* FIX OVER WHILE ACTIVE FOR MAIN NAV DROPDOWNS IN IE - Prevents sitting to the right on rollover */
/*li.subAbout:hover {display:block}
li.subAuditing:hover {display:block}
li.subConsulting:hover {display:block}
li.subTraining:hover {display:block}
li.subRecruitment:hover {display:block}
li.subFinance:hover {display:block}*/

/* =Sub Nav
-----------------------------------------------------------------------------*/

#subNav {
	width:180px;
	margin-left:30px;
	margin-top:30px;
	float:left;
		}
#subNav ul {list-style-type:none}

#subNav ul li a {display:block; line-height:22px; border-bottom:#e4e4e4 solid 1px; padding-left:5px}

#subNav ul li a:hover {background:#f2f2f2; }

#subNav ul li:first-child {border-top:#e4e4e4 solid 1px}

/* Active states - subnav */
#containerAuditing #subNav ul li a.subActive {color:#FFFFFF; background:#666666;}
#containerAuditing #subNav ul li a.subActive:hover {color:#FFFFFF; background:#666666;}

#containerConsulting #subNav ul li a.subActive {color:#FFFFFF; background:#666666;}
#containerConsulting #subNav ul li a.subActive:hover {color:#FFFFFF; background:#666666;}

#containerTraining #subNav ul li a.subActive {color:#FFFFFF; background:#666666;}
#containerTraining #subNav ul li a.subActive:hover {color:#FFFFFF; background:#666666;}


/* =Main Content
-----------------------------------------------------------------------------*/

#mainContent {
	background:url(../images/bg-content.png) repeat-y scroll;
		}
		
.planeBullet {
	float:left;
	margin-left:10px;
	margin-top:30px;
	}
	
#homeCopy {
	width:355px;
	margin-top:30px;
	margin-left:10px;
	margin-bottom:20px;
	float:left;
	}
	
#homeCopyBottom {
	width:500px;
	margin-top:20px;
	margin-left:50px;
	margin-bottom:20px;
	float:left;
	}	

#latestNews {
	width:250px;
	float:left;
	margin-left:40px;
	margin-top:30px;
	}

#newsContent {
	background:#dbdbdb;
	width:208px;
	padding:10px 20px;
	margin-bottom:15px;
	border-right:#c3c3c3 1px solid;
	border-bottom:#c3c3c3 1px solid;
	border-left:#c3c3c3 1px solid;
}

#newsContent li {
	margin-bottom:5px;
}

.buttonApply {
  display:block;
	width:161px;
	height:42px;
	background:url(../images/apply-button.gif);
	}

.buttonApply:hover {
	background-position: 0 -42px;;
	}

.buttonApply span{position:absolute;left:-999px}

/* =Sub Content (Secondary Content)
-----------------------------------------------------------------------------*/

#subContent {
		}

#subCopy {
	width:470px;
	margin-top:30px;
	margin-left:40px;
	margin-bottom:20px;
	float:left;
	}

#subCopy li {
	margin-left:15px;
	}

.brochureBox {
	height:20px;
	width:325px;
	padding:5px;
	margin-bottom:5px;
	border:1px solid #d6d6d6;
	background:#f2f2f2;
}

.brochureBox img {
	float:left;
}

.brochureBox p {
	float:left;
	margin-left:10px;
	line-height:20px;
}

.newsBox {
	height:20px;
	width:100%;
	padding:5px;
	margin-bottom:5px;
	border:1px solid #CCCCCC;
	background:#f2f2f2;
}

.newsBox img {
	float:left;
}

.newsBox p {
	float:left;
	margin-left:10px;
	line-height:20px;
}



/* =Footer
-----------------------------------------------------------------------------*/

#footer {
	width:770px;
	height:57px;
	background:url(../images/home-footer.gif) no-repeat;
		}

/* Various Footers */	

#containerAuditing #footer {background:url(../images/footer-auditing.gif) no-repeat;}

#containerConsulting #footer {background:url(../images/footer-consulting.gif) no-repeat;}

#containerTraining #footer {background:url(../images/footer-training.gif) no-repeat;}

#containerRecruitment #footer {background:url(../images/footer-recruitment.gif) no-repeat;}

#containerFinance #footer {background:url(../images/footer-finance.gif) no-repeat;}


/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opera 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}

td {padding:4px;}



/* =Misc 1
-----------------------------------------------------------------------------*/

label.error{color:red}

/* =Misc 2
-----------------------------------------------------------------------------*/