/* 
-------------------------
   Sweeping Statements
-------------------------
*/

* {
	margin: 0;
	padding: 0;
	}

body { 
	font-family: Arial, Verdana, Helvetica, san-serif;
	font-size: 0.7em;
	text-align: left;
	background: #fafafa top center no-repeat;
	}

	#wrapper {
		width: 800px;
		position: relative;
		  left: 50%;
		margin-left: -400px;
		}

a:link { color: #ff8800; font-weight: bold; }
a:visited { }
a:hover { }
a:active { }

address span {
	color: #ff8800;
	font-weight: bold;
	}


/* ---------------
   Logo/Address
--------------- */


#header {
	height: 500px;
	width: 100%;
	background-position: 0 100px;
	background-repeat: no-repeat;
	}

	#header img {
		height: 50px;
		margin: 25px;
		}

	#header h1 {
		position: absolute;
		  right: 0;
		  top: 25px;
		display: block;
		width: 180px;
		height: 20px;
		text-indent: -6000px;
		font-size: 0.5em;
		margin-bottom: 5px;
		background: url(images/redefiningofficefurniture.gif) top left no-repeat;
		}

	#header address {
		position: absolute;
		  right: 0;
		  top: 50px;
		margin: 0;
		font-size: 0.9em;
		font-style: normal;
		text-align: right;
		color: #909090;
		}


/* --------------------
   Background Images
-------------------- */


	#home #header { background-image: url(images/home_headbg.jpg); }
	#seating #header { background-image: url(images/seating_headbg.jpg); }
	#british #header { background-image: url(images/british_headbg.jpg); }
	#family #header { background-image: url(images/family_headbg.jpg); }	
	#government #header { background-image: url(images/gov_headbg.jpg); }
	#safety #header { background-image: url(images/safety_headbg.jpg); }
	#safety #header { background-image: url(images/safety_headbg.jpg); }
	#wood #header { background-image: url(images/wood_headbg.jpg); }
	#sustainable #header { background-image: url(images/sustainable_headbg.jpg); }		


/* --------------------------
   Background Bleed images
-------------------------- */


	#home { background-image: url(images/home_background.gif); }
	#seating { background-image: url(images/seating_background.gif); }
	#british { background-image: url(images/british_background.gif); }
	#family { background-image: url(images/family_background.gif); }
	#government { background-image: url(images/gov_background.gif); }
	#safety { background-image: url(images/safety_background.gif); }
	#wood { background-image: url(images/wood_background.gif); }
	#sustainable, #contact, #downloads { background-image: url(images/sustainable_background.gif); }


/* -----------------------------
   Navigation/Drop-down menus
----------------------------- */


	#header ul {
		position: absolute;
		  left: 0;
		  top: 101px;
		  clear: right;
		  z-index: 5;
		}

	#header ul li {
		position: relative;
		float: left;
		font-size: 1.17em;
		list-style: none;
		}

		#header ul a:link, #header ul a:visited {
			color: #fff;
			line-height: 34px;
			padding: 10px 23px;
			text-decoration: none;
			font-weight: normal;
			width: 100%;
			}

		#header ul li:hover {
			background: url(images/nav_hover.png) top left repeat-x;
			}

			#header li ul { 
				display: none;
				position: absolute;
					top: 34px;
					left: 0px;
					right: auto;
				font-size: 0.8em;
				background-color: #4c4c4c;
				z-index: 99;
				clear: both;
				}

				#wrapper #header .navAbout ul a, #wrapper #header .navSeating ul a, #wrapper #header .navTable ul a {
					background-color: transparent;
					color: #fff;
					font-weight: normal;
					}

				#header li ul li {
					width: 22em;
					}

					#header .navSeating ul li, #header .navTable ul li {
						width: 16em;
						}

			#header li:hover ul { 
				display: block;
				}


		#home #header .navHome a,
		#government #header .navAbout a, 
		#family #header .navAbout a, 
		#safety #header .navAbout a, 
		#british #header .navAbout a, 
		#wood #header .navAbout a, 
		#seating #header .navSeating a, 
		#table #header .navTable a,
		#downloads #header .navDownloads a,
		#contact #header .navContact a {
			background-color: #fafafa;
			color: #ff8800;
			font-weight: bold;
			}


/* --------------------------------------------------------
   Page title images and Positions (using image replace)
-------------------------------------------------------- */


	#header h3 {
		display: block;
		width: 235px;
		height: 45px;
		text-indent: -6000px;
		background-position: top left;
		background-repeat: no-repeat;
		z-index: 2;
		}

	#home #header h3 { margin-top: 87px; margin-left: 393px; background-image: url(images/home_h3.gif); }
	#seating #header h3 { margin-top: 132px; margin-left: 193px; }
	#british #header h3 { margin-top: 105px; margin-left: 95px; background-image: url(images/british_h3.gif); }
	#family #header h3 { margin-top: 113px; margin-left: 120px; background-image: url(images/family_h3.gif); }
	#government #header h3 { margin-top: 152px; margin-left: 275px; width: 176px; height: 103px; background-image: url(images/gov_h3.jpg); }
	#safety #header h3 { margin-top: 86px; margin-left: 300px; background-image: url(images/safety_h3.jpg); }
	#safety #header #secondh3 { position: absolute; top: 195px; left: 333px; background-image: url(images/safety_h3_2.jpg); }
	#wood #header h3 { margin-top: 122px; margin-left: 412px; background-image: url(images/wood_h3.gif); }
	#sustainable #header h3 { margin-top: 102px; margin-left: 413px; background-image: url(images/sustainable_h3.gif); }		


/* --------------------------------------
   'Up-sell' area, paragraph styles
-------------------------------------- */


	#header p { color: #ccc; line-height: 1.4em; }
	#header p strong { color: #fff; }
	#british #header p, #government #header p, #safety #header p, #wood #header p strong { color: #ababab; }
	#british #header p strong, #government #header p strong, #safety #header p strong, #wood #header p strong { color: #938f91; }
	
	#header div {
		position: absolute;
		  top: 439px;
		  right: 0;
		width: 100%;
		}

	#downloads #header a:visited { color:#EE6600; }

/* --------------------------------------
   'Up-sell' area, paragraph positions
-------------------------------------- */

	#home #header p { margin-top: 0; margin-left: 533px; }
	#home #header div p, #seating #header div p { position: relative; margin-top: -10px; margin-left: 0; float: left; width: 500px; text-align: right; }
	#seating #header p { position: absolute; top: 220px; left: 525px; }
	
	#british #header p { margin-top: -20px; margin-left: 255px; width: 243px; }
	#british #header #secondpara { margin-top: -80px; margin-left: 548px; width: 227px; }
	
	#family #header p { margin-top: 0; margin-left: 0; width: 216px; text-align: right; }
	#family #header #secondpara { margin-top: 0; margin-left: 548px; width: 150px; text-align: left; }
	
	#government #header p { margin-top: -150px; margin-left: 555px; width: 243px; }
	
	#sustainable #header p { margin-top: 0px; margin-left: 533px; width: 241px; }
	#sustainable #header #secondpara { margin-top: 0px; margin-left: 25px; width: 483px; text-align: right; }
	
	#safety #header p { margin-top: 0px; margin-left: 300px; width: 483px; }
	#safety #header #secondpara { margin-left: 400px; margin-top: 55px; width: 372px; text-align: right; }
	
	#wood #header p { margin-top: -20px; margin-left: 555px; width: 243px; }
	
	#downloads #header p { margin-top: 20px; margin-left: 40px; }


/* --------------
   Search Area
-------------- */
	
	
#header form {
	display: block;
	z-index: 4;
	width: 254px;
	height: 235px;
	position: absolute;
	  top: 8px;
	  right: 0;
	}
	
	#header form label {
		line-height: 30px;
		text-align: right;
		color: #fff;
		font-size: 1.1em;
		}
		
		#header form #Product_Search input {
			width: 180px;
			height: 20px;
			line-height: 20px;
			color: #909090;
			position: relative;
			  top: -1px;
			border: 0;
			font-size: 1em;
			}
	
	#header form h5 {
		font-size: 1.1em;
		margin-top: 36px;

		}
	
	#header form div {
		position: relative;
		  top: 20px;
		height: 100px;
		}
		
		#header form div div { 
			top: 0;
			height: auto;
			}
		
	#header form div label {
		display: block;
		width: 125px;
		line-height: 18px;
		float: left;
		color: #000;
		font-size: 0.8em;
		}
		
	#wrapper form br {
		clear: both;
		}
	
	#header form .submit_reset {
		background-image: none;
		border: 0;
		background-color: #ff8800;
		color: #fff;
		font-size: 0.9em;
		width: 61px;
		height: 17px;
		margin: 20px 0 5px 10px;
		float: right;
		}



/* ---------------
   Contact Form
--------------- */

#contact #contactform {
	position: relative;
	top: 35px;
	left: 5px;
	width: 500px;
	height: auto;
	}
	
	#contact #contactform label {
		clear: left;
		float: left;
		display: block;
		width: 120px;
		height: 45px;
		text-align: right;
		}
	
	#contact #contactform input, #contact #contactform textarea {
		width: 360px;
		margin: 0 0 23px 10px;
		clear: right;
		float: left;
		display: block;
		}
			
	#contact #contactform .submit {
		width: auto;
		clear: both;
		float: right;
		}

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

#subcontent {
	height: 160px;
	z-index: 2;
	position: relative;
	}

#home #subcontent { height: 120px; }

	#subcontent	p {
		color: #909090;
		position: relative;
		  top: 49px;
		  left: 25px;
		width: 450px;
		line-height: 1.4em;
		}


/* -----------------------
   Product Display Area
----------------------- */


#subcontent h2 {
				display: block;
				position: relative;
				  top: 111px;
				  left: 25px;
				height: 21px;
				width: 120px;
				text-indent: -6000px;
				background: url(images/productrange.gif) top left no-repeat;
				}

	#displayproducts {
		vertical-align: top;
		width: 800px;
		position: relative;
		margin:20px 0 100px 15px;
		clear: both;
		}

		#displayproducts .staff_contact {
			width: 260px;
			float:left;
			margin: 15px 0;
			}

		.staff_contact .email {
			margin-top: 16px;
			}

		.staff_contact span {
			display: block;
			float: left;
			margin-right: 7px;
			color: #ff8800;
			font-weight: bold;
			}

		#displayproducts br { clear: both; }

		#displayproducts a, #displayproducts a:link {			
			text-decoration: none;
			}

		#displayproducts p {
			clear: both;
			}

		#displayproducts h4 {
			font-size: 1.5em;
			display: block;
			width: 300px;
			height: 20px;
			color: #909090;
			z-index: 15px;
			font-weight: normal;
			position: absolute;
			}
			
		#displayproducts img {
			z-index: 1;
			max-width: 260px;
			max-height: 280px;
			margin-top: 20px;
			}
			
	#displayproducts #viewmore {
		clear: both;
		float: none;
		text-decoration: none;
		color: black;
		display: block;
		height: 15px;
		width: 600px;
		margin: -2px 0 0 0;
		}


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


#footer {
	background: url(images/footer.gif) bottom center no-repeat;
	width: 100%;
	height: 90px;
	position: relative;
	color: #909090;
	z-index: 0;
	}


	#footer h2, #footer address, #footer cite, #footer p {
		position: absolute;
		  left: 50%;
		}

	#footer h2, #footer cite {
		width: 100px;
		height: 10px;
		text-indent: -6000px;
		}

	#footer address {
		margin-left: 240px;
		font-style: normal;
		font-size: 1.1em
		}	

		#footer address a:link {
			color: #909090;
			text-decoration: none;
			font-weight: normal;
			}

	#footer p {
		margin-left: 160px;
		top: 74px;
		}


/* --------------------------------------
   FOOTER: Page-specific customisation
-------------------------------------- */
	
	#seating #subcontent img { margin: 30px 11px; }
	#seating #subcontent p { top: 0;}
	#home #footer { padding-top: 245px; margin-top: -135px; }
	#seating #footer, #british #footer { background-image: url(images/british_footer.gif); padding-top: 245px; margin-top: -135px; }
	#home #footer p, #seating #footer p, #british #footer p { top: 316px; }

	#home #footer { padding-top: 65px; }
	#home #footer p { top: 136px; }

	#family #subcontent p { left: 140px; }
	#family #footer { background-image: url(images/family_footer.jpg); padding-top: 298px; margin-top: -115px; }
	#family #footer p { top: 369px; }

	#government #footer { background-image: url(images/gov_footer.jpg); padding-top: 229px; top: -135px; }
	#government #footer p { margin-top: 225px; }

	#safety #footer { background-image: url(images/safety_footer.gif); padding-top: 245px; margin-top: -135px; }
	#safety #footer p { top: 316px; }
	
	#wood #footer { background-image: url(images/wood_footer.jpg); padding-top: 160px; margin-top: -65px; }
	#wood #footer p { top: 231px; }
	
	#sustainable #subcontent p { left: 25px; width: 475px; }
	#sustainable #footer { background-image: url(images/footer.gif); top: 20px; padding-top: 75px;}
	#sustainable #footer p { top: 147px; }
	
	#contact #subcontent p, #downloads #subcontent p { left: 25px; width: 475px; }
	#contact #footer, #downloads #footer { background-image: url(images/footer.gif); top: 95px; }
	
/* --------
   Popup
-------- */

#popup {
	position:absolute;
	  bottom: 115px;
	  left:0;
	width: 280px;
	background-color: #ff8800;
	overflow:hidden;
	}

#popup h1 {
	font-size: 1.8em;
	}

#popup img, #popup h1, #popup p {
	margin: 15px;
	}

#popup_link {
	position:absolute;
	  bottom: 100px;
	  left: 15px;
	color: #000;
	}

#subcontent #popup p {
		color: #000;
		top: 0;
		left: 0;
		width: auto;
		line-height: normal;
		}