@charset "utf-8";
/* CSS Document */
*, html {
padding: 0;
margin: 0;
}
body {
font: normal 13px/18px Helvetica, Arial, sans-serif;
background: #3b3638;
color: #3c3635;
}
a {
color: #7f7670;
}
a:hover {
color: #3b3638;
}
a img {
border: 0;
}
h1 {
font: normal 22px/26px Helvetica, Arial, sans-serif;
margin: 0 0 10px;
}
h2 {
font: normal 16px/18px Helvetica, Arial, sans-serif;
text-transform: uppercase;
color: #928880;
}
p {
margin: 0 0 15px;
}
#main-wrapper {
width: 962px;
margin: 0 auto;
}
#body-wrapper {
background: #fff;
clear: both;
padding: 20px 0;
position: relative;
overflow: auto;
zoom: 1; /* Lets IE6 at least see the nav... */
}
#showwrap {
width: 940px;
height: 625px;
margin: 0 auto 30px;
position: relative;
clear: both;
}
#homeshow {
margin: 1em auto;
width: 940px;
height: 625px;
}
#showtext {
float: left;
position: absolute;
top: 290px;
left: 60px;
z-index: 500;
width: 370px;
padding: 10px 15px 0;
background: url(/images/img/75p-text-box-bg.png) repeat;
}
#social {
height: 30px;
padding: 20px 0 0;
width: 350px;
float: right;
}
#social ul li {
list-style: none;
float: left;
padding: 0 3px 0 4px;
background: url(/images/img/social-divider.png) no-repeat center left;
}
#social ul li:first-child {
background: none;
padding: 0 3px 0 0;
}
#social ul li a,
#top-nav ul li a,
#products-nav ul li a,
#about-nav ul li a {
display: block;
position: relative;
}
#social ul li.blog a { background: url(/images/img/social-blog-over.png) no-repeat top left; }
#social ul li.twitter a { background: url(/images/img/social-twitter-over.png) no-repeat top left; }
#social ul li.facebook a { background: url(/images/img/social-facebook-over.png) no-repeat top left; }
#social ul li.newsletter a { background: url(/images/img/social-newsletter-over.png) no-repeat top left; }
#social ul li a:hover img,
#top-nav ul li a:hover img,
#top-nav ul li.active a img,
#products-nav ul li a:hover img,
#products-nav ul li.active img,
#products-nav ul li.active ul li a:hover img,
#products-nav ul li.active ul li.active a img,
#about-nav ul li a:hover img,
#about-nav ul li.active img,
#samples-content #sample-request a:hover img {
visibility: hidden;
}
#products-nav ul li.active ul li img {
visibility: visible;
}
#logo {
background: #3c3635;
padding: 0 0 0 70px;
margin: 0 0 30px;
}
#top-nav {
padding: 0 0 0 70px;
margin: 0 0 20px;
overflow: hidden;
clear: both;
display: block;
}
#top-nav ul li {
list-style: none;
float: left;
background: url(/images/img/nav-divider.png) no-repeat top left;
padding: 0 7px 0 8px;
}
#top-nav ul li:first-child {
background: none;
padding: 0 7px 0 0;
}
#top-nav ul li.home a { background: url(/images/img/nav-home-over.png) no-repeat top left; }
#top-nav ul li.about a { background: url(/images/img/nav-about-over.png) no-repeat top left; }
#top-nav ul li.products a { background: url(/images/img/nav-products-over.png) no-repeat top left; }
#top-nav ul li.gallery a { background: url(/images/img/nav-gallery-over.png) no-repeat top left; }
#top-nav ul li.projects a { background: url(/images/img/nav-custom-over.png) no-repeat top left; }
#top-nav ul li.custom a { background: url(/images/img/nav-custom-over.png) no-repeat top left; }
#top-nav ul li.media a { background: url(/images/img/nav-media-over.png) no-repeat top left; }
#top-nav ul li.press a { background: url(/images/img/nav-press-over.png) no-repeat top left; }
#top-nav ul li.request-info a { background: url(/images/img/nav-request-info-over.png) no-repeat top left; }
#top-nav ul li.contact a { background: url(/images/img/nav-contact-over.png) no-repeat top left; }
#featured-products {
float: right;
width: 360px;
overflow: auto;
margin: 0 50px 0 0;
padding: 50px 0 0;
background: url(/images/img/header-featured-products.png) no-repeat top left;
}
#featured-products ul li {
list-style: none;
float: left;
height: 60px;
width: 98px;
margin: 0 20px 15px 0;
}
#featured-products ul li a img {
border: 1px solid #b6ab9b;
}
#featured-products ul li a:hover img {
border: 1px solid #4d4644;
}
#news {
width: 400px;
margin: 0 0 0 60px;
padding: 50px 0 0;
background: url(/images/img/header-news.png) no-repeat top left;
}
#news .news-item {
overflow: auto;
margin: 0 0 20px;
}
#news .news-item .title {
float: right;
width: 280px;
text-transform: uppercase;
}
#news .news-item .desc {
float: right;
clear: right;
width: 280px;
font: normal 12px/15px Helvetica, Arial, sans-serif;
}
#news .news-item .photo {
width: 110px;
}
#news .news-item .photo img {
border: 1px solid #b5a99a;
}
#products-content {
float: right;
width: 700px;
margin: 0 69px 0 0;
}
#products-nav {
width: 145px;
margin: 0 0 0 24px;
}
#products-nav ul li {
list-style: none;
display: block;
position: relative;
margin: 0 0 5px;
}
#products-nav ul li.tables {background: url(/images/img/product-nav-tables-over.png) no-repeat top left; }
#products-nav ul li.tables-cocktail {background: url(/images/img/product-nav-tables-cocktail-over.png) no-repeat top left; }
#products-nav ul li.tables-consoles {background: url(/images/img/product-nav-tables-consoles-over.png) no-repeat top left; }
#products-nav ul li.tables-desks {background: url(/images/img/product-nav-tables-desks-over.png) no-repeat top left; }
#products-nav ul li.tables-dining {background: url(/images/img/product-nav-tables-dining-over.png) no-repeat top left; }
#products-nav ul li.tables-side {background: url(/images/img/product-nav-tables-side-over.png) no-repeat top left; }
#products-nav ul li.seating {background: url(/images/img/product-nav-seating-over.png) no-repeat top left; }
#products-nav ul li.seating-barstools {background: url(/images/img/product-nav-seating-barstools-over.png) no-repeat top left; }
#products-nav ul li.seating-benches {background: url(/images/img/product-nav-seating-benches-over.png) no-repeat top left; }
#products-nav ul li.seating-chairs {background: url(/images/img/product-nav-seating-chairs-over.png) no-repeat top left; }
#products-nav ul li.seating-upholstery {background: url(/images/img/product-nav-seating-upholstery-over.png) no-repeat top left; }
#products-nav ul li.beds {background: url(/images/img/product-nav-beds-over.png) no-repeat top left; }
#products-nav ul li.mirrors {background: url(/images/img/product-nav-mirrors-over.png) no-repeat top left; }
#products-nav ul li.mirrors-floor {background: url(/images/img/product-nav-mirrors-floor-over.png) no-repeat top left; }
#products-nav ul li.mirrors-wall {background: url(/images/img/product-nav-mirrors-wall-over.png) no-repeat top left; }
#products-nav ul li.storage {background: url(/images/img/product-nav-storage-over.png) no-repeat top left; }
#products-nav ul li.storage-dressers {background: url(/images/img/product-nav-storage-dressers-over.png) no-repeat top left; }
#products-nav ul li.storage-media {background: url(/images/img/product-nav-storage-media-over.png) no-repeat top left; }
#products-nav ul li.storage-shelving {background: url(/images/img/product-nav-storage-shelving-over.png) no-repeat top left; }
#products-nav ul li.accessories {background: url(/images/img/product-nav-accessories-over.png) no-repeat top left; }
#products-nav ul li.accessories-lighting {background: url(/images/img/product-nav-accessories-lighting-over.png) no-repeat top left; }
#products-nav ul li.accessories-decor {background: url(/images/img/product-nav-accessories-decor-over.png) no-repeat top left; }
/* #products-nav ul li.accessories-rugs {background: url(/images/img/product-nav-accessories-rugs-over.png) no-repeat top left; }
#products-nav ul li.accessories-accessories {background: url(/images/img/product-nav-accessories-accessories-over.png) no-repeat top left; }*/
#products-nav ul li.new-product {background: url(/images/img/product-nav-new-product-over.png) no-repeat top left; }
#products-nav ul li.new-product-tables {background: url(/images/img/product-nav-new-product-tables-over.png) no-repeat top left; }
#products-nav ul li.new-product-seating {background: url(/images/img/product-nav-new-product-seating-over.png) no-repeat top left; }
#products-nav ul li.new-product-storage {background: url(/images/img/product-nav-new-product-storage-over.png) no-repeat top left; }
#products-nav ul li.new-product-beds {background: url(/images/img/product-nav-new-product-beds-over.png) no-repeat top left; }
#products-nav ul li.new-product-accessories {background: url(/images/img/product-nav-new-product-accessories-over.png) no-repeat top left; }
#products-nav ul li.quick-ship {background: url(/images/img/product-nav-quick-ship-over.png) no-repeat top left; }
#products-nav ul li.david-rockwell {background: url(/images/img/product-nav-david-rockwell-over.png) no-repeat top left; }
#products-nav ul li.candy-collection {background: url(/images/img/product-nav-candy-collection-over.png) no-repeat top left; }
#products-nav ul li.nought-collective {background: url(/images/img/product-nav-nought-collective-over.png) no-repeat top left; }
#products-nav ul li.streets-of-ny {background: url(/images/img/product-nav-streets-of-ny-over.png) no-repeat top left; }
#products-nav ul li.designers {background: url(/images/img/product-nav-designers-over.png) no-repeat top left; }
#products-nav ul li.designers-david-rockwell {background: url(/images/img/product-nav-designers-david-rockwell-over.png) no-repeat top left; }
#products-nav ul li.designers-jennifer-post {background: url(/images/img/product-nav-designers-jennifer-post-over.png) no-repeat top left; }
#products-nav ul li.designers-benjamin-noriega-ortiz {background: url(/images/img/product-nav-designers-benjamin-noriega-ortiz-over.png) no-repeat top left; }
#products-nav ul li.designers-nought-collective {background: url(/images/img/product-nav-designers-naught-collective-over.png) no-repeat top left; }
#products-nav ul li.designers-ernest-alexander {background: url(/images/img/product-nav-designers-ernest-alexander-over.png) no-repeat top left; }
#products-nav ul li.collections {background: url(/images/img/product-nav-collections-over.png) no-repeat top left; }
.catalog-link {
display: block;
padding: 30px 0 10px 30px;
text-transform: uppercase;
}
#product-ssp-wrapper {
margin: 0 0 15px;
}
#about-content {
width: 520px;
float: right;
margin: 0 130px 0 0;
text-align: justify;
display: inline;
}
#about-content.general {
width: 580px;
margin: 0 70px 0 0;
}
#about-content #about-photo {
margin: 0 0 15px;
overflow: auto;
}
#about-content #about-photo img {
border: 1px solid #918880;
}
#about-content #about-photo ul li {
list-style: none;
float: left;
display: inline;
margin: 0 0 0 18px;
}
#about-content #about-photo ul li:first-child {
margin: 0;
}
#about-nav {
width: 170px;
margin: 0 0 0 70px;
}
#about-nav ul li {
list-style: none;
}
#about-nav ul li.frank { background: url(/images/img/about-nav-frank-over.png) no-repeat top left; }
#about-nav ul li.factory { background: url(/images/img/about-nav-factory-over.png) no-repeat top left; }
#about-nav ul li.general { background: url(/images/img/about-nav-general-over.png) no-repeat top left; }
#about-nav ul li.photos { background: url(/images/img/about-nav-photos-over.png) no-repeat top left; }
#gallery-content,
#projects-content {
padding: 0 70px;
}
#gallery-content #gallery-ssp-wrap,
#projects-content #projects-ssp-wrap,
#contact-content #contact-ssp-wrap {
margin: 0 0 15px;
}
#media-content {
padding: 50px 0 0 0;
margin: 0 0 0 130px;
background: url(/images/img/header-media.png) no-repeat top left;
width: 580px;
}
#media-content .media-item {
margin: 0 0 35px;
}
#media-content .media-item .title {
color: #928880;
text-transform: uppercase;
font: normal 18px/18px Helvetica, Arial, sans-serif;
}
#press-content {
margin: 0 0 0 70px;
width: 820px;
}
#samples-content {
margin: 0 0 0 70px;
overflow: auto;
}
#samples-content #sample-request {
overflow: hidden;
padding: 10px 70px 0 0;
}
#samples-content #sample-request a {
display: block;
position: relative;
float: right;
width: 160px;
background: url(/images/img/samples-request-over.png) no-repeat top right;
}
#samples-content .american {
background: url(/images/img/header-american-woods.png) no-repeat top left;
}
#samples-content .exotic {
background: url(/images/img/header-exotic-woods.png) no-repeat top left;
}
#samples-content .metals {
background: url(/images/img/header-metals.png) no-repeat top left;
}
#samples-content .samples-cat {
padding: 50px 0 0;
}
#samples-content .samples-cat ul li {
list-style: none;
display: inline-block;
width: 124px;
padding: 0 8px 25px 0;
}
#samples-content .samples-cat ul li span {
display: block;
color: #928880;
text-transform: uppercase;
margin: 0 0 3px;
}
#contact-content {
margin: 0 0 0 70px;
width: 820px;
}
#footer {
color: #fff;
font: normal 10px/12px Helvetica, Arial, sans-serif;
padding: 10px 20px 25px;
}
#footer a {
color: #fff;
text-decoration: none;
}
#footer a:hover {
color: #928880;
}
#view-all-media {
overflow: hidden;
}
#view-all-media a {
display: block;
position: relative;
float: right;
background: url(/images/img/view-all-media-over.png) no-repeat top right;
}
#view-all-media a:hover img {
visibility: hidden;
}
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*
ColorBox example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}
#colorbox{}
#cboxContent{margin-top:32px;}
#cboxContent{background:#fff; padding:1px;}
#cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) 0 0 no-repeat;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious.hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext.hover{background-position:-25px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}
#cboxClose { background: #fff url(/images/img/cbox-close.png) no-repeat center right; width: 677px;height: 28px;}
/* new clearfix */
.clear { clear: both; }
a:active {
outline: none;
}
:focus {
-moz-outline-style: none;
}