/***********************************************\
|			COLORS USED				 |
|									 |
|	Bang Purple			#b579bd	 		|
|	Background Grey		#d5d6d7			 |
|	Text Dark Grey		#939498			 |
|	Light blue			#00c0f3			 |
|	Very dark grey (strong)	#555			 |
|	Public Green Main	#7ac142			 | 
|	Public Green bg		#e2ede9			 | #e8f3de -> e8f3de
|	Housing Main		#c60651			 | 
|	Housing bg			#faeaeb			 |  #fff1de -> faeaeb
|	Blue chip Main		#0076bf			 | 
|	Blue chip bg		#e1eaf7			 |  #f5e2dc -> e1eaf7
|	Case studies blue Text	#00c0f3			 |
|	Case studies blue bg	#e7ebf7			 |
|									 |
\***********************************************/


/***********************************************\
|			HTML ELEMENTS			 |
\***********************************************/

a img{
	border: 0;
}

address{
	font-style: normal;
}

body {
	font-family: /*Trebuchet */ Helvetica, sans-serif;
	font-size: small;
	margin: 0;
	padding: 20px 0;
	background-color: #d5d6d7;
	color: #939498; 
}

abbr, acronym{
	cursor: default;
	border: 0;
}

h1{
	font-size: 1.8em;
	margin: 10px 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

p{
	/* Opera issue with padding to be resolved */
	margin: 1em 0;
	padding: 0;
	line-height: 1.5em;
}

strong{
	color: #555;
}

ul{
	margin-top: 10px;
	margin-bottom: 10px;
}

ul#addingValue{
	padding: 0 20px;
	margin: 6px 0 !important;
	list-style-type: none;
}

ul#addingValue li{
	margin: 8px 0 !important;
	padding: 0 9px;
}

ul.bangColor, ul.publicSectorColor, ul.housingColor, ul.blueChipColor{
	padding: 0;
	margin: 6px 0 !important;
	list-style-type: none;
}

ul.bangColor li, ul.publicSectorColor li, ul.housingColor li, ul.blueChipColor li{
	margin: 5px 0;
	padding: 0 9px;
}

ul.bangColor li {
	background: url( /interface/structure/bullets/bang.gif ) 0px 5px no-repeat;
}

ul.publicSectorColor li{
	background: url( /interface/structure/bullets/public_sector.gif ) 0px 5px no-repeat;
}

ul.housingColor li{
	background: url( /interface/structure/bullets/housing.gif ) 0px 5px no-repeat;
}

ul.blueChipColor li{
	background: url( /interface/structure/bullets/blue_chip.gif ) 0px 5px no-repeat;
}









ul.noLayout{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}

ul.noLayout li{
	margin: 0;
	padding: 0;
	border: 0;
}

/***********************************************\
|			CLASSES					 |
\***********************************************/

.alignCenter{text-align: center;}
.alignRight{text-align: right;}
.alignLeft{text-align: left;}
.clearBoth{clear: both;}
.clearLeft{clear: left;}
.clearRight{clear: right;}
.displayNone{display: none;}
.floatRight{float: right;}
.floatLeft{float: left;}

.highlight{
	color: #ff0000;
}

.imgLeft{
	float: left;
	margin: 0;
	padding: 0;
	border: 1px solid #000;
}

.imgRight{
	float: right;
	margin: 0;
	padding: 0;
	border: 1px solid #000;
}

.imgLeftNoBorder{
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}

.imgRightNoBorder{
	float: right;
	margin: 0;
	padding: 0;
	border: 0;
}

.overflowHidden{overflow: hidden;}
.uppercase{text-transform:uppercase;}
.captialize{text-transform:capitalize;}

.printOnly{
	display: none;
}

.skip{
	position:absolute; 
	top:0; 
	left:-1000px; 
} 

.skip:focus,.skip:active { 
	position:absolute; 
	top: 30px; 
	left: 25%; 
	background: #00c0f3;
	color:#fff; 
	padding: 5px 10px;
	text-decoration: none;
}

.linkDivider{display: none;}



/***********************************************\
|			TEMPLATE LAYOUT			 |
\***********************************************/


/**** MISC ****/
#siteHolder{
	width: 780px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 20px;
	background: url(/interface/structure/bottom_curve_and_nav.gif) no-repeat center bottom #fff;
}


/**** TOP ****/
#top{
	/**background: url( /interface/structure/top_repeater.gif ) repeat-y center bottom;**/
}

#topLogoAndStrapline{
	height: 80px;
	background: url( /interface/structure/top_white.gif ) no-repeat center top;
}

#bangLogo{
/*
	position: absolute;
	margin-left: 25px;
	margin-top: -13px;
*/

	float: left;
	display: inline;
	margin-top: 20px;
	margin-left: 22px;
	height: 45px; 
	color: #fff;
	background-color: #b579bd;

}

#topStrapline{
	float: right;
	display: inline;
	margin-top: 35px;
	margin-right: 23px;
	color: #b579bd;
	background-color: #fff;
}

#topNavHolder{
	clear: right;
	/* background: url(/interface/structure/top_nav.gif) no-repeat center bottom; */
	background: #fff;
}

#topNav{
	margin: 0px 20px 0px 160px;
	width: 595px;
	border-top: 1px solid #fff;
	color: #fff;
	padding-top: 4px;
	background-color: #fff;
	overflow: hidden;
	font-size: 1.1em;
	color: #b579bd;
}

#topNav a, #topNav a:visited{
	color: #fff;
	background: #b579bd;
	text-decoration: none;
}

#topNav a:hover, #topNav a:focus, #topNav a:active{
	color: #000;
}

#tel{
	float: right;
}


/**** NAV COLUMN ****/
#navColumn{
	float: left;
	width: 160px;
	padding-bottom: 40px;
	background: url( /interface/structure/nav_column_top.gif ) top center no-repeat;
}

#navColumn ul li a, #navColumn ul li a:visited{
	font-size: 1.3em;
	color: #b579bd;
	text-decoration: none;
	display: block;
}

#navColumn ul li a:hover, #navColumn ul li a:focus, #navColumn ul li a:active{
	color: #000;
}


#navColumn #navHolder ul li a.navCurrent{
	color: #000;
}

#navHolder{
	padding-top: 10px;
	margin: 0;
}

#navHolder ul{
	margin: 0;
	padding: 0;
}

#navHolder ul li{
	list-style: none;
	padding: 0;
	margin: 0 18px 5px 22px;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #d5d6d7;
}

#navHolder ul li ul.level1 li{
	list-style: none;
	padding: 0;
	margin: 3px 0 0 8px;
	border: 1px solid #fff; /* ie6 padding/margin issue? */
}

#navHolder ul li ul.level1 li a, #navHolder ul li ul.level1 li a:visited{
	font-size: 0.9em;
	color: #939498;
	margin: 0;
	border: 0;
}

#navHolder ul li ul.level1 li a:hover, #navHolder ul li ul.level1 li a:focus, #navHolder ul li ul.level1 li a:active{
	color: #000;
}

#navHolder ul li ul.level1 li a.navCurrent{
	color: #000;
}

#navHolder .navCurrent{
	color: #000;
}



/**** CONTENTHOLDER ****/
#contentHolder{
	float: left;
	width: 595px;
	font-size: 0.9em;
}

#contentHolder a, #contentHolder a:visited{
	color: #00c0f3;
}

#contentHolder a:focus, #contentHolder a:hover, #contentHolder a:active{
	text-decoration: none;
}

#content{
	overflow: hidden; /* IE width issue */
}

#content a, #content a:visited{
	color: #b579bd;
}

#content h1{
	color: #555;
}

#content h2{
	color: #555;
	font-size: 1.2em;
}

#content h3{
	color: #555;
	font-size: 1.1em;
}

#content ul#space12px li{
	margin: 12px 0px;
}

#summary{
	color: #b579bd;
	font-size: 1.2em;
}




/**** FOOTER ****/
#footerHolder{
	clear: both;
	padding: 10px 0px;
}

	#footerFunctions {
		font-size: 1.2em;
		margin-bottom: 3px;
	}

#footerRightHolder{
	float: right;
	display: inline;
	display: inline;
	width: 595px;
	border-top: 1px solid #939498;
	padding: 10px 0 0 0;
	margin: 0 25px 0 0;
}

#footerNav{
	font-size: 0.7em;
	text-align: right;
}

#footerNav a, #footerNav a:visited{
	color: #939498;
	text-decoration: none;
	text-transform: uppercase;
}

#footerNav a:hover, #footerNav a:focus, #footerNav a:active{
	text-decoration: underline;
	color: #00c0f3;
}

#searchFormHolder{
	float: left;
	width: 135px;
	padding-left: 23px;
	margin-top: -40px; /* matches the padding at bottom of navigation */
}

#searchFormHolder label{
	display:block;
	margin: 0 0 0 0;
	font-size: 1.3em;
	color: #b579bd;
}

#searchTerm{
	display: block;
	border: 1px solid #000;
	width: 116px;
}

#searchSubmit{
	margin: 0;
	border: 0;
	padding: 0 3px;
	color: #fff;
	background: none;
}

#searchSubmitHolderRight{
	background: url( /interface/structure/TEMP_SEARCH_RIGHT.gif ) bottom right no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
}

#searchSubmitHolderLeft{
	background: url( /interface/structure/TEMP_SEARCH_LEFT.gif ) bottom left no-repeat #b579bd;
	border: 0;
	margin: 0;
	padding: 0;
}

#copyright {
	color: #333;
	text-align: center;
	font-size: 0.8em;
	margin: 4px 0;
}



/**** GENERIC FORMS ****/
.generalForm {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

/* see also ie_fixer.css  */
.generalForm  fieldset {
	border: 0;
	padding: 20px 10px 25px 10px;
}

/* see also ie_fixer.css  */
.generalForm  legend {		
	color: #b579bd; 
	font-size: 1.6em;
	padding: 2px 12px;
}

.generalForm  input {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	display: inline;
	border: 1px solid #000;
	width: 280px;
	padding: 2px;
}

/* see also ie_fixer.css  */
.generalForm  label {
	width: 120px;
	float: left;
	text-align: right;
	margin: 3px 1em 0px 0px;
	clear: both;
}

.generalForm  .checkBoxLabel{
	width: 180px;
}

.generalForm .generalCheckbox{
	width: 18px;
}

.generalForm  textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	border: 1px solid #000;
	width: 280px;
	padding: 2px;
}

.generalForm  .submitButton{
	display: block;
	padding: 1px 5px;
	width: 7.5em;
	margin: 0px auto 10px auto;
	font-weight: bold;
}

.generalForm  .generalCheckBox{
	display: inline;
	width: 18px;
	border: 0; /* Only seen by IE - otherwise border issue **/
}

.generalForm  #errorMessage h2{
	color: #ff0000;
	margin: 0;
	padding: 0;
}

.generalForm  .error{
	color: #ff0000;
	margin: 0px 0px 15px 95px;
	font-size: 0.8em;
}

.generalForm  .errorText{
	color: #ff0000;
}

.generalForm  .errorList ul li a{
	color: #ff0000;
}

.formInfo{
	margin: 0 0 15px 0;
}

/**** /updates - to move/ ****/

/* see also ie_fixer.css  */
#updates{
	width: 590px;
	overflow: hidden;
	margin-top: 30px; /* see also ie6_fixer.css and ie7_fixer.css */
}

#updates legend{
	margin-left: -15px;
}

#updates .submitButton {
	clear: right;
}

#yourDetails{
	float: left;
	width: 300px;
}

#updatesOn{
	float: right;
	width: 220px;
	margin-bottom: 30px;
}

#yourDetails input, #yourDetails textarea{
	width: 190px;
}

#yourDetails label{
	width: 80px;
}

#yourDetails .checkBoxLabel{
	width: 255px;
}

#yourDetails #followUpCheckbox input.generalCheckbox, #updatesOn input.generalCheckbox{
	width: 18px;
	border: 0;
}

#updateImage{
	float:right;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}


/***********************************************\
|			PAGE TEMPLATES			 |
\***********************************************/

.includeColumn{
	float: left;
	width: 360px; /*  */
}

#column{
	float: right;
	display: inline;
	width: 220px;
}

#column img{
	display: block;
	margin-bottom: 10px;
}

#column #columnImage{
	margin-top: 15px;
}

/**** 2 - Photo Column, portfolio & sign up ****/


/**** 3 - Case Study Column ****/

#caseStudyColumn{
	border-top: 1px solid #fff; /* ie6 fix */
	margin-top: 14px; /* 15px - 1px border */
}

/* see also ie6_fixer.css */
#caseStudyColumn #colCaseStudyHolder{
	clear: left;
	padding-top: 6px;
	margin-bottom: 10px;
	background: url( /interface/structure/case_studies_column/case_studies_background.png ) no-repeat; 
}

#caseStudyColumn h2{
	float: left;
	font-size: 1.1em;
	background: url( /interface/structure/case_studies_column/case_studies_h2_right.gif ) no-repeat top right; 
	color: #fff;
	padding: 8px 12px 2px 0; /* IE and FF */
	margin: 0 0 -2px 0;
}

#caseStudyColumn h2 #colCaseStudyH2Left{
	padding: 8px 0 2px 12px;
	background: url( /interface/structure/case_studies_column/case_studies_h2_left.gif ) no-repeat top left;
}

.colCaseStudy{
	clear: both;
	overflow: hidden;
	width: 208px;
	margin: 0 auto 4px auto;
	padding-bottom: 5px;
	border-bottom: 1px solid #939498;
}

.colCaseStudy img{
	margin-bottom: 0px !important; /* override the #column img value */
	padding: 0;
	border: 0;
	width: 69px;
}

.colCaseStudyText{
	float: right;
	width: 134px;
}

.colCaseStudy h3{
	margin: 0;
	padding: 0;
	color: #00c0f3;
	font-size: 1.1em;
}

.colCaseStudy p{
	margin: 0;
	padding: 0;
}

/** Case Study Sections **/
#column .publicSocial h2 {
	background: url( /interface/pages/sectors/public_social_h3_right.gif ) no-repeat top right #7ac142 !important;
}

.publicSocial h2 #colCaseStudyH2Left {
	background: url( /interface/pages/sectors/public_social_h3_left.gif ) no-repeat top left !important;
}

.publicSocial .colCaseStudy h3 a{
	color: #7ac142 !important;
}

.publicSocial #colCaseStudyMoreExample{
	background-color: #7ac142;
}



#column .housing h2 {
	background: url( /interface/pages/sectors/housing_h3_right.gif ) no-repeat top right #c60651 !important;
}

.housing h2 #colCaseStudyH2Left {
	background: url( /interface/pages/sectors/housing_h3_left.gif ) no-repeat top left !important;
}

.housing .colCaseStudy h3 a{
	color: #c60651 !important;
}

.housing #colCaseStudyMoreExample{
	background-color: #c60651;
}



#column .blueChip h2 {
	background: url( /interface/pages/sectors/blue_chip_h3_right.gif ) no-repeat top right #0076bf !important;
}

.blueChip h2 #colCaseStudyH2Left {
	background: url( /interface/pages/sectors/blue_chip_h3_left.gif ) no-repeat top left !important;
}

.blueChip .colCaseStudy h3 a{
	color: #0076bf !important;
}

.blueChip #colCaseStudyMoreExample{
	background-color: #0076bf;
}



#colCaseStudyMoreExample{
	text-align: right;
	background-color: #00c0f3;
	width: 203px; /* plus padding 5px = 208px */
	margin: 5px auto 0 auto;
	padding: 3px 5px 3px 0;
}

#colCaseStudyMoreExample a, #colCaseStudyMoreExample a:visited, .colCaseStudy h3 a, .colCaseStudy h3 a:visited {
	color: #fff;
	text-decoration: none;
}

#colCaseStudyMoreExample a:hover, #colCaseStudyMoreExample a:focus, #colCaseStudyMoreExample a:active, .colCaseStudy h3 a:hover, .colCaseStudy h3 a:focus, .colCaseStudy h3 a:active {
	text-decoration: underline !important;
}


/**** 
	4 - Portfolio Item Image Work 
	Layout and color separated as layout is same for 4 sections (inc. template 5)
	Also includes colors that apply to all areas
****/

/** LAYOUT **/
#portfolioArticle{
	margin: 15px 0px 10px 0px;
	padding: 15px 20px 40px 20px;
	padding-bottom: 15px;
	background: url(/interface/structure/article_bottom.gif) no-repeat bottom center;
}

#portfolioArticle a {
	text-decoration: none;
}

#portfolioArticle a:hover, #portfolioArticle a:focus, #portfolioArticle a:active{
	text-decoration: underline;
}

#portfolioArticle h1{
	font-size: 1.8em;
	margin: 0 0 5px 0;
	padding: 0;
}

#portfolioTop{
	overflow: hidden;
	margin-bottom: 20px;
}

#portfolioTop h2{
	font-size: 1.1em;
	display: inline;
	margin: 0;
	padding: 0;
}

#portfolioTop select, #portfolioTop input{
	border: 1px solid #000;
}


#portfolioNav{
	float: left;
	overflow: hidden;
	font-size: 1.3em;
}

#portfolioNav a, #portfolioNav a:visited{
	text-transform: uppercase;
	padding-left: 6px;
	margin-left: 2px;
	font-weight: bold;
}

#portfolioArticle img {
	margin: 0px 5px;
}

#portfolioArticle form{

}

#portfolioArticle label{
	font-weight: bold;
	font-size: 1.4em;
}

#portfolioImageNav{
	font-weight: bold;
	word-spacing: 4px;
}

#portfolioImageNav a, #portfolioImageNav a:visited{
	color: #000 !important;
}

#portfolioImageNav a:hover, #portfolioImageNav a:focus{}

#portfolioImageNav a.current{}


/** Public & Social Sector Colos Customisation **/
#portfolioArticle.publicSocial{
	background-color: #e8f3de;
	color: #000;
}

#portfolioArticle.publicSocial a, #portfolioArticle.publicSocial a:hover, #portfolioArticle.publicSocial a:active{
	color: #7ac142;
}

#portfolioArticle.publicSocial a:hover, #portfolioArticle.publicSocial a:focus{}

#portfolioArticle.publicSocial h1{
	color: #7ac142;
	margin: 0 0 5px 0;
	padding: 0;
}

#portfolioArticle.publicSocial h2{
	color: #000;
}

#portfolioArticle.publicSocial select, #portfolioArticle.publicSocial input{
	border: 1px solid #000;
}


#portfolioArticle.publicSocial #portfolioNav{
	color: #7ac142;	
}

#portfolioArticle.publicSocial #portfolioNav a, #portfolioArticle.publicSocial #portfolioNav a:visited{
	border-left: 2px solid #7ac142;
}

#portfolioArticle.publicSocial #portfolioImageNav a.current{
	color: #7ac142 !important;
}






/** Housing Sector Colos Customisation **/
#portfolioArticle.housing{
	background-color: #faeaeb;
	color: #000;
}

#portfolioArticle.housing a, #portfolioArticle.housing a:hover, #portfolioArticle.housing a:active{
	color: #c60651;
}

#portfolioArticle.housing a:hover, #portfolioArticle.housing a:focus{}

#portfolioArticle.housing h1{
	color: #c60651;
	margin: 0 0 5px 0;
	padding: 0;
}

#portfolioArticle.housing h2{
	color: #000;
}

#portfolioArticle.housing select, #portfolioArticle.housing input{
	border: 1px solid #000;
}


#portfolioArticle.housing #portfolioNav{
	color: #c60651;	
}

#portfolioArticle.housing #portfolioNav a, #portfolioArticle.housing #portfolioNav a:visited{
	border-left: 2px solid #c60651;
}

#portfolioArticle.housing #portfolioImageNav a.current{
	color: #c60651 !important;
}


/** Blue Chip Colos Customisation **/
#portfolioArticle.blueChip{
	background-color: #e1eaf7;
	color: #000;
}

#portfolioArticle.blueChip a, #portfolioArticle.blueChip a:hover{
	color: #0076bf;
}

#portfolioArticle.blueChip a:hover, #portfolioArticle.blueChip a:focus{}

#portfolioArticle.blueChip h1{
	color: #0076bf;
	margin: 0 0 5px 0;
	padding: 0;
}

#portfolioArticle.blueChip h2{
	color: #000;
}

#portfolioArticle.blueChip select, #portfolioArticle.blueChip input{
	border: 1px solid #000;
}


#portfolioArticle.blueChip #portfolioNav{
	color: #0076bf;	
}

#portfolioArticle.blueChip #portfolioNav a, #portfolioArticle.blueChip #portfolioNav a:visited{
	border-left: 2px solid #0076bf;
}

#portfolioArticle.blueChip #portfolioImageNav a.current{
	color: #0076bf !important;
}



/**** 5 - Portfolio Item Case Studies ****/
#caseStudyText{
	margin-top: 5px;
	color: #808185;
}

/* see also ie6_fixer.css */
#caseStudyDescription{
	float: left;
	font-weight: bold;
	width: 50%;
	margin: 0 5px 5px 0;
}

/** Case Studies **/
.caseStudy{
	background-color: #e8f3de !important; /* required fro ie6 */
	color: #000;
}

#portfolioArticle.caseStudy a, #portfolioArticle.caseStudy a:hover, #portfolioArticle.caseStudy a:active{
	color: #00c0f3;
}

#portfolioArticle.caseStudy a:hover, #portfolioArticle.caseStudy a:focus{}

#portfolioArticle.caseStudy h1{
	color: #00c0f3;
	font-size: 1.8em;
	margin: 0 0 5px 0;
	padding: 0;
}

#portfolioArticle.caseStudy h2{
	color: #000;
}

#portfolioArticle.caseStudy select, #portfolioArticle.caseStudy input{
	border: 1px solid #000;
}


#portfolioArticle.caseStudy #portfolioNav{
	color: #00c0f3;	
}

#portfolioArticle.caseStudy #portfolioNav a, #portfolioArticle.caseStudy #portfolioNav a:visited{
	border-left: 2px solid #00c0f3;
}


/**** 6 - Form Pages ****/

/***********************************************\
|			ARTICLE TEMPLATES			 |
\***********************************************/


/**** DEFAULT ****/


.articleMediumItemLeft {
	float: left;
	width: 250px;
	text-align: center;
}

.articleMediumItemRight{
	float: right;
	width: 250px;
	text-align: center;
}

.articleRowMedium{
	margin: 20px 15px;
	clear: both;
	overflow: hidden; /* FF 'fix' */
}

/** article_image..inc **/
#articleImageHolder{
	width: 545px;
	margin: 20px auto 0px auto;
}

#articleImageNav{
	margin: 10px auto;
}

#articleImageNav a, #articleImageNav a:visited{
	text-decoration: none ! important;
}

#articleImageNav a:hover, #articleImageNav a:focus, #articleImageNav a:active{
	text-decoration: underline ! important;
}

#articleImageNext{
	float: right;
	display: inline;
	margin-right: 90px;
	width: 100px;
	text-align: right;
}

#articleImagePrev{
	float: left;
	display: inline;
	margin-left: 90px;
	width: 100px;
	text-align: left;
}

#articleImageReturn{
	margin-left: auto;
	margin-right: auto;
	width: 170px;
	text-align: center;
}

#article_resources{
	margin-bottom: 10px;
}



/**** NEWS_ITEMS ****/
.newsImage{
	display: block;
	margin-top: 15px;
}

#newsSummary{
	font-weight: bold;
}




/***********************************************\
|			PAGE SPECIFIC (a-z)			 |
\***********************************************/

/**** /contact/ ****/

/* see also ie6_fixer.css */
#contactHolder{
	overflow: hidden;
}

#contactDetails{
	float: left;
	width: 290px;
}

#keyContacts{
	float: right;
	margin-top: 1.5em;
	width: 300px;
}

#contactAddress{
	margin-bottom: 10px;
}

.keyContact{
	clear: left;
	margin-bottom: 5px;
	overflow: hidden;
}

.keyContact img{
	float: left;
}

.keyContact ul{
	float: left;
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;
}

.keyContact .contactName{
	font-size: 1.1em;
	color: #b579bd;
	font-weight: bold;
}

.keyContact .contactJobTitle{
	color: #555;
}

#mapHolder{
	clear: both;
	width: 595px;
}

#map{
	margin: 15px 0 9px 0;
	width: 595px;
	height: 300px;
}

#bubble{
	width: 220px;
	margin: 0 0 -25px 0;
}

#bubble h2{
	margin: 0 0 8px 0;
	padding: 0;
}

#bubble p{
	margin: 0 0 5px 0;
	padding: 0;
}



/**** /email_page/ ****/
#emailFriendHolder{
	background: url( /interface/pages/email_page/form_bg.gif ) bottom center no-repeat;
}

#emailFriend  .error{
	color: #ff0000;
	margin: 0px 0px 15px 132px;
	font-size: 0.8em;
}

#emailFriend   #errorMessage h2{
	color: #ff0000;
	margin: 0 0 0 40px;
	padding: 0;
}





#updatesFormHolder{
	clear: right;
	background: url( /interface/pages/updates/updates_form_bg.gif ) bottom center no-repeat;
}

/**** home ****/
/* see also ie_fixer.css **/
#homepageImage{
	margin-top: 10px;
	width: 595px;
	min-height: 200px;
}

#sectorCaseStudies{
	float: right;
	width: 204px;
}

#sectorCaseStudies h2{
	color: #fff;
	background: url( /interface/pages/home/sector_case_studies_h2.gif ) no-repeat bottom center #b579bd;
	padding: 4px 10px;
	margin: 10px 0;	
}

#sectorCaseStudies img{
	width: 204px;
	margin: 2px 0 8px 0;
}

#latestNews{
	float: left;
	width: 377px;
}

.homeLatestNewsItem {
	margin-bottom: 5px;
	overflow: hidden;
}

.homeLatestNewsItem h3{
	margin: 0 0 5px 0;
}

#latestNews .homeLatestNewsItem h3 a, #latestNews .homeLatestNewsItem h3 a:visited{
	color: #b579bd;
	text-decoration: none;
}

#latestNews .homeLatestNewsItem h3 a:hover, #latestNews .homeLatestNewsItem h3 a:focus, #latestNews .homeLatestNewsItem h3 a:active{
	text-decoration: underline;
}

#latestNews h2{
	color: #fff;
	background: url( /interface/pages/home/latest_news_h2.gif ) no-repeat bottom center #00c0f3;
	padding: 4px 10px;
	margin: 10px 0;
}

.homeLatestNewsItem img{
	float: left;
}

.homeLatestNewsItemText{
	float: right;
	width: 260px; /* img = 105px, full width = 407px, 10px margin-right */
}

#item1{
	padding-bottom: 5px;
	border-bottom: 1px solid #555;
	height: 100%;
}


/**** /news/ ****/

/* see also ie6_fixer.css  */
.newsItem, .newsItemCenter{
	float: left;
	display: inline;
	width: 110px;
	border-top: 1px solid #555;
	padding-top: 3px;
}

.newsRow img{
	width: 100%;
	margin: 3px 0px;
}

.newsItemCenter{
	margin-left: 15px;
	margin-right: 15px;
}

.newsRow{
	clear: right;
	overflow: hidden;
	height: 100%; /* ie6 fix */
}

#content .newsRow h2, #content .newsRow h3{
	font-size: 1em;
	padding:0;
	margin:0;
}

#content .newsRow h2{
	color: #00c0f3;
}

#content .newsRow h3 a,#content .newsRow h3 a:visited{
	color: #555;
	text-decoration: none;
}

#content .newsRow h3 a:hover, #content .newsRow h3 a:focus, #content .newsRow h3 a:active{
	text-decoration: underline;
}

#content .newsRow p{
	margin-top: 5px;
}

/**** /sectors/ ****/
#sectorsHolder{
	margin-bottom: 20px;
	overflow: hidden;
}

.sectorHolder{
	float: left;
	width: 191px;
}

.sectorHolder h2{
	margin: 0 0 0 0;
	padding: 5px 8px;
}

.sectorAbout{
	padding: 0 5px;
	background: url( /interface/pages/sectors/sector_border.gif ) repeat-y center bottom #fff;
	height: 21.5em;
}

.sectorAbout img{
	margin: 0 0 -3px 0;
	padding: 0;
	border: 0;
}

#sectorsHolder ul, #portfolioHolder ul{
	margin: 7px 20px;
	padding: 0;
}

/** see also ie6_fixer.css **/
.sectorAboutBottom{
	background: url( /interface/pages/sectors/sector_about_bottom.gif ) no-repeat center bottom;
	padding: 10px 5px;
	min-height: 30px;
}

.sectorWorkExamples{
	clear: left;
	padding: 5px;
	height: 2.5em;
	background: url( /interface/pages/sectors/work_examples.gif ) no-repeat top center;
}

.sectorWorkExamples img{
	float: left;
	margin-right: 5px;
}

.sectorWorkExamples div{
	margin: 0 0 0 0;
}

#sectorsHolder h2 a, #sectorsHolder h2 a:visited{
	color: #fff;
}

#sectorsHolder h2 a:hover, #sectorsHolder h2 a:focus, #sectorsHolder h2 a:active{
	color: #fff;
}

#sectorsHolder  h3{
	float: left;
	font-size: 1.1em;
	color: #fff;
	padding: 8px 12px 2px 0; /* IE and FF */
	margin: 10px 0 -1px 0;
}

#sectorsHolder h3 .h3Left{
	padding: 8px 0 2px 12px;
}


/***
	Following will apply to portfolio, case studies and sectors
***/

/** publicSocial **/
#publicSocial{

}

#publicSocial h2{
	background: url(/interface/pages/sectors/public_social_h2.gif) no-repeat bottom center #7ac142;
	color: #fff;
}

#publicSocial a, #publicSocial a:visited{
	color: #7ac142;
	text-decoration: none;
}

#publicSocial li a, #publicSocial li a:visited{
	color: #555;
	text-decoration: none;
}

#publicSocial a:hover, #publicSocial a:focus, #publicSocial a:active{
	text-decoration: underline;
}

#publicSocial  h3{
	background: url( /interface/pages/sectors/public_social_h3_right.gif ) no-repeat top right #7ac142;
}

#publicSocial h3 .h3Left{
	background: url( /interface/pages/sectors/public_social_h3_left.gif ) no-repeat top left;
}

/** housing **/
#housing{
	margin: 0 10px;
}

#housing h2{
	background: url(/interface/pages/sectors/housing_h2.gif ) no-repeat bottom center #c60651;
	color: #fff;
}

#housing a, #housing  a:visited{
	color: #c60651;
	text-decoration: none;
}

#housing li a, #housing li a:visited{
	color: #555;
	text-decoration: none;
}

#housing a:hover, #housing a:focus, #housing a:active{
	text-decoration: underline;
}


#housing  h3{
	background: url( /interface/pages/sectors/housing_h3_right.gif ) no-repeat top right #c60651;
}

#housing h3 .h3Left{
	background: url( /interface/pages/sectors/housing_h3_left.gif ) no-repeat top left;
}

/** blueChip **/
#blueChip{

}

#blueChip h2{
	background: url(/interface/pages/sectors/blue_chip_h2.gif) no-repeat bottom center #0076bf;
	color: #fff;
}

#blueChip a, #blueChip a:visited{
	color: #0076bf;
	text-decoration: none;
}

#blueChip li a, #blueChip li a:visited{
	color: #555;
	text-decoration: none;
}

#blueChip a:hover, #blueChip a:focus, #blueChip a:active{
	text-decoration: underline;
}

#blueChip  h3{
	background: url( /interface/pages/sectors/blue_chip_h3_right.gif ) no-repeat top right #0076bf;
}

#blueChip h3 .h3Left{
	background: url( /interface/pages/sectors/blue_chip_h3_left.gif ) no-repeat top left;
}



/**** /sectors/SPECIFIC SECTOR ****/
#content h2#references{
	color: #b579bd;
	padding-top: 5px;
}

#publicSocialTop h1, #publicSocialTop p strong {
	color: #7ac142;
}

#housingTop h1, #housingTop p strong {
	color: #c60651;
}

#blueChipTop h1, #blueChipTop p strong {
	color: #0076bf;
}





/**** /portfolio/ ****/

/* see also ie6_fixer.css */
#portfolioHolder{
	overflow: hidden;
	background: url(/interface/pages/portfolio/portfolio_sectors_bg.gif) no-repeat bottom center #fff;
	padding-left: 1px; /* not quite sure why */
	height: 100%;

}

#portfolioHolder .portfolioAbout{
	background: none;
}

#portfolioHolder .portfolioHolder{
	
}

#portfolioHolder ul{
	margin-top: 10px;
	margin-bottom: 10px;
}

#portfoliosHolder{
	margin-bottom: 20px;
	overflow: hidden;
}

.portfolioHolder{
	float: left;
	width: 191px;
}

.portfolioHolder h2{
	margin: 0 0 0 0;
	padding: 5px 8px;
}

.portfolioAbout{
	padding: 0 5px;
}

.portfolioAbout img{
	margin: 0 0 -3px 0;
}

#portfoliosHolder ul, #portfolioHolder ul{
	margin: 7px 20px;
	padding: 0;
}


/**** /search/ ****/
#searchResults{
	clear: both;
}

#searchResults ol{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#searchResults ol li{
	margin: 10px 25px;
}

.resultUrl{
	color: #b579bd;
	font-size: 0.8em;
}

.searchButtonHolder{
	overflow: hidden;
	margin-bottom: 15px;
}

.prevSearchButton{
	float: left;
	display: inline;
	width: 200px;
	text-align: left;
	margin-left: 15px;
}

.nextSearchButton{
	float: right;
	display: inline;
	width: 200px;
	margin-right: 15px;
	text-align: right;
}


/**** /services/ ****/
.serviceLinksRow{
	clear: left;
	margin-bottom: 17px;
	overflow: hidden;
}

.serviceHolder{
	float: left;
	width: 136px;
	background: url( /interface/pages/services/services_footer.gif ) no-repeat center bottom #00c0f3;
	padding-bottom: 5px;
	overflow: hidden;
}

.spacer{
	float: left;
	margin-right: 17px;
	overflow: hidden;
}

.serviceHolder a,.serviceHolder a:visited{
	text-decoration: none !important;
	color: #fff !important;
	background-color: #00c0f3;
}

.serviceHolder img{
	margin-bottom: 2px;
}

.serviceHolder a span{
	display: block;
	padding: 0px 7px;
}

/* use hover on span for FF */
.serviceHolder a:hover,.serviceHolder a:focus, .serviceHolder a:active, .serviceHolder a span:hover, .serviceHolder a span:focus, .serviceHolder a span:active{
	text-decoration: underline !important;
}

.serviceHolder span#marketing_management{
	letter-spacing: -1px;
	word-spacing: 3px;
}

h1.servicesColor{
	color: #00c0f3 !important;
}


/**** /sitemap.php ****/
#sitemapHolder{
	overflow: hidden;
	height: 100%; /* IE fixer */
	background: url( /interface/pages/sitemap/sitemap_bg.gif ) bottom center no-repeat;
}

.sitemapColumn{
	float: left;
	display: inline;
	overflow: hidden;
	width: 171px;
	padding: 0 10px;
}

#sitemapHolder .sitemapColumn h2{
	margin: 0 0 5px 0;
	padding: 0;
	color: #b579bd;
	font-size: 1.4em;
}

.sitemapColumn ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.sitemapColumn ul li{
	margin: 5px 0 0 0;
}

.sitemapColumn ul li ul {
	margin: 0 0 25px 10px;
}

.sitemapColumn ul li ul li{
	margin: 5px 0 0 0px;
}

#sitemapHolder .sitemapColumn a, #sitemapHolder .sitemapColumn a:visited{
	color: #555;
	text-decoration: none;
}

#sitemapHolder .sitemapColumn a:hover, #sitemapHolder .sitemapColumn a:focus, #sitemapHolder .sitemapColumn a:active{
	text-decoration: underline;
}

#servicesColumn{
	margin: 0 10px;
}

#sitemapHolder ul.bangColor li{
	margin: 0 10px !important;
}