html, body{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	font-size:12px;
	background:#203641;
}

a, a:visited{
	color:#000000;
}
a:hover, a:visited:hover{
	color:#779f3c;
	text-decoration:none;
}


a.promoLink, a.promoLink:visited{
	text-decoration:none;
	color:#000000;
}

h2{
	font-size:20px;
	line-height:24px;
	color:#779f3c;
	margin:0;
}
h3{
	font-size:14px;
	color:#779f3c;
	margin:0;
}

ul{
	list-style:url(../img/tick.gif);
	list-style-position:outside;
	margin:0;
}

ul.bodyList{
	margin-top:5px;
	padding-left:25px;
}

ul.linkList{
	margin-top:5px;
	padding-left:15px;
	list-style:url(../img/subnav_arrow_2.gif);
}

ul.pdfList{
	margin-top:5px;
	padding-left:25px;
	list-style:url(../img/pdf.gif);
}


#content{
	width:1000px;
	margin:auto;
	padding-top:30px;
}

#header{
	position:relative;
	margin-bottom:22px;
	height:74px;
}

#navigation {
	position:absolute;
	right:0;
	bottom:0;
	height:25px;
	padding-right:5px;
}

#navigation ul{
	list-style:none;
	padding:0px;
	margin:0px;
}

#navigation li{
	float:left;
	position:relative;
}

#navigation span{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:25px;
}

#navigation li.about, #navigation li.about span, #navigation li.about_on, #navigation li.about_on span{
	width:174px;
}

#navigation li.services, #navigation li.services span, #navigation li.services_on, #navigation li.services_on span{
	width:158px;
}

#navigation li.contact, #navigation li.contact span, #navigation li.contact_on, #navigation li.contact_on span{
	width:164px;
}

#navigation li.about span{  background-image:url(../img/nav_aboutus.gif); }
#navigation li.about_on span, #navigation li.about span:hover{  background-image:url(../img/nav_aboutus_on.gif); }

#navigation li.services span{  background-image:url(../img/nav_services.gif); }
#navigation li.services_on span, #navigation li.services span:hover{  background-image:url(../img/nav_services_on.gif); }

#navigation li.contact span{  background-image:url(../img/nav_contact.gif); }
#navigation li.contact_on span, #navigation li.contact span:hover{  background-image:url(../img/nav_contact_on.gif); }

#contentpanelwrap{
	background:#ffffff;
}

#contentpaneltop{
	background:url(../img/content_panel_bg_top.gif) no-repeat top left;
	width:1000px;
}

#contentpanel{
	background:url(../img/content_panel_bg_bottom.gif) no-repeat bottom left;
	padding:5px;
}

#subnav{
	list-style:url(../img/subnav_arrow_1.gif);
	padding:0;
	margin:0 0 0 15px;
}

#subnav a, #subnav a:visited{
	color:#000000;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}

#subnav li:hover, #subnav li.on{
	list-style:url(../img/subnav_arrow_1_over.gif);
}

#subnav a:hover, #subnav a:visited:hover, #subnav li.on a{
	color:#779f3c;
}

#subnav li ul{
	list-style:url(../img/subnav_arrow_2.gif);
	padding:0;
	margin:5px 0 0 15px;
}

#subnav li ul a:link, #subnav li ul a:visited{
	color:#000000;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
}

#subnav li ul li:hover, #subnav li ul li.on{
	list-style:url(../img/subnav_arrow_2_over.gif);
}

#subnav li ul a:hover, #subnav li ul a:visited:hover, #subnav li ul li.on a{
	color:#779f3c;
}

#subnav li{
	padding-bottom:10px;
}

#subnav li ul li{
	padding-bottom:5px;
}

.clear{
	clear:both;
	height:50px;
}

/* home */

#homepage{
	position:relative;
	width:990px;
	height:479px;
	
}

#homepage .image{
	position:absolute;
	left:0;
	top:0;
	width:990px;
	height:479px;
}

#image1{ background:url(../img/homepage_bg4.jpg) no-repeat; }
#image2{ background:url(../img/homepage_bg1.jpg) no-repeat; }
#image3{ background:url(../img/homepage_bg2.jpg) no-repeat; }
#image4{ background:url(../img/homepage_bg3.jpg) no-repeat; }

#homepage #intro{
	position:absolute;
	background:url(../img/home_intro.png) no-repeat top left;
	width:457px;
	height:170px;
	left:73px;
	top:96px;
}

#homepage #intro:hover{
	background:url(../img/home_intro_over.png) no-repeat top left;
}

#homepage #intro h1{
	visibility:hidden;
	font-size:5px;
}

#homepage #intro p{
	padding:0 20px 0 20px;
	position:absolute;
	top:50px;
}

/* homepage promo boxes */

#promos{
	position:absolute;
	left:0;
	top:338px;
	width:990px;
	height:111px;
	background:url(../img/home_promo_bg.gif) repeat-x;
}

#promos .promoBox{
	width:328px;
	height:111px;
	float:left;
}

#promos .promoBox:hover{
	background:url(../img/home_promo_bg_over.gif) repeat-x;
}

#promos .promoBox h2{
	padding:0 5px 0 15px;
	margin:10px 0 0 0;
	max-height:20px;
}

#promos .promoBox p{
	width:308px;
	border-right:1px solid #b8dc94;
	padding:5px 5px 0 15px;
}

#promos .promoBox.customised p{
	border-right:none;
}

#promos .promoBox.customised{
	width:333px;
}

#promos span{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:20px;
	background: 15px no-repeat;
}

#promos h2{
	position:relative;
	font-size:50%;
	color:#779f3c;
}

#promos .customised span{  background-image:url(../img/promo_title_customised.gif); width:179px; }
#promos .traineeships span{  background-image:url(../img/promo_title_traineeships.gif); width:115px;  }
#promos .workforce span{  background-image:url(../img/promo_title_workforce.gif); width:175px;  }

/* footer */
#footer{
	margin-top:5px;
}
#footer div{
	float:left;
	color:#737379;
}

#footer a, #footer a:visited{
	color:#737379;
}

#footer a:hover, #footer a:visited:hover{
	text-decoration:underline;
}

#footer .copyright{
	width:33%;
	padding-left:5px;
}

#footer .links{
	width:65%;
	text-align:right;
}

/* content columns */

.column{
	float:left;
	margin:20px 0 0 20px;
	padding:0;
}

.column.left{
	width:230px;
}

.column.middle{
	width:460px;
}
.column.right{
	width:230px;
}


.breakout{
	margin-top:25px;
	position:relative;
	padding:0 10px 0 10px;
	background:url(../img/breakout_bottom.gif) #9acd66 bottom left no-repeat;
	padding-bottom:5px;
}

.breakout h3{
	padding-top:12px;
	font-size:12px;
	color:#000000;
	font-weight:bold;
}
.breakout p{
	font-size:12px;
}

.breakout span{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:12px;
	background:url(../img/breakout_top.gif) no-repeat;
}

.linkPanel{
	position:relative;
	padding:15px 0 5px 15px;
	background:url(../img/link_panel_bottom.gif) #ebf5e0 no-repeat bottom left;
	margin-bottom:10px;
}

.linkPanel:hover{
	background:url(../img/link_panel_bottom_over.gif) #c2e1a3 no-repeat bottom left;
}

.linkPanel span{
	position:absolute;
	top:0;
	left:0;
	width:460px;
	height:11px;
	background:url(../img/link_panel_top.gif) no-repeat top left;
}

.linkPanel:hover span{
	background:url(../img/link_panel_top_over.gif) no-repeat top left;
}

/* contact us form */

.form, .tabled {
	list-style:none;
	margin:0;
	padding:0;
}

.form span, .tabled span{
	display:block;
	float:left;
	padding:5px 0 0 0;
}

.form .name{
	width:150px;
}

.form .field{
	width:290px;
}

.form .field .input, .form .field textarea{
	width:290px;
	border:none;
	background-color:#ebf5e0;
	padding:0 0 0 5px;
}

.form .field .input{ height:20px; }

.tabled{
	width:230px;
}

.tabled .cell1{
	width:70px;
}

.tabled .cell2{
	width:140px;
}

#submitBtn{
	width:81px;
	height:30px;
	background-image:url(../img/submit.gif);
}
#submitBtn:hover{
	background-image:url(../img/submit_over.gif);
}