BODY { background-color: #202020; padding: 0px; margin: 0px; }

.outerWrap { width: 100%; text-align: center; }
.outer { width: 1053px; text-align: left; margin: 
100px auto 50px auto; }

.outerMain {  width: 903px; float: left;  padding: 0px; margin: 0px;}
.outerRight { width: 50px;  padding: 0px 0px 0px 0px; margin: 0px; float: left; }
.outerleft { width: 50px;   padding: 0px; margin: 0px; float: left; }

.mainWrap {clear: both; float: none;  padding: 0px; margin: 0px; }
.leftMain { height: 480px; float: left; width: 300px; background-color: #C1CBC3; padding: 0px; margin: 0px; border: none;} 
.leftMain2 { height: 480px; float: none; width: 300px; background-color: #C1CBC3; padding: 0px; margin: 0px; border: none;} 


.centreMain { height: 480px; float: left; width: 600px; background-color: #A4A174; padding: 0px; margin: 0px; border: none;  } 
.wideMain { height: 480px; float: left; width: 600px; background-color: #000000; padding: 0px; margin: 0px; border: none;  } 

.header { width: 903px; }
	.header .leftHeader { width: 300px; float: left; background-color: #006F9D;  padding: 0px; margin: 0px;   }
	.header .centreHeader { width: 600px; float: left; background-color: #62748C; padding: 0px; margin: 0px;    }
	.header h1 { text-align: center; font-weight: normal; margin: 3px 0px 6px 0px;}

.header .leftHeader a { 
	COLOR: #3E9FB2; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: None;
	margin: 0px; padding: 0px; 
	font-size: .8em;
}
.header .leftHeader a:link { COLOR: #3E9FB2; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; }
.header .leftHeader a:visited { COLOR: #3E9FB2; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; }
.header .leftHeader a:hover { COLOR: #6EBFE2; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; }

.header .centreHeader a { 
	COLOR: #A3E0E1; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: None;
	margin: 0px; padding: 0px; 
	font-size: .8em;
}
.header .centreHeader a:link { COLOR: #A3E0E1; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; }
.header .centreHeader a:visited { COLOR: #A3E0E1; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; }
.header .centreHeader a:hover { COLOR: #d3ffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; }


.off { display: none; }
.blank { background-color: #000000; }
.activeLink { COLOR: #80FFFF;}

.portfolioPicture { float: left;  padding: 0px !important;  margin: 0px !important; width: 150px; height: 120px;   }	

.portfolioPicture pic {  position: relative; }	
.portfolioPicture pic2 {  position: relative; }	
		
h1 { COLOR: #ffffff; FONT-SIZE: 1.5em; FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: None; margin: 2px 0px 2px 0px;  }
	
h2 { COLOR: #ffffff; FONT-SIZE: 1em; FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: None; margin: 2px 0px 2px 0px;   }
	



.clientList  {  margin: 0px 0px 0px 15px; padding: 0px 0px 0px 20px;}
.clientList h1 { 
	color: #ffffff; 
	margin: 10px 10px 0px 0px !important; padding: 0px 0px 0px 0px !important; 
	FONT-SIZE: .9em; FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: None; letter-spacing: -.055em; font-weight: normal;
}
.clientList h2 { 
	color: #ffffff; 
	margin: 5px 10px 0px 0px !important; padding: 0px 0px 0px 0px !important; 
	FONT-SIZE: .8em; FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: None; letter-spacing: -.055em; 
}
.clientList h2 a { COLOR: #bbbbbb; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; margin: 0px; padding: 0px; }
.clientList h2 a:link { COLOR: #bbbbbb; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; }
.clientList h2 a:visited { COLOR: #bbbbbb; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; }
.clientList h2 a:hover { COLOR: #bbbbbb; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; }

.clientList .active { color: #ffffff !important;  }

.clientList p { 
	color: #bbbbbb; 
	margin: 5px 10px 5px 0px !important; padding: 0px !important; 
	FONT-SIZE: .8em; FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: None;  
}

.clientList li a { COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; margin: 0px; padding: 8px 5px 8px 5px; line-height: 24px; }
.clientList li a:link { COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; }
.clientList li a:visited { COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; }
.clientList li a:hover { COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; }

.clientList ul { font-size: 90%; list-style-type: none; padding: 0px;  margin: 30px 0px 0px 0px;}
.clientList li { padding: 0px 0px 0px 0px;  margin: 0px;  }

.linkoff {  COLOR: #bbbbbb; TEXT-DECORATION: None;  }
.link2 {  COLOR: #ffffff !important; TEXT-DECORATION: none !important; }


.trans1 {
	filter:alpha(opacity=35);
	-moz-opacity:0.35;
	-khtml-opacity: 0.35;
	opacity: 0.35;
}

.trans2 {
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}

.trans3 {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}


.outerRight ul { list-style-type: none; padding: 0px;  margin: 50px 0px 0px 0px;}
.outerRight li { padding: 0px;  margin: 5px 10px 5px 0px; line-height: 1.8em; FONT-SIZE: 1em; font-weight: bold; }


.black { color: #333333; }


.jobList  {  margin: 0px 0px 0px 15px; padding: 20px 10px 0px 10px;}
.jobList h1 { 
	color: #333333; 
	margin: 0px 10px 0px 0px !important; padding: 0px 0px 0px 0px !important; 
	FONT-SIZE: .8em; FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: None;  font-weight: bold; line-height: 1.6em;
}
.jobList h2 { 
	color: #333333; 
	margin: 5px 10px 0px 0px !important; padding: 0px 0px 0px 0px !important; 
	 FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: .8em;
}
.jobList h2 a { COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif;  margin: 0px; padding: 0px; }
.jobList h2 a:link { COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif;  }
.jobList h2 a:visited { COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; }
.jobList h2 a:hover { COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif;  }

.jobList .active { color: #ffffff !important; TEXT-DECORATION: None;  }

.jobList p { 
	color: #333333; 
	margin: 5px 10px 5px 0px !important; padding: 0px !important; 
	FONT-SIZE: .8em; FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: None;  font-weight: normal;  line-height: 1.6em;
}
.jobList li a { COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; margin: 0px; padding: 0px; }
.jobList li a:link { COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; }
.jobList li a:visited { COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; }
.jobList li a:hover { COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; }

.jobList ul { color: #333333; font-size: .8em;  padding: 0px 0px 0px 20px;  margin: 4px 0px 0px 0px;}
.jobList li { padding: 0px 5px 5px 0px;  margin: 0px; line-height: 1em; }

.outerRight ul { color: #ffffff; }
.outerRight li { color: #ffffff; padding: 0px 0px 0px 10px;  margin:  0px 0px 0px 0px; }

.pics { margin: 0px 0px 0px 0px; padding: auto auto; width: 600px; height: 480px; }


.outerRight li a {  padding: 0px 3px 0px 3px !important; font-size: 0.7em;  COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; padding: 0px 0px 0px 0px !important;  margin:  0px 0px 0px 0px !important;  }
.outerRight li a:link { COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; }
.outerRight li a:visited { COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; }
.outerRight li a:hover { COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; }

.outerRight .activeLink { background: url('/images/bullet.gif') no-repeat 10px 10px; }

.centreMain p { 
	color: #ffffff; 
	margin: 20px 30px 0px 30px; padding: 0px 0px 0px 0px !important; 
	FONT-SIZE: .9em; FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: None; font-weight: normal;  line-height: 1.6em;
}
.centreMain p a { COLOR: #bbbbbb; TEXT-DECORATION: None; font-weight: bold; }
.centreMain p a:link { COLOR: #bbbbbb; TEXT-DECORATION: None; font-weight: bold; }
.centreMain p a:visited { COLOR: #bbbbbb; TEXT-DECORATION: None; font-weight: bold; }
.centreMain p a:hover { COLOR: #ffffff; TEXT-DECORATION: Underline; font-weight: bold; }

.rightMain p { 
	color: #ffffff; 
	margin: 20px 30px 0px 30px !important; padding: 0px 0px 0px 0px !important; 
	FONT-SIZE: .9em; FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: None; font-weight: normal;  line-height: 1.6em;
}

.rightMain p a { COLOR: #bbbbbb; TEXT-DECORATION: None; font-weight: bold; }
.rightMain p a:link { COLOR: #bbbbbb; TEXT-DECORATION: None; font-weight: bold; }
.rightMain p a:visited { COLOR: #bbbbbb; TEXT-DECORATION: None; font-weight: bold; }
.rightMain p a:hover { COLOR: #ffffff; TEXT-DECORATION: Underline; font-weight: bold; }


.wrap  {float: left;}




.footer { width: 903px; height: 32px; }
	.footer .leftFooter {  height: 32px; width: 300px; float: left; background-color: #8C856B;  padding: 0px; margin: 0px;   }
	.footer .centreFooter {  height: 32px; width: 600px; float: left; background-color: #95B09F; padding: 0px; margin: 0px;    }
	.footer p { text-align: left; font-weight: normal; margin: 3px 0px 6px 25px;
	}

.footer .leftFooter a { 
	COLOR: #6D302B; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: None;
	margin: 0px 0px 0px 0px; padding: 8px 0px 0px 0px; 
	font-weight: bold;
}
.footer .leftFooter p { 
	COLOR: #6D302B; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: None;
	margin: 0px 0px 0px 0px; padding: 8px 0px 0px 40px; 
	font-size: .8em;
	font-weight: bold;
}
.footer .leftFooter a:link { COLOR: #6D302B; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; }
.footer .leftFooter a:visited { COLOR: #6D302B; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; }
.footer .leftFooter a:hover { COLOR: #6D302B; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; }

.footer .centreFooter p { 
	COLOR: #25739A; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: None;
	font-size: .8em;
	font-weight: bold;
	margin: 0px 0px 0px 0px; padding: 8px 0px 0px 20px; 
}


.contact1  { 
	font-weight: normal !important;
	COLOR: #333333 !important; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: None;
	margin: 30px 0px 0px 30px !important; padding: 0px !important; 
	font-size: .8em;

}
.contact  { 
	font-weight: normal !important;
	COLOR: #333333 !important; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: None;
	margin: 10px 0px 0px 30px !important; padding: 0px !important; 
	font-size: .8em;

}
.contact a { 
	COLOR: #333333 !important; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: None;
	margin: 0px !important; padding: 0px !important; 

}
.contact a:link { COLOR: #333333 !important; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; }
.contact a:visited { COLOR: #333333 !important; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; }
.contact a:hover { COLOR: #333333 !important; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; }
