/* MAIN subnav
----------------------------------------------- */	


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

ul#subnavigation li ul { margin:0; padding:0; list-style:none; }
ul#subnavigation li ul li { float:left; clear:left; width:100px; padding:0; margin-bottom:0px; }
ul#subnavigation 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#subnavigation li#subnav1 { background:url(../nav/what-we-do-retail.gif) no-repeat;}
ul#subnavigation li#subnav1 a { height:12px; }
ul#subnavigation li#subnav1 a:hover, ul#subnavigation li#subnav1 a.current { background:url(../nav/what-we-do-retail.gif) no-repeat 0 -12px;}

ul#subnavigation li#subnav2 { background:url(../nav/what-we-do-offices.gif) no-repeat;}
ul#subnavigation li#subnav2 a { height:12px; }
ul#subnavigation li#subnav2 a:hover, ul#subnavigation li#subnav2 a.current { background:url(../nav/what-we-do-offices.gif) no-repeat 0 -12px;}

ul#subnavigation li#subnav3 { background:url(../nav/what-we-do-design-build.gif) no-repeat;}
ul#subnavigation li#subnav3 a { height:12px; }
ul#subnavigation li#subnav3 a:hover, ul#subnavigation li#subnav3 a.current { background:url(../nav/what-we-do-design-build.gif) no-repeat 0 -12px;}