body{ /* Sets up the page and aligns eve
rything to center */
	padding:0;
	margin:0 auto 0;/* makes MOZ center everything*/
	text-align:center; /* makes IE center everything*/
	background:#fff;
	font-family: arial, verdana,  helvetica, sans-serif;
	font-size: 100%; 
	color:#333;
	line-height:116%;
	}
	
#container{
	width:730px;
	padding:0px 0px 20px 0px;
	margin:0 auto 0;
	text-align:center;
	background-color:#fff;
	text-align:left;
	}
	
a:link, a:active, a:visited{
	color:#0C4F94;
	text-decoration:none;
	}
	
a:hover{
	color:#054A70;
	text-decoration:underline;
	}
	
p{
	font-size:90%;
	color:#333;
	}


/* -----------------------------------    Header area  --------------------------- ----------- */

#header{
	width:730px;
	float:left;
	margin:4px 0em 0em 0em;
	background:url("../../images/banner.jpg") top left no-repeat;
}

#header img{
	margin:40px 0px 20px 10px;
}

/* -----------------------------------    nav  -------------------------------------- */


#mainNav{
	width:730px;
	padding:0px 0px 0px 0px;
	float:left;
	margin:0px 0em 0px 0em;
	background: #054A70 url("../../images/nav-tile.gif") top right repeat-y;
	}

#mainNav ul{
	font-size:80%;
	margin:0px;
	padding:0.0em 0em 0.0em 0.0em;
	list-style-type:none;
	text-align:left;
	}
	
#mainNav ul li{
	display:inline;
	padding:0em 0em 0em 0em;
	}
	
#mainNav ul a:link, #mainNav ul a:active, #mainNav ul a:visited{
	color:#FFF;
	text-decoration:none;
	font-weight:bolder;
	display:block;
	float:left;
	padding:0.2em 0.8em 0.2em 0.8em;
	border-left:2px solid #054A70;
	border-right:2px solid #054A70;
	}
	
#mainNav ul a:hover{
	color:#FFF;
	text-decoration:none;
	font-weight:bolder;
	background-color:#346C8B;
	float:left;
	padding:0.2em 0.8em 0.2em 0.8em;
	border-left:2px solid #346C8B;
	border-right:2px solid #346C8B;
	}
	
#mainNav ul .current a:link, #mainNav ul .current a:active, #mainNav ul .current a:visited, #mainNav ul .current  a:hover,
#mainNav ul .currentFront a:link, #mainNav ul .currentFront a:active, #mainNav ul .currentFront a:visited, #mainNav ul .currentFront a:hover{
	color:#FFF;
	text-decoration:none;
	font-weight:bolder;
	background-color:#346C8B;
	float:left;
	padding:0.2em 0.8em 0.2em 0.8em;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	}
	
#mainNav ul .currentFront a:link, #mainNav ul .currentFront a:active, #mainNav ul .currentFront a:visited, #mainNav ul .currentFront a:hover{
	border-left:2px solid #346C8B;
	border-right:2px solid #fff;
	}
	

	
/* -----------------------------------    content  --------------------------- ----------- */

#content, #contentSub{
	width:499px;
	float:left;
	margin:2px 0px 0em 0em;
	padding:0px 20px 0px 0px;
	background:url("../../images/content-tile.jpg") top left repeat-x;
	}
	

	
#contentSub{
	width:710px;
	}

#content h1, #contentSub h1{
	margin:1.2em 16px 0px 16px;
	padding:0px 0px 40px 0px;
	font-size:110%;
	background:url("../../images/h1.gif") top left no-repeat;
	text-indent: -9000px;
	overflow: hidden;  /* needed for I*/
	}

#servicescontent h1 { background: none; text-indent: 0; overflow: visible;
	color:#0C4F94;
	font-weight: normal;
	font-size: 1.6em;
	font-family: Trebuchet MS, Arial;
	padding:0px 0px 10px 0px;
	margin: 18px 0 0 15px;
	line-height: 1em;

 }	



#content p, #contentSub p{
	margin:1em 16px 0em 16px;
	font-size:80%;
	}

#subNav img, #contentSub img{
	margin:1em 16px 0em 16px;
	}
		

#husk{/* -----------------------the 3 homepage boxes ---------------- */
	width:489px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:1.6em 0px 2em 0px;
	background: url("../../images/lnes.gif") bottom left no-repeat;
	border-left:16px solid #fff;
	}

.linkBox1, .linkBox2, .linkBox3{
	width:150px;
	float:left;
	margin:0em 13px 0em 0px;
	padding:0px 0px 0px 0px;
	border-bottom:none;
	}

.linkBox1 h2, .linkBox2 h2, .linkBox3 h2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-indent: -9000px;
	overflow: hidden;  /* needed for I*/
	}

#content .linkBox1 p, #content .linkBox2 p, #content .linkBox3 p{
	color:#24609E;
	font-size:70%;
	margin:0px 0px 0px 0px;
	padding:0px 6px 16px 8px;
	border-top:1px solid #fff;
	float:left;
	width:136px;
	}

.linkBox1 h2{
	background:url("../../images/contracts.gif") top left no-repeat;
	}
	
#content .linkBox1 p{
	background:url("../../images/contracts.jpg") 0px 0px no-repeat;
	}
	
.linkBox1 p a, .linkBox2 p a, .linkBox3 p a{
	display: block;  /* so the link will work */
	width: 140px;
	padding:90px 0px 0px 0px;
	text-decoration: none;
	}
.linkBox1 p a:hover, .linkBox2 p a:hover, .linkBox3 p a:hover{
	text-decoration: underline;
}	
.linkBox1 h2 a, .linkBox2 h2 a, .linkBox3 h2 a{
	display: block;  /* so the link will work */
	width: 150px;
	height: 28px;
	}

.linkBox2 h2{
	background:url("../../images/consultancy.gif") top left no-repeat;
	}

#content .linkBox2 p{
	background:url("../../images/consultancy.jpg") 0px 0px no-repeat;
	}

.linkBox3 h2{
	background:url("../../images/training.gif") top left no-repeat;
	}

#content .linkBox3 p{
	background:url("../../images/training.jpg") 0px 0px no-repeat;
	}

#husk p span{
	font-weight:bolder;
	text-decoration:none;
	}
	
#subNav, #subNav2{/* -----------------------the sub page coll's ---------------- */
	width:173px;
	float:left;
	margin:16px 10px 10px 14px;
	
	}
	
#husk23{/* -----------------------the sub page coll's ---------------- */
	padding:2px 0px 10px 0px;
	background-color:#235F9E ;
	
	}
	
#subNav2{/* -----------------------the sub page coll's ---------------- */
	background:none;
	}
	

#subColl {
	width:500px;
	float:left;
	margin:0px 0px 0px 7px;
	}
	
#subColl .leftBanner{
	
	float:left;
	border:0px;
	}
	
#subNav ul, #subNav2 ul{/* -----------------------the sub pagesubNav ---------------- */
	color:#fff;
	list-style-type:none;
	margin:22px 0px 20px 12px;
	padding:0px;
	font-size:70%;
	font-weight:bolder;
	}

#subNav  ul li, #subNav2  ul li{
	margin:.9em 0px .9em 0px;
	padding:0px 0px 0px 14px;
	background:url("../../images/arrow-small.gif") -2px 4px no-repeat;
	line-height:130%;
	}
	
#subNav  ul li a, #subNav2  ul li a{
	color:#fff;
	display:block;
	}
	
#subNav  ul .current a, #subNav2  ul .current a{
	color:#DEE7F0;
	display:block;
	text-decoration:underline;
	}
	
#phone2, #phone3{ /* --------------------    the subpage subNav button boxes  ------------ ----------- */
	width:173px;
	float:right;
	margin:0px 0em 0em 0em;
	padding:0px 0px 0px 0px;
	border-top:2px solid #fff;
	background:#235F9E url("../../images/mask.gif") top left repeat-y;
	}
	
#phone3{ 
	
	border-top:none;
	
	}

#phone2 p, #phone3 p{
	color:#fff;
	margin:.4em 0px .4em 16px;
	padding:0px 0px 0px 38px;
	font-size:100%;
	background:url("../../images/phone.gif") 0px 3px no-repeat;
	}

#email2, #email3{
	width:173px;
	float:right;
	margin:0px 0em 0em 0em;
	padding:0px 0px 0px 0px;
	border-top:2px solid #fff;
	background:#235F9E url("../../images/mask2.gif") bottom left no-repeat;
	}
	
#email3{
	background:#235F9E url("../../images/mask2.gif") top left no-repeat;
	}
	
	

#email2 p, #email3 p{
	color:#fff;
	margin:.4em 0px 2.1em 0px;
	padding:0px;
	font-size:100%;
	}
	
#email3 p{
	margin:.4em 0px .4em 0px;
	}

#email2 a, #email3 a{
	color:#fff;
	margin:.4em 0px .4em 16px;
	padding:0px 0px 0px 38px;
	background:url("../../images/email.gif") 2px 5px no-repeat;
	}

#subNav .linkBox4, #subNav2 .linkBox5{/* -------------    the graphic linkbox in the sub nav  ------------------- */
	width:173px;
	float:left;
	margin:.8em 13px .8em 0px;
	padding:0px 0px 0px 0px;
	border-bottom:none;
	border-top:2px solid #fff;
	background-color:#E1E9F1;
	}
	
#subNav2 .linkBox5{
	margin:0.8em 13px 0em 0px;
	background:#E1E9F1 url("../../images/foot.gif") bottom left no-repeat;
	border-top:none;
	}

#subNav .linkBox4 h2, #subNav2 .linkBox5 h2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-indent: -9000px;
	overflow: hidden;  /* needed for I*/
	}

#subNav .linkBox4 p, #subNav2 .linkBox5 p{
	color:#24609E;
	font-size:70%;
	margin:0px 0px 0px 0px;
	padding:0px 6px 22px 8px;
	border-top:1px solid #fff;
	float:left;
	width:159px;
	}
	


#subNav .linkBox4 h2, #subNav2 .linkBox5 h2{
	background:url("../../images/training2.gif") top right no-repeat;
	}
	
#subNav .linkBox4 .contracts, #subNav2 .linkBox5 .contracts{
	background:url("../../images/contracts2.gif") top right no-repeat;
	}

#subNav  .linkBox4 p, #subNav2  .linkBox5 p{
	background:url("../../images/training2.jpg") 0px 0px no-repeat;
	}
	
#subNav  .linkBox4 .contracts2, #subNav2  .linkBox5 .contracts2{
	background:url("../../images/contracts2.jpg") 0px 0px no-repeat;
	}
	
#subNav .linkBox4 p a, #subNav2 .linkBox5 p a{
	display: block;  /* so the link will work */
	width: 160px;
	padding:100px 0px 0px 0px;
	}
	
#subNav2 .linkBox5 p a{
	padding:100px 0px 34px 0px;
	}
	
#subNav .linkBox4 h2 a, #subNav2 .linkBox5 h2 a{
	display: block;  /* so the link will work */
	width: 160px;
	height: 28px;
	}
	
#subNav p span, #subNav2 p span{
	font-weight:bolder;
/*	text-decoration:underline; */
	}
	
#subNav  .light{
	font-weight:normal;
	}
	


/* -----------------------------------  right feature  -------------------------------------- */

#feature{
	width:209px;
	float:right;
	margin:2px 0em 0em 0em;
	padding:0px 0px 0px 0px;
	background:#24609E url("../../images/feature-tile.gif") bottom left no-repeat;
	}

#feature ul{
	color:#fff;
	list-style-type:none;
	margin:100px 0px 20px 16px;
	padding:0px;
	font-size:90%;
	font-weight:bolder;
	}

#feature ul li{
	margin:.9em 0px .9em 0px;
	padding:0px 0px 0px 16px;
	background:url("../../images/arrow.gif") -2px 3px no-repeat;
	}
	
#feature ul li a{
	color:#fff;
	display:block;
	}

#phone{ /* --------------------    the top 2x button boxes  ------------ ----------- */
	width:209px;
	float:right;
	margin:0px 0em 0em 0em;
	padding:0px 0px 0px 0px;
	border-bottom:2px solid #fff;
	background:url("../../images/mask.gif") top left repeat-y;
	}

#phone p{
	color:#fff;
	margin:.4em 0px .4em 16px;
	padding:0px 0px 0px 38px;
	font-size:120%;
	background:url("../../images/phone.gif") 0px 3px no-repeat;
	}

#email{
	width:209px;
	float:right;
	margin:0px 0em 0em 0em;
	padding:0px 0px 0px 0px;
	border-bottom:2px solid #fff;
	background:url("../../images/mask.gif") top left repeat-y;
	}

#email p{
	color:#fff;
	margin:.4em 0px .4em 0px;
	padding:0px;
	font-size:120%;
	}

#email a{
	color:#fff;
	margin:.4em 0px .4em 16px;
	padding:0px 0px 0px 38px;
	background:url("../../images/email.gif") 2px 5px no-repeat;
	}

#email{
	width:209px;
	float:right;
	margin:0px 0em 0em 0em;
	padding:0px 0px 0px 0px;
	border-bottom:2px solid #fff;
	}

#news{ /* --------------------  the bottom news box ------------ ----------- */
	width:209px;
	
	margin:0px 0em 0em 0em;
	padding:0px 0px 1.6em 0px;
	background:url("../../images/mask2.gif") bottom left no-repeat;
	border-top:2px solid #fff;
	color:#fff;
	}
	
#news a{ 
	color:#fff;
	font-size:80%;
	}
	
#news h4{ 
	margin:1.2em 0px .8em 15px;
	}
	
#news p{ 
	margin:0px 12px .8em 15px;
	}
	
#news p a{
	display:block;
	}

/* -----------------------------------  footer  -------------------------------------- */

#footer{
	width:730px;
	padding:4px 0px 4px 0px;
	float:left;
	margin:30px 0em 0px 0em;
	background: #054A70 url("../../images/nav-tile.gif") top right repeat-y;
	}

#footer2{
	width:712px;
	padding:4px 0px 4px 18px;
	float:left;
	margin:0px 0em 40px 0em;
	background: #E3EBF3;
	font-size:70%;
	}

#footer2 ul{
	list-style-type:none;
	margin:0px 0px 1em 0px;
	padding:0px;
	color:#333333;
	}

#footer2 ul a{
	text-decoration:underline;
	color:#333333;
	}

#footer2 ul li{
	display:inline;
	margin:0px;
	padding:0px 8px 0px 0px;
	}

#footer2 span{
	color:red;
	}

#footer2 p{
	margin:0px;
	padding:0px;
	}

#footer2 .right{
	margin:0px 18px 10px 0px;
	padding:0px;
	text-align:right;
	}

/*------------------------ Content pages headers and individual text styles etc --------------------------------*/
/*------ the h1, image replacemnets -------------------*/
/*
#contentSub .services{
	background:url("../../images/services.gif") top left no-repeat;
	padding:0px 0px 10px 0px;
	}
	
#contentSub .services1{
	background:url("../../images/services1.gif") top left no-repeat;
	padding:0px 0px 10px 0px;
	}
	
#contentSub .services2{
	background:url("../../images/services2.gif") top left no-repeat;
	padding:0px 0px 10px 0px;
	}
	
#contentSub .services3{
	background:url("../../images/services3.gif") top left no-repeat;
	padding:0px 0px 10px 0px;
	}
	
#contentSub .services4{
	background:url("../../images/services4.gif") top left no-repeat;
	padding:0px 0px 10px 0px;
	}
	
#contentSub .services5{
	background:url("../../images/services5.gif") top left no-repeat;
	padding:0px 0px 10px 0px;
	}
*/
	
#contentSub .about{
	background:url("../../images/about.gif") top left no-repeat;
	padding:0px 0px 10px 0px;
	}

#contentSub .contact{
	background:url("../../images/contact.gif") top left no-repeat;
	padding:0px 0px 10px 0px;
	}
	
#contentSub .news{
	background:url("../../images/news.gif") top left no-repeat;
	padding:0px 0px 10px 0px;
	}
	
#subColl img{
	float:right;
	margin:19px 0px 16px 16px;
	}
	
#subColl ul{
	list-style-type:none;
	margin:0em 0px 0px 14px;
	padding:0px 0px 0px 0px;
	}
	
#subColl ul li{
	color:#333333;
	font-weight:bolder;
	font-size:80%;
	margin:1em 0px 0px 0px;
	padding:0px 0px 0px 14px;
	background:url("../../images/bullet.gif") 0px 5px no-repeat;
	}
	
#subColl ol li{
	color:#333333;
	font-weight:bolder;
	font-size:80%;
	margin:1em 0px 0px 0px;
	
	}
	
#subColl span{
	
	margin:1em 0px 0px 0px;
	}
	
#subColl ol li ol{
	color:#333333;
	font-weight:bolder;
	font-size:120%;
	}
	
#subColl ol li ul{
	color:#333333;
	font-weight:bolder;
	font-size:120%;
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
	
#subColl .footer{
	border-top:1px dashed #0C4F94;
	margin:5em 0px 0px 16px;
	padding:1.2em 0px 0px 0px;
	width:480px;
	float:left;
	}
	
#subColl .footerLogo{
	float:left;
	}
	
#subColl .big{
	font-size:130%;
	line-height:123%;
	color:#0C4F94;
	}
	
#subColl h2{
	font-size:110%;
	font-weight:normal;
	margin:1.2em 0px 0px 16px;
	color:#333;
	}
	
#subColl .newsDivider{
	padding:0px 0px 30px 0px;
	margin:14px 0px 30px 16px;
	border-bottom:1px dashed;
	}
	

	
#subColl .top{
	padding:0px 40px 0px 0px;
	background:url("../../images/top.gif") 22px 7px no-repeat;
	}


	
#contact1{/*------------------------ Contact page colls --------------------------------*/
	width:210px;
	float:Left;
	}
#contact1a{/*------------------------ Contact page colls --------------------------------*/
	width:250px;
	float:Left;
	}
	
#contact2{
	width:430px;
	float:left;
	margin:24px 0px 0px 16px;
	padding:12px 0px 26px 0px;
	border-top:#96B3C3 3px solid;
	border-bottom:#96B3C3 3px solid;
	background-color:#E0E8F1;
	}
	
#contact2 p {
	margin:10px 0px 0px 40px;
	color:#054A70;
	}
	
#contact2 h2, #contact2 h3, #contact2 h4 {
	margin:10px 0px 0px 40px;
	color:#054A70;
	}
	
#contact2 input
{
	margin:0px 0px 0px 40px;
	border:#054A70 1px solid;
	width:340px;
	height:20px;
	}

#contact2 textarea{
	margin:0px 0px 0px 40px;
	border:#054A70 1px solid;
	width:340px;
}
	
#contact2 .submit{
	margin:8px 46px 0px 14px;
	color:#fff;
	border:none;
	background-color:#054A70;
	width:100px;
	float:right;
	height:28px;
	font-weight:bolder;
	}
	
#contact2 .com{
	height:80px;
	}
	
#contact1 p, #contact1a p{
	font-size:90%;
	line-height:130%;
	font-weight:normal;
	}
	
#contact2 .req{
	font-size:70%;
	line-height:130%;
	font-weight:normal;
	}

#contact2 .errors {
	width: 340px;
}
	
#logos{
margin:0px 0px 0px 12px;
}


.clearfix {
	clear:both;
	line-height:1%;
	height:1%;
	overflow:hidden;
}