/*--------------------------------------------------*/
/* General Setup                                    */

	* {
		padding: 0;
		margin: 0;
	}

	html {
		/* overflow-y: scroll; /* Force Scrollbar - Firefox2 and Safari */
		padding: 0;
	}

	html,
	body {
		color: #B4B4B8;
		background-color: #3E3C3F;
	}

	body {
		font-family: verdana, helvetica, arial, sans-serif;
		font-size: 0.9em;
		text-align: center; /* IE5 Win: Thinks block level elements are aligned as text */
		line-height: 2.3ex;
		padding: 30px 0 0 0;
	}

	a {
		color: #B4B4B8;
	}

	a:hover,
	a:focus,
	a:active {
		color: #FFF;
	}

	a img {
		border: 0;
	}

	p,
	h2,
	h3 {
		margin: 0 0 10px 0;
	}

	h1 {
		margin: 0 0 20px 0;
		color: #C94C37;
		font-size: 2.3em;
		font-weight: normal;
	}

	p strong {
		color: #FFF;
	}

	p em {
		font-weight: bold;
		color: #FFF;
	}

	ul,
	ol {
		margin: 0 0 10px 2em;
	}

	table {
		font-size: 1em; /* IE5 WIN: does not inherit the font size correctly */
	}

	table thead {
		display: table-header-group; /* IE6: Wont repeat table headers over multiple printed pages */
	}

	input {
		font-size: 1em; /* FF: keep font size consistent, by default it is increased by 0.1em */
	}

	select option {
		padding-right: 5px; /* FF: The star rule above for removing the padding also effects the select option's  */
	}

	select optgroup option {
		padding-left: 20px; /* FF: The star rule above for removing the padding also effects the select opt-groups  */
	}

/*--------------------------------------------------*/
/* Generic Classes                                  */

	.offScreen {
		position: absolute;
		left: -5000px;
	}

/*--------------------------------------------------*/
/* Skip Links                                       */

	#skipLinks,
	#styleSheetSwitcher {
		padding: 0;
		position: absolute;
	 	right: 0px;
	 	top: -500em; /* This needs a width, height and overflow hidden to stop IE5 MAC from doing horizontal scroll */
	}

	#skipLinks a:active,
	#skipLinks a:focus,
	#styleSheetSwitcher a:active,
	#styleSheetSwitcher a:focus {
		position: absolute;
		top: 500.25em;
		right: 0.25em;
		z-index: 5;
		white-space: nowrap;
		color: #000;
		background: #FFF;
		border: 2px solid red;
		padding: 3px;
	}

/*--------------------------------------------------*/
/* Page Frame                                       */

	/*--------------------------------------------------*/
	/* Wrapper                                          */

		#pageWrapper {
			width: 1000px;
			margin: 0 auto;
			text-align: left; /* IE5 Win: Correct the text-align fix */
			background: url("../../img/global/divide.gif") repeat-y 0 0;
		}

	/*--------------------------------------------------*/
	/* Title                                            */

		#pageTitle {
			color: #272225;
			background: #C94C37 url("../../img/global/divide.gif") repeat-y 0 0;
			overflow: auto;
			width: 100%; /* IE5+6 Win: Trigger bug to contain floated elements */
			min-height: 160px;
			height: auto !important;
			height: 160px; /* IE5+6 Win: Treats height as min-height, and does not understand !important */
		}

		#pageTitle p.logo {
			float: left;
		}

		#pageTitle h2 {
			float: left;
			padding: 42px 0 0 20px; /* 280 - 260 */
			font-weight: normal;
			font-size: 38px;
			color: #FFF;
			line-height: 42px;
		}

	/*--------------------------------------------------*/
	/* Navigation                                       */

		#pageNavigation {
			padding: 140px 0 10px 290px; /* 160 - 20 */
		}

		#pageNavigation h2 {
			position: absolute;
			left: -5000px;
		}

		#pageNavigation ul {
			list-style: none;
			margin: 0;
		}

		#pageNavigation ul li {
			float: left;
		}

		#pageNavigation ul li.firstChild {
		}

		#pageNavigation ul li a {
			text-indent: -5000em;
			float: left;
			width: 66px;
			height: 20px;
			background: url("../../img/navLinks/home.gif") no-repeat 0 -20px;
			outline: 0;
		}

		#pageNavigation ul li.services a {
			width: 94px;
			background-image: url("../../img/navLinks/services.gif");
		}

		#pageNavigation ul li.aboutUs a {
			width: 98px;
			background-image: url("../../img/navLinks/about-us.gif");
		}

		#pageNavigation ul li.clients a {
			width: 83px;
			background-image: url("../../img/navLinks/clients.gif");
		}

		#pageNavigation ul li.projects a {
			width: 100px;
			background-image: url("../../img/navLinks/projects.gif");
		}

		#pageNavigation ul li.testimonials a {
			width: 132px;
			background-image: url("../../img/navLinks/testimonials.gif");
		}

		#pageNavigation ul li.contactUs a {
			width: 118px;
			background-image: url("../../img/navLinks/contact-us.gif");
		}

		#pageNavigation ul li a:hover,
		#pageNavigation ul li a:focus,
		#pageNavigation ul li a:active {
			background-position: 0 100%;
		}

		#pageNavigation ul li.selected a {
			background-position: 0 0;
		}

	/*--------------------------------------------------*/
	/* Area link                                        */

		#pageAreaLinks {
			float: left;
			width: 261px;
			padding-top: 50px;
		}

		#pageAreaLinks div h3 {
			font-size: 1.8em;
			font-weight: normal;
			margin: 0;
		}

		#pageAreaLinks div h3 a {
			color: #FFF;
			text-decoration: none;
			background: url("../../img/titleLinks/strategy.gif") no-repeat 0 0;
			display: block;
			width: 260px;
			height: 30px;
		}

		#pageAreaLinks div.design h3 a {
			background-image: url("../../img/titleLinks/design.gif");
		}

		#pageAreaLinks div.interiors h3 a {
			background-image: url("../../img/titleLinks/interiors.gif");
		}

		#pageAreaLinks div.imagineering h3 a {
			background-image: url("../../img/titleLinks/imagineering.gif");
		}

		#pageAreaLinks div.ffe h3 a {
			background-image: url("../../img/titleLinks/ffe.gif");
		}

		#pageAreaLinks div.linkedHolderHover h3 a,
		#pageAreaLinks div h3 a:hover,
		#pageAreaLinks div h3 a:focus,
		#pageAreaLinks div h3 a:active {
			background-position: 0 -30px;
		}

		#pageAreaLinks div.current h3 a {
			background-position: 0 100% !important;
		}

		#pageAreaLinks div h3 a span {
			position: absolute;
			left: -5000px;
		}

		#pageAreaLinks div h3 span {
			color: #817F82;
		}

		#pageAreaLinks div p {
			color: #817F82;
			margin: -5px 0 0 0;
			padding: 0 10px 10px 0;
			text-align: right;
			width: auto;
			font-size: 0.8em;
		}

			#pageAreaLinks #pageBlogLink {
				display: block;
				padding: 10px 10px 50px 20px;
			}

	/*--------------------------------------------------*/
	/* Content                                          */

		#pageContent {
			padding: 50px 0 0 39px; /* 300-260-1 */
			min-height: 440px; /* Can't use the IE6 version, as it breaks the testimonials page */
			font-size: 0.9em;
			float: left;
		}

			#pHome #pageContent {
				padding: 0;
			}

		#pStrategy #pageContent {
			background: url("../../img/sideBar/strategy.jpg") no-repeat 45px 0;
		}

		#pDesign #pageContent {
			background: url("../../img/sideBar/design.jpg") no-repeat 45px 0;
		}

		#pInteriors #pageContent {
			background: url("../../img/sideBar/interiors.jpg") no-repeat 45px 0;
		}

		#pImagineering #pageContent {
			background: url("../../img/sideBar/imagineering.jpg") no-repeat 45px 0;
		}

		#pFfe #pageContent {
			background: url("../../img/sideBar/ffe.jpg") no-repeat 45px 0;
		}

		#pageContent p {
			width: 460px;
		}

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

		#pageFooter {
			padding-left: 261px;
			clear: both;
		}

			#pHome #pageFooter {
				padding-top: 0;
			}

		#pageFooter h2 {
			position: absolute;
			left: -5000px;
		}

		#pageFooter p {
			background: #000;
			color: #5A575B;
			line-height: normal;
			padding: 10px 0 10px 39px;
			margin: 0;
			font-size: 1.4em;
			min-height: 1.4em;
			height: auto !important;
			height: 1.4em; /* IE5+6 Win: Treats height as min-height, and does not understand !important */
		}

			#pHome #pageFooter p {
				display: none;
			}

	/*--------------------------------------------------*/
	/* Side bar                                         */

		#pageSideBar {
			position: relative;
		}

		#pageSideBar div {
			position: absolute;
			top: -6.7em;
			width: 250px; /* 260 - 10 */
			text-align: right;
		}

		#pageSideBar h3 {
			font-size: 1.2em;
			color: #7E7C7F;
			margin: 0 0 0.2em 0;
			font-weight: normal;
		}

		#pageSideBar p {
			font-size: 1.6em;
			color: #CACACC;
			margin: 0 0 0.4em 0;
		}

/*--------------------------------------------------*/
/* Basic Form                                       */

	.basicForm {
		width: 460px;
		padding: 10px 0 0 0;
		margin: 0 0 10px 0;
		background: #68656A;
		color: #FFF;
	}

	.basicForm fieldset {
		border: 0;
	}

	.basicForm fieldset legend {
		color: #000; /* IE6: defaults to using blue text */
		font-weight: bold;
		margin: 0 0 10px 0;
		padding: 0;
	}

	.basicForm fieldset fieldset legend {
		padding: 10px 0 0 0;
		margin: 0;
	}

	.basicForm .error {
		color: #FDB823;
		background: inherit;
		font-weight: bold;
	}

	.basicForm .row {
		padding: 5px 0 0 7em;
		clear: both;
	}

	.basicForm .row .label,
	.basicForm .row.inputFirst .input {
		float: left;
		width: 6em;
		margin: 3px 0 0 -6em;
		text-align: left;
	}

	.basicForm .row .label abbr.required {
		border: 0;
	}

	.basicForm .row.inputFirst .label {
		float: none;
		display: block;
		width: auto;
		margin: 3px 0 0 0;
		text-align: left;
	}

	.basicForm .row.info .input,
	.basicForm .row.radio .input,
	.basicForm .row.check .input {
		display: block;
		padding: 3px 0 0 0;
	}

	#pageContent .text input,
	#pageContent .email input,
	#pageContent .row textarea {
		width: 95%;
		border: 0;
		padding: 3px;
	}

	.basicForm .row.date input {
		text-align: center;
	}

	.basicForm .submit {
		padding-bottom: 10px;
	}

	.basicForm p.thankYou {
		margin: 0;
		padding: 0 10px 10px 10px;
	}

/*--------------------------------------------------*/
/* Single line form                                 */

	.singleLineForm fieldset {
		margin: 0 0 10px 0;
		border: 0;
	}

/*--------------------------------------------------*/
/* Delete form                                      */

	.deleteForm fieldset {
		margin: 0 0 10px 0;
		border: 0;
	}

	.deleteForm .error {
		color: red;
		background: inherit;
		font-weight: bold;
	}

/*--------------------------------------------------*/
/* Basic Table                                      */

	.basicTable {
		margin: 0 0 10px 0;
		color: inherit;
		background: #E0E0E0;
		border-top: 1px solid #000;
		border-right: 0;
		border-bottom: 0;
		border-left: 1px solid #000;
	}

	.basicTable.fullWidth {
		width: 100%;
	}

	.basicTable tr.even {
		background: #F5F5F5;
	}

	.basicTable tr.highlight td.name {
		font-weight: bold;
	}

	.basicTable th {
		color: inherit;
		background: #AAA;
	}

	.basicTable th,
	.basicTable td {
		padding: 2px 4px;
		border-top: 0;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		border-left: 0;
	}

	.basicTable td.noResults {
		text-align: center;
	}

	.basicTable td.view,
	.basicTable td.delete {
		text-align: center;
		width: 4em;
	}

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

	.basicNav {
		margin: 0;
		padding: 0;
	}

	.basicNav li {
		float: left;
		list-style: none;
		margin: 0 10px -1px 0;
		position: relative; /* IE5/6 WIN: needs this the the issueLogBody sits under this li */
		border-top: 1px solid #000;
		border-right: 1px solid #000;
		border-left: 1px solid #000;
	}

	.basicNav li a {
		text-decoration: none;
	}

	.basicNav li span,
	.basicNav li strong {
		display: block;
		padding: 5px;
		position: relative; /* IE5/6 WIN: needs this rule to apply the background colour */
		color: #000;
		background: #E0E0E0;
		border-bottom: 1px solid #000;
	}

	.basicNav li strong {
		font-weight: normal;
		color: #000;
		background: #FFF;
		border-bottom: 1px solid #FFF;
	}

	.basicNavChild {
		clear: both;
		border: 1px solid #000;
		padding: 10px 10px 0 10px;
		margin: 0 0 10px 0;
	}

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

	.smallNav {
		margin: 0 0 10px 0;
		list-style: none;
	}

	.smallNav li {
		display: inline;
	}

/*--------------------------------------------------*/
/* Intro movie                                      */

	#introMovie {
		float: right; /* FF: Gets the sideBar to clear movie is floated left */
	}

	#introMovie img {
		display: block;
	}

/*--------------------------------------------------*/
/* Service image                                    */

	#pServicesItem #serviceImage {
		float: right;
	}

/*--------------------------------------------------*/
/* Clients list                                     */

	ul.clients {
		margin: 0;
		width: 230px;
		float: left;
		margin: 20px 0 0 0;
	}

	ul.clients li {
		background: url("../../img/global/bullet.gif") no-repeat 0 9px;
		padding: 2px 0 2px 13px;
		list-style: none;
	}

/*--------------------------------------------------*/
/* Projects listing                                 */

	.projectList {
		margin: 20px 0 0 0;
		width: 460px;
	}

	.projectList li {
		width: 120px;
		float: left;
		list-style: none;
		margin: 0 15px 20px 0;
	}

	.projectList li a {
		text-decoration: none;
		display: block;
	}

	.projectList li a:hover,
	.projectList li a:focus,
	.projectList li a:active {
		color: #FFF; /* IE6 Win: needs something to change on the a, so the children get the event as well */
		cursor: pointer; /* IE6 Win: forgets to change the cursor */
	}

	.projectList li a strong {
		display: block;
		background: #68656A;
		padding: 5px;
	}

	.projectList li a strong em {
		display: block;
		background: #68656A url("../../img/projects/commercial.jpg") no-repeat -110px 100%;
		height: 120px;
		font-weight: normal;
		font-style: normal;
	}

	.projectList li a strong em.education {
		background-image: url("../../img/projects/education.jpg");
	}

	.projectList li a strong em.hotels {
		background-image: url("../../img/projects/hotels.jpg");
	}

	.projectList li a strong em.residential {
		background-image: url("../../img/projects/residential.jpg");
	}

	.projectList li a strong em.retail {
		background-image: url("../../img/projects/retail.jpg");
	}

	.projectList li a strong em.sport {
		background-image: url("../../img/projects/sport.jpg");
	}

	.projectList li a strong em.visitor {
		background-image: url("../../img/projects/visitor.jpg");
	}

	.projectList li a:hover strong em,
	.projectList li a:focus strong em,
	.projectList li a:active strong em {
		background-position: 0 100%;
	}

	.projectList li a span {
		font-size: 0.75em;
		background: url("../../img/global/arrowWhiteDisabled.gif") no-repeat 100% 50%;
		padding-right: 13px;
		color: #747176;
	}

	.projectList li a:hover span,
	.projectList li a:focus span,
	.projectList li a:active span {
		background-image: url("../../img/global/arrowWhite.gif");
		color: #FFF;
	}

/*--------------------------------------------------*/
/* Profile link                                     */

	.profileLink {
		padding: 20px 0 10px 0;
		margin: 0;
		clear: both;
	}

	.profileLink a {
		color: #5B8242;
		text-transform: uppercase;
		background: url("../../img/global/arrowGreen.gif") no-repeat 100% 50%;
		padding-right: 13px;
		text-decoration: none;
		font-weight: bold;
	}

	.profileLink a:hover,
	.profileLink a:focus,
	.profileLink a:active {
		color: #7CA165;
	}

/*--------------------------------------------------*/
/* Quotes                                           */

	#quotes {
		position: relative;
		min-height: 29em;
		height: auto !important;
		height: 29em; /* IE5+6 Win: Treats height as min-height, and does not understand !important */
	}

	#quotes div.quote {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 8;
		opacity: 0.0;
		visibility: hidden;
	}

	#quotes div.quote.active {
		z-index: 10;
		opacity: 1.0;
		visibility: visible;
	}

	#quotes div.quote .q {
		color: #FFF;
	}

	#quotes ul {
		position: absolute;
		top: 27.5em;
		left: 0;
		z-index: 20;
		margin: 0;
		width: 10em;
	}

	#quotes ul li {
		font-size: 1.1em;
		line-height: 1.3em;
		float: left;
		list-style: none;
		padding: 0 5px;
		border-left: 1px solid #C94C37;
	}

	#quotes ul li.firstChild {
		padding-left: 0;
		border-left: 0;
	}

	#quotes ul li a {
		color: #C94C37;
		text-decoration: none;
	}

	#quotes ul li a:hover,
	#quotes ul li a:focus,
	#quotes ul li a:active {
		text-decoration: underline;
	}

/*--------------------------------------------------*/
/* Contact us page                                  */

	#contactUs form {
		margin-bottom: 30px;
	}

	#contactUs h2 {
		font-size: 1.2em;
		margin-bottom: 0;
	}

	#contactUs #address1 {
		width: 230px; /* 460/2 */
		float: left;
	}

	#contactUs #address1 p {
		width: auto;
	}