@charset "utf-8";
/* Martin Huughes - 16 Feb 2009 - www.martinhugheswebdesign.com */
/* CSS Document */
/* v1.0 | 20080212 */
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		b, u, i, center,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
		}
		body { line-height: 1;}
		ol, ul { list-style: none; }
		blockquote, q { quotes: none; }
		blockquote:before, blockquote:after,
		q:before, q:after { content: ''; content: none; }
		
		/* remember to define focus styles! */
		:focus { outline: 0; }
		
		/* remember to highlight inserts somehow! */
		ins { text-decoration: none; }
		del { text-decoration: line-through; }
		
		/* tables still need 'cellspacing="0"' in the markup */
		table { border-collapse: collapse; border-spacing: 0; }
		/* stops the nasty horizontal shift with centered layouts in moz etc */
		 html { height: 100%; margin-bottom: 1px; } 


										/* #c50000 bg-repeat.jpg */ /*#990707 url(/images/body-bg3.jpg)  50% 0 no-repeat; */
			body { background:#B7B7B7 url(/images/main_bg.jpg) 0 0 repeat-x; 
			/*(/images/body-bg4.jpg)*/  /*50% 0 no-repeat*/  /*repeat-x*/ 
			font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; /*background-attachment:fixed; */
			/*overflow-x: hidden;*/ /*remove horizontal scroll bar*/ text-align:center;
			/*border-top:3px solid #FFDB5C;*/
			  }
			
			#container { background:#111; width:858px; margin:0 auto; text-align:left; 
			border:15px solid #111;
			border-top:0; /*border:1px solid #ddd;*/  }
			
																	/* 50% 50% header-text.gif*/
			#header { background:#111 url(/images/header-png-text.jpg) 50% 45% no-repeat; height:100px; /*width:auto;*/ clear:both;
			/*border-bottom:1px solid #FFDB5C; margin-bottom:10px;*/
			/* border:1px solid red;*/ /*padding-top:35px; margin-bottom:10px; */ }
			
			#header h1 { position:absolute; top:-99em; }
															/*nav-bg-grad.jpg*/
			#nav-box { background:#fff url(/images/nav-bg.gif) 0 0  repeat-x; width:815px;  /*background:transparent url(/images/nav-bg.png) 2px 0 no-repeat; width:858px;*/ 
						height:30px;  /*padding-top:6px;*/  padding-left:35px; text-transform:uppercase; margin:0 auto; 
						/*border: 1px solid #fff;*/
						border-bottom:0;
			}
			body#home #nav-box{ margin-bottom:20px; }
			
			
					#nav, #nav ul {
					padding: 0;
					margin: 0;
					list-style: none;
					margin:0 auto;
					}
					#nav li {
					float: left;
					position: relative;
					width: 10.9em;
					/*width:145px;*/
					/*border: 1px solid #555;*/
					/*background-color: #E7EDF5;*/
					/*background:#fff;*/
					color: #fff;
					font-size: 73%;
					margin-right: 0em;
					text-align:center; /*text-transform:capitalize;*/ 
					font-weight:bold;
					}
					#nav a:link, #nav a:visited {
					display: block;
					text-decoration: none; font-family:Arial, Helvetica, sans-serif;
					padding:0.5em;
					padding-left: 1em;
					padding-top: 11px;
					padding-bottom: 6px;
					color: #111;
					border-bottom:0; 
					}
					#nav a:hover, #nav a:active {
					text-decoration:underline;
					border-bottom:0;
					}
					* html #nav a {
					width: 100%;
					}
					#nav ul {
					display: none;
					position: absolute;
					padding: 0;
					}
					#nav ul li {
					/*border: 0 none transparent;*/
					/*border-bottom: 1px solid #E7EDF5;*/
					border-top: .5em solid #FFF;
					/*background: #F1F5F9;*/
					background:#fff;
					border: 1px solid #ccc;
					font-size: 100%;
					margin-bottom: -1px;
					margin-top: 1px;
					padding: 0;
					}
			#nav li:hover ul {display: block;text-align:left; /*margin-left:-45px;*/ }
			
			#nav li ul li {border-bottom: 1px solid #ddd; background:#fff url(/images/nav-bg-grad.jpg) 0 bottom  repeat-x; /*background:#770505;*/ text-align:left; width:16em; z-index:100; }								
			
			
			
			/*
			hide drop down on home page
			*/			
			/* body#home #nav li ul li { display:none;}	*/	
			
			
			/*
			active nav
			*/
			body#home #active a,
			body#colours #active1 a,
			body#products #active2 a,  body#commercial #active2 a, body#fireplaces #active2 a, body#kitchenworktops #active2 a, body#vanityunits #active2 a,  body#stoves #active2 a,
			body#profiles-skins #active3 a, body#sinks #active3 a,
			body#getaquote #active4 a,
			 body#contact #active5 a /*font-weight:bold;*/ /*font-style:italic;*/ /*text-decoration: underline;*/
			{  text-transform:uppercase; /*text-transform:capitalize;*/ color:#000;  /*border-bottom:1px solid #aaa;*/ text-decoration:none;  /*cursor: default;*/
			background:#aaa /*url(/images/nav-bg-active.gif) 0 0 repeat*/;
			 }								
			
			
			#main{  /*border:1px solid red;*/ background:#111 /*url(/images/emerald_pearl_top-bg-repeat-b.jpg) 0 0 repeat*/; /* url(/images/colours/nero_angola.jpg) 0 0 repeat;  */
			width:850px; margin:0 auto; /*height:320px;*/ color:#fff; clear:both; /*min-height:600px;*/  }
			#main p{ padding-left:20px; padding-right:20px;  }
			
			#main-sub { /*border:1px solid red;*/ width:452px; float:right; clear:right; padding-top:20px; padding-right:10px; /*min-height:550px;*/  }
			#sidebar { /*border:1px solid red;*/ float:left; clear:left; width:330px; padding-bottom:20px;  }
			
			#sidebar img{ float:right; padding-top:20px; }
			#main-sub p{ padding-right:20px; text-align:justify; }
			
			#sidebar p { padding-left:20px; padding-top:20px; }
			#main p, #sidebar p{  font-size:80%; line-height:1.5; padding-bottom:10px;   }
			
			#main h2 { /*border-bottom:1px solid #000;*/ }
			#main h2, #main h3{ /*font-family:Arial, Helvetica, sans-serif; font-weight: 100;*/ font-size:170%; text-transform:capitalize;
			 padding-left:20px; padding-top:20px; color:#eee; padding-bottom:20px;   
			 background:#111;/* url(/images/emerald_pearl_top-bg-repeat.jpg) 0 0 repeat;*/
			  color: #fff; 
			font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
			font-style: italic;
			font-weight: normal;

			 }
			
			#main h3{ font-size:130%; padding-top:0; padding-bottom:5px; background:0; margin-bottom:20px;  }
			
			#flash-images {  /*border:1px solid #fff;*/ /*border-top:0;*/ width:848px; height:428px; margin:0 auto; background:#333 url(../3.jpg) 0 0 no-repeat; position:relative; z-index:1;  }
			
			#flash-images2 {  /*border:1px solid #fff;*/ /*border-top:0;*/ width:610px; height:382px; margin:0 auto; position:relative; z-index:1;  }
			
			#footer { padding-top:10px; background:#222; /*url(/images/emerald_pearl_top-bg-repeat.jpg) 0 0 repeat;*/ color:#eee; font-size:80%; clear:both; width:850px; margin:0 auto;
			 height:40px;   text-align:left; margin-top:20px; /*border-top:1px solid #000;*/ /*border-bottom:5px solid #000;*/ }
			 #footer a:link, #footer a:visited{ color:#ddd; }
			 #footer a:hover, #footer a:active{  color:#eee;}
			 
			#footer p { padding-bottom:5px; /*padding-left:20px;*/ line-height:1.5; text-align:center; }
			
			a:link, a:visited{ color:#fff; text-decoration:none; border-bottom:1px solid #555;  }
			a:hover, a:active{ color:#fff; text-decoration:none; border-bottom:1px solid #fff; }
			:focus { outline:1px dotted #fff; }
			
			#webdesign{ text-align:right; width:847px; margin:0 auto; font-size:60%; padding-top:10px; padding-bottom:20px; }
			
			#webdesign a:link, #webdesign a:visited { color:#000; text-decoration:none; border-bottom:0;  }
			#webdesign a:hover, #webdesign a:active { color:#333; text-decoration:underline; border-bottom:0; }
			
			
			
			body#colours #main img{ /*padding:10px;*/ margin:10px;  margin-bottom:0; text-transform:capitalize; }
			 
			 body#colours #main img.thumb{ border:3px solid #fff; border-right:3px solid #555; border-bottom:3px solid #555; width:140px; height:139px; }
			 
			 .thumb-larger { width:330px; height:328px; }
			 
			 .image-caption-box { width:170px; height:190px; /*border:1px solid red;*/ float:left; }
			 .image-caption-box p{ text-align:center; font-size:70%; color:#eee; display:block; text-transform:capitalize; }
			 .image-caption-box span{ font-size:70%; text-align:center; text-transform:capitalize; }
			
			
			
			
			/*contact form padding*/
			.c-formpadding { padding-bottom:20px; }
			.c-formpadding input, .c-formpadding textarea { background:#eee !important; border:2px solid #555; }
			form { padding-top:20px; }
			.required { color: #FF7901; font-weight:bold; font-size:144%; }
			
			#mailform{ font-size:70%; color:#eee; text-transform:uppercase; }
			
			body#contact #sidebar img{ float:none; padding-left:20px; }
			
			/*JH image hover*/
					.thumbnail img{ z-index: 0; }
						
						.thumbnail:hover{
						position:relative;
						background: transparent;
						z-index: 50;
						}
						
				body#colours .thumbnail span{ background:#eee; color:#333; }
						
						.thumbnail span{ /*CSS for enlarged image*/
						position: absolute;
						background:#333;
						color:#fff;
						padding: 2px;
						margin-left: 50px;
						border: 1px solid #333;
						visibility: hidden;
						
						text-decoration: none;
						padding-bottom:10px; /*mh added*/
						}
					
					body#colours .thumbnail span img { background:#eee;  }
						
						.thumbnail span img{ /*CSS for enlarged image*/
						border-width: 0;
						padding: 2px;
						padding-bottom:10px; /*mh added*/
						background:#333;
						}
						
						.thumbnail:hover span{ /*CSS for enlarged image on hover*/
						visibility: visible;
						top:40%;
						left:50%;
						margin-left:-165px;
						z-index: 50; /* ie8 fix */
						 /*position where enlarged image should offset horizontally */
						}
			

			
			.product-imgs{ border:1px solid #eee; width:808px; background:#aaa url(/images/colours/madura_gold.jpg) 0 0 repeat-x;
			 height:100px; margin:0 auto; }
			 
			#productworktops { background:url(/images/colours/nero_africano.jpg) 0 0 repeat-x; }
			#productgranite { background:url(/images/colours/blue_pearl_gt.jpg) 0 0 repeat-x;}
			
					/*
			
				image alignments
			
				*/
			
				/* Begin Images */
					p img{padding:0;max-width:100%; border:0;}
					img.centered{display:block;margin-left:auto;margin-right:auto;}
					img.alignright{padding:4px;margin:0 0 2px 7px;display:inline;}
					img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;}
					.alignright{float:right;}
					.alignleft{float:left;}
			
				/* End Images */
				.center, *.center, * .center, #main p.center { text-align:center; }
				
				body#getaquote #mailform { margin:0 auto; /*border:1px solid #ccc;*/ width:400px; padding:20px; }
				legend { font-weight:bold; }
				
				/*accessibility skip links*/
				#accessibility { position:absolute; top:-999em; }
				
				.submit { background:#F5DB81; font-weight:bold; }
				
				/*.uppercase-it { text-transform:uppercase; }*/
				
				#center-box { margin:0 auto; width:400px; }
				
				.clear{ clear:both; }
				.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
				
	#profiles-box{ background:#ddd; color:#333; /*width:680px; margin:0 auto;*/ padding-left:90px; padding-top:20px; padding-bottom:230px; }
				#profiles-box .image-caption-box p { color:#000; }
				
				#main-banner { background: url(/images/main-banner.jpg) 0 0 no-repeat; height:150px; width:auto; clear:both; 
				margin-bottom:20px; /*border-top:1px solid #eee; border-bottom:1px solid #eee;*/}
				
				body#colours #main-banner { background:url(/images/header-banners/main-banner-worktop.jpg) 0 0 no-repeat; }
				body#profiles-skins #main-banner { background:url(/images/header-banners/banner_profiles.jpg) 0 0 no-repeat; }
				body#contact #main-banner { background:url(/images/header-banners/main-banner-kitchen-lemons.jpg) 0 0 no-repeat; }
				/*body#products #main-banner { background:url(/images/header-banners/main-banner-kitchen-lemons.jpg) 0 0 no-repeat; }*/
				
				
				body#fireplaces #main-banner { background:url(/images/header-banners/fireplaces-banner.jpg) 0 0 no-repeat; }
				body#stoves #main-banner { background:url(/images/header-banners/stoves-banner.jpg) 0 0 no-repeat; }
				body#commercial #main-banner { background:url(/images/header-banners/banner-commercial.jpg) 0 0 no-repeat; }
				body#vanityunits #main-banner { background:url(/images/header-banners/banner_vanityunits.jpg) 0 0 no-repeat; }
				body#kitchenworktops #main-banner { background:url(/images/header-banners/kitchen-worktops.jpg) 0 0 no-repeat; }
				
				
				
				body#getaquote #main-banner, body#sinks #main-banner { background:url(/images/header-banners/cutouts-granite.jpg) 0 0 no-repeat; }
				body#thankyou #main-banner { background:url(/images/header-banners/main-banner-fruit.jpg) 0 0 no-repeat; }

			

				
				.left { text-align:left; }
				
				#products-nav { clear:both; margin-bottom:20px; }
				
			/*	switch off border bottom certain galley pages*/
				body#profiles-skins #main a:link, body#profiles-skins #main a:visited,
				body#profiles-skins #main a:hover, body#profiles-skins #main a:active,
				
				body#colours #main a:link, body#colours #main a:visited,
				body#colours #main a:hover, body#colours #main a:active
				 { border-bottom:0; }
				 
				a.border-none { border-bottom:0; } 
				
				/*get aquote page hr*/
				hr { width:300px; background:#ccc;color:#ccc;height:1px;border:0;margin-bottom:1em;
				 margin-top:1em; clear:both; /*width:300px;*/ }
				
				
				/*
				for css based versions extend the li
				below the menu so that the mouse will
				stay over the li and keep the hover active
				*/
				
				ul.nde-menu-system li.submenu:hover
				{
				  /*padding-bottom: 30em;*/
				}
				
				ul.nde-menu-system li.submenu:hover ul 
				{
				  left: 0;
				  visibility: visible;
				}
				
				body#products .image-caption-box h3 { padding-left:0; padding-right:0; }
				
				/*div { border:1px solid red; }*/
				.image-caption-box img { border:1px solid #eee; }
				
				#profiles-skins #main #profiles-box .image-caption-box p { width:140px; /*border:1px solid red;*/ text-align:center; 
				padding-left:0; padding-right:0;   }
				
				#profiles-skins #main #profiles-box .image-caption-box img.thumb{ border:0; }