@charset "utf-8"; /* CSS Document */ body { background: #333333; margin: 0; font-family: Verdana, Geneva, sans-serif; } body.print { background: #ffffff; } img { border:0; } p { padding:0; margin: 0; } a { color: #214112; text-decoration:none; outline: none; -moz-outline-style: none; } a:hover {color:#666; } color { color:#333; } #container { margin:auto; background:#d9d9d9; width: 1024px; /*min-height: 768px;*/ } #container_alternate { margin:auto; background:#d9d9d9; width: 1024px; } #top {padding: 32px; overflow: hidden;} #topleft {float: left; width: 528px; height: 64px; } #topright {float: right; width: 429px; height: 64px; } #searchform {text-align: right; margin-top: -3px; } #searchfield {height: 20px; width: 257px; margin: 0 8px 0 0; padding: 0; border: 0; vertical-align: text-bottom;} #search {vertical-align: text-bottom;} #mainnav { background:#b4bbb1; height: 32px; width: 1024px; } #mainnav ul { margin: 0; padding: 0; list-style-type: none; } #mainnav li { margin: 0; padding: 0; float:left; } #mainnav li a { display: block; height: 32px;} #mainnav li a:hover { visibility: visible; } #mainnav li a:hover img { visibility: hidden; } #mainnav li a.selected img { visibility: hidden; } #aboutus {margin-left: 16px; margin-right: 15px; width: 127px; background-image:url(images/aboutus_on.gif); } #inventory {margin-left: 16px; margin-right: 15px; width: 139px; background-image:url(images/inventory_on.gif);} #publicity {margin-left: 16px; margin-right: 15px; width: 129px; background-image:url(images/publicity_on.gif); } #myportfolio {margin-left: 16px; margin-right: 15px; width: 169px; background-image:url(images/myportfolio_on.gif); } #exhibitions {margin-left: 16px; margin-right: 15px; width: 155px; background-image:url(images/exhibitions_on.gif); } #journal {margin-left: 16px; width: 119px; background-image:url(images/journal_on.gif); } #mainbody {width: 960px; height: 480px; margin: 32px 32px 0 32px; overflow: hidden; } #mainbody_about {width: 960px; height: 448px; margin: 0px 32px 0 32px; overflow: hidden; } #mainbody_sub {width: 960px; height: 480px; margin: 0 32px 0 32px; overflow: hidden; } #mainbody_inv {width: 960px; height: 416px; margin: 32px 32px 0 32px; overflow: hidden; } #mainbody_thumb {width: 960px; height: 416px; margin: 0 32px 0 32px; overflow: hidden; } #mainbody_alternate {width: 960px; margin: 0 32px 0 32px; overflow: hidden; } #mainbody_portfolio {width: 960px; height: 448px; margin: 32px 32px 0 32px; overflow: hidden; text-align:left; } /*homepage*/ #mainimage {float:left; width: 480px; height: 480px; } #info {float:left; width: 480px; height: 480px; overflow: hidden; } #feature {width: 480px; height: 300px; overflow:hidden; } #featuretext {float: left; width: 240px; height: 300px; background: #ececd2; } #featuretext h1 { padding: 16px 16px 0 16px; margin: 0; } #featuretext p.text {height: 212px; margin-top: -14px; padding: 0 16px 16px 16px; font-size: 14px; line-height: 32px; text-align: left; overflow: hidden;} #featuretext p.more {height: 32px; font-size: 12px; font-style:italic; width: 224px; text-align:right; } #featureimage {float:left; width: 240px; height: 300px; overflow: hidden; } #exhibitbub {background: #b4bbb1; width: 480px; height: 180px; } #exhibitbub p.text { margin-top: -14px; font-size:14px; line-height: 32px; text-align:center; } #exhibitbub p.more { margin-top: -23px; font-size: 12px; line-height: 16px; font-style:italic; width: 464px; text-align:right; } /*about*/ #subnav {width: 960; height: 64px; text-align:center; } #subnav p { font-size:14px; font-variant:small-caps; line-height: 64px; color: #333333; } #aboutimage { float:left; width:480px; } #aboutimage2 { float:left; width:384px; } #maincontent_scroll {float: left; width:480px; height:448px; background:#ececd2; } #maincontent_scroll2 {float: left; width:576px; height:480px; background:#ececd2; } #maincontent_scroll3 {float: left; width:480px; height:480px; background:#ececd2; } #scrolldiv_parentContainer {width:416px; height:416px; margin: 16px; overflow:hidden; float:left; position:relative; } #scrolldiv_parentContainer2 {width:512px; height:448px; margin: 16px; overflow:hidden; float:left; position:relative; } #scrolldiv_parentContainer3 {width:416px; height:448px; margin: 16px; overflow:hidden; float:left; position:relative; } #scrolldiv_content {position: relative; font-size:12px; line-height: 32px; } #scrolldiv_content p.first { margin: -8px 0 16px 16px; line-height: 32px; text-align:left; font-size: 12px; } #scrolldiv_content p.main { margin: 0 0 16px 16px; line-height: 32px; text-align:left; font-size: 12px; } #scrolldiv_content p.index { margin-bottom:16px; text-align:left; font-size: 12px; } #scrolldiv_content p.index { margin-bottom:16px; line-height: 16px; text-align:left; font-size: 12px; } /*inventory*/ #subnav_a {width: 960; height: 64px; text-align:center; } #subnav_a p {margin-left: 32px; margin-right: 32px; font-size:14px; font-variant:small-caps; line-height: 32px; border-bottom: solid 1px #8d9f85; } #mainbody_inv p {margin: 0; font-size: 12px; line-height: 32px; font-variant: small-caps; text-align: left; } #inv1wrap { height: 384px; overflow: hidden; } #selrecacq1 {float: left; width: 256px; overflow: hidden; } #selrecacq1 p {margin: 0; font-size: 12px; line-height: 32px; font-variant:small-caps; } #selrecacq2 {float: left; width: 256px; margin-left: 96px; margin-right: 96px; overflow: hidden; } #selrecacq2 p {margin: 0; font-size: 12px; line-height: 32px; font-variant:small-caps; } #selrecacq3 {float: right; width: 256px; overflow: hidden; } #selrecacq3 p {margin: 0; font-size: 12px; line-height: 32px; font-variant:small-caps; } #subnav_b {width: 960; height: 96px; text-align:center; } #subnav_b p.mainnav {margin: 0 32px 0 32px; font-size:14px; font-variant:small-caps; line-height: 32px; } #subnav_b p.subnav {margin: 0 32px 0 32px; font-size: 14px; font-variant: small-caps; line-height: 32px; border-bottom: solid 1px #8d9f85; border-top: solid 1px #8d9f85; } #subnav_c {width: 960; text-align:center; } #subnav_c p.mainnav {margin: 0 32px 0 32px; height: 64px; font-size:14px; font-variant:small-caps; line-height: 32px; border-bottom: solid 1px #8d9f85; } #subnav_c p.subnav {margin: 0 32px 0 32px; height: 32px; font-size: 14px; font-variant: small-caps; line-height: 32px; border-bottom: solid 1px #8d9f85; } #categorywrap {height: 256px; margin-top: 32px; overflow: hidden; background: #f0f0f0; border: solid 1px #8d9f85; } #thumbwrap {height: 162px; margin-top: 32px; overflow: hidden; font-size: 10px; } #prevnav {float: left; width: 32px; text-align: center; line-height: 160px; } #thumb1 {float: left; width: 128px; margin-right: 13px; } #thumb1 img {border: solid 1px #f0f0f0; } #thumb1 a:hover img { border: solid 1px #8d9f85; } #thumb2 {float: left; width: 128px; margin-left: 13px; margin-right: 12px; } #thumb2 img {border: solid 1px #f0f0f0; } #thumb2 a:hover img { border: solid 1px #8d9f85; } #thumb3 {float: left; width: 128px; margin-left: 13px; margin-right: 12px; } #thumb3 img {border: solid 1px #f0f0f0; } #thumb3 a:hover img { border: solid 1px #8d9f85; } #thumb4 {float: left; width: 128px; margin-left: 13px; margin-right: 12px; } #thumb4 img {border: solid 1px #f0f0f0; } #thumb4 a:hover img { border: solid 1px #8d9f85; } #thumb5 {float: left; width: 128px; margin-left: 13px; margin-right: 12px; } #thumb5 img {border: solid 1px #f0f0f0; } #thumb5 a:hover img { border: solid 1px #8d9f85; } #thumb6 {float: left; width: 128px; margin-left: 13px; } #thumb6 img {border: solid 1px #f0f0f0; } #thumb6 a:hover img { border: solid 1px #8d9f85; } #nextnav {float: right; width: 32px; text-align: center; line-height: 160px; } #categorywrap p {margin-left: 32px; line-height: 64px; font-size: 14px; font-variant:small-caps; } #detailwrap {margin-top: 32px; overflow: hidden; } #detailwrap_alt {margin-top: 16px; overflow: hidden; } #detailimage {float: left; width: 320px; margin-right: 32px; text-align: center; } #detailtext {float: left; width: 196px; margin-right: 64px; } #detailtext p {margin: 0 0 16px 0; font-size: 12px; line-height: 16px; text-align: left; } #detailnav {float: left; width: 296px; } #detailnav p {margin: -8px 0 16px 0; font-size: 14px; line-height: 32px; text-align:left; } #alternateimage p {margin: 0 0 16px 0; font-size: 14px; line-height: 32px; text-align: left;} /*exhibitions*/ #exhibitimage {float:left; width:480px; } #exhibittext {float: left; width:480px; height:480px; background:#ececd2; } #scroll1 {margin:32px; height: 416px; text-align: center; overflow:auto; } #scroll1 p {margin-bottom:16px; font-size:16px; line-height: 24px; text-align: center; } #exhibitdetails {float: left; width:480px; height:480px; background:#ececd2; display: table; } #exhibitcenter { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } #exhibitcenterhack { #position: absolute; #top: -50%; #width: 480px; }/* for ie only */ #exhibitcenterhack h1 { font-size:16px; line-height: 24px; text-align: center; font-weight: bold; margin: 0; padding: 0; } #exhibitcenterhack h2 { margin: 0; font-size:14px; line-height: 24px; text-align: center; padding: 0;} #exhibitcenterhack p { margin: 0 0 16px 0; font-size:14px; line-height: 24px; text-align: center; } /*publicity*/ #publicityimage {float:left; width:480px; } #publicitynav {float: left; width:480px; height:480px; background:#e5e5e5; } #maincontent_scroll4 {float: left; width:480px; height:480px; padding-top: 16px; background:#ececd2; } #scroll2 {margin:32px; height: 448px; overflow:auto; } #scroll2 p {margin-top: 16px; margin-bottom: 16px; font-size:12px; line-height: 16px; text-align: left; } /*portfolio*/ #portfoliowrap {height: 384px; margin: 0; overflow: hidden; background: #f0f0f0; border: solid 1px #8d9f85; text-align:left;} #signin {float: left; width: 320px; margin: 32px; } #signin h1 {margin: 0; padding: 0; font-size: 14px; color: #214112; font-variant:small-caps; font-weight:bold; text-align:left;} #signin form { margin: 0; } #signin p.formtext {margin: 0; padding: 0; font-size: 14px; line-height: 32px; text-align:left; font-weight: normal; font-variant:normal;} #myportfoliotext {float: left; width: 384px; margin: 32px;} #myportfoliotext h1 {margin: 0; font-size: 14px; line-height: 32px; color: #214112; font-variant:small-caps; font-weight:bold; text-align:left;} #myportfoliotext p.text {font-size: 12px; line-height: 16px; margin: 0 0 16px 0; font-variant:normal; text-align:left;} #footer {margin: 0 32px 0 32px; overflow: hidden; } #contactinfo {font-size: 16px; font-variant:small-caps; margin-top: 18px; overflow: hidden;} #address {float: left;} #phone {float: left; width: 197px; text-align: right;} #fax {float: left; width: 189px; text-align: right;} #email {float:right;} span.numbers {font-size: 14px;} #etc {font-size:12px; font-variant:small-caps; line-height: 32px; overflow: hidden;} #copyrightlink {float:left; width: 320px; text-align:left;} #privacylink {float:left; width: 320px; text-align:center;} #directionslink {float:right; width: 320px; text-align: right;} /*tearsheet*/ #tearsheet {margin: auto; padding: 32px; width: 540px; height: 720px; background: #ffffff} #tearsheet_image {margin: 32px; text-align: center} #tearsheet_text p {font-family: verdana; font-size: 10px; line-height: 16px; text-align: left} /*CSS for the scroll */ #scrolldiv_slider { width:16px; height:416px; float:right; margin: 16px 8px 16px 8px; } /* The scrollbar (The bar between the up and down arrow ) (invisible here) */ #scrolldiv_scrollbar { width:16px; height:384px; position:relative; } /* The scrollbar handle (invisible here) */ #scrolldiv_theScroll { width:16px; height:14px; position:absolute; top:0px; left:0px; } /* disabled */ /* Scroll buttons(The up and down arrows) */ #scrolldiv_scrollUp,#scrolldiv_scrollDown { width:16px; height:14px; cursor:pointer; } /*popup email form*/ #blanket { background: #111; opacity: 0.65; filter:alpha(opacity=65); position: absolute; z-index: 9001; top:0px; left: 0px; width: 100%; } .emailForm { position: absolute; background: #eeeeee; width: 320px; border: double 3px #000000; z-index: 9002; }