.clearfix:after 

{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/

.clearfix {display:block;}
/* End hide from IE Mac */








body {
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
	color:#747474;
	background-color: #c7c8ca;
	background-image: url(../images/back-pattern.jpg);
	
}
#siteContainer {
	width:988px;
	margin:0 auto;
	text-align:left;
	background-image: url(../images/mainBodyBg.gif);
	background-repeat: repeat-y;
}
#mainContent {
	padding:25px 25px 25px 30px;
}
.clear {
	clear:both;
}
h1#aqueLogo {
	background-repeat:no-repeat;
	height: 40px;
	width:140px;
	margin:0;
	padding:0;
	background-image: url(../images/aqueductLogo.gif);
	background-position: 0px -8px;
}
#dba {
	float: right;
	margin-top: -2px;
}


h2 {
	padding-top:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.55em;
	margin:0;
	font-weight:normal !important;
	padding-bottom:1px;
	line-height: 20px;
}
h3 {
	padding-top:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.45em;
	margin:0;
	font-weight:normal;	
	padding-bottom:8px;
}



.larger {
	padding-top:10px;
	padding-bottom:3px;
	font-family:Arial;
	font-size:1em;
	margin:0;
	line-height:1.45em;
	font-weight:bold;	
}




/******************************** MAIN NAVIGATION ***********************************/



/*////////// PINK - section specific colours /////////*/


.pink{
	color:#FF0099  !important;
	padding-left: 2px;
	padding-right: 6px;
 }
 .pinkhead{
	color:#FF0099  !important;
	
	 }
  
 #pinkborder{
	width:924px;
	height:242px;
	border: 5px solid #FF0099;	
 }
  
#navContainer {	
	padding-top:1px;
	height:24px;
	
}
ul#navpink {
	margin:0;
	padding:0;
	float:none;
	clear:both;
}
/* clear nav floated elements without additional markup  */
ul#navpink:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
ul#navpink {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html ul#navpink {
	height: 1%;
}
ul#navpink {
	display: block;
}
/* End hide from IE-mac */


#navpink li {
	margin:0;
	display:block;
	float:left;
	font-size:0.90em;
	padding:0px;
	list-style-type:none;
	margin-top:6px;

}
ul#navpink li a {
	color: #3A3A3A;
	font-weight:normal;
	text-decoration: none;
	display:block;
	margin: 0px;
	padding:0 4px 0 0;
	
}
#navpink li a:hover {
	color:#FF0099;	
}


/*/////////ENDS -- PINK - section specific colours /////////*/

/*////////// ABOUT - BLUE  - section specific colours /////////*/


.blue{
	color:#00BDFF  !important;
	padding-left: 2px;
	padding-right: 6px;
 }
 .bluehead{
	color:#00BDFF  !important;
	 }
  
 #blueborder{
	width:924px;
	height:242px;
	border: 5px solid #00BDFF;	
 }
  

ul#navblue {
	margin:0;
	padding:0;
	float:none;
	clear:both;
}
/* clear nav floated elements without additional markup  */
ul#navblue:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
ul#navblue {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html ul#navblue {
	height: 1%;
}
ul#navblue{
	display: block;
}
/* End hide from IE-mac */


#navblue li {
	margin:0;
	display:block;
	float:left;
	font-size:0.90em;
	padding:0px;
	list-style-type:none;
	margin-top:6px;
}
ul#navblue li a {
	color: #3A3A3A;
	font-weight:normal;
	text-decoration: none;
	display:block;
	margin: 0px;
	padding:0 4px 0 0;
	
}
#navblue li a:hover {
	color:#00BDFF;	
}


/*/////////ENDS -- BLUE - section specific colours /////////*/





/*////////// PORTFOLIO- orange  - section specific colours /////////*/


.orange{
	color:#FFB000  !important;
	padding-left: 2px;
	padding-right: 6px;
 }
 .orangehead{
	color:#FFB000  !important;
	
	 }
  
 #orangeborder{
	width:924px;
	height:242px;
	border: 5px solid #FFB000;	
 }
  

ul#navorange {
	margin:0;
	padding:0;
	float:none;
	clear:both;
}
/* clear nav floated elements without additional markup  */
ul#navorange:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
ul#navorange {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html ul#navorange {
	height: 1%;
}
ul#navorange{
	display: block;
}
/* End hide from IE-mac */


#navorange li {
	margin:0;
	display:block;
	float:left;
	font-size:0.90em;
	padding:0px;
	list-style-type:none;
	margin-top:6px;
}
ul#navorange li a {
	color: #3A3A3A;
	font-weight:normal;
	text-decoration: none;
	display:block;
	margin: 0px;
	padding:0 4px 0 0;
	
}
#navorange li a:hover {
	color:#FFB000;	
}


/*/////////ENDS -- ORANGE - section specific colours /////////*/







/*////////// CLIENTS - green - section specific colours /////////*/


.green{
	color:#78BF25  !important;
	padding-left: 2px;
	padding-right: 6px;
 }
 .greenhead{
	color:#78BF25  !important;
	 }
  
 #greenborder{
	width:924px;
	height:242px;
	border: 5px solid #78BF25;	
 }
  

ul#navgreen{
	margin:0;
	padding:0;
	float:none;
	clear:both;
}
/* clear nav floated elements without additional markup  */
ul#navgreen:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
ul#navgreen {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html ul#navgreen {
	height: 1%;
}
ul#navgreen{
	display: block;
}
/* End hide from IE-mac */


#navgreen li {
	margin:0;
	display:block;
	float:left;
	font-size:0.90em;
	padding:0px;
	list-style-type:none;
	margin-top:6px;
}
ul#navgreen li a {
	color: #3A3A3A;
	font-weight:normal;
	text-decoration: none;
	display:block;
	margin: 0px;
	padding:0 4px 0 0;
	
}
#navgreen li a:hover {
	color:#78BF25;	
}


/*/////////ENDS -- ORANGE - section specific colours /////////*/












input.goBtn {
	float:left;
	font-size:10px;
	margin-left:5px;
}
#primaryNav {
	width:730px;
	float:left;
}

#selectNav select {
	width:150px;
	font-size:11px;
	float:left;
}


/******************************** MAIN NAVIGATION ***********************************/



/*////////// RED - NEWS section specific colours /////////*/


.red{
	color:#EA1313  !important;
	padding-left: 2px;
	padding-right: 6px;
 }
 .redhead{
	color:#EA1313  !important;
	padding-top:14px;
		 }
  
 #redborder{
	width:924px;
	height:242px;
	border: 5px solid #EA1313;	
 }
  
#navContainer {	
	padding-top:1px;
	height:24px;
	
}
ul#navred {
	margin:0;
	padding:0;
	float:none;
	clear:both;
}
/* clear nav floated elements without additional markup  */
ul#navred:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
ul#navred {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html ul#navred {
	height: 1%;
}
ul#navred {
	display: block;
}
/* End hide from IE-mac */


#navred li {
	margin:0;
	display:block;
	float:left;
	font-size:0.90em;
	padding:0px;
	list-style-type:none;
	margin-top:6px;

}
ul#navred li a {
	color: #3A3A3A;
	font-weight:normal;
	text-decoration: none;
	display:block;
	margin: 0px;
	padding:0 4px 0 0;
	
}
#navred li a:hover {
	color:#EA1313;	
}


/*/////////ENDS -- RED- section specific colours /////////*/





/*////////// PURPLE - DOWNLOADs - section specific colours /////////*/


.purple{
	color:#9E35C9  !important;
	padding-left: 2px;
	padding-right: 6px;
 }
 .purplehead{
	color:#9E35C9  !important;
	padding-top:14px;
	 }
  
 #purpleborder{
	width:924px;
	height:242px;
	border: 5px solid #9E35C9;	
 }
  
#navContainer {	
	padding-top:1px;
	height:24px;
	
}
ul#navpurple {
	margin:0;
	padding:0;
	float:none;
	clear:both;
}
/* clear nav floated elements without additional markup  */
ul#navpurple:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
ul#navpurple {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html ul#navpurple {
	height: 1%;
}
ul#navpurple {
	display: block;
}
/* End hide from IE-mac */


#navpurple li {
	margin:0;
	display:block;
	float:left;
	font-size:0.90em;
	padding:0px;
	list-style-type:none;
	margin-top:6px;

}
ul#navpurple li a {
	color: #3A3A3A;
	font-weight:normal;
	text-decoration: none;
	display:block;
	margin: 0px;
	padding:0 4px 0 0;
	
}
#navpurple li a:hover {
	color:#9E35C9;	
}


/*/////////ENDS -- PURPLE - section specific colours /////////*/

















/*////////// green2 - DOWNLOADs - section specific colours /////////*/


.green2{
	color:#79B79A!important;
	padding-left: 2px;
	padding-right: 6px;
 }
 .green2head{
	color:#79B79A!important;
	padding-top:14px;
	 }
  
 #green2border{
	width:924px;
	height:242px;
	border: 5px solid #79B79A;	
 }
  
#navContainer {	
	padding-top:1px;
	height:24px;
	
}
ul#navgreen2 {
	margin:0;
	padding:0;
	float:none;
	clear:both;
}
/* clear nav floated elements without additional markup  */
ul#navgreen2:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
ul#navgreen2 {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html ul#navgreen2 {
	height: 1%;
}
ul#navgreen2 {
	display: block;
}
/* End hide from IE-mac */


#navgreen2 li {
	margin:0;
	display:block;
	float:left;
	font-size:0.90em;
	padding:0px;
	list-style-type:none;
	margin-top:6px;

}
ul#navgreen2 li a {
	color: #3A3A3A;
	font-weight:normal;
	text-decoration: none;
	display:block;
	margin: 0px;
	padding:0 4px 0 0;
	
}
#navgreen2 li a:hover {
	color:#79B79A;	
}


/*/////////ENDS -- green2 - section specific colours /////////*/






/*////////// JOBS - BROWN  - section specific colours /////////*/


.brown{
	color:#7F6853  !important;
	padding-left: 2px;
	padding-right: 6px;
 }
 .brownhead{
	color:#7F6853  !important;
	padding-top:14px;
	 }
  
 #brownborder{
	width:924px;
	height:242px;
	border: 5px solid #7F6853;	
 }
  

ul#navbrown {
	margin:0;
	padding:0;
	float:none;
	clear:both;
}
/* clear nav floated elements without additional markup  */
ul#navbrown:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
ul#navbrown {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html ul#navbrown {
	height: 1%;
}
ul#navbrown{
	display: block;
}
/* End hide from IE-mac */


#navbrown li {
	margin:0;
	display:block;
	float:left;
	font-size:0.90em;
	padding:0px;
	list-style-type:none;
	margin-top:6px;
}
ul#navbrown li a {
	color: #3A3A3A;
	font-weight:normal;
	text-decoration: none;
	display:block;
	margin: 0px;
	padding:0 4px 0 0;
	
}
#navbrown li a:hover {
	color:#7F6853;	
}


/*/////////ENDS -- BLUE - section specific colours /////////*/





















/**************** MAIN CONTENT AREA **********************/



#newsMain {
	float:left;
	width:552px;
	margin-right:18px;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:20px;
	border-bottom:solid 5px #000000;
	margin-bottom:60px;
}
#newsMain p {
	font-size:0.75em;
}
#newsMain p.date {
	font-weight:bold;
	margin:40px 0 15px 0;
}
#newsRightNav {
	width:450px;
	float:right;
	height:120px;


}
#newsRightNav ul li {
	list-style-type:none;
	margin-bottom:12px;
	margin-top:12px;
	font-size:1.35em;
	
}
#seeAlso {
	font-size:0.75em;
}
#newsRightNav ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	text-decoration:none;
}
#secondaryNav ul, #tertiaryNav ul, #newsRightNav ul {
	margin:0;
	padding:0;
}
#secondaryNav li, #tertiaryNav ul li {
	list-style-type:none;
	margin-bottom:6px;
	font-size:
	
}

#secondaryNavInside{
	width:420px;
	margin-right:10px;
	float:right;
	height:419px;	
}





#secondaryNav ul {

margin-top:12px;

}





#newsRightNav ul li a:hover, #secondaryNav ul li a:hover, #tertiaryNav ul li a:hover {
	text-decoration:underline;
	
}



#imgArea {
	padding:4px 0 4px 0;
}
#colA, #colB, #colC, #clients, #seeAlso, #secondaryNav, .blackTopBorder {
	
}
#seeAlso {
	margin-top:20px;
}
#tertiaryNav {
	border-top:solid 5px #666666;
	color:#666666;
}
#colA, #colB, #colC, #secondaryNav, #tertiaryNav,#newsRightNav, #mainContentCol,#portfoliocol, #newsmainContentCol,#clientsmainContentCol {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height:1.4em;
	
}
#mainContentCol {
	float:right;
	width:606px;
	margin-right:18px;
	
	min-height: 500px;
    height: auto !important;
    height: 500px;
	
	
}
#newsmainContentCol {
	float:left;
	width:915px;
	margin-right:18px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	border: 5px solid #78BF25;	
	padding-left:10px;
	padding-top:10px;
 	margin-top:4px;
	
}




#colA {
	width:364px;
	margin-right:18px;
	
	
}
#colA p{
	margin-top:1px;
	margin-bottom:8px;
	padding-bottom:1px;
	
	
}



#colAinside {
	width:480px;
	margin-right:18px;
	margin-left:14px;
	height:180px;
}
#colA2inside {
	width:364px;
	margin-right:18px;
	margin-left:14px;
	height:220px;
}

#contentinside {
	width:480px;
	margin-right:18px;
	margin-left:14px;
	height:180px;
	
	
	}
#portfolioinside {
	width:580px;
	margin-right:18px;
	margin-left:14px;
	
	height:500px;
	
	
	
	
	}


#colB {
	width:174px;
	margin-right:18px;
}
#colC {
	width:450px;
	margin-right:0px;
	float:right;
}

#colCinside {
	width:332px;
	margin-right:10px;
	float:right;
	height:423px;
}

#secondaryNav{
	width:250px;
	float:left;
	height:120px;

}

#secondaryNavInside{
	width:200px;
	margin-left:20px;
	float:left;
	height:419px;
	margin-top: -2px;
}




#seeAlso {
	padding-bottom:20px;
}
#seeAlso h2 {
	padding:10px 0 10px 0;
}
#seeAlso p {
	margin:2px 0;
}
p.date {
	margin-bottom:0px;
	font-family:Arial, Helvetica, sans-serif;
}
p.headline {
	
	margin:0 0 10px 0;
}
.headline{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	padding-top:10px;
	
}

.datex{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:18px;
	}
.date{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.75em;
	line-height:22px;
	}
.line-space{
	padding-top:10px;
	padding-bottom:10px;
	margin: 0px;
	}
	
	


p.headline a {
	color:#000000;
	text-decoration:none;
}
p.headline a:hover {
	color:#000;
	text-decoration:underline;
}
p.pdfLink {
	background-image: url(../images/pdfIcon.gif);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px 0 2px 22px;
}
p.pdfLink a {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
p.pdfLink a:hover {
	text-decoration:underline;
}














/**************** FOOTER AREA **********************/


#footer {
	margin:10px 5px 0 5px;
	padding:25px;
	color:#ffffff;
	height:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	background-color: #C6C6C6;
}
#footerAddress, #footerNav {
	float:left;
	margin-right:50px;
	padding-left: 18px;
}
#footerNav a {
line-height:1.20em;
	display:block;
	color:#ffffff;
	text-decoration:none;
}
#footerNav a:hover {
	color:#555;
}
#footerRight {
	width:340px;
	float:right;
	margin-left:0px;
}
img#clientLogos {
	margin-bottom:60px;
}
img#badd {
	margin-top:50px;
}
#logos {
	height: 500px;
	width: 700px;
	position: absolute;
	
}
#clientsmainContentCol {
	float:left;
	width:915px;
	margin-right:18px;
	min-height: 580px;
	height: 580px !important;
	height: 580px;
	padding-left:10px;
	padding-top:10px;
	margin-top:4px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#portfoliocol {
	float:right;
	width:606px;
	margin-right:18px;
	min-height: 500px;
	height: auto !important;
	height: 500px;

	
}
#clients-flash {
	position: absolute;
	margin-left: -27px;
	margin-top: -12px;
}
.noborder {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.line-space-right {
	padding-top:10px;
	padding-bottom:10px;
	margin: 0px;
	float: right;
}
.pinkheadhome {
	color:#FF0099  !important;
	margin-top: -5px;
}
.formelement {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #79B79A;
	text-align: left;
	width: 140px;
	padding: 2px;
	font-size: 0.95em;
	color: #79B79A;
	font-weight: bold;
	background-color: #F9F9F9;
}
.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	background-color: #79B79A;
	border: 1px solid #76B396;
}
.formelementdrop {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #79B79A;
	text-align: left;
	width: 146px;
	padding: 2px;
	font-size: 0.95em;
	color: #79B79A;
	font-weight: bold;
	background-color: #F9F9F9;
}
#biogname {
	width: 160px;
	float: left;
}
#clients2 {
	position: absolute;
	padding-top: 10px;
	margin-top: 0px;
}
.intro-norm {
	padding-top:12px;
	padding-bottom:3px;
	font-family:Arial;
	font-size:1em;
	margin:0;
	line-height:1.45em;
}