/* MAIN NAV
----------------------------------------------- */	


ul#navigation { margin:0; padding:0; list-style:none;}
ul#navigation li { float:left;  padding:0; margin-bottom:1px;  }
ul#navigation li a { display:block; color:#FFF; width:100%; height:20px; text-indent:-9999px; text-decoration:none;
	/* commented backslash hack v2 \*/
	overflow: hidden;
	/* end hack */}

ul#navigation li ul { margin:0; padding:0; list-style:none; }
ul#navigation li ul li { float:left;  padding:0; margin-bottom:0px; }
ul#navigation li a { display:block; color:#FFF; width:100%; height:20px; text-indent:-9999px; text-decoration:none;
	/* commented backslash hack v2 \*/
	overflow: hidden;
	/* end hack */}

ul#navigation li#nav1 { background:url(../nav/home.gif) no-repeat;}
ul#navigation li#nav1 a { height:20px; width:51px; }
ul#navigation li#nav1 a:hover, ul#navigation li#nav1 a.current { background:url(../nav/home.gif) no-repeat 0 -20px;}

ul#navigation li#nav2 { background:url(../nav/about-us.gif) no-repeat;}
ul#navigation li#nav2 a { height:20px; width:64px; }
ul#navigation li#nav2 a:hover, ul#navigation li#nav2 a.current { background:url(../nav/about-us.gif) no-repeat 0 -20px;}

ul#navigation li#nav3 { background:url(../nav/what-we-do.gif) no-repeat;}
ul#navigation li#nav3 a { height:20px; width:75px; }
ul#navigation li#nav3 a:hover, ul#navigation li#nav3 a.current { background:url(../nav/what-we-do.gif) no-repeat 0 -20px;}

ul#navigation li#nav4 { background:url(../nav/how-we-do-it.gif) no-repeat;}
ul#navigation li#nav4 a { height:20px; width:84px; }
ul#navigation li#nav4 a:hover, ul#navigation li#nav4 a.current { background:url(../nav/how-we-do-it.gif) no-repeat 0 -20px;}

ul#navigation li#nav5 { background:url(../nav/client-list.gif) no-repeat;}
ul#navigation li#nav5 a { height:20px; width:68px;  }
ul#navigation li#nav5 a:hover, ul#navigation li#nav5 a.current { background:url(../nav/client-list.gif) no-repeat 0 -20px;}

ul#navigation li#nav6 { background:url(../nav/contact-us.gif) no-repeat;}
ul#navigation li#nav6 a { height:20px; width:67px;  }
ul#navigation li#nav6 a:hover, ul#navigation li#nav6 a.current { background:url(../nav/contact-us.gif) no-repeat 0 -20px;}

ul#navigation li#nav7 { background:url(../nav/bespoke-joinery.gif) no-repeat;}
ul#navigation li#nav7 a {  height:20px; width:232px;  }
ul#navigation li#nav7 a:hover, ul#navigation li#nav7 a.current {  background:url(../nav/bespoke-joinery.gif) no-repeat 0 -20px;}

#nav7 { margin-left:180px; }