html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* Foundation
--- */
#site{position:absolute;width:100%;height:100%;top:0;left:0;z-index:70;overflow:auto;}
#wrap{margin:0 auto;width:940px;padding:50px 20px 20px 20px;background:rgba(26,26,26); position: relative; margin-bottom: 150px;}
#logo{position: absolute; right:20px; top: 60px;}
#site #wrap .last {margin-right: 0;}
.product-frame {background: rgba(220,220,220,0.5); overflow: hidden; clear: both; margin: 20px 0 0px 0; padding: 8px 4px 4px;}
img {display:block;}
/* Full screen BG
--- */
html,body,#bg,#bg table,#bg td{height:100%;width:100%;overflow:hidden; background: #000;}
#bg{position:fixed;}
#bg div{height:200%;left:-50%;position:absolute;top:-50%;width:200%;}
#bg td{text-align:center;vertical-align:middle;}
#bg img{margin:0 auto;min-height:50%;min-width:50%;}
/* Typography
--- */
body{font:12px/1.2 Verdana,sans-serif;color:#fff;}
h1,h2,h3,h4,.crumb{font-size:11px;}
a{color:#ccc;}
a:hover{color:#63584d;}
strong{font-weight:bold;}
p {margin: 20px 0; font-size: 11px; line-height: 18px;}
#content li {list-style: disc; margin-left: 20px;}
/* Home page
--- */
.home #header {text-align: center;}
.home img {display: inline; margin-bottom:40px;}
.home #header h1 {font-size: 18px; font-style:italic; font-family: georgia, serif;}
.home #markets p {margin: 0; font-size: 11px; line-height: 18px;}
#markets {margin:20px auto; clear:both; width: 600px; overflow: hidden; padding: 10px;}
#markets .market {float: left; position:relative; width: 200px; height: 370px; overflow:hidden; cursor: pointer;}
#markets .market .cover {width: 200px; height:310px; background:rgba(0,0,0,0.3); position:absolute; top:0; left:0; text-indent:-9999px;}
#markets .market:hover {-webkit-box-shadow:0 0 8px #ffffff; -moz-box-shadow: 0 0 8px #ffffff; box-shadow:0 0 8px #ffffff; z-index:9999;}
#markets .market:hover .cover {background:none;}
#markets .market .copy {position:absolute; bottom: 0px; padding:12px; width: 176px; background:rgba(0,0,0,0.85); height: 40px;}
#markets .market h2 {font-size: 22px; font-family: georgia, serif; font-weight: bold; color: #fff; font-style:italic;}
/* Collection page
--- */
.collection-item {float: left; padding: 20px;}
.collection-item h2 {font-weight: bold; margin-bottom:10px;}
.market #header {margin-top:50px;}
/* Primary
--- */
#primary {color: #000; font-family: georgia; padding:20px; float:left; width:620px;}
#primary h1 {font-size: 20px; font-weight: normal;margin-bottom:20px;}
#primary h2 {margin-bottom:-15px; padding-bottom:0;}
/* Sub navigation
--- */
#sub-nav ul {margin:0; padding:0;}
#sub-nav {float: left; width: 200px; padding: 20px;}
#sub-nav li {display: block; border-bottom: 1px solid #fff; padding:0; margin:0;}
#sub-nav a {color: #000; display:block; padding:7px 5px; text-decoration: none; font-size: 11px; cursor:pointer;}
#sub-nav a.active,
#sub-nav a:hover {background: #aaa;}
/* Page specifics
--- */
.page .product-frame {background: rgba(255,255,255,0.75 );}
.page #header {padding:20px 0}
/* Tooltip generics
-- */
.tooltip h2 {position: absolute; top:0; left:0; background:rgba(0,0,0,0.75); display: none; z-index:2000;}
.tooltip .item {position: relative;}
/* Product Mix
--- */
#product-mix .col {float: left; width: 308px; margin-right: 4px;overflow:hidden;}
#product-mix .col .col-wrap {width: 312px; overflow:hidden;}
#product-mix .col div {position: relative; margin-bottom: 4px;}
#product-mix .item {overflow: hidden; margin-right:4px; }
#product-mix .big-item {width: 308px; height: 308px;}
#product-mix .tiny-item {width: 152px; height: 152px; float: left;background: #fff;}
#product-mix .tall-item {height: 308px; float: right; width: 152px;}
#product-mix .wide-item {width: 312px; height: 152px;}
#product-mix img.zoom {position: absolute; display: none; top:0; z-index:1000;}
#product-mix .col h2 {font: italic 14px/1.2 georgia, serif;padding: 6px;}
/* Footer nav
--*/
#footer-nav {clear:both; margin-top:20px;}
#footer-nav p {text-align: center; text-transform: uppercase; color:#CCCCCC; font-size: 8px; margin-bottom:-10px; margin-top:50px;}
#footer-nav a {background: rgba(0,0,0,0.1); text-decoration: none; margin-right: 40px; color: #fff; padding: 3px; text-transform: uppercase; font-size: 10px;}
#footer-nav a.active,
#footer-nav a:hover {background: rgba(88,88,88,0.9); color: #FFF;}
a#pricing {background: rgba(218,218,218,0.9); color: #000; padding: 5px;}
/* Product page specifics
--- */
.product .product-frame {padding:0;}
.product-body {overflow:hidden;}
/* Product Info
---*/
#product-info {background: url(../i/product-bg.png) repeat-x; height: 386px; color: #000; width: 204px; padding: 24px; font-family: georgia; float:left;}
#product-info h1,
#product-info h2 {font-size: 24px; font-weight: normal; color: #222; font-style:italic;}
#product-info h2 {margin-top: 10px; color: #555;}
#product-info p {margin-top: 20px; line-height: 1.4;}
a#info-pack-btn {height: 48px; width: 173px; background:url(../i/info-pack-btn.png) no-repeat top left; display: block; text-indent: -9999px; margin: 20px 0;}
a#info-pack-btn:hover {background-position: bottom left;}
/* Product Slider
--- */
#product-slider {overflow: hidden; padding: 0px 15px 20px 29px; position:relative; margin-top:20px;}
#product-slider .item {height: 90px; width:101px; background: #fff; margin-right: 8px; border:1px solid #555; float: left;}
#product-slider .active {border: 3px solid #555; margin-right:7px; margin-left: -1px; margin-top: -2px;}
#product-slider .nav {cursor: pointer; width: 22px; position: absolute; height:90px; background: #555 url(../i/slider-arrows.png) no-repeat 5px 36px;border:1px solid #888; border-width: 1px 0px 1px 1px; text-indent: -9999px;}
#product-slider .nav:hover {background-color: #666;}
#product-slider .inactive {background-color: #bcbec0; cursor:default;}
#product-slider .inactive:hover {background-color: #bcbec0;}
#product-slider #nav-right {right: 0px; background-position: -84px 36px; top:2px;}
#product-slider #nav-left {top: 2px; left: 0px; border-width: 1px 1px 1px 0px;}
#product-slider h2 {font: italic 12px/1.2 arial, sans-serif; font-style: normal; padding: 3px;}
#slider-container {overflow: hidden; height: 100px; width:800px; padding-top: 2px; margin-top: -2px; width:890px;}
#slider-items {overflow: hidden; width:5000px; padding-top:2px;}
#site #slide-active {border: 2px solid #000; width:99px; overflow:hidden;}
/* Slider filter
--- */
#slide-filter {background: #222; padding:10px 10px 0px 10px; float:right; overflow:hidden;}
#slide-filter h2 {float: left; margin-right: 10px; font-size: 12px;font-style:italic; padding:5px;}
#slide-filter a {text-decoration:none; padding: 5px 5px 10px 5px; float:left; margin-right:5px;}
#slide-filter a.active,
#slide-filter a:hover {background: #666; color:#fff;}
/* Product nav
--- */
#product-nav {float:left;}
#product-nav span.caption {float:left; display: block; padding:9px; background:#aaa; color:#000; font-size:11px; line-height:1.22;}
#product-nav div {float: left; background: #fff url(../i/arr-d.png) no-repeat 94% 50%; width: 175px; color: #444; padding: 4px; position:relative;}
#product-nav div h2 {font-weight: normal; cursor: pointer; padding: 4px; line-height: 1.4; margin:0;}
#product-nav div div {display: none; position: absolute; width: 175px; padding: 4px; background: #eee; left:0;}
#product-nav div a {display: block; text-decoration: none; color: #333; padding: 4px; font-size: 14px;}
#product-nav div a:hover {background: #aaa;}
#product-nav div a.active {background: #ccc;}
/* Product Gallery
--- */
#product-gallery {float: right; margin-top: 10px; margin-right:33px;}
#product-gallery .desc,
#product-gallery h2 {display: none;}
#product-gallery img.full {display: none;}
#gallery-items {float: left; margin-right: 10px;}
#gallery-items .item {border: 3px solid transparent; margin-bottom: 6px; cursor: pointer;}
#gallery-items .active {border-color: #555;}
#gallery-canvas {width: 465px; background: #fff; height: 416px; float: right; border:3px solid #555; overflow:hidden; position:relative;}
#gallery-canvas img {position: absolute; top:0; z-index:10;}
#gallery-canvas .desc {position: absolute; bottom:0; font-size:11px; font-style: italic; font-family: georgia; background: #dbdbdc; z-index:20; padding: 6px 10px; margin:0; color:#000; width:100%;}