/* jm.css                     */
/* -------------------------- */
/* Swatches: #9D9282 - grey   */
/* -------------------------- */

BODY { background-color: white;
       text-align: center;}

#wrapper { margin-left: auto;
           margin-right: auto;
           margin-top: 20px;
           margin-bottom: 20px;
           background-color: white;
           width: 826px;
           voice-family: "\"}\"";
voice-family: inherit;
width: 818px;}

a { } /*ie5 isnt recovering from the above BMH, so stick this in to get it happy again */

/*******************************/
/*** topnav                    */
/*******************************/
#topnav { background: white url(../images/siteStructure/topnavBack.gif) no-repeat 0 0;
          width: 830px;
          padding-bottom: 8px;
          }

#topnav h1 { background: white url(../images/siteStructure/jasperMorrison.gif) no-repeat 0 0;
             padding: 0px;
             margin: 0px;
             height: 47px;
             width: 234px;
             float: left;}

#topnav h1 a { display: block;
               width: 234px;
               height: 47px;
               padding: 0px;
               margin: 0px;}

#topnav ul { list-style: none;
             padding: 0px;
             margin-left: 240px;
             margin-right: 0px;
             margin-top: 0px;
             margin-bottom: 0px;
             height: 47px;
             width: 582px;}

#topnav ul li { list-style: none;
                display: inline;
                padding: 0px;
                margin: 0px;
                float: left;
                height: 48px;}

#topnav ul li a { display: block;
                  height: 48px;}

#topnav ul li#tnProjects { background: transparent url(../images/siteStructure/projects2.gif) no-repeat 0 0;
                           width: 139px;}
#topnav ul li#tnProjects a { background: white url(../images/siteStructure/projects1.gif) no-repeat 0 0;
                             width: 139px;
                             height: 48px;}
#topnav ul li#tnProjects a:hover { background: transparent;}
#topnav ul li#tnProjects.selected { background: transparent url(../images/siteStructure/projects3.gif) no-repeat 0 0;}
#topnav ul li#tnProjects.selected a { background: none;}

#topnav ul li#tnExhibitions { background: white url(../images/siteStructure/exhibitions2.gif) no-repeat 0 0;
                              width: 139px;}
#topnav ul li#tnExhibitions a { background: white url(../images/siteStructure/exhibitions1.gif) no-repeat 0 0;
                                width: 139px;}
#topnav ul li#tnExhibitions a:hover { background: none;}
#topnav ul li#tnExhibitions.selected { background: white url(../images/siteStructure/exhibitions3.gif) no-repeat 0 0;}
#topnav ul li#tnExhibitions.selected a { background: none;}

#topnav ul li#tnPublications { background: white url(../images/siteStructure/publications2.gif) no-repeat 0 0;
                               width: 138px;}
#topnav ul li#tnPublications a { background: white url(../images/siteStructure/publications1.gif) no-repeat 0 0;
                                 width: 138px;}
#topnav ul li#tnPublications a:hover { background: none;}
#topnav ul li#tnPublications.selected { background: white url(../images/siteStructure/publications3.gif) no-repeat 0 0;}
#topnav ul li#tnPublications.selected a { background: none;}

#topnav ul li#tnAboutUs { background: white url(../images/siteStructure/aboutUs2.gif) no-repeat 0 0;
                          width: 164px;}
#topnav ul li#tnAboutUs a { background: white url(../images/siteStructure/aboutUs1.gif) no-repeat 0 0;
                            width: 164px;}
#topnav ul li#tnAboutUs a:hover { background: none;} 
#topnav ul li#tnAboutUs.selected { background: white url(../images/siteStructure/aboutUs3.gif) no-repeat 0 0; }
#topnav ul li#tnAboutUs.selected a { background: none;}

/*******************************/
/*** leftnav                   */
/*******************************/

#leftnav { float: left;
           width: 275px;
           padding: 0px;
           margin: 50px 0 0 0;
           text-align: left;
           }

#leftnav ul { list-style: none;
              padding: 0px;
              margin: 0px;
              width: 260px;}

#leftnav ul li { list-style: none;
                 margin-top: 7px;
                 margin-left: 0px;
                 text-align: left;}

#leftnav ul li a { display: block;
                   height: 16px;
                   width: 260px;
                   margin-left: -16px;
                   padding: 0px;
voice-family: "\"}\"";
voice-family: inherit;
margin: 0px;}

#leftnav div#indent { margin-left: 15px; }

a { } /*ie5 isnt recovering from the above BMH, so stick this in to get it happy again */

#leftnav ul li#lnProjectsTableware { background: white url(../images/siteStructure/lnProjectsTableware2.gif) no-repeat 0 0;}
#leftnav ul li#lnProjectsTableware a { background: white url(../images/siteStructure/lnProjectsTableware1.gif) no-repeat 0 0;}
#leftnav ul li#lnProjectsTableware a:hover { background: none}
#leftnav ul li#lnProjectsTableware.selected a { background: none}

#leftnav ul li#lnProjectsKitchen { background: white url(../images/siteStructure/lnProjectsKitchen2.gif) no-repeat 0 0;}
#leftnav ul li#lnProjectsKitchen a { background: white url(../images/siteStructure/lnProjectsKitchen1.gif) no-repeat 0 0;}
#leftnav ul li#lnProjectsKitchen a:hover { background: none;}
#leftnav ul li#lnProjectsKitchen.selected a { background: none;}

#leftnav ul li#lnProjectsChairs { background: white url(../images/siteStructure/lnProjectsChairs2.gif) no-repeat 0 0;}
#leftnav ul li#lnProjectsChairs a { background: white url(../images/siteStructure/lnProjectsChairs1.gif) no-repeat 0 0;}
#leftnav ul li#lnProjectsChairs a:hover { background: none;}
#leftnav ul li#lnProjectsChairs.selected a { background: none;}

#leftnav ul li#lnProjectsSofas { background: white url(../images/siteStructure/lnProjectsSofas2.gif) no-repeat 0 0;}
#leftnav ul li#lnProjectsSofas a { background: white url(../images/siteStructure/lnProjectsSofas1.gif) no-repeat 0 0;}
#leftnav ul li#lnProjectsSofas a:hover { background: none;}
#leftnav ul li#lnProjectsSofas.selected a { background: none;}

#leftnav ul li#lnProjectsTables { background: white url(../images/siteStructure/lnProjectsTables2.gif) no-repeat 0 0;}
#leftnav ul li#lnProjectsTables a { background: white url(../images/siteStructure/lnProjectsTables1.gif) no-repeat 0 0;}
#leftnav ul li#lnProjectsTables a:hover { background: none;}
#leftnav ul li#lnProjectsTables.selected a { background: none;}

#leftnav ul li#lnProjectsStorage { background: white url(../images/siteStructure/lnProjectsStorage2.gif) no-repeat 0 0;}
#leftnav ul li#lnProjectsStorage a { background: white url(../images/siteStructure/lnProjectsStorage1.gif) no-repeat 0 0;}
#leftnav ul li#lnProjectsStorage a:hover { background: none;}
#leftnav ul li#lnProjectsStorage.selected a { background: none;}

#leftnav ul li#lnProjectsLighting { background: white url(../images/siteStructure/lnProjectsLighting2.gif) no-repeat 0 0;}
#leftnav ul li#lnProjectsLighting a { background: white url(../images/siteStructure/lnProjectsLighting1.gif) no-repeat 0 0;}
#leftnav ul li#lnProjectsLighting a:hover { background: none;}
#leftnav ul li#lnProjectsLighting.selected a { background: none;}

#leftnav ul li#lnProjectsOffice { background: white url(../images/siteStructure/lnProjectsOffice2.gif) no-repeat 0 0;}
#leftnav ul li#lnProjectsOffice a { background: white url(../images/siteStructure/lnProjectsOffice1.gif) no-repeat 0 0;}
#leftnav ul li#lnProjectsOffice a:hover { background: none;}
#leftnav ul li#lnProjectsOffice.selected a { background: none;}

#leftnav ul li#lnProjectsElectricals { background: white url(../images/siteStructure/lnProjectsElectricals2.gif) no-repeat 0 0;}
#leftnav ul li#lnProjectsElectricals a { background: white url(../images/siteStructure/lnProjectsElectricals1.gif) no-repeat 0 0;}
#leftnav ul li#lnProjectsElectricals a:hover { background: none;}
#leftnav ul li#lnProjectsElectricals.selected a { background: none;}

#leftnav ul li#lnProjectsUrban { background: white url(../images/siteStructure/lnProjectsUrban2.gif) no-repeat 0 0;}
#leftnav ul li#lnProjectsUrban a { background: white url(../images/siteStructure/lnProjectsUrban1.gif) no-repeat 0 0;}
#leftnav ul li#lnProjectsUrban a:hover { background: none;}
#leftnav ul li#lnProjectsUrban.selected a { background: none;}

#leftnav ul li#lnProjectsArchitectural { background: white url(../images/siteStructure/lnProjectsArchitectural2.gif) no-repeat 0 0;}
#leftnav ul li#lnProjectsArchitectural a { background: white url(../images/siteStructure/lnProjectsArchitectural1.gif) no-repeat 0 0;}
#leftnav ul li#lnProjectsArchitectural a:hover { background: none;}
#leftnav ul li#lnProjectsArchitectural.selected a { background: none;}

#leftnav ul li#lnProjectsWatchesAndClocks { background: white url(../images/siteStructure/lnProjectsWatchesAndClocks2.gif) no-repeat 0 0;}
#leftnav ul li#lnProjectsWatchesAndClocks a { background: white url(../images/siteStructure/lnProjectsWatchesAndClocks1.gif) no-repeat 0 0;}
#leftnav ul li#lnProjectsWatchesAndClocks a:hover { background: none;}
#leftnav ul li#lnProjectsWatchesAndClocks.selected a { background: none;}

#leftnav ul li#lnProjectsEditions { background: white url(../images/siteStructure/lnProjectsEditions2.gif) no-repeat 0 0;}
#leftnav ul li#lnProjectsEditions a { background: white url(../images/siteStructure/lnProjectsEditions1.gif) no-repeat 0 0;}
#leftnav ul li#lnProjectsEditions a:hover { background: none;}
#leftnav ul li#lnProjectsEditions.selected a { background: none;}


#leftnav ul li#lnProjectsArchitectural { background: white url(../images/siteStructure/lnProjectsArchitectural2.gif) no-repeat 0 0;}
#leftnav ul li#lnProjectsArchitectural a { background: white url(../images/siteStructure/lnProjectsArchitectural1.gif) no-repeat 0 0;}
#leftnav ul li#lnProjectsArchitectural a:hover { background: none;}
#leftnav ul li#lnProjectsArchitectural.selected a { background: none;}




#leftnav ul li#lnExhibitions1980 { background: white url(../images/siteStructure/lnExhibitions1980black.gif) no-repeat 0 0;}
#leftnav ul li#lnExhibitions1980 a { background: white url(../images/siteStructure/lnExhibitions1980grey.gif) no-repeat 0 0;}
#leftnav ul li#lnExhibitions1980 a:hover { background: none;}
#leftnav ul li#lnExhibitions1980.selected a { background: none;}

#leftnav ul li#lnExhibitions1990 { background: white url(../images/siteStructure/lnExhibitions1990black.gif) no-repeat 0 0;}
#leftnav ul li#lnExhibitions1990 a { background: white url(../images/siteStructure/lnExhibitions1990grey.gif) no-repeat 0 0;}
#leftnav ul li#lnExhibitions1990 a:hover { background: none;}
#leftnav ul li#lnExhibitions1990.selected a { background: none;}

#leftnav ul li#lnExhibitions2000 { background: white url(../images/siteStructure/lnExhibitions2000black.gif) no-repeat 0 0;}
#leftnav ul li#lnExhibitions2000 a { background: white url(../images/siteStructure/lnExhibitions2000grey.gif) no-repeat 0 0;}
#leftnav ul li#lnExhibitions2000 a:hover { background: none;}
#leftnav ul li#lnExhibitions2000.selected a { background: none;}




#leftnav ul li#lnPublicationsBooks { background: white url(../images/siteStructure/lnPublicationsBooks2.gif) no-repeat 0 0;}
#leftnav ul li#lnPublicationsBooks a { background: white url(../images/siteStructure/lnPublicationsBooks1.gif) no-repeat 0 0;}
#leftnav ul li#lnPublicationsBooks a:hover { background: none;}
#leftnav ul li#lnPublicationsBooks.selected a { background: none;}

#leftnav ul li#lnPublicationsEssays { background: white url(../images/siteStructure/lnPublicationsEssays2.gif) no-repeat 0 0;}
#leftnav ul li#lnPublicationsEssays a { background: white url(../images/siteStructure/lnPublicationsEssays1.gif) no-repeat 0 0;}
#leftnav ul li#lnPublicationsEssays a:hover { background: none;}
#leftnav ul li#lnPublicationsEssays.selected a { background: none;}

#leftnav ul li#lnPublicationsArticles { background: white url(../images/siteStructure/lnPublicationsArticles2.gif) no-repeat 0 0;}
#leftnav ul li#lnPublicationsArticles a { background: white url(../images/siteStructure/lnPublicationsArticles1.gif) no-repeat 0 0;}
#leftnav ul li#lnPublicationsArticles a:hover { background: none;}
#leftnav ul li#lnPublicationsArticles.selected a { background: none;}

#leftnav ul li#lnPublicationsInterviews { background: white url(../images/siteStructure/lnPublicationsInterviews2.gif) no-repeat 0 0;}
#leftnav ul li#lnPublicationsInterviews a { background: white url(../images/siteStructure/lnPublicationsInterviews1.gif) no-repeat 0 0;}
#leftnav ul li#lnPublicationsInterviews a:hover { background: none;}
#leftnav ul li#lnPublicationsInterviews.selected a { background: none;}

#leftnav ul li#lnAboutUsOfficeForDesign { background: white url(../images/siteStructure/lnAboutUsOfficeForDesign2.gif) no-repeat 0 0;}
#leftnav ul li#lnAboutUsOfficeForDesign a { background: white url(../images/siteStructure/lnAboutUsOfficeForDesign1.gif) no-repeat 0 0;}
#leftnav ul li#lnAboutUsOfficeForDesign a:hover { background: none;}
#leftnav ul li#lnAboutUsOfficeForDesign.selected a { background: none;}

#leftnav ul li#lnAboutUsBiography { background: white url(../images/siteStructure/lnAboutUsBiography2.gif) no-repeat 0 0;}
#leftnav ul li#lnAboutUsBiography a { background: white url(../images/siteStructure/lnAboutUsBiography1.gif) no-repeat 0 0;}
#leftnav ul li#lnAboutUsBiography a:hover { background: none;}
#leftnav ul li#lnAboutUsBiography.selected a { background: none;}

#leftnav ul li#lnAboutUsContactUs { background: white url(../images/siteStructure/lnAboutUsContactUs2.gif) no-repeat 0 0;}
#leftnav ul li#lnAboutUsContactUs a { background: white url(../images/siteStructure/lnAboutUsContactUs1.gif) no-repeat 0 0;}
#leftnav ul li#lnAboutUsContactUs a:hover { background: none;}
#leftnav ul li#lnAboutUsContactUs.selected a { background: none;}

#leftnav ul li#lnAboutUsCredits { background: white url(../images/siteStructure/lnAboutUsCredits2.gif) no-repeat 0 0;}
#leftnav ul li#lnAboutUsCredits a { background: white url(../images/siteStructure/lnAboutUsCredits1.gif) no-repeat 0 0;}
#leftnav ul li#lnAboutUsCredits a:hover { background: none;}
#leftnav ul li#lnAboutUsCredits.selected a { background: none;}

#leftnav ul li#lnAboutUsLinks { background: white url(../images/siteStructure/lnAboutUsLinks2.gif) no-repeat 0 0;}
#leftnav ul li#lnAboutUsLinks a { background: white url(../images/siteStructure/lnAboutUsLinks1.gif) no-repeat 0 0;}
#leftnav ul li#lnAboutUsLinks a:hover { background: none;}
#leftnav ul li#lnAboutUsLinks.selected a { background: none;}

#leftnav #productDesc p { margin: 0px 0px 0px 16px;
                          text-align: left;
                          font-family: verdana,arial,sans-serif;
                          font-size: 10px;
                          font-weight: normal;
                          color: black;
                          width: 200px;}

#leftnav #productDesc p b i { font-style: normal; }

#leftnav #productDesc p a { color: #9D9282;
                            font-weight: bold;
                            text-decoration: none;}
#leftnav #productDesc p a.link { color: #9D9282; }
#leftnav #productDesc p a.visited { color: #9D9282; }
#leftnav #productDesc p a.hover { color: black; }
#leftnav #productDesc p a.active { color: #9D9282; }

#leftnav #productDesc p.projects { margin-top: 30px; }
#leftnav #productDesc p.exhibitions { margin-top: 260px; }
#leftnav #productDesc p.publications { margin-top: 235px; }

/*******************************/
/*** content                   */
/*******************************/

#content { 	margin-left: 280px;
           	margin-top: 10px;
           	width: 530px;
			voice-family: "\"}\"";
			voice-family: inherit;
			width: 530px;
			text-align: left;}


#content table#products { width: 460px;
                          margin: 40px 0 0 0;
                          padding: 0px;
                          border-collapse: collapse;}

#content table#products tr { margin: 0px;
                             padding: 0px;}

#content table#products tr td { margin: 0px;
                                padding: 0px;
                                width: 118px;}

#content p#nextPrev { font-family: verdana, arial, sans-serif;
                      font-size: 15px;
                      color: #9D9282;
                      width: auto;
                      text-align: right;
                      line-height: 24px;
                      height: 25px;
                      }

#content p#nextPrev img { vertical-align: bottom; }

#content div#essay { font-family: verdana, arial, sans-serif;
                     font-size: 12px;
                     line-height: 18px;
                     text-align: left;
                     width: 420px;}

#content div#essay h2 { color: black;
                        font-size: 12px;
                        font-weight: bold;
                        padding: 0px;
                        margin: 0 0 3px 0;
                        line-height: 13px;
                        }
#content div#essay a { color: #9D9282; 
                       font-weight: bold;
                       text-decoration: none;}

#content table#links { width: 100%;}
#content table#links tr td { padding: 0 10px 20px 10px;}

#content table#credits { width: 10px }
#content table#credits td { font-family: verdana, arial, sans-serif;
                            font-size: 12px;}
#content table#credits td.title { font-weight: bold; 
                                  text-align: left;}
#content table#credits td.creditInfo { padding-bottom: 30px;
                                       padding-right: 20px;
                                       vertical-align: top;
                                       text-align: left;}

#content table#credits td.creditInfo a { color: #9D9282;
                                         font-weight: bold;
                                         text-decoration: none;}
#content table#credits td.creditInfo a.link { color: #9D9282;}
#content table#credits td.creditInfo a.visited { color: #9D9282;}
#content table#credits td.creditInfo a.hover { color: #9D9282;}
#content table#credits td.creditInfo a.active { color: #9D9282;}

/*******************************/
/*** misc                      */
/*******************************/

#footer { clear: both; }

.hide { display: none; 
        margin: 0px;
        padding: 0px;}

img { border: 0px;}

div.warningText{color:#C82B16; font-family:verdana, arial, sans-serif;font-size: 10px;margin: 0px 0px 0px 16px;}