/* general */

html, body { height: 100%; }

body {
  font: 12px verdana, arial, helvetica, sans-serif;
  color: #333;
  background: #e5e5e5;
  margin: 0;
  padding: 0;
  line-height: 16px;
}

div#page {
  text-align: center;
  padding: 47px 0 0 0;
}

#site_container {
  width: 880px;
  background: #fff;
  margin: 0 auto;
  padding: 10px 10px 0 10px;
  border: 1px solid #dcdcdc;
  border-bottom: 0;
  text-align: left;
}

#container {
  width: 100%;
  background: #fff;
  margin: 10px 0 2em 0;
  text-align: left;
  clear: both;
}

#clearing {
  clear: both;
}

h1 {
  font-size: 14px;
  font-weight: bold;
  font-family: arial, helvetica, verdana, sans-serif;
  text-transform: lowercase;
}

h2 {
  font-size: 14px;
  font-weight: bold;
  font-family: arial, helvetica, verdana, sans-serif;
  color: #666666;
  text-transform: lowercase;
}

h3 {
  font-size: 12px;
  font-family: arial, helvetica, verdana, sans-serif;
  font-weight: bold;
  color: #333;
}

h4 {
  font-size: 14px;
  font-weight: bold;
  font-family: arial, helvetica, verdana, sans-serif;
  color: #666666;
}

.rev {
  color: #fff;
  background: #bab9b9;
  padding: 1px 85px 1px 2px;
}

h2 a { text-decoration: none; }

a:link,
a:visited {
  color: #666;
}

a:active,
a:hover {
  color: #999;
}

hr {
  border-bottom: medium none;
  border-top: 1px solid #ccc;
  height: 1px;
  text-align: center;
  margin: 8px 0 10px 0;
}

#logo { float: left; }

#archiveMonths {
  height: 440px;
}

/* splash and home page */

#splash {
  margin: 10px 0 0 0;
}

#homeImg {
  position: relative;
  margin: 10px 0 0 -10px;
  padding: 0;
  height: 520px;
}


/* top navigation */

#topnav {
  text-align: right;
}

li.topnav_1 a {
  margin-left: 0 !important;
}

#topnav ul {
  margin: 0 0 0 0;
  padding: 10px 0 0 0;
}

#topnav ul li {
  display: inline;
  font-size: 14px;
  font-weight: bold;
  font-family: arial, helvetica, verdana, sans-serif;
}

#topnav ul li a {
  text-decoration: none;
  margin: 0 32px 0 32px;
}


/* news */

#newsLinks {
  margin: 0 0 0 10px;
}

#newsLinks a {
  color: #bAb9b9;
  text-decoration: none;
}

#newsLinks a.active {
  color: #333;
}

.newsItem {
  clear: both;
}

.newsIntro {
  width: 380px;
}

.newsImg {
  width: 490px;
  float: right;
  clear: right;
}

.newsImg img {
  text-align: left;
  margin: 0 0 0 10px;
  clear: both;
}


/* collections */

div#collections {
  margin: 1em 0 0 0;
  clear: both;
}

#collections_links {
  margin: 0 0 0 10px;
}

#collections_links a {
  color: #bAb9b9;
  text-decoration: none;
}

#collections_links a.active {
  color: #333;
}

div#collections_image {
  width: 365px;
  float: left;
}

#collections_image img {
  border: solid 1px #f0f0f0;
}

div#collections_gallery {
  width: 490px;
  clear: none;
  margin: 0 0 0 370px;
}

#collections_gallery table {
  border: 0;
}

#collections_gallery td {
  padding: 0 5px 3px 5px;
}

#collections_gallery img {
  border: solid 1px #f0f0f0;
}

/* about us and press */

div#press {
  width: 450px;
  float: right;
}

div#about {
  width: 380px;
  float: left;
}

div#press table,
div#press td {
  border: 0;
  padding: 0;
  margin: 0;
}

div#press img {
  padding: 0 5px 0 0;
}

/* stores and stockists */

div#stockists_iframe iframe {
  width: 342px;
  height: 313px;
  float: right;
  border: solid 1px #ccc;
  background: #f0f0f0;
  margin: 14px 34px 0 0;
}

div#iframe_content {
  padding: 10px;
}

div#stockists {
  width: 140px;
  float: right;
  margin: 0 20px 0 0;
}

div#stockists a {
  font-weight: bold;
  text-decoration: none;
}

div#stores_and_agents {
  width: 320px;
  float: left;
}

/* join us */

#joinForm_container {
  width: 342px;
}

#joinForm_container label {
  margin: 5px 0 3px 0;
  display: block;
}

#joinForm_container input,
#joinForm_container textarea {
  width: 342px;
  margin: 0 0 10px 0;
  background: #f6f6f6;
  border: solid 1px #bab9b9;
}

#joinForm_container select {
  width: 342px;
  margin: 0 0 10px 0;
  background: #f6f6f6;
  border: solid 1px #bab9b9;
}

#joinForm_container input { height: 20px; }

#submit input {
  width: 57px;
  background: #ccc;
  border: solid 1px #333;
  font-weight: bold;
  margin: 0 0 2em 0;
}

/* yui */

.mask {
  -moz-opacity: 0.8;
  opacity:.80;
  filter: alpha(opacity=80);
  background-color:#2f2f2f;
}

#press18,
#press19,
#press20,
#press21,
#press22,
#press23,
#press24,
#press25 {
  visibility: hidden;
}