@charset "utf-8";

  <style>

  /* 

		CSS Document
		
		HDC UK common css 
		
		Author:  Andrew Plested
		Version: 1.6a
		Date:    23th July 2007
		Latest:	 14th August 2007
   
    Free for use, copy and paste!
   
  */	
	
	/* Main CSS layout */
	
	
	html {}
	
	
	body {
			background: #CCCCCC;
			border:none;
			margin:0px;
			padding:0px;
			height:100%;
			width:100%;
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
			}
	
	
	img { 
			border:none;
			margin:0px;
			padding:0px;
			}
	
	ul {
			list-style:square;		
			}
	 
	
	a { 
			text-decoration:none;
			}
	
	
	a:link {
			color: #009900;
			font-weight: bold;
			}
	
	
	a:visited {
			color: #009900;}
	
	
	a:hover {
			text-decoration:underline;
			color: #00CC00;
			}
	
	
	a:active {}
	
	/* Main CSS layout End */
	
	
	/* Content Body - size, shape and position */
	
	#contentBoarder {
			position: relative;
			height: 760px;
			width:754px;
			margin: 0px auto 0px auto;
			padding: 0px auto 0px auto;
			background-color: #999999;
			z-index: 0;
			}
	
	#contentBody {
			position: relative;
			height: 760px;
			width:748px;
			margin: 0px auto 0px auto;
			padding: 0px auto 0px auto;
			background-color: #edecec;
			z-index: 1;
			}
			
	#contentBody H1 {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			}
	
	/* Content Body - size, shape and position. End*/
	
	
	
	/* Content of Page */
	
	.averys_logo {
			position: absolute;
			top: 7px;
			left: 0px;
			padding: 0px, 0px, 0px, 0px;
			margin: 0px, 0px, 0px, 0px;
			z-index: 3;
			}
	
	#phone_number {
			position: absolute;
			top: 40px;
			right: 20px;
			padding: 0px, 0px, 0px, 0px;
			margin: 0px, 0px, 0px, 0px;
			color: #FF0000;
			z-index: 3;
			}		
			
	.top_hatch_bar {
			position: absolute;
			left: 0px;
			top: 110px;
			padding: 0px, 0px, 0px, 0px;
			margin: 0px, 0px, 0px, 0px;
			z-index: 3;
			}
	
	.scratches {
			position: absolute;
			top: 114px;
			left: 0px;
			padding: 0px 0px 0px 0px;
			margin:  0px 0px 0px 0px;
			z-index: 2;
			}
	
	#buttons {
			position: absolute;
			top: 114px;
			right: 0px;
			padding: 0px 0px 0px 0px;
			margin:  0px 0px 0px 0px;
			text-align: right;
			z-index: 3;
			}
			
			.home_button {
					position: relative;
					left: 24px;
					padding: 0px 0px 0px 0px;
					margin:  0px 0px 0px 0px;
					z-index: 3;
					}
			
			.paintwork_button {
					position: relative;
					left: 20px;
					z-index: 3;
					}

			.repairs_button {
					position: relative;
					left: 16px;
					z-index: 3;
					}

			.about_button {
					position: relative;
					left: 12px;
					z-index: 3;
					}
					
			.gallery_button {
					position: relative;
					left: 8px;
					z-index: 3;
					}
										
			.contact_button {
					position: relative;
					right: 0px;
					z-index: 3;
					}
	
	#header_bar {
			position: absolute;
			top: 250px;
			left: 20px;
			padding: 0px 0px 0px 0px;
			margin:  0px 0px 0px 0px;			
			z-index: 3;
			}
	
	.enlarge {
			position: absolute;
			top: 255px;
			right: 40px;
			padding: 0px 0px 0px 0px;
			margin:  0px 0px 0px 0px;			
			z-index: 3;
			}
			
	.map_Large {
			position: absolute;
			top: 250px;
			left: 130px;
			padding: 0px 0px 0px 0px;
			margin:  0px 0px 0px 0px;			
			z-index: 5;
			}
	
	.textback_Home {
			position: absolute;
			top: 340px;
			left: 20px;			
			z-index: 3;
			}
			
	.text_bold {
			position: absolute;
			top: 355px;
			left: 40px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;			
			font-size: 18px;
			color: #333333;
			z-index: 5;
			}
				
	.text_home {
			position: absolute;
			top: 415px;
			left: 40px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;			
			font-size: 14px;
			color: #333333;
			z-index: 5;
			}		
			
	.text_paint {
			position: absolute;
			top: 462px;
			left: 60px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;			
			font-size: 14px;
			color: #333333;
			z-index: 5;
			}		
			
	.text_paint2 {
			position: absolute;
			top: 630px;
			left: 40px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;			
			font-size: 14px;
			color: #333333;
			z-index: 5;
			}
					
	.text_repair {
			position: absolute;
			top: 452px;
			left: 60px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;			
			font-size: 14px;
			color: #333333;
			z-index: 5;
			}
	
	.text_about {
			position: absolute;
			top: 360px;
			left: 40px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;			
			font-size: 14px;
			color: #333333;
			z-index: 5;
			}		
	
	.contact_Details {
			position: absolute;
			top: 390px;
			left: 60px;
			font-size: 14px;
			z-index: 4;
			}
	
	#green_chequer_boarder {
			position: absolute;
			right: 0px;
			top: 240px;
			width: 302px;
			height: 500px;
			background-color: #333333;
			z-index: 3;
			}
	
	#green_chequer {
			position: absolute;
			right: 1px;
			top: 241px;			
			width: 300px;
			height: 500px;
			background-image: url(../images/green_chequer.jpg);
			background-repeat: repeat;
			z-index: 4;
			}
	
	#green_chequer_boarder_Gallery {
			position: absolute;
			right: 0px;
			top: 320px;
			width: 748px;
			height: 434px;
			background-color: #333333;
			z-index: 3;
			}
	
	#green_chequer_Gallery {
			position: absolute;
			right: 1px;
			top: 321px;			
			width: 746px;
			height: 432px;
			background-image: url(../images/green_chequer.jpg);
			background-repeat: repeat;
			z-index: 4;
			}
			
	.image_Back1 {
			position: absolute;
			top: 255px;
			right: 11px;
			z-index: 5;
			}
	
	.image_1 {
			position: absolute;
			top: 255px;
			right: 11px;
			z-index: 6;
			}
			
	.image_1_Contact {
			position: absolute;
			top: 260px;
			right: 30px;
			z-index: 6;
			}			
			
	.image_Spacer {
			position: absolute;
			top: 458px;
			right: 34px;
			z-index: 5;
			}		
			
	.image_Back2 {
			position: absolute;
			top: 545px;
			right: 11px;
			z-index: 5;
			}			

	.image_2 {
			position: absolute;
			top: 545px;
			right: 11px;
			z-index: 6;
			}
			
	#slideshow {
			position: absolute;
			top: 258px;
			right: 11px;
			z-index: 6;
			}
	
	.google_Map_Link {
			position: absolute;
			top: 600px;
			right: 50px;
			z-index: 6;
			}
	
	.google_Map {
			position: absolute;
			top: 630px;
			right: 105px;
			z-index: 6;
			}	
	
	.gallery_1a {
			position: absolute;
			top: 350px;
			left: 25px;
			z-index: 5;
			}	
	
	.gallery_1b {
			position: absolute;
			top: 350px;
			left: 145px;
			z-index: 5;
			}	
	
	.gallery_1c {
			position: absolute;
			top: 350px;
			left: 265px;
			z-index: 5;
			}	
	
	.gallery_1d {
			position: absolute;
			top: 350px;
			left: 385px;
			z-index: 5;
			}	

	.gallery_1e {
			position: absolute;
			top: 350px;
			left: 505px;
			z-index: 5;
			}	

	.gallery_1f {
			position: absolute;
			top: 350px;
			left: 625px;
			z-index: 5;
			}	

	.gallery_2a {
			position: absolute;
			top: 450px;
			left: 25px;
			z-index: 5;
			}	

	.gallery_2b {
			position: absolute;
			top: 450px;
			left: 145px;
			z-index: 5;
			}	
	
	.gallery_2c {
			position: absolute;
			top: 450px;
			left: 265px;
			z-index: 5;
			}	
	
	.gallery_2d {
			position: absolute;
			top: 450px;
			left: 385px;
			z-index: 5;
			}	

	.gallery_2e {
			position: absolute;
			top: 450px;
			left: 505px;
			z-index: 5;
			}	

	.gallery_2f {
			position: absolute;
			top: 450px;
			left: 625px;
			z-index: 5;
			}	

	.gallery_3a {
			position: absolute;
			top: 550px;
			left: 25px;
			z-index: 5;
			}	

	.gallery_3b {
			position: absolute;
			top: 550px;
			left: 145px;
			z-index: 5;
			}	
	
	.gallery_3c {
			position: absolute;
			top: 550px;
			left: 265px;
			z-index: 5;
			}	
	
	.gallery_3d {
			position: absolute;
			top: 550px;
			left: 385px;
			z-index: 5;
			}	

	.gallery_3e {
			position: absolute;
			top: 550px;
			left: 505px;
			z-index: 5;
			}	

	.gallery_3f {
			position: absolute;
			top: 550px;
			left: 625px;
			z-index: 5;
			}
						
	.back {
			position: absolute;
			bottom: 40px;
			left: 140px;
			font-size: 12px;
			z-index: 3;
			}
			
	.bottom_bar {
			position: absolute;
			bottom: 0px;
			left: 0px;
			z-index: 5;
			}

	.averys_copyright {
			position: absolute;
			bottom: 0px;
			padding-bottom: 3px;
			margin-bottom: 3px;
			left: 5px;
			font-size: 11px;
			color: #FFFFFF;
			z-index: 6;
			}
	
	#hdcuk_logo {
			position: absolute;
			bottom: 0px;
			padding-bottom: 2px;
			margin-bottom: 2px;
			right: 68px;
			z-index: 6;
			}
	
	.hdcuk_copyright {
			position: absolute;
			bottom: 0px;
			border-bottom: 3px;
			margin-bottom: 3px;
			right: 5px;
			font-size: 11px;
			color: #FFFFFF;
			z-index: 6;
			}		
		
	/* Content of Page End */
	

	
	/* Modifiers */			
			
	/* Modifiers End */
  
  </style>