/* CSS DOCUMENT */

*  { margin: 0; padding: 0;}
html { min-height: 100%; margin-bottom: 1px; }
img, a img { border: 0; }

body { font-size: 11px; font-family: verdana, arial, sans-serif; text-align: left; color: #999; background: #fff url(/assets/images/layout/bg.jpg) no-repeat; }
table, th, td { font-size: 11px; font-family: verdana, arial, sans-serif; color: #999;}

#skip { display: none; }

a:link, a:visited { color: #8e865e; text-decoration: underline;}
a:hover  { color: #302f2e; text-decoration: none;}

/* HEADER */
#container { position: relative; width: 770px;padding: 0 0 80px; }
#header  { position: relative; height: 96px;}

/* NAVIGATION */
#nav { position: absolute; top: 15px; right: 0;}
#nav li { float: left; position: relative; font-size: 12px; list-style: none; border-right: 1px solid #8e865e; letter-spacing: -1px;}
#nav li a:link, #nav li a:visited { float:left; height: 15px; line-height: 15px; padding: 0 8px; display: block; text-decoration: none; outline: none; }
#nav li.on { font-weight: bold; }
#nav li.last { border: 0; }

/* SUB NAVIGATION */
#nav2 { position: absolute; top: 60px; right: 0px;}
#nav2 li { float: left; position: relative; font-size: 12px; list-style: none; border-right: 1px solid #8e865e; letter-spacing: -1px;}
#nav2 li a:link, #nav2 li a:visited { float:left; height: 15px; line-height: 15px; padding: 0 8px; display: block; text-decoration: none; outline: none; }
#nav2 li.on { font-weight: bold; }
#nav2 li.last { border: 0; }

/* CATEGORY NAVIGATION */
#categorynav { position: absolute; top: 40px; right: 200px;}
#categorynav li { float: left; position: relative; font-size: 12px; list-style: none; border-right: 1px solid #8e865e; letter-spacing: -1px;}
#categorynav li a:link, #categorynav li a:visited { float:left; height: 15px; line-height: 15px; padding: 0 8px; display: block; text-decoration: none; outline: none; }
#categorynav li.on { font-weight: bold; }
#categorynav li.last { border: 0; }

/* SOCIAL NETWORKS LINKS */
#socialmedialinks { position:absolute;top:300px;left:40px;}
#socialmedialinks img { padding:5px 0;}

/* HOME page */
#content { margin: 0 0 0 200px; }
#content p { padding: 0 0 10px; line-height:13px;}
#content ul, #content ol { padding: 0 20px 10px;}
#content li ul, #content li ol { padding: 5px 20px;}
#content table { margin: 0 0 10px;}
#content th { padding: 2px; font-size: 12px;}
#content td { padding: 6px 4px;}

.table td { border-top: 1px solid #e9e4da; }

.h_col1 { float: left; width: 290px; padding: 0 0 20px; }
.h_col2 { float: left; display: inline; margin-left: 20px; width: 259px; padding: 0 0 20px;}

/* CATEGORY LAYOUT */
.h_cat_header { float:left;width:100%;}
.h_cat_content_col1 { float:left;width:33%;padding:0;margin:0; }
.h_cat_content_col2 { float:left;width:34%;padding:0;margin:0; }
.h_cat_content_col3 { float:left;width:33%;padding:0;margin:0; }

.category img { margin:0 auto;text-align:center;display:block; }
.category h2 { text-align:center;text-transform:capitalize; }
.category a { text-decoration:none; }

#furniturenav { margin: 30px 0 0;}

/* SUB page */
.gallery #content { margin: 125px 0 20px 200px; }
.about #content  { margin: 0 0 0 310px; }
.about .s_col1  { width: 180px; }
.designmaterials #content  { margin: 0 0 0 310px; }
.designmaterials .s_col1 { width: 180px; }
.environment #content  { margin: 0 0 0 310px; }
.environment .s_col1 { width: 180px; }
.commission .s_col1 { padding-left: 40px; width: 250px; }
.press .s_col1 { padding-top: 40px; }

.about .gallery_thmbs { margin: 80px 0 0; }
.designmaterials .gallery_thmbs { margin: 80px 0 0; }
.environment .gallery_thmbs { margin: 80px 0 0; }
.gallery_thmbs { font-size: 9px; letter-spacing: -1px; }
.gallery_thmbs img { float: left; margin: 0 5px 5px 0; padding: 2px; border: 1px solid #e9e4da; }
.gallery_thmbs a:hover img { border: 1px solid #bdb4a8; }

.s_col1 { position: relative; float: left; width: 290px; padding: 0 0 20px; }
.s_col2 { float: left; display: inline; margin-left: 20px; width: 259px; padding: 0 0 20px;}

.thmbs { position: absolute; bottom: 0; right: 0; font-size: 9px; letter-spacing: -1px;}
.thmbs img { margin: 0 0 2px; padding: 2px; border: 1px solid #e9e4da;}
.thmbs a:hover img { border: 1px solid #bdb4a8;}

.caption { height: 44px; line-height: 44px; padding-left: 38px;}

/* TIMBER COLLECTION */
.prod_chair .caption { background: url(/assets/images/work/timber/lofn_chair/lofn_icon.gif) no-repeat;}
.prod_bench .caption { padding-left: 75px; background: url(/assets/images/work/timber/baldr_bench/baldr_icon.gif) no-repeat;}
.prod_dagrtable .caption { padding-left: 60px; background: url(/assets/images/work/timber/dagr_table/dagr_icon.gif) no-repeat;}
.prod_tyrtable .caption { padding-left: 45px; background: url(/assets/images/work/timber/tyr_table/tyr_icon.gif) no-repeat;}
.prod_eirtable .caption { padding-left: 45px; background: url(/assets/images/work/timber/eir_table/eir_icon.gif) no-repeat;}
.prod_midirdesk .caption { padding-left: 60px; background: url(/assets/images/work/timber/midir_desk/midir_icon.gif) no-repeat;}
.prod_birog .caption { padding-left: 60px; background: url(/assets/images/work/timber/birog_table/birog_icon.gif) no-repeat;}
.prod_sulis .caption { padding-left: 75px; background: url(/assets/images/work/timber/sulis_table/sulis_icon.gif) no-repeat;}
.prod_lofn_barstool .caption { height:68px; padding-left: 60px; background: url(/assets/images/work/timber/lofn_barstool/lofn_barstool_icon.gif) no-repeat;}
.prod_lofn_chair .caption { height:61px; padding-left: 45px; background: url(/assets/images/work/timber/lofn_barstool/lofn_barstool_icon.gif) no-repeat;}
.prod_danu .caption { padding-left: 45px; background: url(/assets/images/work/timber/danu_bedside_table/danu_icon.gif) no-repeat;}

/* BROEN COLLECTION */
.prod_ashlartable .caption { padding-left: 91px; background: url(/assets/images/work/broen/ashlar_table/ashlar_icon.gif) no-repeat;}
.prod_bartizandesk .caption { padding-left: 72px; background: url(/assets/images/work/broen/bartizan_desk/bartizan_icon.gif) no-repeat;}
.prod_dagdachair .caption { padding-left: 51px; background: url(/assets/images/work/broen/dagda_chair/dagda_icon.gif) no-repeat;}
.prod_bartizan_bench .caption { padding-left: 45px; background: url(/assets/images/work/broen/bartizan_bench/bart_bench_icon.gif) no-repeat;}
.prod_bartizan_table .caption { padding-left: 45px; background: url(/assets/images/work/broen/bartizan_table/bart_table_icon.gif) no-repeat;}

/* FOOTER NAVIGATION */
#footer { position: relative; text-align: center; clear: both; margin: 50px 0 0; height: 50px;}
#footer ul { margin: 0 auto; width: 350px;text-align:center;}
#footer li { float: left; position: relative; font-size: 10px; list-style: none; border-right: 1px solid #8e865e;}
#footer li a:link, #footer li a:visited { float:left; height: 15px; line-height: 15px; padding: 0 8px; display: block; text-decoration: none; outline: none; }
#footer li.last { border: 0; }
#footer li.copyright {height: 15px; line-height: 15px; padding: 0 8px; }
#footer span { font-size: 10px }

#footer img.icon_silhouette { margin:0 auto;margin-left:95px;}
#footer img.icon_varian { position: relative; float:right; margin:-20px;}
#footer img.icon_facebook { position: relative; float:right;margin:-18px 22px 0 0; }
#footer img.icon_twitter { position: relative; float:right;margin:-18px 0 0 0;}

/* CONTACT FORM */
.contactform { margin: 0 0 15px;}
.contactform label { font-weight: bold; }
.contactform td { padding: 5px; vertical-align: top; border: 0!important;}
.contactform td span { color: #900}
.input { border: 1px solid #999; border-color: #888 #ddd #ddd #888; padding: 2px; }
.bttn { font-weight: bold; font-size: 12px; color: #036; padding: 2px; text-transform: uppercase; }
input:focus, textarea:focus { background: #FFFFCC;}
.confirm { color: #0C860B;}

/* GALLERY */
#galleryname { display:block;margin:0 auto;padding: 10px 0 0 0;}
#galleryname p { text-align:center; }
#galleryname .collectionname { font-weight:bold;font-style:italic; }

/* HORIZONTAL SCROLLER */
ul.blocks { padding:0;width:1000px;display:block;height:80px; }
ul.blocks li {width:138px;margin:0 0 0 0px;float:left;display:block;height:80px; }
.holder { margin:0;display:block;margin-bottom:20px; }
.scroll-pane { width:138px;background:#F7F5F0;float:left;padding:0; }
#productscroller { height:80px;width:100%;padding:0;display:block;_overflow:hidden; }
.scroll-pane { background: #FFF; }

/* PRESS */
table.press-snippets { border:none;padding:3px;margin:none; }
table.press-snippets img { border:1px solid #666; }

/* MISC*/
.input { padding: 2px; border: 1px inset #999;}
.clear  { clear: both; height: 1px; font-size: 1px;}
.floatright { float: right; margin: 0 0 10px 15px; clear: right;}
.floatleft { float: left; margin: 5px 15px 10px 0;}
.alignright { text-align: right; clear: both;}
.alignleft { text-align: left;}

hr { height: 1px; border: 0; background: #ddd; color: #ddd; margin: 0 0 15px; clear: both; }
blockquote { background: #f7f5f0; padding: 10px; margin: 0 10px 10px; font-style: italic; }

small { font-size: 10px; line-height: 120%;}

h1 { font-size: 34px; font-weight: normal; line-height: 34px; letter-spacing: -1px; padding: 10px 0 20px; font-family: helvetica, arial, sans-serif; background: url(/assets/images/layout/bg_h1.gif) no-repeat top right;}
h2 { font-size: 13px; text-transform: uppercase; padding: 0 0 10px;font-family: helvetica, arial, sans-serif; color: #666; }
h2 span { font-size: 9px; font-family: verdana, arial, sans-serif; color: #999; text-transform: none; font-weight: normal; letter-spacing: -1px;}
h3 { font-size: 13px; color: #666; padding: 0 0 5px; }

.singlecol { text-align:right;padding-right:174px;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */