/* CSS Document */

  /* 

		CSS Document
		
		HDC UK common css 
		
		Author:  Andrew Plested
		Date:    13th March 2007
		Latest:	 24th August 2007
   
    Free for use, copy and paste!
   
  */	


<style>

	/* -------------------------------------- Main CSS Attributes ---------------------------------------------------------------*/

html {}

body {
		font-family: "Times New Roman", Times, serif;
		background-color:#EFEFEF;
		border:0px;
		padding:0px;
	}

a {
	text-decoration: none;
	}
	
	
a:link { 
			color: #333333;
			}
	
	
a:visited {}
	
	
a:hover { 
			color: #009900;
			text-decoration: underline;
			}
	
	
a:active {}


  /* ---------------------------------------Main CSS layout ----------------------------------------------------- */

#contentBack {
			position:relative;			
			height:auto;
			width:748px;
			margin:0px auto 0px auto;
			padding:0px 0px 0px 0px;
			background: #CCCCCC;
			z-index:0;
			}
			
			
#contentWhite {
			position:relative;
			left: 4px;
			height:auto;
			width:740px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			background:#ffffff;
			z-index:1;
			}
	
	
#contentBody {
			position: relative;
			height: 810px;
			width: 740px;
			text-align: left;
			background-color: #FFFFFF;
			z-index:2;
			}

#GreyBar1 { 
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
	}

#TopBanner {
	position: absolute;
	top: 8px;
	z-index: 3;
	}
	
#GreyBar2 { 
	position: absolute;
	top: 161px;
	left: 0px;
	z-index: 3;
	}	

#infoBack {
	position: relative;
	top: 30px;
	left: 20px;
	z-index: 2;
	}

#links {
	position: absolute;
	left: 540px;
	top: 263px;
	z-index: 3;
	}

#homepage {
	position: absolute;
	border: 0px;
	padding: 0px;
	top: 175px;
	left: 11px;
	z-index: 3;
	}

#special {
	position: absolute;
	border: 0px;
	padding: 0px;
	top: 175px;
	left: 110px;
	z-index: 3;
	}

#domestic {
	position: absolute;
	border: 0px;
	padding: 0px;
	top: 175px;
	left: 246px;
	z-index: 3;
	}

#exhibitions {
	position: absolute;
	border: 0px;
	padding: 0px;
	top: 177px;
	left: 364px;
	z-index: 3;
	}

#aboutus {
	position: absolute;
	border: 0px;
	padding: 0px;
	top: 175px;
	left: 500px;
	z-index: 3;
	}

#contactus {
	position: absolute;
	border: 0px;
	padding: 0px;
	top: 175px;
	left: 615px;
	z-index: 3;
	}
	
#WoodBar {
	position: absolute;
	top: 212px;
	z-index: 4;
	}

#intro {
	position: absolute;
	top: 300px;
	left: 140px;
	text-align: justify;
	width: 450px;
	z-index: 4;
	}


#bottomImage {
	position: absolute;
	top: 530px;
	z-index: 2;
	}
	
#bottomBack {
	position: absolute;
	top: 780px;
	padding: 0px 0px 10px 0px;
	z-index: 3;
	}

#bottomLinks {
	position: absolute;
	top: 787px;
	left: 20px;
	font-size: 15px;
	z-index: 4;
	}
	
#hdcUKLogo {
	position: absolute;
	top: 785px;
	left: 545px;
	border-width: 0px;
	z-index: 4;
	}

#emailLink {
	position: absolute;
	top: 788px;
	left: 607px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #565555;
	border-width: 0px;
	z-index: 4;
	}
	
	
	
	
	/* --------------------------------- CSS for 'page height 5' ---------------------------------------------------------------- */




#contentBack5 {
			position:relative;			
			height:auto;
			width:748px;
			margin:0px auto 0px auto;
			padding:0px 0px 0px 0px;
			background: #CCCCCC;
			z-index:0;
			}
			
			
#contentWhite5 {
			position:relative;
			left: 4px;
			height:auto;
			width:740px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			background:#ffffff;
			z-index:1;
			}
	
	
#contentBody5 {
			position: relative;
			height: 1010px;
			width: 740px;
			text-align: left;
			background-color: #FFFFFF;
			z-index:2;
			}


#bottomImage5 {
	position: absolute;
	top: 730px;
	z-index: 2;
	}
	
#bottomBack5 {
	position: absolute;
	top: 980px;
	padding: 0px 0px 10px 0px;
	z-index: 3;
	}

#bottomLinks5 {
	position: absolute;
	top: 987px;
	left: 20px;
	font-size: 15px;
	z-index: 4;
	}
	
#hdcUKLogo5 {
	position: absolute;
	top: 985px;
	left: 545px;
	border-width: 0px;
	z-index: 4;
	}

#emailLink5 {
	position: absolute;
	top: 988px;
	left: 607px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #565555;
	border-width: 0px;
	z-index: 4;
	}

	/* ------------------------------------------------ CSS for 'page height 6' -------------------------------------------*/




#contentBack6 {
			position:relative;			
			height:auto;
			width:748px;
			margin:0px auto 0px auto;
			padding:0px 0px 0px 0px;
			background: #CCCCCC;
			z-index:0;
			}
			
			
#contentWhite6 {
			position:relative;
			left: 4px;
			height:auto;
			width:740px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			background:#ffffff;
			z-index:1;
			}
	
	
#contentBody6 {
			position: relative;
			height: 1610px;
			width: 740px;
			text-align: left;
			background-color: #FFFFFF;
			z-index:2;
			}


#bottomImage6 {
	position: absolute;
	top: 1330px;
	z-index: 2;
	}
	
#bottomBack6 {
	position: absolute;
	top: 1580px;
	padding: 0px 0px 10px 0px;
	z-index: 3;
	}

#bottomLinks6 {
	position: absolute;
	top: 1587px;
	left: 20px;
	font-size: 15px;
	z-index: 4;
	}
	
#hdcUKLogo6 {
	position: absolute;
	top: 1585px;
	left: 545px;
	border-width: 0px;
	z-index: 4;
	}

#emailLink6 {
	position: absolute;
	top: 1588px;
	left: 607px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #565555;
	border-width: 0px;
	z-index: 4;
	}



	/* --------------------------------------- css for domestic page -------------------------------------------------------- */

.header3 {
		position: absolute;
		padding-top: 0px;
		margin-top: 0px;
		top: 632px;
		left: 40px;
		z-index: 4;
		}

#left_list {
		position: absolute;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		top: 700px;
		left: 30px;
		width: 300px;
		height: 600px;
		z-index: 4}

.header4_l {
		position: absolute;
		margin-top: 0px;
		padding-top: 0px;
		top: 30px;
		left: 0px;
		z-index: 4px;
		}
			
#left_thumb1 {
		position: absolute;
		margin-top: 0px;
		padding-top: 0px;	
		top: 0px;
		left: 200px;
		z-index: 4;
		}

.header5_l {
		position: absolute;
		margin-top: 0px;
		padding-top: 0px;
		top: 146px;
		left: 0px;
		z-index: 4px;
		}
			
#left_thumb2 {
		position: absolute;
		padding: 0px;
		top: 116px;
		left: 200px;
		z-index: 4;
		}

.header6_l {
		position: absolute;
		margin-top: 0px;
		padding-top: 0px;
		top: 262px;
		left: 0px;
		z-index: 4px;
		}
			
#left_thumb3 {
		position: absolute;
		padding: 0px;
		top: 232px;
		left: 200px;
		z-index: 4;
		}

.header7_l {
		position: absolute;
		margin-top: 0px;
		padding-top: 0px;
		top: 378px;
		left: 0px;
		z-index: 4px;
		}
		
#left_thumb4 {
		position: absolute;
		padding: 0px;
		top: 348px;
		left: 200px;
		z-index: 4;
		}
	
.header8_l {
		position: absolute;
		margin-top: 0px;
		padding-top: 0px;
		top: 494px;
		left: 0px;
		z-index: 4px;
		}
			
#left_thumb5 {
		position: absolute;
		padding: 0px;
		top: 464px;
		left: 200px;
		z-index: 4;
		}	

#right_list {
		position: absolute;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		top: 700px;
		right: 30px;
		width: 300px;
		height: 600px;
		z-index: 4}
		
.header4_r {
		position: absolute;
		margin-top: 0px;
		padding-top: 0px;
		top: 20px;
		left: 0px;
		z-index: 4px;
		}
			
#right_thumb1 {
		position: absolute;
		margin-top: 0px;
		padding-top: 0px;	
		top: 0px;
		left: 200px;
		z-index: 4;
		}

.header5_r {
		position: absolute;
		margin-top: 0px;
		padding-top: 0px;
		top: 146px;
		left: 0px;
		z-index: 4px;
		}
			
#right_thumb2 {
		position: absolute;
		padding: 0px;
		top: 116px;
		left: 200px;
		z-index: 4;
		}

.header6_r {
		position: absolute;
		margin-top: 0px;
		padding-top: 0px;
		top: 262px;
		left: 0px;
		z-index: 4px;
		}
			
#right_thumb3 {
		position: absolute;
		padding: 0px;
		top: 232px;
		left: 200px;
		z-index: 4;
		}

.header7_r {
		position: absolute;
		margin-top: 0px;
		padding-top: 0px;
		top: 378px;
		left: 0px;
		z-index: 4px;
		}
		
#right_thumb4 {
		position: absolute;
		padding: 0px;
		top: 348px;
		left: 200px;
		z-index: 4;
		}
	
.header8_r {
		position: absolute;
		margin-top: 0px;
		padding-top: 0px;
		top: 494px;
		left: 0px;
		z-index: 4px;
		}
			
#right_thumb5 {
		position: absolute;
		padding: 0px;
		top: 464px;
		left: 200px;
		z-index: 4;
		}	
		

	/* --------------------------------------------- css for Exhibitions page ------------------------------------------------- */
	
#thumb_Nava {
	position: absolute;
	padding:0px;
	top: 338px;
	left: 230px;
	z-index: 4;
	}
	
	
	
	/* ------------------------------------------- css for profiles -------------------------------------------------------*/
	
#profilePic {
		position:absolute;
		top:70px;
		left:-40px;
		}
		
#profileText {
		position:absolute;
		top:70px;
		left:200px;
		width:300px
		}
		
#skills {
		position:relative;
		top:320px;
		z-index:4;
		}


	/* -------------------------------------------------- CSS for Nava' page ---------------------------------------------------- */	
	
	#thumb_Nava1 {
		position: absolute;
		top: 150px;
		left: 0px;
		z-index: 4;
		}

	#thumb_Nava2 {
		position: absolute;
		top: 150px;
		left: 120px;
		z-index: 4;
		}
		
	#thumb_Nava3 {
		position: absolute;
		top: 150px;
		left: 240px;
		z-index: 4;
		}				

	#thumb_Nava4 {
		position: absolute;
		top: 150px;
		left: 360px;
		z-index: 4;
		}

	#thumb_Nava5 {
		position: absolute;
		top: 260px;
		left: 0px;
		z-index: 4;
		}
		
	#thumb_Nava6 {
		position: absolute;
		top: 260px;
		left: 120px;
		z-index: 4;
		}


	/* ---------------------------------------------- CSS for 'Barge Board' page ----------------------------------------------- */	
	
	#thumbEaves1 {
		position: absolute;
		top: 150px;
		left: 0px;
		z-index: 4;
		}

	#thumbEaves2 {
		position: absolute;
		top: 150px;
		left: 120px;
		z-index: 4;
		}
		
	#thumbEaves3 {
		position: absolute;
		top: 135px;
		left: 240px;
		z-index: 4;
		}				

	#thumbEaves4 {
		position: absolute;
		top: 135px;
		left: 335px;
		z-index: 4;
		}
		
	#thumbEaves5 {
		position: absolute;
		top: 260px;
		left: 0px;
		z-index: 4;
		}
		
	#thumbEaves6 {
		position: absolute;
		top: 260px;
		left: 120px;
		z-index: 4;
		}
		
	#thumbEaves7 {
		position: absolute;
		top: 260px;
		left: 240px;
		z-index: 4;
		}

	/* --------------------------------------------- CSS for 'Roof' page --------------------------------------------------- */
	
	#thumb_Roof1 {
		position: absolute;
		top: 150px;
		left: 0px;
		z-index: 4;
		}

	#thumb_Roof2 {
		position: absolute;
		top: 150px;
		left: 120px;
		z-index: 4;
		}
		
	#thumb_Roof3 {
		position: absolute;
		top: 150px;
		left: 240px;
		z-index: 4;
		}				

	#thumb_Roof4 {
		position: absolute;
		top: 150px;
		left: 360px;
		z-index: 4;
		}
		
	#thumb_Roof5 {
		position: absolute;
		top: 260px;
		left: 0px;
		z-index: 4;
		}


	/* ------------------------------------------------------- CSS for 'Cover' page ------------------------------------------ */
	
	#thumb_Cover1 {
		position: absolute;
		top: 150px;
		left: 0px;
		z-index: 4;
		}

	#thumb_Cover2 {
		position: absolute;
		top: 150px;
		left: 120px;
		z-index: 4;
		}
		
	#thumb_Cover3 {
		position: absolute;
		top: 150px;
		left: 240px;
		z-index: 4;
		}				

	#thumb_Cover4 {
		position: absolute;
		top: 150px;
		left: 360px;
		z-index: 4;
		}
		
	#thumb_Cover5 {
		position: absolute;
		top: 260px;
		left: 0px;
		z-index: 4;
		}

	#thumb_Cover6 {
		position: absolute;
		top: 245px;
		left: 120px;
		z-index: 4;
		}	

	#thumb_Cover7 {
		position: absolute;
		top: 260px;
		left: 215px;
		z-index: 4;
		}	



	/* -------------------------------------------------------- CSS for 'flooring' page ------------------------------------------- */
	
	#thumb_Flooring1 {
		position: absolute;
		top: 150px;
		left: 0px;
		z-index: 4;
		}

	#thumb_Flooring2 {
		position: absolute;
		top: 135px;
		left: 120px;
		z-index: 4;
		}
		
	#thumb_Flooring3 {
		position: absolute;
		top: 150px;
		left: 222px;
		z-index: 4;
		}				

	#thumb_Flooring4 {
		position: absolute;
		top: 150px;
		left: 342px;
		z-index: 4;
		}
		
	#thumb_Flooring5 {
		position: absolute;
		top: 260px;
		left: 0px;
		z-index: 4;
		}
		
	#homelife_Link {
		position: absolute;
		top: 260px;
		left: 150px;
		z-index: 4;
		}
	
	#homelife_disclaimer {
		font-size: 10px;
		}		


	/* ----------------------------------------------------- CSS for 'shelving' page ---------------------------------------------- */
	
	#thumb_Shelving1 {
		position: absolute;
		top: 150px;
		left: 0px;
		z-index: 4;
		}

	#thumb_Shelving2 {
		position: absolute;
		top: 150px;
		left: 120px;
		z-index: 4;
		}
		
	#thumb_Shelving3 {
		position: absolute;
		top: 150px;
		left: 240px;
		z-index: 4;
		}				

	#thumb_Shelving4 {
		position: absolute;
		top: 150px;
		left: 360px;
		z-index: 4;
		}

		
	/* ------------------------------------------------- CSS for 'shed' page -------------------------------------------------- */
	
	#thumb_shed1 {
		position: absolute;
		top: 150px;
		left: 0px;
		z-index: 4;
		}

	#thumb_shed2 {
		position: absolute;
		top: 135px;
		left: 149px;
		z-index: 4;
		}
		
	#thumb_shed3 {
		position: absolute;
		top: 135px;
		left: 259px;
		z-index: 4;
		}				

	#thumb_shed4 {
		position: absolute;
		top: 150px;
		left: 377px;
		z-index: 4;
		}
		
	#thumb_shed5 {
		position: absolute;
		top: 280px;
		left: 12px;
		z-index: 4;
		}

	#thumb_shed6 {
		position: absolute;
		top: 280px;
		left: 149px;
		z-index: 4;
		}				

	/* ------------------------------------------------- CSS for 'conservatory' page ------------------------------------------- */
	
	#thumb_conservatory1 {
		position: absolute;
		top: 180px;
		left: 0px;
		z-index: 4;
		}

	#thumb_conservatory2 {
		position: absolute;
		top: 180px;
		left: 120px;
		z-index: 4;
		}

	/* ------------------------------------------------- CSS for 'window' page ------------------------------------------------- */
	
	#thumb_window1 {
		position: absolute;
		top: 150px;
		left: 0px;
		z-index: 4;
		}

	#thumb_window2 {
		position: absolute;
		top: 150px;
		left: 120px;
		z-index: 4;
		}
		
	#thumb_window3 {
		position: absolute;
		top: 150px;
		left: 240px;
		z-index: 4;
		}				

	#thumb_window4 {
		position: absolute;
		top: 150px;
		left: 360px;
		z-index: 4;
		}
		
	#thumb_window5 {
		position: absolute;
		top: 260px;
		left: 0px;
		z-index: 4;
		}
	
	#thumb_window6 {
		position: absolute;
		top: 260px;
		left: 120px;
		z-index: 4;
		}			

	/* --------------------------------------------- CSS for 'child' page --------------------------------------------------------- */
	
	#thumb_child1 {
		position: absolute;
		top: 220px;
		left: 0px;
		z-index: 4;
		}

	#thumb_child2 {
		position: absolute;
		top: 205px;
		left: 137px;
		z-index: 4;
		}
		
	#thumb_child3 {
		position: absolute;
		top: 220px;
		left: 240px;
		z-index: 4;
		}				

	#thumb_child4 {
		position: absolute;
		top: 205px;
		left: 377px;
		z-index: 4;
		}

	/* ------------------------------------------------- CSS for 'garden' page --------------------------------------------------- */
	
	#thumb_garden1 {
		position: absolute;
		top: 150px;
		left: 0px;
		z-index: 4;
		}

	#thumb_garden2 {
		position: absolute;
		top: 150px;
		left: 137px;
		z-index: 4;
		}
		
	#thumb_garden3 {
		position: absolute;
		top: 132px;
		left: 275px;
		z-index: 4;
		}				

	#thumb_garden4 {
		position: absolute;
		top: 150px;
		left: 377px;
		z-index: 4;
		}		
		
	#thumb_garden5 {
		position: absolute;
		top: 260px;
		left: 0px;
		z-index: 4;
		}	
		
	/* ----------------------------------------------- CSS for 'slider' page ----------------------------------------------------- */
	
	#thumb_slider1 {
		position: absolute;
		top: 150px;
		left: 0px;
		z-index: 4;
		}

	#thumb_slider2 {
		position: absolute;
		top: 150px;
		left: 120px;
		z-index: 4;
		}
		
	#thumb_slider3 {
		position: absolute;
		top: 150px;
		left: 240px;
		z-index: 4;
		}				

	#thumb_slider4 {
		position: absolute;
		top: 150px;
		left: 360px;
		z-index: 4;
		}

	#thumb_slider5 {
		position: absolute;
		top: 260px;
		left: 0px;
		z-index: 4;
		}

	#thumb_slider6 {
		position: absolute;
		top: 260px;
		left: 120px;
		z-index: 4;
		}
		
	#thumb_slider7 {
		position: absolute;
		top: 260px;
		left: 240px;
		z-index: 4;
		}				

	#thumb_slider8 {
		position: absolute;
		top: 260px;
		left: 360px;
		z-index: 4;
		}		

	#thumb_slider9 {
		position: absolute;
		top: 370px;
		left: 0px;
		z-index: 4;
		}	
		
	/* --------------------------------------------------------- CSS for 'Wine Press' page -------------------------------------- */
	
	#thumb_winePress1 {
		position: absolute;
		top: 180px;
		left: 0px;
		z-index: 4;
		}

	#thumb_winePress2 {
		position: absolute;
		top: 180px;
		left: 120px;
		z-index: 4;
		}
				
	#thumb_winePress3 {
		position: absolute;
		top: 180px;
		left: 240px;
		z-index: 4;
		}
				
	#thumb_winePress4 {
		position: absolute;
		top: 180px;
		left: 360px;
		z-index: 4;
		}

	/* --------------------------------------------- CSS for 'Bell' page ---------------------------------------------------- */
	
	#thumb_bell1 {
		position: absolute;
		top: 180px;
		left: 0px;
		z-index: 4;
		}

	#thumb_bell2 {
		position: absolute;
		top: 180px;
		left: 120px;
		z-index: 4;
		}
				
	#thumb_bell3 {
		position: absolute;
		top: 180px;
		left: 240px;
		z-index: 4;
		}
				
	#thumb_bell4 {
		position: absolute;
		top: 180px;
		left: 360px;
		z-index: 4;
		}				
		
	/* -------------------------------------------- CSS for 'aerial' page -------------------------------------------------- */
	
	#thumb_aerial1 {
		position: absolute;
		top: 180px;
		left: 0px;
		z-index: 4;
		}

	#thumb_aerial2 {
		position: absolute;
		top: 167px;
		left: 132px;
		z-index: 4;
		}
				
	#thumb_aerial3 {
		position: absolute;
		top: 180px;
		left: 245px;
		z-index: 4;
		}
				
	#thumb_aerial4 {
		position: absolute;
		top: 167px;
		left: 372px;
		z-index: 4;
		}
													
</style>