body {
  background-color: #fff;
  color: #000;
  margin: 0px 0px 32px 0px;
  font-size: 12px;
  font-family: Arial, Helvetica, Verdana, sans-serif;
}

h1, h2, h3, h4, div, p, ul, li, span, a { margin: 0em; padding: 0em; }

h1, h2 { display: inline; }

h1 {font-size: 2em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.25em; }
h4 {font-size: 1em; line-height: 1.25em; font-weight: bold; }
h5 {font-size: 1em;}

#photo h3, #thumbs h4 { line-height: 36px; height: 36px; }
/* h1, h2, h3, h4 { margin: 1em 0em .5em; } */

dt { font-weight: bold; margin-top: .5em; }
dt:first-child { margin-top: 0em; }

a, img { border: 0px; outline: 0px; }
a, a.img {  text-decoration: none; color: #0f3f66; border: none; }
br.clear { clear: both; display: block; float: none; height: 0px; }

h1 a, h2 a { color: #000; }

p { margin: 0em; }

#header { margin: 0px; text-align: center; }
#logo { clear: both; z-index: 800; }

#title { height: 96px; line-height: 96px; margin: 18px 18px 0px; }

/* ------------------------------------------------------------------ */

#wrapper { position: relative; min-width: 780px; }
#container { position: absolute; margin-left: 198px; }
#content { margin: 0em 18px 36px; position: relative; }
#sidebar { position: absolute; width: 180px; margin: 18px; }

/* ------------------------------------------------------------------ */

#nav a {
  background-attachment: scroll;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  display: block;
  font-size: 32px;
  font-weight: bold;
  height: 60px;
  margin-bottom: 6px;
  position: relative;
  text-decoration: none;
  width: 180px;
}
#nav a span { display: none; position: absolute; bottom: 0px; left: 0px; width: 180px; text-align: center; }
#nav a:hover span { display: block; }
#nav a:hover { background: transparent; }
#nav-news { background-image: url('/images/home_news.jpg'); }
#nav-work { background-image: url('/images/home_work.jpg'); }
#nav-about { background-image: url('/images/home_about.jpg'); }
#nav-press { background-image: url('/images/home_press.jpg'); }
#nav-shop { background-image: url('/images/home_shop.jpg'); }
#nav-contact { background-image: url('/images/home_contact.jpg'); }
#nav .current a { height: 180px; }

/* #nav .current a span { color: #fff; display: block; } */

#nav, #nav .section {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  text-indent: 0px;
  padding: 0px;
  margin: 0px;
  text-align: center;
}

#nav a { font-weight: bold; }
/* ------------------------------------------------------------------ */

#container a { /*border-bottom: 1px dotted #00c;*/ }

/* ------------------------------------------------------------------ */

div.photo { margin-bottom: 1em; text-align: center; display: none; }
div.photo.first { display: block; }
.materials { font-size: .875em; }

#arrows { position: relative; margin-bottom: 1em; }
a.arrow {
  background: transparent url(/images/arrows.gif) scroll no-repeat 0px 0px;
  width: 60px;
  height: 24px;
  display: block;
  clear: none;
}

a.arrow.prev { float: left; }
a.arrow.next { background-position: -60px 0px; float: right; }

a.arrow span { position: absolute; left: -9999px; display: none; }

/* ------------------------------------------------------------------ */

#photo { width: 500px; }

#photo .text p { margin: .5em 0em; }

#photo-nav { position: relative; clear: both; height: 18px; margin-top: 1em; }
#photo-nav #prev { position: absolute; left: 0; top: 0;}
#photo-nav #next { position: absolute; right: 0; top: 0;}

#shop { /* width: 720px; */ }

div.thumbnail {
  float: left;
  margin: 0em 1em 1em 0em;
  width: 175px; /* 155px; */
  height: 200px;
}

#thumbs { /* width: 48em; */
  position: absolute;
  left: 518px;
  top: 0px;
  width: 316px;
  margin-bottom: 36px;
}

#thumbs a.thumbnail {
  display: block;
  float: left;
  margin: 0px 4px 4px 0px;
}

#thumbs a.current { background-color: transparent; }

span.title { font-style: italic; }
div.description { margin-top: .5em; }
p.center { text-align: center; }
p.small { font-size: 10px; }
.page p { margin: 0px 0px 6px; max-width: 640px; }
.page a { border-bottom: 1px dotted #909fc0; }
.page a.img { border: none; }

blockquote { color: #666; }

div.message {
  font-size: 14px;
  margin: 0px 0px 18px;
  border: 1px solid #cfcfcf;
  background-color: #f0f0f0;
  padding: 1em;
}

.page hr { margin: 18px 0px; border-color: #ccc; border-style: solid; }

.collection { margin-bottom: 18px; max-width: 852px; }
.collection p, .collection h3 { margin: 0px 0px 6px; }
.collection p.thumbs { width: 640px; }
.collection p { max-width: 640px; margin: .5em 0em 1em 0em; }

.footnote { text-align: right; margin: 18px 6px; }

/* ------------------------------------------------------------------ */

#copyright { font-size: 10px; padding: 1em; color: #999; }
#copyright em { display: none; }

/* ------------------------------------------------------------------ */

.Set{width:130px;text-align:left;margin-bottom:15px;}
.Set h4{width:120px;margin-top:0;margin-bottom:0;font-size:15px;font-weight:bold;}
.Set p{margin-top:2px;font-size:11px;color:#777;}
.Sets{width:120px;height:182px;text-align:left;float:left;padding-right:6px;}
.Sets h4{width:110px;margin-top:0;margin-bottom:0;font-size:15px;font-weight:bold;}
.Sets p{margin-top:2px;font-size:11px;color:#777;}
.SetCase{margin-top:5px;margin-bottom:5px;width:91px;height:95px;padding:7px 0 0 7px;background: transparent;}
.Seta:link{color:#330000;text-decoration:none;}
.Seta:visited{color:#330000;text-decoration:none;}
.Seta:hover{color:#FFF;text-decoration:none;background:#330;}
.Seta:active{color:#FFF;text-decoration:none;background:#330;}


/* ================================================================== */

/*
div { background-color: rgba(0,0,0,.25); }
h1, h2, h3, h4 { background-color: rgba(1,128,255,.15); }
*/

/*
#wrapper { margin: auto; width: 1024px; }
*/

#thumbs a.current { background-color: #000; }
#thumbs a.current img {
	-moz-opacity:0.33;
	-khtml-opacity: 0.33;
	opacity: 0.33;
	filter:alpha(opacity=33);
}

/* ================================================================== */

.blog { width: 640px; }

.blog h3 { border-bottom: 1px solid #999; margin: 0em; padding-bottom: .5em; }
.blog .entry { margin: 0 0 4em; }
.blog .archive { margin: 1em 0 0; }

/* .blog .entry { border-bottom: 1px solid #999; margin-bottom: 3em; padding-bottom: 5px; } */

.entry .date { /* position: absolute; top: 0; right: 0; */ font-size: 10px; color: #666; text-align: right;  /* line-height: 20px; */}
.archive .date { margin: 0em; padding: 0em 1em; text-align: left; }

.blog .entry { position: relative; }

.blog-nav { position: relative; }
/*
.blog-nav a { float: left; clear: none; display: block; }
.blog-nav .next { text-align: right; position: absolute; right: 0;  }
.blog-nav .prev { text-align: left;  }
*/

.blog .entry li { color: #000; margin: .25em 0em; }
.blog .entry hr { border-color: #ccc; border-style: dashed; border-width: 1px 0px 0px 0px; }

/* ------------------------------------------------------------------ */

.blog .photos { position: relative; text-align: center; }
.blog .photo, .blog .body { display: block; margin: 1em 0 0 0; }
.blog .body p { margin: .5em 0; }

/* ------------------------------------------------------------------ */

.blog-nav { margin: 1em 0em; border-top: 1px solid #ccc; padding: 1em; }

/*
.pager a.button { border: 1px outset #999999; background-color: #fcfcfc; padding: 2px 4px; line-height: 18px; color: #000; font-weight: bold; }
.pager .right a.button { background: #fcfcfc url('/images/x-arrow-12-r.gif') no-repeat right center scroll; padding-right: 18px; }
.pager .left a.button { background: #fcfcfc url('/images/x-arrow-12-l.gif') no-repeat left center scroll; padding-left: 18px; }
.pager a.button:hover { border: 1px inset #999999; }
*/

.pager a.button { padding: 2px 4px; line-height: 18px; font-weight: bold; }
.pager .right a.button { background: transparent url('/images/x-arrow-12-r.gif') no-repeat right center scroll; padding-right: 18px; }
.pager .left a.button { background: transparent url('/images/x-arrow-12-l.gif') no-repeat left center scroll; padding-left: 18px; }
.pager a.button:hover { text-decoration: underline; color: #333; }

.pager div { width: 33%; float: left; clear: none; display: block;}
.pager .left { text-align: left; }
.pager .right { float: right; text-align: right; }
.pager .center { text-align: center; }