/*--------------------------------------------------*/
/* Feature						                    */

	#feature {
		width: 230px;
		float: left;
		text-align: right;
		color: #666666;
	}

		#feature h2 {
			background: url("/a/img/home/greatAndBritish.jpg") no-repeat 0 0;
			display: block;
			width: 230px;
			height: 120px;
			padding: 0;
		}

		#feature h3 {
			font-size: 1.2em;
			padding: 8px 0 8px 60px;
			margin: 0;
		}

		#feature p {
			padding-left: 8px;
		}

		#guide {
			border: 1px solid #ccc;
			padding: 8px 8px 8px 0;
			text-align: left;
		}

			#guide div {
				background: transparent url("/a/img/home/guide.gif") no-repeat 0 0;
				float: left;
				height: 53px;
				width: 56px;
				margin: -2px 6px 0 -7px;
				display: inline;
				position: relative;
			}

			#guide h3 {
				padding: 0 0 2px;
				font-size: 1.5em;
			}

			#guide p {
				padding: 0;
			}

				#guide p a {
					background: url("/a/img/global/arrowRed.gif") no-repeat 100% 100%;
					color: #666;
					text-decoration: none;
					display: block;
					line-height: 1.1em;
				}

					#guide p a:hover,
					#guide p a:focus {
						color: #ee3a43;
					}

			#guide.hover {
				cursor: pointer;
			}

				#guide.hover a {
					color: #ee3a43;
				}

/*--------------------------------------------------*/
/* Hero							                    */

	#hero {
		float: right;
		width: 720px;
	}

		#hero .overlay {
			width: 210px;
			padding: 8px 8px 0 8px;
			float: right;
			min-height: 351px;
			height: auto !important;
			height: 351px;
		}

			#hero .overlay h2 {
				margin-top: 106px;
				font-size: 3em;
			}

			#hero .overlay p.more {
				background: transparent;
			}

				#hero .overlay p.more a {
					background: url("/a/img/common/arrow.png") no-repeat 100% 50% !important;
					background: url("/a/img/common/arrowBlack.gif") no-repeat 100% 50%;
				}

		/*--------------------------------------------------*/
		/* Hero One						                    */

			#heroOne {
				background: url("/a/img/home/hero.jpg") no-repeat 0 0;
				color: #fff;
			}

				#heroOne h2 a,
				#heroOne p.more a {
					color: #fff;
				}

		/*--------------------------------------------------*/
		/* Hero Two						                    */

			#heroTwo {
				background: url("/a/img/home/heroTwo.jpg") no-repeat 0 0;
				color: #000;
			}

		/*--------------------------------------------------*/
		/* Hero Three					                    */

			#heroThree {
				background: url("/a/img/home/heroThree.jpg") no-repeat 0 0;
				color: #fff;
			}

				#heroThree .overlay h2 {
					color: #fff;
					font-size: 2.6em;
				}

				#heroThree p.more a {
					color: #fff;
				}

		/*--------------------------------------------------*/
		/* Hero Four					                    */

			#heroFour {
				background: url("/a/img/home/heroFour.jpg") no-repeat 0 0;
				color: #fff;
			}

				#heroFour a {
					color: #fff;
				}

		/*--------------------------------------------------*/
		/* Hero Five					                    */

			#heroFive {
				background: url("/a/img/home/heroFive.jpg") no-repeat 0 0;
				color: #fff;
			}

				#heroFive p {
					padding-top: 150px;
				}

					#heroFive p.more,
					#heroFive p.footnote {
						padding-top: 0;
						text-align: left;
					}

					#heroFive p.more a {
						color: #fff;
						text-align: left;
						padding-left: 0;
					}

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

	#extras div {
		background: #fff;
		border: 1px solid #cdc9c9;
		float: left;
		margin: 0 8px 0 0;
		padding: 8px;
	}

		#extras h3 {
			font-size: 1.8em;
		}

	/*--------------------------------------------------*/
	/* Offer						                    */

		#extras #offer {
			width: 220px;
		}

			#offer img {
				margin: 0 0 12px;
			}

			#offer .more {
				background: #ee3a43;
				margin-top: 39px;
			}

				#offer .more a {
					background: url("/a/img/global/arrowWhite.gif") no-repeat 100% 50%;
					padding-left: 0;
					color: #fff;
				}


	/*--------------------------------------------------*/
	/* Quad Grid					                    */

		#extras #quad {
			background: transparent;
			padding: 0;
			margin: 0;
			border: 0;
			width: 712px;
		}

			#extras #quad div {
				width: 214px;
				margin-bottom: 0;
			}

			/*--------------------------------------------------*/
			/* Inspiration					                    */

				#extras #quad #inspiration {
					background: #fff url("/a/img/home/homesAndGardens.gif") no-repeat 130px 106px;
					margin-bottom: 8px;
					position: relative;
				}

					#inspiration img {
						position: absolute;
						top: 0;
						left: -3px;
						z-index: 5;
					}

					#inspiration h3 {
						margin: 0 0 8px 90px;
						position: relative;
						z-index: 10;
					}

					#inspiration p {
						margin: 0 0 30px 100px;
					}

						#inspiration p.more {
							margin: 0;
						}

			/*--------------------------------------------------*/
			/* elevate						                    */
                    
				#elevate {
					margin-bottom:8px !important;
				}

					#elevate img {
                        float:left;
						margin-bottom:10px;
                        margin-right:10px;
                    }


            /*--------------------------------------------------*/
			/* Brochure						                    */

				#extras #quad #brochure {
					margin-bottom: 8px;
					position: relative;
				}

					#brochure h3 {
						margin: 0 0 6px 110px;
						*margin-bottom: 7px;
					}

						@media screen and (-webkit-min-device-pixel-ratio:0) {
							#brochure h3 {
								margin-bottom: 11px; /* make it right for safari */
							}
						}

					#brochure p {
						margin: 0 0 8px 110px;
					}

						#brochure p.more {
							margin: 0;
						}

					#brochure img {
						position: absolute;
						top: -4px;
						left: -5px;
					}

			/*--------------------------------------------------*/
			/* Guide						                    */

				#extras #quad #sit {
					margin: 0 0 8px;
				}

					#extras #sit {
						background: #fff url("/a/img/home/sit.gif") no-repeat 100% 0;
					}

						#sit h3 {
							padding: 0 80px 15px 0;
						}

						#find {
							border: 1px solid #ccc;
							padding: 5px;
							position: relative;
						}

							#find #showroom {
								background: url("/a/img/home/showroom.gif") no-repeat 0 0;
								display: block;
								width: 59px;
								height: 92px;
								padding: 0;
								position: absolute;
								top: -27px !important;
								top: -26px;
								left: 5px;
							}

							#find a {
								background: #eee9e9;
								display: block;
								padding: 14px 4px 13px 70px;
								font-size: 1.4em;
								text-decoration: none;
								color: #000;
								font-weight: bold;
							}

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

							#find span {
								background: url("/a/img/global/arrowRed.gif") no-repeat 100% 50%;
								padding-right: 22px;
							}

			/*--------------------------------------------------*/
			/* Customise					                    */

				#customise {
					clear: left;
					margin: 0;
				}

					#customise img {
						float: right;
						margin: 0 -3px 0 0;
					}

			/*--------------------------------------------------*/
			/* Swatch						                    */

				#swatch {
					position: relative;
				}

					#swatch span {
						background: url("/a/img/home/swatch.jpg") no-repeat 0 0;
						display: block;
						width: 65px;
						height: 69px;
						position: absolute;
						top: -4px;
						right: 4px;
					}

					#swatch p {
						margin: 0 56px 0 0;
					}

						#swatch p.more {
							margin: 0;
						}

			/*--------------------------------------------------*/
			/* Register						                    */

				#extras #quad #register {
					margin: 0;
				}