* { padding: 0px; margin: 0px; }body {	font: 1em Arial, Helvetica, sans-serif ; 	text-align:left; color:#999999; 	font-size: 76%; /* results in 12 pixel text when the base size is 16 pixels */	background: #303030;	margin: auto;	padding: 0px;	}	p { font: 1em Arial, Helvetica, sans-serif ; 	text-align:left; color:#6d615e;	line-height: 140%;	margin: .2em 0 .4em 0; 	}img{ border: none; margin: 0;}strong{ color: #949d37;}			h1 {font: 1.6em Arial, Helvetica, sans-serif; font-weight: 600; text-align: left; color:#231F20; line-height: 140%;}h2 {font: 1.2em Arial, Helvetica, sans-serif; text-align: left; color:#949796; font-weight: bold; margin: .5em}h3 {font: 1.1em Arial, Helvetica, sans-serif; text-align: left; color:#949d37; font-weight: bold; border-bottom: #949796 1px solid; height:1.5em;}h4 {font: 1.2em Arial, Helvetica, sans-serif; text-align: left; color:#949d37; font-weight:bold; line-height:120%;  }h5 {font: 1.6em Arial, Helvetica, sans-serif; text-align: left; color:#fff; font-weight:bold; line-height:140%; margin: 0 5px 0 5px; }p.small{ font: .8em Arial, Helvetica, sans-serif; text-align: left; color:#6d615e; text-decoration:none; line-height: 140%; }p.access{ font: .9em Arial, Helvetica, sans-serif; text-align: left; color:#6d615e; font-weight:bold;  }p.green{ font: 1em Arial, Helvetica, sans-serif; text-align: left; color:#5c6128; text-decoration:none; line-height: 140%; }p.a-nav{ font: 1.1em Arial, Helvetica, sans-serif; text-align: left; color:#949d37; font-weight:bold; line-height:1.5em; }p.quote{font: 1em Arial, Helvetica, sans-serif ; text-align:left; color:#333; line-height: 140%; font-style:italic;}p.right {text-align: right; color:#6d615e; line-height: 140%; margin: .2em 0 .4em 0; }span{font: .9em Arial, Helvetica, sans-serif; text-align: left; color:#6d615e;}a.a-nav { font: 1em Arial, Helvetica, sans-serif; color:#6d615e; text-decoration:none; font-weight: bold; line-height: 140%; }a.email {font: 1em Arial, Helvetica, sans-serif; text-align: left; color:#949d37; text-decoration:none; }a.email:visited {font: 1em Arial, Helvetica, sans-serif; text-align: left; color:#949d37; text-decoration:none;}a.email:hover {font: 1em Arial, Helvetica, sans-serif; text-align: left; color:#949d37; text-decoration:underline;}a.email:active {font: 1em Arial, Helvetica, sans-serif; text-align: left; color:#949d37; text-decoration:none;}a.ntrail {font: 1em Arial, Helvetica, sans-serif; text-align: left; color:#303030; text-decoration:none; }a.ntrail:visited {font: 1em Arial, Helvetica, sans-serif; text-align: left; color:#303030; text-decoration:none;}a.ntrail:hover {font: 1em Arial, Helvetica, sans-serif; text-align: left; color:#303030; text-decoration:underline;}a.ntrail:active {font: 1em Arial, Helvetica, sans-serif; text-align: left; color:#303030; text-decoration:none;}a.qnav {font: 1em Arial, Helvetica, sans-serif; font-weight:bold; color:#949d37; text-decoration:none;}a.qnav:hover { color:#6d615e;}a.ph2 {font: .8em Arial, Helvetica, sans-serif; text-align: left; color:#000; font-weight: bold; text-decoration:none; }a.ph2:visited {font: .8em Arial, Helvetica, sans-serif; text-align: left; color:#000; font-weight: bold; text-decoration:none;}a.ph2:hover {font: .8em Arial, Helvetica, sans-serif; text-align: left; color:#A7B62A; font-weight: bold; text-decoration:none;}a.ph2:active {font: .8em Arial, Helvetica, sans-serif; text-align: left; color:#000; font-weight: bold; text-decoration:none;}a.access{ font: 1em Arial, Helvetica, sans-serif; text-align: left; color:#949d37; font-weight:bold; text-decoration:none;  }a.kitchen {font: 1.1em Arial, Helvetica, sans-serif; text-align: left; color:#fff; font-weight: bold; text-decoration:none; }a.kitchen:hover {color:#949d37; text-decoration:none; }a.bigkitchen {font: 1.2em Arial, Helvetica, sans-serif; text-align: left; color:#949d37; font-weight: bold; text-decoration:none; }a.front{font: .9em Arial, Helvetica, sans-serif; text-align: left; color:#949d37; text-decoration:none;}a.front:hover{ color:#000; text-decoration:none;}a.select {font: 1.4em Arial, Helvetica, sans-serif; text-align: left; color:#fff; font-weight:bold; text-decoration:none; line-height: 120%;}a.select:hover {color:#949d37; text-decoration:none; }a.kit {font: 1em Arial, Helvetica, sans-serif; text-align: left; color:#949d37; font-weight: bold; text-decoration:none; line-height: 150%; }a.thum-title{ font: 1.05em Arial, Helvetica, sans-serif; text-align: left; color:#000; text-decoration:none; font-weight: bold; margin: 5px;}#container {width: 800px; margin: 0 auto; /* CENTRERING */ }#header-wrap{	float: left;	width: 800px;	background:#FFFFFF;	padding: 20px 0 0 0;	}#body-wrap{ 	float: left;	width: 800px;	background:#FFFFFF;	padding: 10px 0 20px 0;	}#footer-wrap{ 	float: left;	width: 800px;	background:#FFFFFF;	padding: 10px 0 30px 0;	}.blackbar{	width: 780px;	height: 5px;	background: #303030;	margin: 0 10px 0 10px;	}/*------- nav css --------*/#bar_menu {	width: 780px;	height: 98px;	background: url(../images/navbg.gif) repeat-x;	border-bottom: 1px #CEDC53;	border-top: 1px #CEDC53;	margin: 10px 10px 0 10px;}#logo{	float:left;	margin: 0 12px 0 15px;	}#bar_menu img {	border:0px;	float:left;	margin-right:18px;}/*------- body css --------*/#gallery-wrap{	float:left;	width:780px;	background: #303030;	margin: 0 10px 0 10px;	padding: 3px 0 0 0;}#selectionbar{	float:left;	width:780px;	margin: 0 10px 0 10px;	}#c3kitchen{	float: left;	width: 505px;	height: 130px;	padding: 4px;	margin-bottom: 10px;	border: solid 1px #949796;	}div.kitchmake{	float: left;	width: 187px;	margin: 0 3px 10px 3px;	}	div.kitchlink{	float: left;	width: 171px;	padding: 5px 8px 5px 8px;	margin: 0;	background: #000 url(../images/kitchen-make/bg.gif) repeat-x bottom;	}	div.kitchnav{	float: left;	width: 255px;	margin: 0 5px 0 0;	}div.kitchimage{	float: left;	width: 187px;	height:162px;	background: red;	margin:0;	padding:0;	}#navtrail{	float: left;	width: 580px;	margin: 0 0 8px 10px;	}	#home-promo{	float: left;	width: 780px;	margin: 0 0 8px 10px;	}	#quicknav{	float:right;	width: 200px;	margin: 0 10px 8px 0;	}#home-copy{	width: 490px;	float:left;	margin: 20px 5px 0 20px;	}	#home-image{	float: right;	width: 260px;	margin: 20px 20px 0 5px;	}		#contact-form{	width: 500px;	float: left;	margin: 20px 0 0 0;}	#access-image{	width: 224px;	height: 450px;	float: left;	margin: 10px 0 0 20px;	}div.column{	width: 760px;	float: left;	margin: 2px 20px 0 20px;	}div.l2column{	width: 504px;	float: left;	margin: 10px 8px 0 20px;	}div.r2column{	width: 504px;	float: right;	margin: 10px 20px 0 8px;	}div.l1column{	width: 248px;	float: left;	margin: 10px 0 0 20px;	}div.m1column{	width: 248px;	float: left;	margin: 10px 0;	}div.r1column{	width: 258px;	height:172px;	float: right;	overflow:auto;	margin: 10px 10px 0 0;	}		div.thumbs{	width: 504px;	height: 155px;	float: left;	margin: 18px 8px 0 10px;	padding: 0 0 10px 0;}	div.l-thumbs{	width: 504px;	float: left;	margin: 18px 8px 0 10px;	}	/* new css 01/09/09	*/div.thumbs ul{	list-style-type: none;	float: left;	margin-left:15px;	}div.thumbs ul li{	float:left; 	padding: 2px;  	height: 155px;  	width: 75px;	}	div.l-thumbs ul{	list-style-type: none;	float: left;	margin-left:15px;	}div.l-thumbs ul li{	float:left; 	padding: 2px;  	height: 250px;  	width: 142px;	}	#exp-text{	float: left;	width: 300px;	margin-left: 25px;	}	#access-wrap {     margin: 29px 0 20px 0;	float: left;    width: 520px;    height: 510px;	padding-top: 10px;	padding-left: 10px;	border-top: solid 1px #949d37;	border-bottom: solid 1px #949d37;    }	/*div.fr-wrap{	width: 75px;	float: left;	margin: 0px 2px 0 2px;	}	div.front{	width: 75px;	float:left;	}		div.front-info{	width: 75px;	float:left;	margin: 3px 0 0 0;	}*/	/* -- finish -- */	div.subkitchen{	width: 245px;	float: left;	padding: 5px;	margin: 0 0 8px 0;	background: #000 url(../images/kitchen-make/bg.gif) repeat-x bottom;	}	div.ksub-img{	float: left;	width: 255px;	height: 184px;	margin: 0;	padding: 0;}		div.l-klink{	width: 148px;	float: left;	margin: 0 0 5px 0;	}		div.klink{	width:148px;	float: left;	margin: 0 0 5px 5px;}	div.box{	width: 146px;	height: 98px;	float: left;	margin: 0 0 2px 5px;	border: solid 1px #D5D8D7;	}/*------- design page css --------*/	ul.text{	float: left;	margin-left: 10px;	}ul.text li{	list-style-type: none;	font: 1em Arial, Helvetica, sans-serif ; 	text-align:left; color:#6d615e;	line-height: 140%;	margin: .2em 0 .2em 0;	}ol.n-text{	float: left;	width: 474px;	padding-left: 30px;	}ol.n-text li{	list-style-type: decimal;	font: 1em Arial, Helvetica, sans-serif ; 	text-align:left; color:#6d615e;	line-height: 140%;	margin: .2em 0 .2em 0;	}/*------- accessories css --------*/	#ace-choice{	width: 210px;	float: left;	margin: 10px 30px 0 20px;	}div.choice{	margin: 5px 0 5px 0;	width: 210px;	border-bottom: solid #949d37 1px;}#storage{	width: 200px;	padding: 5px;	border-bottom: solid #949d37 1px;	}#lighting{	width: 200px;	padding: 5px;	border-bottom: solid #949d37 1px;	}#fronts{	width: 200px;	padding: 5px;	border-bottom: solid #949d37 1px;	}#glass{	width: 200px;	padding: 5px;	border-bottom: solid #949d37 1px;	}	#handle{	width: 200px;	padding: 5px;	border-bottom: solid #949d37 1px;	}#worktops{	width: 200px;	padding: 5px;	border-bottom: solid #949d37 1px;	}	#table{	width: 200px;	padding: 5px;	border-bottom: solid #949d37 1px;	}	#draw{	width: 200px;	padding: 5px;	border-bottom: solid #949d37 1px;	}	#palladio{	width: 200px;	padding: 5px;	border-bottom: solid #949d37 1px;	}#choicewrap {     margin: 30px 0 30px 0;	float: left;    width: 520px;	height: 520px;	border-top: solid 1px #949d37;	border-bottom: solid 1px #949d37;    }iframe#ifrm {     margin: 30px 0 20px 0;	float: left;    width: 520px;    height: 510px;	padding-top: 10px;	padding-left: 10px;	border-top: solid 1px #949d37;	border-bottom: solid 1px #949d37;    }	#a-content {     margin: 30px 0 20px 0;	float: left;    width: 510px;    height: 510px;	padding-top: 10px;	padding-left: 10px;	border-top: solid 1px #949d37;	border-bottom: solid 1px #949d37;    }ul.access{	margin: 5px 0 5px 10px;	width: 200px;	}	ul.access li{	height: 1em;	margin: .5em;	padding: 0;	list-style-type: none;	}	ul.access li a{  	line-height: 2em;  	font-weight: bold;  	text-decoration: none;  	text-align: left;  	color: #949d37; 	}/*------- promo video css --------*/	#promo{	float:left;	padding: 0 134px 0 134px;	margin: 0 0 10px 0;	width: 512px;	height: 288px;	background-color: #000;	}/*------- site map css --------*/	ul.sitemap { 	list-style-type: none;  	margin-left: 0.5cm; 	padding-left: 0;}ul.sitemap li { 	padding-left: 1.1em;}ul.sitemap li a { 	background: transparent »	 url('../images/sitemapbullet.gif') no-repeat; 	font: 1em Arial, Helvetica, sans-serif; 	color: #6d615e; 	text-decoration: none;	line-height: 140%; 	margin-left: -1.1em; 	padding-left: 1em;}ul.sitemap li ul { 	background: transparent » 	url('../images/sitemapfolderbullet.gif') no-repeat; 	list-style-type: none; 	margin: -1.4em 0 0 -1.6em; 	padding: 1.4em 0 0 0.6em;}ul.sitemap li a.parent { 	background: transparent » 	url(none) no-repeat;	color: #949d37;   	font-weight: bold;	font-size:1.1em;	line-height: 160%;}ul.sitemap li ul li { 	margin-left: 0.5cm; 	padding-left: 10px;}/*------- footer css --------*/	.blackbar-f{	width: 780px;	height: 5px;	background: #303030;	margin: 0px 10px 0 10px;	}#ql-title {	width: 780px;	float: left;	background-color: #D5D8D7;	border-bottom: 1px #949796 solid;	border-top: 1px #949796 solid;	margin: 0  10px 10px 10px;	}	#quicklinks{	width: 780px;	float: left;	}	/* separate list from subsequent content */#wrapper{  margin: 45px 10px 30px 10px;  }ul#qlinks{  width: 780px;  margin: 0;  padding: 0;}ul#qlinks li{  /* list item dimensions */  width: 177px;  height: 2em;    /* Clear the default margins & padding   for cross-browser efficiency */  margin: 0;  padding: 0;  /* suppress item markers */  list-style-type: none;  }/* Purty it up */ul#qlinks li a{  display: block;  width: 177px;  line-height: 2em;  font-weight: bold;  text-decoration: none;  text-align: left;  color: #000;   border-bottom: #949796 1px solid ;}/* mouseover gets the bright photo */ul#qlinks li a:hover{  color: #949796; /* white */}/* give each list item a piece of the picture */li.schu1 a { background-position: 0em 0em }li.schu2 a { background-position: 0em -2em }li.schu3 a { background-position: 0em -4em }li.schu4 a { background-position: 0em -6em }li.aster1 a { background-position: -16.5em 0em }li.aster2 a { background-position: -16.5em -2em }li.aster3 a { background-position: -16.5em -4em }li.aster4 a { background-position: -16.5em -6em }li.serv1 a { background-position: -33em 0em }li.serv2 a { background-position: -33em -2em }li.serv3 a { background-position: -33em -4em }li.serv4 a { background-position: -33em -6em }li.cust1 a { background-position: -49.5em 0em }li.cust2 a { background-position: -49.5em -2em }li.cust3 a { background-position: -49.5em -4em }li.cust4 a { background-position: -49.5em -6em }/* Bring the first item of each column back up to the level of item 1.Vertical return = items * height.Here, 5 items * 2em line-height = 10em */ul#qlinks li.aster1,ul#qlinks li.serv1,ul#qlinks li.cust1{  margin-top: -8em;}/* Horizontal positions of the columns */ul#qlinks li.schu1,ul#qlinks li.schu2,ul#qlinks li.schu3,ul#qlinks li.schu4{  margin-left: 0em;}ul#qlinks li.aster1,ul#qlinks li.aster2,ul#qlinks li.aster3,ul#qlinks li.aster4{  margin-left: 16.5em;}ul#qlinks li.serv1,ul#qlinks li.serv2,ul#qlinks li.serv3,ul#qlinks li.serv4{  margin-left: 33em;}ul#qlinks li.cust1,ul#qlinks li.cust2,ul#qlinks li.cust3,ul#qlinks li.cust4{  margin-left: 49.5em;}#ph2link{	float: right;	margin: 5px 15px 0 0;	}