html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { border:0; font:inherit; font-size:100%; margin:0; padding:0; vertical-align:baseline;  } 
body { background-color:#2b2a2a; font-family:helvetica, arial, sans-serif; font-size:0.75em; line-height:1; width:100%;  } 
ol,ul { list-style:none;  } 
blockquote,q { quotes:none;  } 
blockquote:before,blockquote:after,q:before,q:after { content:none;  } 
table { border-collapse:collapse; border-spacing:0;  } 
.clearfix:after { clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden;  } 
.clearfix { display:inline-block;  } 
* html .clearfix { height:1%;  } 
html { font-size:100%;  } 
body.archive div#mn { border-right:1px solid #dddfe0; display:block; float:left; padding-right:27px; width:665px;  } 
body.archive div#mn.blog article { border-bottom:1px solid #DDDFE0; clear:both; margin:0 0 15px; padding:0 0 5px; width:100%;  } 
strong { font-weight:700;  } 
body.archive div#mn img { border:1px solid #CCC;  } 
.postmetadata { clear:both; margin-top:30px;  } 
.alt { font-size:.9em; margin:0;  } 
body.archive div#sc { display:inline; float:right; padding:30px 30px 30px 20px; width:145px;  } 
body.archive h3 a { color:#333; line-height:1.2em;  } 
p { color:#4E4848; font-family:Arial,Helvetica,sans-serif; font-size:1.14em; line-height:1.55em; margin:0 0 15px;  } 
ul li { color:#4E4848; font-family:Arial,Helvetica,sans-serif; font-size:1.1em; line-height:1.55em; margin-bottom:2px;  } 
div#mn ul,div#sc ul { margin-bottom:15px;  } 
h1,h2 { color:#000; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.9em; line-height:1.2em; margin:0 0 10px;  } 
h2 a { color:#000;  } 
h3 { color:#333; font-size:1.6em;  } 
h4 { color:#333; font-size:1.4em;  } 
a { color:#b59516; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none;  } 
a:hover { color:#333; font-family:Georgia, "Times New Roman", Times, serif;  } 
a img { border:none;  } 
input { cursor:text;  } 
.nm { margin:0 !important;  }

header { height:70px; padding:30px; width:900px;  } 
header h3 a { background:transparent url(images/fins-in-wood-logo.png) no-repeat; float:left; height:60px; text-indent:-9999px; width:289px;  } 

body#page nav.ui { border-bottom:1px solid #DDDFE0;  } 
nav.ui { background-color:#FFF; height:12px; padding:30px; width:900px;  } 
nav.ui img#horizontalDivider { clear:both; display:block; margin:0 0 0 55px; width:765px;  } 
nav.ui ul li a { color:#333; font-family:Arial,Helvetica,sans-serif; font-size:1em; text-transform:uppercase;  } 
nav.ui ul li { display:inline; float:left; padding:0 0 0 20px;  } 
nav.ui h4#official-site-call a { background:transparent url(images/josh-guge-official-site.png) no-repeat scroll 0 0; float:left; height:30px; position:absolute; text-indent:-9999px; width:207px;  } 
div.bx { background-color:#f6f6f2; color:#4E4848; margin-bottom:20px; padding:20px;  } 

ol.commentlist { color:#4E4848; display:block; float:left; margin-bottom:20px;  } 
textarea#comment { width:100%;  } 
form#commentform input#submit { background:transparent url(images/btn-bkgd.jpg) repeat-x scroll 0 0; border:medium none; color:#FFF; cursor:pointer; display:inline; float:left; height:20px; padding:0 0 2px; width:115px;  } 
input#s { border:1px solid #CCC; display:inline; float:left; height:18px; width:130px;  } 
form#searchform { display:inline; float:left; margin-bottom:15px; width:180px;  } 
img.avatar { margin:0 5px 0 0;  } 
div#respond h3,h3#comments { float:left; font-family:Georgia,"Times New Roman",Times,serif; font-size:1.5em; margin-bottom:10px;  } 
form#commentform input { border:1px solid #ccc; height:20px; margin-right:15px; width:300px;  } 
ol.commentlist li { background-color:#f6f6f2; float:left; font-size:1.1em; width:100%;  } 
div.comment-body { border-bottom:1px solid #FFF; padding:20px; width: 630px;  } 
div.comment-author { float:left; margin:0 15px 15px 0; width:100%;  } 

div#posts { background-color:#f6f6f2; color:#4E4848; margin:30px 0;  } 
div#posts div#news article { border-bottom:1px solid #FFF; padding:20px 20px 25px;  } 
div#posts h1 { background-color:#e9e9e2; border-bottom:1px solid #FFF; color:#888383; font:.96em helvetica, sans-serif; font-weight:700; margin:0; padding:13px 10px 10px 20px; text-transform:uppercase;  } 
div#posts a.more { font-size:1.3em;  } 
div#posts h2 a { color:#4E4848;  } 
div#posts p { color:#7e7a7a; margin-bottom:10px;  } 

h1.process-poster { background:transparent url(images/process-poster.jpg) repeat-y scroll 0 0; float:left; height:1211px; text-indent:-9999px; width:807px;  }

div.navigation { margin-bottom:20px;  } 
img.alignleft { float:left; margin:5px 15px 5px 0;  } 
div.featuredpost { background:transparent url(images/horizontal-divider.gif) no-repeat; background-position:top left; display:inline; float:left; padding:20px 0; width:100%;  } 
h2.pagetitle { color:#B59516; font-family:Georgia,"Times New Roman",Times,serif; font-size:1.2em; letter-spacing:0.5px; margin-top:20px; text-decoration:none;  } 
span.time { float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.3em; font-style:italic; margin:10px 0 15px; width:100%;  } 
span.italic { font-style:italic;  } 
li.line { background:transparent url(images/hd-line.gif) no-repeat; background-position:right; padding-right:8px;  } 
object#wall { display:inline; float:left; height:700px; margin:15px 0 0; padding:0 0 25px; width:900px;  } 
div#brandwrap { background:transparent url(images/fins-top-bar.png) repeat-x; height:26px; padding-top:6px; width:100%;  } 
div#brand ul { display:block; float:right;  } 
div#brand ul li { display:inline; padding-left:5px;  } 
div#brand ul li a { color:#8f8a8c; font-family:Arial,Helvetica,sans-serif; font-size:.9em; letter-spacing:0.07em;  } 
div#brand ul li a:hover { color:#bdbdbd;  } 
div#wrapper { margin:0 auto; width:960px;  } 
div#bd { background-color:#FFF; float:left; padding:30px; width:900px;  } 
body.archive div#bd { padding:0 30px;  } 
div#mn { float:left; min-height:300px; padding:0;  } 
div#mn.blog { padding:30px 0;  } 
ul.awards { color:#4f4c40; font-family:Arial, Helvetica, sans-serif; font-size:.95em; letter-spacing:.5px; margin:10px 0 5px;  } 
ul#page ul.awards li { background:none; margin:0 0 5px; padding:0;  } 
span.callout { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:700; letter-spacing:.5px;  } 
img#guge-institute-logo,img#fins-in-wood-logo { margin-bottom:16px;  } 
img#guge-institute-logo { max-width:160px;  } 

ul#teaser li { display:inline; float:left; height:147px; margin-right:85px; width:243px;  } 
ul#teaser li a { background:transparent url(images/arrow.png) no-repeat scroll right 7px; color:#FFF; display:inline; float:left; font-size:1.2em; letter-spacing:0.08em; margin:121px 0 0 15px; padding-right:10px;  } 
ul#teaser li a:hover { color:#FFF; font-size:1.2em; letter-spacing:.08em;  } 
ul#teaser li#seeprocess { background:transparent url(images/sprites.png) no-repeat; background-position:0 0;  } 
ul#teaser li#gugeinstitute { background:transparent url(images/sprites.png) no-repeat; background-position:0 -147px;  } 
ul#teaser li#viewgallery { background:transparent url(images/sprites.png) no-repeat; background-position:0 -294px;  } 

ul#galleryteaser li a#detailteaser,ul#galleryteaser li a#smoothieteaser,ul#galleryteaser li a#castteaser { border:1px solid #CCC; float:left; height:145px; margin-bottom:20px; width:242px;  } 
ul#galleryteaser li a#detailteaser { background:transparent url(images/sprites.png) no-repeat; background-position:-244px 0;  } 
ul#galleryteaser li a#smoothieteaser { background:transparent url(images/sprites.png) no-repeat; background-position:-244px -147px;  } 
ul#galleryteaser li a#castteaser { background:transparent url(images/sprites.png) no-repeat; background-position:-244px -294px;  } 
ul#galleryteaser li { color:#FFF; display:inline; float:left; margin:0 0 0 40px; width:250px;  }

ul#teaser li h1 { color:#FFF;  } 
ul#teaser img { border:solid #000 4px; margin-bottom:10px;  }

ul#showcase { background-color:#060606; float:left; padding:30px; width:900px;  }
ul#showcase li { display:inline; float:left; margin-right:50px;  } 
ul#showcase li img { border:5px solid #FFF;  } 

span.formlabel { clear:both; float:left; font-family:Georgia, "Times New Roman", Times, serif;  } 
div#formmessage { background-color:#333; clear:both; color:#CCC; float:left; font-family:Georgia, "Times New Roman", Times, serif; margin:5px 0 0;  } 
div#formmessage ul li { margin:5px;  } 
table#shop th { background-color:#333; border:1px solid #666; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; padding:10px;  } 
table#shop { color:#333; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.3em; margin:25px 0 40px; width:900px;  } 
table#shop td { border:1px solid #666; padding:15px; vertical-align:middle;  } 
span.shop-callout { color:red; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;  }

/* Lightbox */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

 
footer { height:45px; margin:0 auto; padding:15px 30px 30px; width:900px;  } 
span#credit,span#copyright { color:#999;  } 
span#credit a { color:#999; font-family:Helvetica;  } 
span#credit a:hover { color:#CCC;  } 
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,html[xmlns] .clearfix { display:block;  } 
body.archive h3 a:hover,h2 a:hover,nav.ui ul li a.selected,nav.ui ul li a:hover,div#posts a.more:hover,div#posts h2 a:hover { color:#B59516;  } 
nav.ui ul,span#credit { float:right;  } 
form#commentform,span#copyright { float:left;  } 
div#brand,div.container { margin:0 auto; width:960px;  }