@charset "UTF-8";
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
.bold {
  font-weight: bold;
}
body {line-height:1.25;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* typography.css */
body {
  color:#000;
  font: 16px Helvetica, Verdana, Arial, sans-serif;
  background: #FFFFFF;
}
.editorback {
	background-color: #35B8C9;
	width:400px;
	border: 1px solid #333333;
}
h1, h2, h3, h4, h5, h6 {
  font-weight:normal;
  color: #FFFFFF;
  background: #336C3C;
  text-transform: lowercase;
}
h1 {font-size:2.125em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {
  margin:0 0 0.75em;
}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover, a.on, #mainmenu a.on, #mainmenu a:hover {
  color:#336C3C;
}
a {
  color: #000000;
  text-decoration:underline;
}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {
	color:#FFFFFF;
	background-color: #336C3C;
}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {
  background:#BED1B2;
}
tr.odd td {
  background:#D2ECD1;
}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.txtcenter{text-align:center;}
.txtright{text-align:right;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
#mainwrap {
	width:1083px;
  margin: 20px auto;
  padding:0;
  position:relative;
}
#homelogo {
	width:78px;
  height:75px;
  overflow:hidden;
  position:absolute;
  top:0;
  left:20px;
  z-index:10;
}
#content {
	margin:0;
	padding: 37px 0 0 59px;

}
#contentheader {
  margin: 0;
  padding: 0px 0px 20px 219px;
  height: 198px;
  font-size: 18px;
  overflow:hidden;
}
.blogheader {
  background: url(../images/page-circles/blog.gif) no-repeat 0px 0px;	
}
.shopheader {
  background: url(../images/page-circles/log-shop.gif) no-repeat 0px 0px;
}
.modelheader {
  background: url(../images/page-circles/surfboards.gif) no-repeat 0px 0px;
}
.pricespecheader {
  background: url(../images/page-circles/pricing-and-spec.gif) no-repeat 0px 0px;
}
.contactheader {
  background: url(../images/page-circles/contact.gif) no-repeat 0px 0px;
}
.linkheader {
  background: url(../images/page-circles/links.gif) no-repeat 0px 0px;
}
.galleryheader {
  background: url(../images/page-circles/gallery.gif) no-repeat 0px 0px;
}
#contentheader h1, .header h1 {
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  background: none;
}
#contentbody {
	position:relative;
  width:100%;
}
#contactform {
	padding:0;
  margin:0;
  font-size:16px;
}
#contactform label {
  text-align: right;
  width: 60px;
  padding-right:5px;
  display:inline-block;
}
#contactform input, #contactform textarea {
  width: 320px;
  background: #E0E0E0;
  border: 1px solid #ccc;
  font-size:16px;
}
#contactform textarea {
	margin-top: -1em;
	margin-left: 65px;
}
#contactform input.submit {
	width:auto;
  margin-left: 270px;
}
#contactform input.submit:hover {
	background-color:#33572F;
 	cursor: pointer;
  color:#FFFFFF;
}
div.logstartat {
  position:absolute;
  width:193px;
  height:194px;
  background: url(../images/furnature/logs-start-at-595.gif) no-repeat 0 0;
  top:-70px;
  right:0;
  z-index:50;
}
div.model {
	margin-bottom:20px;
}
div.model h1, #contentbody h1 {
	padding: 5px 5px 10px 0.25em;
}
div.model .picture {
  margin: 0px;
  padding: 0px;
  width: 500px;
  float:left;
  text-align:center;
  background: #EEEEEE;
}
div.model .description {
  margin: 0px;
  padding: 0px 0px 0px 20px;
  float: left;
  width: 503px;
}
div.model div.images {
  clear:both;
  width:100%;
  height:174px;
  padding: 20px 0 0;
  position:relative;
  background: url(../images/masks/film-strip.gif) no-repeat 0px 20px;
}
div.model div.images div.thumb {
  width:157px;
  height:123px;
  float: left;
  padding: 25px 6px 20px 7px;
  line-height:1em;
  overflow:hidden;
}
div.stockitem {
  float: left;
  height: 283px;
  width: 333px;
  overflow:hidden;
  position:relative;
  background-color:#33572F;
  color:#FFFFFF;
  margin: 0 4px 8px 4px;
  position:relative;
}
div.sold {
	background-color:#878787 !important;
}
div.stockitem div.thumb {
	float:left;
  width:189px;
  height:283px;
}
div.stockitem div.summary {
	float:left;
  padding: 5px;
  width:134px;
  font-size:14px;
}
div.stockitem div.summary h2 {
  font-size: 16px;
  text-transform:uppercase;
  background: none;
}
div.stockitem div.buttons {
	position:absolute;
  padding: 5px;
  text-align:center;
  width:134px;
  bottom:0;
  right:0;
}
div.stockitem div.buttons input {
  width:8em;
  margin: 0.5em auto;
  background-color: #C1C1C1;
  border: #999999 1px solid;
  padding:3px;
  color:#000000;
  font: 14px Arial, Helvetica, sans-serif;
}
div.stockitem div.buttons input.forsale:hover, div.stockitem div.buttons input.moreinfo:hover {
 	cursor: pointer;
  color:#FFFFFF;
	background-color:#33572F;
}
div.stockitem div.buttons input.sold {
  color:#FFFFFF;
  background: #BC959B;
}
div.stockitem .price {
  font-size: 16px;
}
div.stockitem div.moreinfo {
	position:absolute;
  bottom:0;
  left:0;
  width:331px;
  border: solid 1px #999999;
  z-index:10;
  background-color:#FFFFFF;
  color:#333333;
  font-size:12px;
}
div.stockitem div.moreinfo h2 {
	font-size:16px;
}
div.stockitem div.moreinfo h2, div.stockitem div.moreinfo p {
	padding:0.5em;
}
div.stockitem div.moreinfo a.close, #buyme a.close {
	text-decoration:none;
  float:right;
  color:#FFFFFF;
}
div.stockitem div.moreinfo a.close:hover, #buyme a.close:hover {
	color: #CCFF33;
}

/* horizontal menu */
ul.horizontalmenu {
  width:100%;
  padding:0.1em 0 1em 0;
  margin:0;
  position:relative;
}
ul.horizontalmenu a {
	display:block;
  text-decoration:none;
  padding:0.25em;
}
ul.horizontalmenu a:hover {
	color:#FFFFFF;
  background-color:#336C3C;
}
ul.horizontalmenu li {
	list-style:none;
	width:100px;
  float:left;
  margin:0;
}
ul.horizontalmenu li ul {
	margin:0;
  padding:0;
	display:none;
  z-index: 20;
  position:absolute;
  border-bottom: 2px solid #CCCCCC;
}
ul.horizontalmenu li:hover ul {
	display:block;
}
ul.horizontalmenu li ul li {
	float:none;
}
ul.horizontalmenu li ul li a {
  background: #DFF4D8;
}
h1.adminpagetitle {
  margin: 0px;
  padding: 0px;
}
div.messages ul {
	padding:0;
  margin:0;
  list-style:none;
}
ul.sortpictures {
	margin:0;
  padding:0;
  list-style: none;
}
ul.sortpictures li {
	float:left;
}
ul.sortpictures li img {
  padding: 5px;
  border: 1px solid #CCCCCC;
  margin: 5px 0 0 5px;
  background-color:#FFFFFF;
}
#buyme, #buymestatus {
  margin: 0px;
  width: 329px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 10;
  background-color:#FFFFFF;
  border: solid 2px #999999;
  font-size:14px;
}
#buymestatus div.error, #buymestatus div.success {
	margin:0;
}
#buyme form {
	padding:5px;
}
#buyme label {
	width: 100px;
  text-align:right;
  font-size:14px;
}
#buyme h2 {
	padding:0.5em;
	font-size:16px;
}
#buyme textarea {
	width: 300px;
}
h2 {
	position:relative;
}
h2 a.close {
	position:absolute;
  top:0.5em;
  right:0.5em;
}
#thumbnails {
	margin:0;
  padding:0;
  list-style:none;
  width:100%;
}
li.picbox {
	text-align: center;
	margin: 10px;
	padding: 0px;
	float: left;
	width: 112px;
	background: #CCCCCC;
	border: 1px none #CCCCCC;
}
li.picbox img {
	padding:5px;
	border: 1px solid #999999;
	background-color:#FFFFFF;
}
/* Gallery */
#thumbnailColumn {
	position: absolute;
	width: 380px;
	left: 15px;
	top: 70px;
}
#albumSelect {
	margin-bottom:9px;
}
#mainPictureContainer {
	position: absolute;
	width: 595px;
	left: 386px;
	top: 105px;
	text-align:center;
}
form #url {
	width: 350px;
}
#mainPictureContainer img {
	background: #FFFFFF;
	padding: 7px;
  border: 1px solid #999999;
}
#thumbnailColumn .thumbnail {
	margin: 4px 8px 4px 0;
	float: left;
}
#thumbnailColumn .thumbnail img {
  padding: 5px;
  margin-right: auto;
  margin-left: auto;
  width:100px;
  height:100px;
  background: #FFFFFF;
  border: 1px solid #999999;
}
#thumbnailColumn .thumbnail a:hover img {
	background-color: #999;
}
#thumbnailColumn .thumbnail a.on img {
  background: #336C3C;
}
#alternative_content {
  text-indent: -9999px;
  color:#000000;
}
#alternative_content h1 {
	background-color:#FFFFFF;
  color:#000000;
}