@charset utf-8; 

/**
 * SenCSS 0.6 - Sensible Standards CSS framework
 *
 * Copyright (c) 2008-2009 Kilian Valkhof (kilianvalkhof.com)
 * Visit sencss.kilianvalkhof.com for more information and changelogs.
 * Licensed under the MIT license. http://www.opensource.org/licenses/mit-license.php
 */

/**
 * Basic reset - By Eric meyer and Paul Chaplin, http://meyerweb.com/eric/tools/css/reset/
 */
html,body,div,span,applet,object,iframe,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,strong,tt,var,dl,dt,dd,blockquote,fieldset,form,i,b,caption,tbody,tfoot,thead,tr,th,td,ul,li { margin:0; padding:0; vertical-align:baseline; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; }
:focus { outline:none; }
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; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/**
 * Baseline and common looks - Sets a vertical rhythm and styles the different elements.
 */
a { text-decoration:underline; }
a:hover,a:focus { text-decoration:none; }
abbr,acronym { border-bottom:1px dotted; cursor:help; font-variant:small-caps; }
address,cite,em,i { font-style:italic; }
blockquote p { margin:0 1.5em 1.5em; padding:.75em; }
code,kbd,tt { font-family:"Courier New", Courier, monospace; line-height:1; line-height:1.5; }
del { text-decoration:line-through; }
dfn { border-bottom:1px dashed; font-style:italic; }
dl { margin:0 0 1.5em; }
dt { font-weight:700; }
dd { padding-left:1.5em; }
img { display:inline-block; vertical-align:bottom; }
ins { text-decoration:overline; }
ol { list-style:inside decimal; }
pre { font-family:"Courier New", Courier, monospace; margin:0 0 1.5em; }
sub { top:.4em; font-size:.85em; line-height:1; position:relative; vertical-align:baseline; }
sup { font-size:.85em; line-height:1; position:relative; bottom:.5em; vertical-align:baseline; }
strong,b { font-weight:700; }
strong.red { color:#44151D; }
ul { list-style:inside disc; }
ul,ol { margin:0 0 1.5em; padding:0; }
li ul,li ol { margin:0; }
li li { padding-left:1.5em; }

/*! forms */
form button { cursor:pointer; display:block; font-size:1em; height:2em; line-height:1.5em; margin:.8em 0 0; margin:1.75em 0 0; padding:0 .5em; }
form fieldset { border:0; margin:0 0 1.5em; position:relative; padding:1.5em 0 0; }
form fieldset fieldset { clear:both; margin:0 0 1.5em; padding:0 0 0 1.5em; }
form input { border:1px solid #969B26; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-size:1em; height:2em; line-height:1em; padding:.29em 0; width:100%; margin:0 0 .75em; font-family:Helvetica Neue, Lucida Grande, Helvetica, sans-serif; }
form input[type=file] { height:2.25em; padding:0; }
form textarea { border:1px solid #969B26; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0; padding:.29em 0; width:100%; font-family:Helvetica Neue, Lucida Grande, Helvetica, sans-serif; }
form select { border:1px solid #fff; font-size:1em; height:2.25em; margin:0 0 .75em; margin:0 0 .8em; _margin:0 0 1.3em; padding:.2em 0 0; font-family:Helvetica Neue, Lucida Grande, Helvetica, sans-serif; }
form optgroup { font-weight:700; font-style:normal; text-indent:.2em; }
form optgroup + optgroup { margin-top:1em; }

/*
form option {
	font-size:1em;
	height:1.5em;
	padding:0;
	text-indent:1em;
} */
form label { cursor:pointer; display:block; height:1.5em; height:auto; line-height:1.4em; margin:0; padding:0; width:100%; }
form label input { background:0; border:0; height:1em; height:1.5em; line-height:1.5em; margin:0 .5em 0 0; padding:0; width:auto; }
form legend { font-size:1.1666em; font-weight:700; left:0; margin:0; padding:0; }

/**
 * Common classes - Some base classes for pretty typography, asides and messages.
 */
.amp { font-family:Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", "URW Chancery L", Gentium, serif; font-style:italic; }

/** 
 * Common context-sensitive classes - These names are obnoxious on purpose, I want you to change them into what classname fits with your content. :)
 */
.firstParagraphArticle:first-letter { float:left; font-size:3.2em; font-weight:700; line-height:1em; margin:0 0 -.2em; padding:.125em .1em 0 0; }
.horizontalForm button { clear:left; float:right; margin:0; }
.horizontalForm input,.horizontalForm textarea { float:left; margin:0 0 .75em; margin:0 0 .8em; width:70%; }
.horizontalForm select { float:left; margin:0 0 .75em; _margin:0 0 1.25em; }
.horizontalForm label { clear:left; float:left; padding:.375em 0; width:29%; }
.horizontalForm label input { height:1em; line-height:1.5em; margin:.25em .5em 0 0; width:auto; }
.horizontalForm label.singleLine { clear:both; float:none; height:1.5em; padding:0; width:100%; }

/*end sen.0.6.css*/

/* =========================================================
		http://topfunky.com/baseline-rhythm-calculator/
		font size 13px
		baseline 23px
		
		ridiculous decimal precision !!!!
		
============================================================ */

/* =========================================================
		pea green: 	87841B
		almost pea:	969B26
		wine:		44151D
		butter:	F7F5B7
============================================================ */
body { font-family:Georgia, Constantia, Times, serif; font-size:13px; line-height:1.7692307692308em; margin:0; padding:0; word-spacing:.05em; letter-spacing:.09em; color:#F7F5B7; }
h1 { margin:0; font-size:1.6153846153846em; line-height:1.0952380952381em; margin-bottom:1.0952380952381em; letter-spacing:-.02em; }
h2 { margin:0; font-size:1.4615384615385em; line-height:1.2105263157895em; margin-bottom:1.2105263157895em; letter-spacing:-.02em; }
h3 { margin:0; font-size:1.3076923076923em; line-height:1.3529411764706em; margin-bottom:1.3529411764706em; letter-spacing:-.02em; }
h4 { margin:0; font-size:1.1538461538462em; line-height:1.5333333333333em; margin-bottom:1.5333333333333em; }
p,ul,blockquote,pre,td,th,label,li { margin:0; font-size:1em; line-height:1.7692307692308em; margin-bottom:1.7692307692308em; }
.small { margin:0; font-size:.84615384615385em; line-height:2.0909090909091em; margin-bottom:2.0909090909091em; }
table { border-collapse:collapse; margin-bottom:1.7692307692308em; }

/* !debug bullshit */
a { text-decoration:underline; color:#44151D; }
a:hover { text-decoration:underline; }

/* links */
div.left p a,div.left ul li a { text-decoration:none; color:#44151D; }
div.left p a:hover,div.left ul li a:hover { text-decoration:underline; }

/* ! masthead, nav, and subnav */
#masthead *,#nav *,#subnav * { margin:0; text-transform:lowercase; letter-spacing:-.02em; }
#masthead ul li,#nav ul li,#subnav ul li { display:inline; list-style:none; }
#masthead li,#nav li,#subnav li { font-size:1.3076923076923em; }
#masthead h1 { float:left; width:280px; text-transform:lowercase; margin:0; }
#masthead ul { margin-left:350px; text-align:right; margin-right:10px; }

/* masthead links  */
#masthead a { padding:3px 10px; background:none; text-decoration:none; border:none; color:#F7F5B7; }
#masthead a:hover { background-image:url(i/bg-a-current.png); border:0; color:#44151D; }
#nav a,#subnav a { padding:3px 10px; background:none; text-decoration:none; border:none; color:#44151D; }
#nav a:hover,#subnav a:hover { background-image:url(i/bg-a-current.png); border:0; color:#F7F5B7; }

/* current links */
#nav a.current,#subnav a.current { color:#44151D; background-image:url(i/bg-a-current.png); }
#nav a.current:hover,#subnav a.current:hover { cursor:default; }

/* !news and newsblocks */
#news { color:#F7F5B7; background-image:url(i/bg-news.png); letter-spacing:.02em; word-spacing:.05em; }
.newsblock1,.newsblock2,.newsblock3 { width:280px; float:left; display:inline-block; }
.newsblock1,.newsblock2 { padding-right:25px; margin-right:24px; }
#news h3 { color:#44151D; margin-bottom:0; }
#news p {  }
#news p + ul { border-top:1px solid #969B26; padding-top:.88461539em; margin-top:-.88461539em; }
#news li { margin-bottom:0; list-style-type:none; }
#news p strong { font-weight:normal; color:#44151D; }
#news p em { color:#44151D; }

/* !content styles */
#content .left { font-style:italic; }
#content .right img { }
#content div.right img.featured { border:5px solid #AEB06B; }
#content div.right p { }

/* ! fancy links, in all its flavors - as a page part, a link in a para, and in a ul/li */
div.fancy-links { border-top:1px solid #969B26; margin:0 -10px; padding:1.7692307692308em 10px 0; }
div.fancy-links li { list-style-type:none; color:#44151D; margin-bottom:4px; line-height:1.3529411764706em; }
div.fancy-links ul li a,a.fancy { background-color:none; background-color:transparent; text-decoration:none; color:#44151D; font-size:1.3076923076923em; line-height:1.3529411764706em; letter-spacing:-.02em; background-image:url(i/fancy-arrow.png); background-repeat:no-repeat; background-position:left 3px; padding-left:27px; }
div.fancy-links ul li a:hover,a.fancy:hover { text-decoration:none; border:0; color:#F7F5B7; background-color:transparent; background-image:url(i/fancy-arrow.png); background-repeat:no-repeat; background-position:left 3px; padding-left:27px; }

/* end typography.css */

/* ! JQUERYTOOLS gallery ------------------ */

/* http://flowplayer.org/tools/demos/scrollable/gallery.htm */

/* http://static.flowplayer.org/tools/css/scrollable-horizontal.css */

/* styling for the image wrapper */
#image_wrap { padding:5px; background:#ADB16C; z-index:-100; background-color:#ADB16C; }
.scrollable { position:relative; overflow:hidden; background:yellow; width:524px; min-height:162px; background:#AEB06B; float:left; z-index:200; }
.scrollable .items { width:20000em; position:absolute; clear:both; }

/* single scrollable item-these are the thumbs */
div.scrollable .thumb { float:left; width:148px; text-align:center; margin:10px; padding-left:6px; }
.scrollable img { float:left; cursor:pointer; width:140px; height:110px; border:4px solid #F7F5B7; }
.thumb p { font-family:Helvetica Neue, Corbel, sans-serif; font-size:12px; line-height:14px; letter-spacing:0; text-align:left; margin:4px; text-transform:lowercase; }

/* active item */
.scrollable .active { z-index:9999; position:relative; }
.scrollable .active img { border-color:#44151D; }

/* prev, next, prevPage and nextPage buttons */
a.browse { background:url(i/buttons-scrollable.png) no-repeat; display:block; width:30px; height:30px; float:left; cursor:pointer; font-size:1px; z-index:500; margin:55px 4px 0; }
a.browse:hover { border:0; }

/* right */
a.right { background-position:0 -30px; clear:right; }
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; }

/* left */
a.left { }
a.left:hover { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }

/* up and down */
a.up,a.down { background:url(../img/scrollable/arrow/vert_large.png) no-repeat; float:none; margin:10px 50px; }

/* up */
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }

/* down */
a.down { background-position:0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; }

/* disabled navigational button */
a.disabled { visibility:hidden!important; }

/* ! JQUERYTOOLS ajax TABS this is for the leathers and papers page 
http://flowplayer.org/tools/demos/tabs/ajax-noeffect.htm   ------------------ */

/* root element for tabs  */
.css-tabs { margin:0!important; }

/* link inside the tab. uses a background image */
.css-tabs p,.css-tabs h4 { color:#F7F5B7; font-family:Avenir; font-style:normal; display:block; margin-bottom:0; border-bottom:1px solid #969B26; padding-top:.3em; padding-bottom:.1em; font-size:1.25em; line-height:1.3em; text-indent:.5em; }
.css-tabs span { display:block; color:#44151D; font-size:.75em;  font-family: Helvetica Neue, Helvetica, sans-serif;  letter-spacing: 0; }
.css-tabs a { color:inherit; text-decoration:none; display:block; background:none; }
.css-tabs a:hover,.css-tabs a.current { border:0; background-image:url(i/bg-a-current.png); }

/* selected tab */
.css-tabs a.current { cursor:default; }

/* tab pane */
div.css-panes div { display:none; min-height:150px; }

/* end jquerytools.css */

/* begin iona.css */

/* ! colors */

/*
	pea green: 	87841B
	almost pea:	969B26
	wine:			44151D
	butter:		F7F5B7
	weird img		AEB06B
*/

/* !building blocks ---------------------------------------------------------------------------- */
html { background:#87841B; background-image:url(i/bg-thistle.png); }
body { backgroundtext-align:center; overflow-y:scroll; }
#wrapper { width:980px; text-align:left; margin:0 auto; padding-top:13px; }
#page { }

/* indent these items, all so the home page image can have a border that sticks out */
#masthead,#nav,#subnav { margin:0 10px; }
#footer,#news,#content div.left { margin:0 20px; }
#masthead { margin-bottom:.25em; }
#nav { margin-bottom:.75em; }
#content { background-image:url(i/bg-content.png); padding-top:.5em; padding-bottom:1.5em; }
#subnav { padding-bottom:.75em; margin-bottom:1.25em; border-bottom:1px solid #969B26; height:30px; }
#footer { margin-top:2em; }
#news { margin-top:2.25em; }

/* for pages with innerfade.js */
#fader { text-align:center; height:410px; overflow:hidden; }
#banana { background-image:url(i/bg-banana.png); background-repeat:no-repeat; width:604px; height:674px; z-index:-10; position:fixed; bottom:0; left:-90px; opacity:.35; display:block; }

/* ! stuff that lives in content */
#content div.left { width:290px; float:left; clear:none; margin-left:20px; margin-right:40px; }
#content div.right { width:610px; float:left; clear:none; margin-right:20px; }
div.left img { border:1px solid #969b26; margin-bottom:10px; }

/* ! home page-specific content */
body#page- #content { background-image:none; }
body#page- #fader { height:410px; }
body#page- #fader img { width:948px; border:1px solid #969B26; padding:4px; }

/* ! page-specific overrides */
body#page-construction #content div.right,body#page-papers #content div.right,body#page-leathers #content div.right,body#page-gallery #content div.right { background:#AEB06B; }

/* flatcrabs: move these type things to the typography.css */

/* for text heavy pages like the faq and history */
body#page-faqs #content div.right h3,body#page-history #content div.right h3 { margin-bottom:0; width:30em; }
body#page-faqs #content div.right p,body#page-history #content div.right p { letter-spacing:.02em; width:40em; }

/* and the left side of the contact page */
body#page-contact #content div.left h3 { margin-bottom:0; }
body#page-contact #content div.left li { list-style-type:none; margin-bottom:0; }
body#page-contact #content div.left ul { border-bottom:1px solid #969B26; padding-bottom:.88461539em; margin-bottom:.88461539em; }

/* !page-specific overrides --- one column layout : has body but no 'right' div
----------------------------------------------------------------------------------------------------*/
body#page-customize-your-own #content .left,body#page-our-most-popular #content .left { width:910px; }
body#page-customize-your-own #content .right,body#page-our-most-popular #content .right { display:none; }

/* order form styles */
form option,form input,textarea { color:#44151D; font-size:12px; font-style:normal; }
form input.fauxbutton { width:125px; float:right; margin-top:2em; margin-right:10px; border:1px solid #44151D; background:#44151D; color:#F7F5B7; font-family:Georgia, serif; padding:1px 1px 5px; font-style:italic; height:2.5em; letter-spacing:.05em; }
input.fauxbutton:hover { border:1px solid #F7F5B7; }

/* most popular*/
div.most-pop { border-bottom:1px solid #969B26; margin-bottom:1.76923em; padding-bottom:1.6em; min-height:230px; }
div.most-pop img { border:1px solid #AEB06B; float:left; }
div.most-pop div.desc { margin-left:320px; }
div.most-pop h3 { margin-bottom:0; }
div.most-pop h3 + p { font-style:italic; color:#44151D; }
div.most-pop li { list-style-type:none; margin-bottom:0; }
div.css-tabs + p { margin-top:1.7692307692308em; }

/* color classes*/
.wine { color:#44151D; }

/* links page */
.linky { float:left; border:1px solid #969b26; margin-right:10px; overflow:hidden; margin-bottom:10px; width:140px; height:140px; }
.linky p { margin:0; }
.linky a { margin:4px; padding:4px; display:block; width:124px; height:124px; background-image:url(i/bg-content.png); color:#F7F5B7; text-decoration:none; }
.linky a:hover { background-color:#969B26; }
div.css-panes p { margin-top:.84615384615385em; }
div.css-panes p.desc,div.css-panes p.desc + p { margin-left:20px; margin-right:20px; letter-spacing:normal; word-spacing:normal; }

/* customize form */
div.frm-wrap label.error { position:fixed; top:132px; left:0; display:block; background-color:#44151D; text-align:center; padding:11px; }
div.frm-wrap { float:left; margin-right:8px; }
div.frm-wrap input { }
div.frm-wrap h3 { border-bottom:1px solid #969B26; margin-bottom:0; }
div.frm-select { border-right:1px solid #969B26; overflow:hidden; }
div.frm-select select { margin-right:-11px; background:none; height:200px; width:180px; border:0; }
div.frm-select select.thin { width:150px; }
div.frm-select select.fat { width:229px; }
div.frm-wrap select option { letter-spacing:0; font-family:Helvetica, Arial; padding:4px 4px 3px; }

/* contact form */
body#page-contact form { padding-left:30px; }
body#page-contact div.right h3 { border:0; margin-bottom:1.3529411764706em; }
body#page-contact div.left h3 { color:#44151D; }
body#page-contact div.frm-wrap fieldset { padding:0; margin:0; }

/* `Clear Floated Elements
---------------------------------------------------------------------------------------------------- */
#news:after,#content:after,#masthead ul:after,div.foo:after { clear:both; content:'.'; display:block; visibility:hidden; height:0; 
/* http://www.positioniseverything.net/easyclearing.html */
}

/* http://sonspring.com/journal/clearing-floats */
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after { clear:both; content:'.'; display:block; visibility:hidden; height:0; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }