.nav { width: 950px; height: 65px; position: relative; margin: 17px 25px 0; display: inline-block; }
.nav li { border-right: 1px solid #424242; display: inline-block; vertical-align: top; *zoom: 1; *display: inline; }
.nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

.nav li.nav-last { border: none; }
.nav li.nav-last a { margin-right: 0; }
.nav li.nav-last ul a { margin-right: 13px; }
.nav .nav-first { margin-left: 0; } /* We have to use this method because IE6 doenst do :first-child which sucks. IE6 FTL. */
.nav li ul { width: 950px; /*IE6 soils itself without this*/ }

.nav li a { display: block; height: 11px; overflow: hidden; text-indent: -9999px; margin: 0 34px; *margin: 0 29px; }
.nav li a:hover, .active { background-position: 0 11px; }
.nav .piedaterre a:hover, .nav .piedaterre a.active { background-position: 0 12px; }

.nav ul { position: absolute; top: -999em; text-align: center; } 
.nav ul a { margin: 0 13px; }
.nav .comprojects ul a { margin: 0 9px; }

.nav .resprojects a { width: 118px; background-image: url('/images/nav/residential.gif'); }
.nav .comprojects a { width: 126px; background-image: url('/images/nav/commercial.gif'); }
.nav .products a { width: 56px; background-image: url('/images/nav/products.gif'); }	
.nav .books a { width: 75px; background-image: url('/images/nav/monographs.gif'); }
.nav .press a { width: 30px; background-image: url('/images/nav/press.gif'); }
.nav .services a { width: 49px; background-image: url('/images/nav/services.gif'); }
.nav .company a { width: 56px; background-image: url('/images/nav/company.gif'); }

/* Residential projects subnav */
.nav .bosworth a { width: 92px; background-image: url('/images/nav/bosworth.gif'); }
.nav .malibu a { width: 139px; background-image: url('/images/nav/malibu.gif'); }
.nav .hillcrest a { width: 81px; background-image: url('/images/nav/hillcrest.gif'); }
.nav .doheny a { width: 85px; background-image: url('/images/nav/doheny.gif'); }
.nav .piedaterre a { width: 66px; height: 12px; margin-top: -2px; background-image: url('/images/nav/piedaterre.gif'); }
.nav .belairterre a { width: 65px; background-image: url('/images/nav/belair.gif'); }
.nav .brentwood a { width: 99px; background-image: url('/images/nav/brentwood.gif'); }
.nav .trousdale a { width: 111px; background-image: url('/images/nav/trousdale.gif'); }

/* Commercial projects subnav */
.nav .avalon a { width: 40px; background-image: url('/images/nav/avalon.gif'); }
.nav .bgatbg a { width: 142px; background-image: url('/images/nav/bg-at-bg.gif'); }
.nav .tides-sb a { width: 118px; background-image: url('/images/nav/tides-southbeach.gif'); }
.nav .maison140 a { width: 64px; background-image: url('/images/nav/maison140.gif'); }
.nav .viceroy-anguilla a { width: 93px; background-image: url('/images/nav/viceroy-anguilla.gif'); }
.nav .viceroy-miami a { width: 75px; background-image: url('/images/nav/viceroy-miami.gif'); }
.nav .viceroy-sm a { width: 124px; background-image: url('/images/nav/viceroy-sm.gif'); }
.nav .viceroy-ps a { width: 114px; background-image: url('/images/nav/viceroy-ps.gif'); }

/* Products subnav */
.nav .pickard a { width: 40px; background-image: url('/images/nav/pickard.gif'); }
.nav .sferra a { width: 34px; background-image: url('/images/nav/sferra.gif'); }
.nav .groundworks a { width: 141px; background-image: url('/images/nav/groundworks.gif'); }
.nav .therugco a { width: 96px; background-image: url('/images/nav/rugcompany.gif'); }
.nav .bergdorf a { width: 111px; background-image: url('/images/nav/bergdorf-goodman.gif'); }
.nav .fschumacher a { width: 75px; background-image: url('/images/nav/f-schumacher.gif'); }

/* Books subnav */
.nav .hue-ge a { width: 120px; background-image: url('/images/nav/ge-hue.gif'); }
.nav .hue-le a { width: 110px; background-image: url('/images/nav/le-hue.gif'); }
.nav .dd-ge a { width: 230px; background-image: url('/images/nav/ge-dd.gif'); }
.nav .dd-le a { width: 220px; background-image: url('/images/nav/le-dd.gif'); }
.nav .moderng a { width: 106px; background-image: url('/images/nav/modern-glamour.gif'); }

/* Press subnav */
.nav .recent a { width: 67px; background-image: url('/images/nav/recent-press.gif'); }
.nav .p2010 a { width: 28px; background-image: url('/images/nav/2010.gif'); }
.nav .p2009 a { width: 27px; background-image: url('/images/nav/2009.gif'); }
.nav .p2008 a { width: 27px; background-image: url('/images/nav/2008.gif'); }
.nav .p2007 a { width: 27px; background-image: url('/images/nav/2007.gif'); }
.nav .p2006 a { width: 27px; background-image: url('/images/nav/2006.gif'); }
.nav .p2005 a { width: 27px; background-image: url('/images/nav/2005.gif'); }
.nav .p2004 a { width: 28px; background-image: url('/images/nav/2004.gif'); }
.nav .p2003 a { width: 27px; background-image: url('/images/nav/2003.gif'); }
.nav .p2002 a { width: 27px; background-image: url('/images/nav/2002.gif'); }
.nav .p2001 a { width: 24px; background-image: url('/images/nav/2001.gif'); }
.nav .p2000 a { width: 27px; background-image: url('/images/nav/2000.gif'); }
.nav .featured-books a { width: 94px; background-image: url('/images/nav/featured-books.gif'); }

/* company subnav */
.nav .biography a { width: 62px; background-image: url('/images/nav/biography.gif'); }
.nav .contact a { width: 52px; background-image: url('/images/nav/contact.gif'); }

/*** ESSENTIAL STYLES ***/
.nav li:hover ul,
.nav li.sfHover ul { left: 0; top: 30px; z-index: 99; }

.nav li:hover li ul,
.nav li.sfHover li ul,
.nav li li:hover li ul,
.nav li li.sfHover li ul  { top: -999px; }

.nav li li:hover ul,
.nav li li.sfHover ul,
.nav li li li:hover ul,
.nav li li li.sfHover ul { top: 0; }