
/* Common styles ------------------------------------------------- */

	*{
		margin:0;
		padding:0;
	}
	
	body {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 62.5%;
		background-color:#cccccc;
		padding-bottom:30px;
	}
	
	img{
		border:0 none;
	}
	
	p{
		font-size:1.2em;
		line-height:1.5em;
		color:#555555;
		padding-bottom:15px;
	}
	
	hr{
		background-color:#e5e5e5;
		border:0 none;
		color:#e5e5e5;
		height:1px;
		margin:5px 0 20px;
		clear:both;
	}
	
	/* Paginator -------------------------------- */
	
	#contentArea .paginator{
		border:1px solid #e5e5e5;
		float:left;
		width:580px;
		padding:10px;
	}
	
	#contentArea .paginator ul{
		margin-left:2px;
		padding-bottom:0;
		float:left;
	}
	
	#contentArea .paginator ul li{
		list-style-type:none;
		float:left;
		padding-right:5px;
	}
	
	#contentArea .paginator ul li a{
		display:block;
		padding:1px 3px 2px 3px;
	}
	
	#contentArea .paginator ul li a.active{
		background-color:#0072a4;
		color:#fff;
	}
	
	#contentArea .paginator p{
		float:right;
		padding-left:10px;
		padding-bottom:0;
	}
	
	#contentArea .paginator p.return{
		float:left;
		padding-left:0;
	}
	
	#contentArea .paginator p.return a{
		float:left;
		background-image:url(../images/common/return-arrow.jpg);
		background-repeat:no-repeat;
		background-position:left center;
		padding-left:25px;
	}
	
	/* Paginator -------------------------- [END] */
	
	/* COMMON CONTENT AREA STYLES /////////////// */
	
	#contentArea{
		float:left;
		width:950px;
		padding:10px 0 20px 0;
	}
	
	#home #contentArea{padding:20px 0 20px 0;}
	
	#contentArea a{color:#0072a4;}
	#contentArea a:hover{color:#000;}
	
	#contentArea ul{
		margin-left:15px;
		font-size:1.2em;
		color:#555555;
		padding-bottom:10px;
	}
	
	#contentArea ul li{
		padding-bottom:2px;
		line-height:1.5em;
	}
	
	#contentArea ol{
		margin-left:35px;
		font-size:1.2em;
		color:#555555;
		padding-bottom:10px;
	}
	
	#contentArea ol li{
		padding-bottom:2px;
		line-height:1.5em;
	}
	
	
	/* Logo List styles ---------------------------------------- */
	
	#contentArea ul.logoList{
		list-style-type:none;
		margin:0;
		float:left;
	}
	
	#contentArea ul.logoList li{
		float:left;
		padding:0 10px 10px 0;
	}
	
	#contentArea ul.logoList li img{
		float:left;
	}
	
	/* Logo List styles ---------------------------------- [END] */
	
	
	
	/* Download List styles ------------------------------------ */
	
	#contentArea ul.downloadsList{
		margin-left:0;
	}
	
	#contentArea ul.downloadsList li{
		list-style-type:none;
		padding-bottom:5px;
	}
	
	#contentArea ul.downloadsList li a{
		padding-left:20px;
		background-image:url(../images/common/download-link-arrow.gif);
		background-repeat:no-repeat;
		background-position:left center;
		padding-top:5px;
		padding-bottom:5px;
	}
	
	#contentArea ul.downloadsList li a.eBrochureLink{
		background-image:url(../images/common/ebrochure-link-arrow.gif);
		margin-right:10px;
		font-weight:bold;
	}
	
	/* Download List styles ------------------------------ [END] */
	
	
	
	/* COMMON CONTENT AREA STYLES ///////// [END] */
	
	h1{
		font-family:"Trebuchet MS", Arial, sans-serif;
		font-size:3.0em;
		font-weight:normal;
		color:#464646;
		padding-bottom:10px;
	}
	
	h2{
		font-size:1.8em;
		color:#0072a4;
		font-weight:normal;
		padding-bottom:10px;
	}
	
	h3{
		font-size:1.6em;
		color:#0072a4;
		font-weight:normal;
		padding-bottom:10px;
	}
	
	.caseStudiesTitle{
		padding-top:10px;
	}
	
	h4{
		font-size:1.4em;
		color:#464646;
		font-weight:normal;
		padding-bottom:10px;
	}
	
	.pullOutQuote{
		color:#000;
		font-size:1.4em;
	}
	
	.midGrey{color:#464646;}
	.blue{color:#0072a4;}
	.lightGreen{color:#97c03e;}

	
/* Common styles ------------------------------------------- [END] */


/* Structural element styles ------------------------------------- */

	#wrapper{
		width:950px;
		margin:0 auto;
		margin-top:10px;
		background-color:#fff;
	}
	
	#header{
		background-color:#f5f5f5;
		height:110px;
		position:relative;
	}
	
	#header img{
		position:absolute;
		top:23px;
		left:20px;
	}
	
	
	/* Bread Crumb styles ///////////// */
	
	#breadCrumb{
		float:left;
		width:910px;
		padding:12px 20px 0 20px;
	}
	
	#breadCrumb p{
		float:left;
		padding:0 5px 0 0;
	}
	
	#breadCrumb ul{
		float:left;
		padding-top:1px;
	}
	
	#breadCrumb ul li{
		display:inline;
		background-image:url(../images/common/breadcrumb-arrow.gif);
		background-repeat:no-repeat;
		background-position:right center;
		padding:0 15px 0 8px;
	}
	
	#breadCrumb ul li.last{background-image:none;}
	
	#breadCrumb ul li a{
		display:inline;
		font-size:1.2em;
		color:#0072A4;
	}
	
	#breadCrumb ul li a:hover{color:#000;}
	
	/* Bread Crumb styles /////// [END] */
	
	
	
	/* FORM /////////////////////////// */
	
	.form_contact{
		padding-top:10px;	
	}
	
	#header form{
		width:224px;
		float:right;
		position:absolute;
		right:185px;
		top:63px;
	}
	
	#header form input#searchBox{
		background-image:url(../images/common/search-field.gif);
		background-position:0 0;
		background-repeat:no-repeat;
		height:24px;
		width:155px;
		border:0 none;
		padding:0 0 0 25px;
		font-size:1.2em;
		color:#979797;
		float:left;
		overflow:hidden;
	}
	
	/* IE Search Box Hacks for text position  ------------ */
	
	#header form input#searchBox{padding:5px 0 0 25px\9; height:19px\9;} /* IE 8 */
	
	*:first-child+html #header form input#searchBox{padding:5px 0 0 25px; height:19px;} /* IE 7 */
	
	* html #header form input#searchBox{padding:5px 0 0 25px; height:19px;} /* IE 6 */
	
	/* IE Search Box Hacks for text position ------- [END] */
	
	#header form input#searchSubmit{
		background-color:#333333;
		width:44px;
		height:24px;
		border:0 none;
		color:#fff;
		background-image:url(../images/common/search-submit-button.jpg);
		float:left;
		overflow:hidden;
		cursor:pointer;
	}
	
	#rightColumn textarea{
		font-size:1.4em;
		font-family:Arial, Helvetica, sans-serif;	
		color:#3b383c;
	}	
	
	
	#rightColumn form{
		clear:both;
	}
	
	#rightColumn form .leftColumn{
		float:left;
		width:282px;
	}
	
	#rightColumn form .rightColumn{
		float:right;
		width:282px;
	}
	
	#rightColumn form label{
		width:282px;
		font-size:1.3em;
		font-weight:bold;
		color:#3b383c;
		display:block;
		margin-bottom:5px;
	}
	
	#rightColumn form .formInput,
	#rightColumn form .formInputArea,
	form .fakeupload input{
		background-image:url(../images/common/form-field-bg.gif);
		background-position:top;
		background-repeat:repeat-x;
		margin-bottom:14px;
		padding:3px 4px;
		width:272px;
		border:solid 1px #d8d7d8;
		font-size:1.3em;
		color:#3b383c;
	}
	
	#rightColumn form .formInputArea{
		height:192px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
/* Position applied for Title --------------------------------------- */
	
	p.positionTitle{
		color:#000;
		padding-bottom:0;
	}
	
	p.positionTitle span{
		font-size:1.5em;
		padding-left:10px;
	}
	
/* Position applied for Title --------------------------------- [END] */
	

/* Application form Input Float ------------------------------------- */

	.inputFloatLeft{
		width:270px;
		float:left;
		padding-right:18px;
	}
	
	.inputFloatRight{
		width:270px;
		float:left;
	}
	
	#rightColumn .inputFloatLeft label,
	#rightColumn .inputFloatRight label{
		width:270px;
	}
	
	.form_application .inputFloatLeft input,
	.form_application .inputFloatRight input{
		width:260px;
	}
	
/* Application form Input Float ------------------------------- [END] */
	
	
/* Application form Fieldset and Legend ----------------------------- */
	
	.form_application fieldset{
		border:1px solid #e4e4e4;
		padding:0 20px 20px 20px;
		margin:20px 0 20px 0;
		display:block;
	}
	
	.form_application legend{
		font-size:1.6em;
		color:#0072a4;	
	}
	
/* Application form Fieldset and Legend ----------------------- [END] */


/* Application form Yes No Boxes ------------------------------------ */
	
	.form_application .yesNoBoxes{
		clear:both;
		float:left;
		width:560px;
		margin-bottom:15px;
	}	
	
	.form_application .dateBoxes{
		float:left;
		width:148px;
		margin-bottom:15px;
	}		
	
	.form_application #submit{
		width:100px;	
	}
	
	#contentArea .form_application ul.errors{
		margin-left:0;
		list-style:none;
		color:#C00;
	
	}
	
	.form_application .yesNoBoxes p{
		padding-bottom:5px;
	}
	
	.form_application .yesNoBoxes br{
		display:none;
	}
	
	#rightColumn .form_application .yesNoBoxes label{
		width:70px;
		float:left;
	}
	
	#rightColumn .form_application .yesNoBoxes input{	
		width:15px;
		height:15px;
		float:left;
		margin-right:10px;
		border:0;
		background-image:none;
		padding:0;
		margin-bottom:0;
	}
	
/* Application form Yes No Boxes ------------------------------ [END] */
	
	
/* Application form Inputs and text Areas --------------------------- */

	.form_application input,
	.form_application textarea{
		background-image:url(../images/common/form-field-bg.gif);
		background-position:top;
		background-repeat:repeat-x;
		margin-bottom:14px;
		padding:3px 4px 3px 4px;
		width:260px;
		border:solid 1px #d8d7d8;
		font-size:1.3em;
		color:#3b383c;
	}	
	
	#rightColumn .form_application textarea{
		width:550px;
		height:60px;
		overflow:auto;
	}
	
	#rightColumn .form_application textarea.reasons{
		height:60px;
	}
	
	#rightColumn .form_application textarea.shallow{
		height:60px;
	}
	
	#rightColumn .form_application .checkbox
	{
		width:50px;
	}


/* Application form Inputs and text Areas --------------------- [END] */
	
	
	#rightColumn .form_application label{
		width:auto;
		clear:both;
	}
	
	#rightColumn .form_blog textarea{
		width:560px;
		height:130px;
		overflow:auto;
	}
	
	/* FORM ///////////////////// [END] */
	
	
	/* BLOG BUTTON //////////////////// */
	
	#header #blogButton{
		display:block;
		width:65px;
		height:24px;
		background-image:url(../images/common/blog-button.gif);
		background-position:0 0;
		text-indent:-9999px;
		overflow:hidden;
		position:absolute;
		right:20px;
		top:63px;
	}
	
	#header #blogButton:hover{
		background-position:0 24px;
	}
	
	/* BLOG BUTTON ////////////// [END] */
	
	
	/* WHISCERS BUTTON //////////////////// */
	
	#header #whiscersButton{
		display:block;
		width:77px;
		height:32px;
		background-image:url(../images/common/whiscers-button.gif);
		background-position:0 32px;
		text-indent:-9999px;
		overflow:hidden;
		position:absolute;
		right:96px;
		top:55px;
	}
	
	#header #whiscersButton:hover{
		background-position:0 0;
	}
	
	/* WHISCERS BUTTON ////////////// [END] */
	
	
	#home #imageWindow{
		width:950px;
		padding-left:0;
	}
	
	
	#imageWindow{
		width:930px;
		height:355px;
		clear:both;
		overflow:hidden;
		padding-left:20px;
		position:relative;
	}

/* Structural element styles ------------------------------- [END] */




/* /////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////// */
/* CMS NAVIGATION ON States -------------------------------------- */
	
	#subNavigation a.active, 
	#subNavigation a.active:hover{
		background-image:url(../images/common/sub-nav-on-arrow.gif);
		background-repeat:no-repeat;
		background-position:right center;
		background-color:#97c03e;
		color:#fff;
	}
																				
	#subNavigation ul li.drop ul{
		display:block;
	}
	
	#subNavigation ul.drop{
		display:block;
	}
																					
	body ul#navigation li a.active,
	body ul#navigation li #navigation a.active:hover{
		background-color:#fff;
		color:#005293;
		background-image:url(../images/common/nav-on-arrow.gif);
		background-repeat:no-repeat;
		background-position:top;
	}
	
/* CMS NAVIGATION ON States -------------------------------- [END] */
/* /////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////// */




/* Navigation and Dropdown styles -------------------------------- */

	#home #navHome,
	#aboutUs #navAboutUs,
	#unitedHouseGroup #navAboutUs,
	#keyPeople #navAboutUs,
	#unitedHouseLimited #navAboutUs,
	#unitedHouseSolutions #navAboutUs,
	#unitedHouseDevelopments #navAboutUs,
	#affiliations #navAboutUs,
	#awards #navAboutUs,
	#environment #navAboutUs,
	#history #navAboutUs,
	#healthAndSafety #navAboutUs,
	#logistics #navAboutUs,
	#publications #navAboutUs,
	#quality #navAboutUs,
	#researchAndDevelopment #navAboutUs,
	#news #navAboutUs,
	
	#regeneration #navRegeneration,
	
	#socialHousing #navSocialHousing,
	#newBuild #navSocialHousing,
	#refurbishment #navSocialHousing,
	
	#developments #navDevelopments,
	#ppp #navPPP,
	
	#sustainability #navSustainability,
	
	#csr #navCsr,
	#workplace #navCsr,
	#csrHealthAndSafety #navCsr,
	#csrEnvironment #navCsr,
	#csrCommunity #navCsr,
	#charityGiving #navCsr,
	
	#residents #navResidents,
	
	#careers #navCareers,
	#trainingAndDevelopment #navCareers,
	#payAndBenefits #navCareers,
	#preparingForInterviews #navCareers,
	#meetOurPeople #navCareers,
	#currentVacancies #navCareers,
	
	#contactUs #navContactUs{
		background-color:#fff;
		color:#005293;
		background-image:url(../images/common/nav-on-arrow.gif);
		background-repeat:no-repeat;
		background-position:top;
	}

	/* TOP LEVEL ------------------------- */

	#navigation {
		width:930px;
		float:left;
		background-image:url(../images/common/nav-band-blue.jpg);
		background-repeat:repeat-x;
		background-position:top;
		background-color:#025393;
		padding-left:20px;

	}

	#navigation li {
		float:left;
		background-image:url(../images/common/nav-separator.gif);
		background-repeat:repeat-y;
		background-position:right top;
		width:auto;
		
	}
	
	#navigation a {
		display:block;
		text-decoration: none;
		padding:7px 9px 7px 9px;
		font-size:1.3em;
		color:#bfdef4;
		position:relative;
	}
	
	#navigation li:hover a, #navigation a:focus,
	#navigation a:active, #navigation li.p7hvr a {
		color:#fff;
		background-color:#97c03e;
	}
	
	#navigation, #navigation ul {
		list-style:none;
	}

	/* TOP LEVEL ------------------- [END] */
	
	
	/* SUB LEVEL (Dropdown) -------------- */
	
	#navigation li ul, #navigation ul li  {
		width:200px;
		background-image:none;
		z-index:100;
	}
	
	#navigation ul li a  {
		color:#565656;
		border-right: 0;
		padding:3px 12px 3px 12px;
		width:200px;
	}

	#navigation li ul {
		position:absolute;
		display:none;
		background-color:#fff;
		background-image:url(../images/common/nav-drop-grad.jpg);
		background-position:bottom;
		background-repeat:repeat-x;
		width:200px;
		padding:15px 10px 15px 10px;
		border:1px solid #e4e4e4;
	}
	
	#navigation li:hover ul, #navigation li.p7hvr ul {
		display:block;
	}

	#navigation li:hover ul a, #navigation li.p7hvr ul a {
		color:#505050;
		background-color:transparent;
		background-image:url(../images/common/drop-down-separator.gif);
		background-repeat:repeat-x;
		background-position:bottom;
		padding:4px 0 4px 0;
	}

	#navigation li ul li a:hover{
		color:#0072a4;
		background-color:#f2f2f2;
	}
	
	/* SUB LEVEL (Dropdown) -------- [END] */
	

/* Navigation and Dropdown styles -------------------------- [END] */




/* Sub Navigation Styles ----------------------------------------- */

	
	/* TIER 1 SUB ------------------------ */
	
	#aboutUs #subnavAboutUs,
	#unitedHouseGroup #subnavUnitedHouseGroup,
	#keyPeople #subnavKeyPeople,
	#unitedHouseLimited #subnavUnitedHouseLimited,
	#unitedHouseSolutions #subnavUnitedHouseSolutions,
	#unitedHouseDevelopments #subnavUnitedHouseDevelopments,
	#affiliations #subnavAffiliations,
	#awards #subnavAwards,
	#environment #subnavEnvironment,
	#history #subnavHistory,
	#healthAndSafety #subnavHealthAndSafety,
	#logistics #subnavLogistics,
	#publications #subnavPublications,
	#quality #subnavQuality,
	#researchAndDevelopment #subnavResearchAndDevelopment,
	#news #subnavNews,
	
	#socialHousing #subnavSocialHousing,
	#newBuild #subnavNewBuild,
	#refurbishment #subnavRefurbishment,
	
	#ppp #subnavPpp,
	
	#sustainability #subnavSustainability,
	
	#csr #subnavCsr,
	#workplace #subnavWorkplace,
	#csrHealthAndSafety #subnavCsrHealthAndSafety,
	#csrEnvironment #subnavEnvironment,
	#csrCommunity #subnavCommunity,
	#charityGiving #subnavCharityGiving,
	
	#careers #subnavCareers,
	#trainingAndDevelopment #subnavTraining,
	#payAndBenefits #subnavPayAndBenefits,
	#preparingForInterviews #subnavInterviews,
	#meetOurPeople #subnavMeetOurPeople,
	#currentVacancies #subnavCurrentVacancies{
		background-image:url(../images/common/sub-nav-on-arrow.gif);
		background-repeat:no-repeat;
		background-position:right center;
		background-color:#97c03e;
		color:#fff;
	}
	
	#subNavigation{
		background-image:url(../images/common/whitebox-base.jpg);
		background-position:bottom left;
		background-repeat:no-repeat;
		margin-bottom:15px;
	}
	
	#subNavigation ul{
		display:block;
		background-image:url(../images/common/whitebox-top.jpg);
		background-repeat:no-repeat;
		background-position:0 0;
		padding:20px 20px 25px 20px;
		width:250px;
		margin:0;
		list-style-type:none;
	}
	
	#subNavigation ul li{
		padding:0;
	}
	
	#subNavigation a{
		display:block;
		padding:4px 10px 4px 10px;
		text-decoration:none;
		color:#555555;
		width:230px;
		background-image:url(../images/common/sub-nav-separator.gif);
		background-repeat:no-repeat;
		background-position:bottom;
	}
	
	#subNavigation a:hover{background-color:#ebebeb; color:#007284;}
	
	/* TIER 1 SUB ------------------ [END] */
	
	
	/* TIER 2 SUB ------------------------ */
																					
	
	
	#unitedHouseGroup #unitedHouseGroupDrop,
	#keyPeople #unitedHouseGroupDrop,
	#unitedHouseLimited #unitedHouseGroupDrop,
	#unitedHouseSolutions #unitedHouseGroupDrop,
	#unitedHouseDevelopments #unitedHouseGroupDrop,
	#csrCommunity #csrCommunityDrop,
	#charityGiving #csrCommunityDrop,
	#news #newsDrop{
		display:block;
	}
	
	#subNavigation ul li ul{
		width:auto;
		background-image:none;
		font-size:1.0em;
		padding:0;
		display:none;
	}
	
	#subNavigation ul li ul li{
		background-image:url(../images/common/sub-nav-tier-2-bullet.gif);
		background-repeat:no-repeat;
		background-position:15px center;
	}
	
	#subNavigation ul li ul li a{
		color:#66aac8;
		padding-left:30px;
		width:210px;
	}
	
	#subNavigation ul li ul li a:hover{
		background-color:transparent;
	}
	
	/* TIER 2 SUB ------------------ [END] */
	
/* Sub Navigation Styles ----------------------------------- [END] */

/* Case Study Side Block Styles ---------------------------------- */

	#studySideBlock{
		background-image:url(../images/common/study-block-base.gif);
		background-position:bottom center;
		background-repeat:no-repeat;
		margin-bottom:15px;
		padding-bottom:10px;
	}
	
	#studySideBlock h3{
		display:block;
		background-image:url(../images/common/study-block-top.gif);
		background-repeat:no-repeat;
		background-position:top center;
		padding:20px 20px 15px 25px;
		width:245px;
	}
	
	#studySideBlock ul li{
		padding:0;
		list-style-type:none;
	}
	
	#studySideBlock a{
		display:block;
		padding:4px 10px 4px 10px;
		text-decoration:none;
		color:#0072A4;
		width:230px;
		background-image:url(../images/common/sub-nav-separator.gif);
		background-repeat:no-repeat;
		background-position:bottom;
	}
	
	#studySideBlock a:hover{background-color:#ebebeb; color:#007284;}


/* Case Study Side Block Styles ---------------------------- [END] */

/* Column Styles ------------------------------------------------- */

	#home #leftColumn{
		width:600px;
	}
	
	#home #rightColumn{
		width:290px;
	}
	
	#leftColumn{
		width:290px;
		position:relative;
		left:20px;
		float:left;
	}
	
	.wide #rightColumn{
		width:910px;		
	}
	
	#rightColumn{
		width:600px;
		float:right;
		position:relative;
		right:20px;
	}

/* Column Styles ------------------------------------------------- */



/* Homepage Feature Box Styles ----------------------------------- */

	#featureBoxes{
		width:910px;
		position:relative;
		left:20px;
		float:left;
	}
	
	#featureBoxes span{
		display:block;
		padding:10px 0 0 20px;
	}
	
	#featureBoxes div{
		float:left;
		width:303px;
		margin-top:8px;
		position:relative;
		background-repeat:repeat-x;
	}
	
	#featureBoxes div img{
		position:absolute;
		right:0;
		bottom:0;
	}
	
	#featureBoxes div.middle{
		width:304px;
	}
	
	#featureBoxes h4{
		font-family:"Trebuchet MS", Arial, sans-serif;
		font-size:2.3em;
		color:#fff;
	}
	
	#featureBoxes p{
		color:#fff;
		width:185px;
		padding-bottom:13px;
	}
	
	#featureBoxes a{
		display:block;
		background-repeat:no-repeat;
		background-position:left center;
		padding-left:25px;
		color:#fff;
		text-decoration:none;
	}
	
	#featureBoxes a:hover{
		text-decoration:underline;
	}
	
	#featureBoxes div.featureProjects{background-image:url(../images/common/dark-blue-tile.jpg); background-color:#004e70;}
	#featureBoxes div.featureProjects a{background-image:url(../images/common/link-arrow-blue.gif);}
	
	#featureBoxes div.featureResidents{background-image:url(../images/common/green-tile.jpg); background-color:#779631;}
	#featureBoxes div.featureResidents a{background-image:url(../images/common/link-arrow-green.gif);}
	
	#featureBoxes div.featureCareers{background-image:url(../images/common/light-blue-tile.jpg); background-position:bottom; background-color:#1a9ac7; overflow:hidden}
	#featureBoxes div.featureCareers a{background-image:url(../images/common/link-arrow-lightblue.gif);}
	
	#featureBoxes div.featureUHD{background-image:url(../images/common/grey-tile.jpg); background-position:bottom; background-color:#1a9ac7; overflow:hidden}
	#featureBoxes div.featureUHD a{background-image:url(../images/common/link-arrow-grey.gif);}
	
	#featureBoxes div.featureBlogs{background-image:url(../images/common/orange-tile.jpg); background-position:bottom; background-color:#d45b0c;}
	#featureBoxes div.featureBlogs a{background-image:url(../images/common/link-arrow-orange.gif);}	
	
	#featureBoxes div.featureAwards{background-image:url(../images/common/grey-tile.jpg); background-position:bottom; background-color:#434343;}
	#featureBoxes div.featureAwards a{background-image:url(../images/common/link-arrow-grey.gif);}	
	
	#featureBoxes div.featureSustainability{background-image:url(../images/common/green-tile.jpg); background-position:bottom; background-color:#779631;}
	#featureBoxes div.featureSustainability a{background-image:url(../images/common/link-arrow-green.gif);}		
	
	#featureBoxes div.featureRandD{background-image:url(../images/common/purple-tile.jpg); background-position:bottom; background-color:#7b5789;}
	#featureBoxes div.featureRandD a{background-image:url(../images/common/link-arrow-purple.gif);}	
	
	#featureBoxes div.featureHealthAndSafety{background-image:url(../images/common/purple-tile.jpg); background-position:bottom; background-color:#7b5789;}
	#featureBoxes div.featureHealthAndSafety a{background-image:url(../images/common/link-arrow-purple.gif);}					

	#featureBoxes div.featureCommunity{background-image:url(../images/common/orange-tile.jpg); background-position:bottom; background-color:#779631;}
	#featureBoxes div.featureCommunity a{background-image:url(../images/common/link-arrow-orange.gif);}	
	
	
	#featureBoxes div.featureUnitedHouseLimited{height:146px; background-image:url(../images/common/purple-tile.jpg); background-position:bottom; background-color:#7b5789;}
	#featureBoxes div.featureUnitedHouseLimited a{background-image:url(../images/common/link-arrow-purple.gif);}	
	#featureBoxes div.featureUnitedHouseLimited p{ padding-bottom:5px }
	#featureBoxes div.featureUnitedHouseLimited h4{ padding-bottom:6px }	
	
	#featureBoxes div.UnitedHouseSolutions{height:146px; background-image:url(../images/common/light-blue-tile.jpg); background-position:bottom; background-color:#1a9ac7;}
	#featureBoxes div.UnitedHouseSolutions a{background-image:url(../images/common/link-arrow-transparent.png);}	
	#featureBoxes div.UnitedHouseSolutions p{ padding-bottom:5px }	
	#featureBoxes div.UnitedHouseSolutions h4{ padding-bottom:6px }
	
	#featureBoxes div.UnitedHouseDestinations{height:146px; background-image:url(../images/common/green-tile.jpg); background-position:bottom; background-color:#779631;}
	#featureBoxes div.UnitedHouseDestinations a{background-image:url(../images/common/link-arrow-green.gif);}				
	#featureBoxes div.UnitedHouseDestinations p{ padding-bottom:5px }	
	#featureBoxes div.UnitedHouseDestinations h4{ padding-bottom:6px }

	#featureBoxes .featureBoxContainerOne,
	#featureBoxes .featureBoxContainerTwo,
	#featureBoxes .featureBoxContainerThree	
	{
		margin-top:0;
		height:154px;
		overflow:hidden;
	}

	
	#rightColumn #featureBoxes .featureBoxContainerOne,
	#rightColumn #featureBoxes .featureBoxContainerTwo,
	#rightColumn #featureBoxes .featureBoxContainerThree	
	{
		margin-top:0;
		height:154px;
		overflow:hidden;
		float:none;
	}
	
	#rightColumn #featureBoxes
	{
		left:0;
		width:600px;
	}
	
	#rightColumn #featureBoxes p
	{
		width:500px;
		padding-bottom:12px;
	}
	
	#rightColumn #featureBoxes p a:hover
	{
		color:#fff;
	}	
	
	#rightColumn #featureBoxes div
	{
		width:600px;
		margin-bottom:14px;
	}
	
	
	.rightSideBox.green{background-image:url(../images/common/green-tile.jpg); background-color:#779731}
	#contentArea div.sideBox.green a{background-image:url(../images/common/link-arrow-green.gif);}	
	
	#whischersBox
	{
		padding: 20px 20px 12px 20px;
		background-position: 0 bottom;
		background-repeat:repeat-x;
		background-color:#97be3f;
		overflow:auto;
	}

	#whischersBox h4
	{
		font-size:2.3em;
		font-family:"Trebuchet MS", Arial, sans-serif;
		font-weight:normal;		
		color:#ffffff;
		padding-top:10px;
		padding-bottom:0;
	}
	
	#whischersBox sup
	{
		font-size:0.5em;
	}
	
	#whischersBox p
	{
		line-height:1.5em;
		font-size:1.2em;
		color:#fff;
	}

	#whischersBox p.strapLine
	{
		font-size:1.4em;
	}
	
	#whischersBox p a
	{
		color:#ffffff;
		background-image:url(../images/common/link-arrow-green.gif);
		background-repeat:no-repeat;
		background-position:left center;
		padding-left:25px;
		text-decoration:underline;	
		padding-bottom:1px;
	}

	#whischersBox p a:hover
	{
		color:#334015;
	}
	
	#aboutus #whischersBox,
	#whischers #whischersBox
	{
		padding: 20px 20px 20px 20px;
		margin-bottom:15px;
		
	}
	
	#aboutus #whischersBox h4,
	#whischers #whischersBox h4
	{
		padding-top:0;
		margin-top:0;
	}
	
	#aboutus #whischersBox img,
	#whischers #whischersBox img	
	{
		float:left;
		padding-right:20px;
	}
	
	#rightSideBox
	{
		
	}
	

/* Homepage Feature Box Styles ----------------------------- [END] */

/* Full Content Width Box Styles --------------------------------- */

	.contentWidthBox					{float:left;clear:both;width:600px;background-repeat:repeat-x;}
	.contentWidthBox .inner				{float:left;width:560px;position:relative;left:20px;padding:15px 0px 0px 0px}
	.contentWidthBox .LEFT				{float:left;width:290px;}
	.contentWidthBox .RIGHT				{float:right;background:#fff;margin:5px 0px 20px 0px;}
	.contentWidthBox .RIGHT,
	.contentWidthBox .RIGHT a,
	.contentWidthBox .RIGHT a img		{width:260px;height:140px;display:block;}
	#contentArea .contentWidthBox h4,
	#contentArea .contentWidthBox h5,
	#contentArea .contentWidthBox p		{width:270px;}
	#contentArea .contentWidthBox h4,
	#contact-us .video h4				{padding-bottom:0px;}
	#contentArea .contentWidthBox h5,
	#contact-us .video h5				{color:#fff;font-size:1.6em;font-weight:normal;padding-bottom:15px;}
	.captcha-wrapper #recaptcha_widget_div{float:right}
	
	
	.submit-wrapper						{clear:both;float:right;}
	.submit-blue{
		font-size:1.3em;
		color:#fff;
		cursor:pointer;
		width:105px;
		text-indent:25px;
		line-height:39px;
		height:40px;
		display:block;
		background:url("../images/common/form-submit-blue.gif");
		background-repeat:repeat-x;
		border:none;
		}
	.submit-blue:hover					{background-position:0px -50px;}
	
	.fullrow							{clear:both;width:100%;float:left;}

/* end Full Content Width Box Styles --------------------------------- */

/* contact us page */
	
	#contact-us .fullrow .office		{float:left;}
	#contact-us .fullrow .contact		{float:right;}
	#contact-us .video h4,
	#contact-us .video h5,
	#contact-us .video p				{width:250px}
	#contact-us #contentArea .video a.img-link							{padding-left:0px;display:block;clear:both;}
	#contact-us #contentArea a img		{position:relative;margin-bottom:15px;}
	
/* the house newsletter */

	#the-house .video					{margin-bottom:15px;}
	#the-house .video.bottom,
	#developments .video				{margin-top:15px;}
	#the-house .video .inner			{padding:0px;width:580px;background: url('../images/common/sidebox-request-news.png') no-repeat right -170px;}
	#the-house .video .LEFT h4			{padding:15px 0px 5px 0px;}
	#the-house .video .LEFT,
	#the-house .video .LEFT h4,
	#the-house .video .LEFT p,
	#the-house .video .LEFT p a			{width:360px;}


/* Side Box Styles ----------------------------------------------- */

	.sideBox{
		padding:15px 70px 5px 20px;
		background-repeat:repeat-x;
		position:relative;
		margin-bottom:20px;
		width:200px;
		min-height:135px;
		/* IE6 Fix */
		_height: 135px;
		...
	}
	
	.sideBox img{
		position:absolute;
		bottom:0;
		right:0;
	}
	
	#contentArea .sideBox a,
	#contentArea .contentWidthBox .LEFT a{
		display:block;
		background-repeat:no-repeat;
		background-position:left center;
		padding-left:25px;
		color:#fff;
		text-decoration:none;
		width:165px;
	}
	
	#contentArea .sideBox a:hover,
	#contentArea .contentWidthBox .LEFT p a:hover{text-decoration:underline; color:#fff;}
	
	.sideBox h4,
	.contentWidthBox h4{
		font-family:"Trebuchet MS", Arial, sans-serif;
		font-size:2.3em;
		color:#fff;
		width:200px;
	}
	
	.sideBox p,
	.contentWidthBox p{
		color:#fff;
		padding-bottom:13px;
		width:180px;
	}
	
	.sideBox.darkBlue{background-image:url(../images/common/dark-blue-tile.jpg); background-color:#004f70;}
	#contentArea div.sideBox.darkBlue a{background-image:url(../images/common/link-arrow-transparent.png);}
	
	.sideBox.lightBlue{background-image:url(../images/common/light-blue-tile.jpg); background-color:#1388af;}
	#contentArea div.sideBox.lightBlue a{background-image:url(../images/common/link-arrow-lightblue.gif);}
	
	.sideBox.green{background-image:url(../images/common/green-tile.jpg); background-color:#779731;}
	#contentArea div.sideBox.green a{background-image:url(../images/common/link-arrow-green.gif);}
	

	
	.sideBox.orange{background-image:url(../images/common/orange-tile.jpg); background-color:#d55b0d;}
	#contentArea div.sideBox.orange a{background-image:url(../images/common/link-arrow-orange.gif);}

	.sideBox.purple,
	.contentWidthBox.purple{background-image:url(../images/common/purple-tile.jpg); background-color:#7a5789;}
	#contentArea div.sideBox.purple a,
	.contentWidthBox .LEFT p a{background-image:url(../images/common/link-arrow-purple.gif);}	
	
	.sideBox.grey{background-image:url(../images/common/grey-tile.jpg); background-color:#434343;}
	#contentArea div.sideBox.grey a{background-image:url(../images/common/link-arrow-grey.gif);}
	
	.sideBox.newBlue{background-color:#53a7d7;}
	#contentArea div.sideBox.newBlue a{background-image:url(../images/common/link-arrow-newblue.gif);}	
	
	.sideBox.sortProjects{background-image:url(../images/common/grey-tile.jpg); background-color:#434343;}
	#contentArea div.sideBox.sortProjects a{background-image:none; margin:0;}
	#contentArea div.sideBox.sortProjects ul{list-style:none; margin:0;}
	#contentArea div.sideBox.sortProjects ul li{ }
	#contentArea div.sideBox.sortProjects ul li a.active{font-weight:bold; text-decoration:underline;background-image:url(../images/common/link-arrow-grey.gif);}		

	#contentArea div.sideBox.office{padding:15px 15px 5px 20px; width:255px;}
	#contentArea div.sideBox.office h4{width:250px}
	#contentArea div.sideBox.office p{width:250px;}
	#contentArea div.sideBox.office hr{background-color:#707070; width:250px}
	#contentArea div.sideBox.office a{background-image:none; padding:0; margin:0; color:#4bb7e1; text-decoration:underline; display:inline}
	#contentArea div.sideBox.office a:hover{color:#ffffff;}

	#contentArea div.sideBox.office a.white{color:#FFFFFF}


	.sideBox.lightGrey{background-color:#ededed;}
	#contentArea div.sideBox.lightGrey a{background-image:none; display:inline; color:#1596c1; padding:0; margin:0; text-decoration:underline}

	#contentArea div.sideBox.lightGrey p{color:#555555}
	#contentArea div.sideBox.lightGrey p.links{color:#555555; width:250px;}	
	#contentArea div.sideBox.lightGrey h4{color:#1596c1}

	#contentArea div.sideBox.office a.current{color:#fff}

/* Side Box Styles ----------------------------------------- [END] */



/* Image Text Block Styles --------------------------------------- */

	.imageTextBlock{
		clear:both;
		border-bottom:1px solid #e5e5e5;
		margin-top:15px;
		float:left;
		width:600px;
		padding-bottom:10px;
	}
	
	.imageTextBlock.news p{
		padding-bottom:0;
	}
	
	.imageTextBlock h3{
		padding-bottom:2px;
	}
	
	.imageTextBlock h3 a{
		text-decoration:none;
	}
	
	.imageTextBlock h4{
		font-size:1.2em;
		color:#000;
	}
	
	.imageTextBlock img{
		float:left;
		margin-right:15px;
		padding-bottom:15px;
	}
	
	/* news articles list --------------------- */
	
	.imageTextBlock.news img{
		border:1px solid #e7e7e7;
		padding:2px;
	}
	
	.imageTextBlock.news p.date{
		color:#a4a4a4;
		padding-bottom:5px;
	}
	
	.imageTextBlock.news span{
		display:block;
		float:left;
		width:400px;
	}
	
	/* news articles list --------------- [END] */
	

/* Image Text Block Styles --------------------------------- [END] */



/* Whitebox Styles ----------------------------------------------- */

	.whiteBox{
		background-image:url(../images/common/whitebox-base.jpg);
		background-position:bottom left;
		background-repeat:no-repeat;
		margin-bottom:15px;
	}
	
	.whiteBox img{
		margin-bottom:10px;
	}
	
	.whiteBox span{
		display:block;
		background-image:url(../images/common/whitebox-top.jpg);
		background-repeat:no-repeat;
		background-position:0 0;
		padding:15px 20px 5px 20px;
		width:250px;
	}
	
	#contentArea .whiteBox a{
		color:#555555;
		text-decoration:none;
		display:block;
	}
	
	#contentArea .whiteBox a:hover{color:#0072a4; background-color:#f2f2f2;}
	
	#contentArea  .whiteBox a.arrowLink{
		color:#11598b;
		background-image:url(../images/common/whitebox-arrow.jpg);
		background-repeat:no-repeat;
		background-position:left center;
		padding-left:25px;
		text-decoration:underline;
	}
	
	#contentArea .whiteBox a.arrowLink:hover{color:#000;}
	
	.whiteBox h3{
		font-size:2.3em;
		color:#464646;
		font-family:"Trebuchet MS", Arial, sans-serif;
	}

/* Whitebox Styles ----------------------------------------- [END] */


/* Projects Styles ----------------------------------------------- */

	#contentArea ul.project-images{
		float:left;
		list-style:none;
		margin:0 0 10px 0;
		padding:0;	
		
	}
	
	#contentArea ul.project-images li{
		width:130px;
		height:85px;
		float:left;
		border:1px solid #ededed;
		padding:2px;
		margin-right:12px;
	}
	
	#contentArea ul.project-images li img{
		width:130px;
		height:85px;	
	}	

	p.thumbnailEnlarge{
		clear:both;
		display:block;
		float:left;
		font-size:1.2em;
	}

	#bertramStreetVideo
	{
		width:350px;
		height:315px;
		margin:0 0 18px 0;
		background-color:#e1e1e1;		
	}


/* Projects Styles ------------------------------------------- [END] */


/* Staff Video Styles ---------------------------------------------- */

	.videoContainer{
		width:600px;	
		background-image:url(/images/staff-videos/staff-videos-background.jpg);
		background-repeat:repeat-x;
		background-position:top;
		background-color:#e1e1e1;
		padding:30px 0 10px 0;
		margin-bottom:25px;
	}
	
	#videoArea{
		width:500px;
		height:315px;
		margin:0 0 18px 49px;
		background-color:#e1e1e1;
	}
	
	.videoDetails{
		padding:0 49px 0 49px;
	}	
	
	.videoDetails h2{
		padding-bottom:2px;
		
	}
	

	#contentArea .videoDetails ul.downloadsList li a{
		background-image:url(/images/common/download-link-arrow.png);
	}
	
	.videoDetails .videoPersonDescription{
		padding-bottom:0px;
		color:#000;
	}
	
	.smallVideosContainer{ 
		margin-bottom:20px;	
		overflow:hidden;
	}

	.smallVideoContainer{
		padding-right:30px;
		float:left;
	}
	
	.smallVideoContainer h2{
		padding-bottom:2px;	
	}
	
	.smallVideoContainer a{
		text-decoration:none;
	}
	
	.smallVideoContainer h2.black{
		color:#000000;
	}
	
	.smallVideoContainer.borderRight{
		border-right:1px solid #e5e5e5;	
	}
	
	.smallVideoContainer.borderBottom{
		padding-bottom:20px;	
		border-bottom:1px solid #e5e5e5;
	}

	.smallVideoContainer.paddingLeft{
		padding-left:30px;
	}
	
	.smallVideoContainer.paddingTop{
		padding-top:20px;	
	}

	.smallVideo{
		width:133px;
		height:75px;
		padding:2px;
		border:1px solid #d9d9d9;
	}
	
	.smallVideoContainer p{
		font-size:1.1em;
	}

/* End of Staff Video Styles --------------------------------------- */



/* Accordion Styles ----------------------------------------------- */

	#contentArea .ui-accordion a{
		color:#555555;	
		text-decoration:none;
	}
	
	.ui-accordion a{
		font-size:1.8em;
		display:block;
		padding:0 0 2px 24px;
		color:#555555 ;
		background-image:url(../images/common/collapsible-plus-sign.gif);
		background-position:left center;
		background-repeat:no-repeat;
		cursor:pointer;
	}
	
	#contentArea .ui-accordion a.selected{
		background-image:url(../images/common/collapsible-minus-sign.gif);
		color:#000;
	}
	
	.ui-accordion h4{
		color:#0072A4;
	}
	
	.ui-accordion p.title{
		padding-bottom:2px;	
	}
	
	.ui-accordion p{
		
	}
	
	.ui-accordion div{
		padding-top:10px;
	}

/* Accordion Styles ------------------------------------------- [END] */


/* Sitemap Styles ------------------------------------------------- */

	ul#sitemap li ul li{
		font-size:0.9em;
	}	
	
	ul#sitemap li ul li ul li{	
		font-size:0.8em;
	}
	
	ul#sitemap{
		margin:0;	
		list-style:none;
	}
	
	ul#sitemap ul{
		padding-bottom:0;
		list-style:none;
	}
	
	ul#sitemap li {
		padding:0 0 3px 0 ;
		margin:0;
	}	

/* Sitemap Styles ------------------------------------------- [END] */

/* Footer Styles ------------------------------------------------- */

	#footer{
		clear:both;
		background-color:#4b4b4b;
		padding:25px 20px 20px 20px;
		width:910px;
		position:relative;
	}
	
	#footer p{
		color:#fff;
		padding-bottom:5px;
	}
	
	#footer ul{
		width:600px;
	}
	
	#footer ul li{
		display:inline;
		padding:0 8px 0 7px;
		background-image:url(../images/common/footer-nav-separator.gif);
		background-repeat:no-repeat;
		background-position:right center;
	}
	
	#footer ul li.first{padding-left:0;}
	#footer ul li.last{background-image:none;}
	
	#footer a{
		color:#909090;
		font-size:1.1em;
	}
	
	#footer a:hover{color:#fff;}
	
	#footerMediaLinks{
		position:absolute;
		right:20px;
		bottom:20px;
	}
	
	#footerMediaLinks a{
		background-position:right bottom;
		background-repeat:no-repeat;
		padding:15px 30px 0 0;
		margin-left:10px;
		display:block;
		float:left;
	}
	
	.rssLink{background-image:url(../images/common/footer-rss-icon.gif);}
	.blogLink{background-image:url(../images/common/footer-blog-icon.gif);}

/* Footer Styles ------------------------------------------- [END] */

		
	.slideshowContainer
	{
		overflow:auto;
		padding-bottom:15px;
		padding-top:5px;
	}
	
	.slideshowContainer .headingBefore,
	.slideshowContainer .headingAfter
	{
		text-indent:-9999px;
		width:63px;
		height:27px;
		display:block;
	}
	
	.slideshowContainer .headingBefore
	{
		background-image:url(/images/projects/slideshow/before-heading.jpg);
	}
	
	.slideshowContainer .headingAfter
	{
		background-image:url(/images/projects/slideshow/after-heading.jpg);
	}	
	
	
	.slideshowContainer .imageLeftColumn,
	.slideshowContainer .imageRightColumn
	{
		width:295px;
		float:left;
	}
	
	.slideshowContainer .imageBeforeContainer,
	.slideshowContainer .imageAfterContainer
	{
		width:295px;
		height:233px;
		overflow:hidden;
	}

	.slideshowContainer .imageLeftColumn
	{
		margin-right:10px;
	}
	
	.slideshowContainer .detailsContainer
	{
		overflow:auto;
		font-weight:bold;
		color:#454545;
		font-size:1.6em;
		padding-top:10px;
	}
	
	.slideshowContainer .detailsContainer .imageDescriptions
	{
		padding-top:5px;
		display:block;
		float:left;
		overflow: hidden;
		width:410px;
		height:25px;
	}
	
	.slideshowContainer .detailsContainer .imageDescriptions div
	{
		width:410px;
		padding-top:9px;
	}
	
	.slideshowContainer a.previousButton,
	.slideshowContainer a.nextButton
	{
		width:81px;
		height:31px;
		display:block;
		float:right;
		text-indent:-9999px;	
		outline:none;
	}
	
	.slideshowContainer .previousButton
	{
		background-image:url(/images/projects/slideshow/previous.jpg);
		
	}	
	
	.slideshowContainer .previousButton:hover
	{
		background-position: 0 -31px;
	}
	
	.slideshowContainer a.nextButton
	{
		width:80px;
		background-image:url(/images/projects/slideshow/next.jpg);
	}
	
	.slideshowContainer a.nextButton:hover
	{
		background-position: 0 -31px;
	}	
	
/* eNewsletter */

	.eNewsletterHero
	{
		padding-bottom: 10px;
	}
	
	.eNewsletterDivider
	{
		
		height:1px;
		background-color:#cccccc;
		width:600px;
		overflow:hidden;
		float:left;
		clear:both;
	}
	
	.enewsletter-article h2
	{
		padding-top:10px;	
		font-family:"Trebuchet MS", Arial, sans-serif;
		font-size:2.0em;
		color:#0072A4;	
	}
	
	.enewsletter-article .largeImage
	{
		float:left;
		padding-right:10px;
		padding-bottom:5px;
	}
	
	.enewsletter-article .smallImage
	{
		float:left;
		padding-right:10px;
		padding-bottom:5px;
	}	
	
	
	.enewsletter-article p.subheading
	{
		font-size:2.0em;
		font-family:"Trebuchet MS", Arial, sans-serif;
		color:#0072A4;
		padding-bottom:10px;
	}

	.enewsletter-archive-sidebox
	{
		
	}
	
	.enewsletter-archive-sidebox h4
	{
		width:250px;
	}
	
	.publications-enewsletter-sidebox
	{
		background-image:url(/images/common/sidebox-newblue-background.gif);
		background-position:bottom;
	}

/* end of eNewsletter */
	
	.enewsletterIssue
	{
		position:absolute;
		top:98px;
		left:188px;
		font-size:1.3em;
		color:#1a9edc;
		
	}
	
	.enewsletterDate
	{
		position:absolute;
		top:98px;
		left:262px;
		font-size:1.3em;
	}	
	
	#the-house h1
	{
		color:#0072A4;
	}
	
	p.largeImageCaption,
	p.smallImageCaption,
	p.heroImageCaption
	{
		font-size:1.1em;
		text-align: left;
		background-color:#ebebeb;
	}
	
	p.largeImageCaption
	{
		padding: 2px 2px 2px 10px;
		width:278px;
	}
	
	p.smallImageCaption
	{
		padding: 2px 2px 2px 10px;
		width:108px;
	}
	
	p.heroImageCaption
	{
		padding: 2px 10px 2px 10px;
		width:580px;
		text-align:left;
	}		
	
	.eNewsletterPrint
	{
		display:none;
	}
	
	#the-house a.article-heading
	{
		text-decoration:none;
	}
	
	#navigation .new_badge
	{
		position:absolute;
		left:7px;
		top:-7px;
	}
	
	#subNavigation li
	{
		position:relative;
	}
	
	#subNavigation .new_badge
	{
		position:absolute;
		right:6px;
		top:7px;
	}
	
	#subNavigation .active .new_badge
	{
		display: none;
	}
	
	#header .homeWhatHouse
	{
		position:absolute;
		left:260px;
	}
	
	#header .homeSustainableHousingAwards
	{
		position:absolute;
		left:340px;		
		top:35px;
	}
