/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
  
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   * Richard Rutter    [clagnut.com]
   
   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
   
body { font-size: 75%; }


/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */
   
body { 
  color: #fff; 
  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
}
h1,h2,h3,h4,h5,h6 { 
  color: #fff; 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; 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; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { margin: 0 0 1.5em; }

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }


strong      { font-weight: bold; }
em      { font-style: italic; background: #ffc; }




/* Some default classes
-------------------------------------------------------------- */

.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; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }







/* Aesthetics and Layout  for MF styles.
-------------------------*/
body {background: #636869 url(images/bg.jpg) repeat; line-height:1.3em; } /* bg.jpg or strip.gif */

a:link {color:#fff; text-decoration:none;}
a:visited {color:#fff; text-decoration:none;}
a:hover {color: #8E7357; text-decoration:none;}

.container {width: 1026px; height:auto; padding-left:30px; padding-top:110px;  } /* background: url(images/bg_logo.gif) no-repeat 473px top; */
* html .container {height:auto;}

h1 {background:url(images/logo.gif)  no-repeat; text-indent:-9999px; margin-bottom:45px;}
h1 a {display:block; width: 238px; height:34px;}
h2 {color: #fff;}

p, ul {color:#fff;}


#nav {background:url(images/nav) no-repeat;  width:600px; height:12px; position:relative; margin-left:0; margin-bottom:30px; list-style-type:none; z-index: 100;} 
	#nav li a {position: absolute; top:0; display:block; height: 12px; line-height: 12px; background:url(images/nav.gif); text-indent:-9999px; }
		li#about a			{left:0; width:52px;}
		li#collections a	{left:82px; width:102px; background-position:-82px 0;}
		li#shop a 			{left:214px; width:56px; background-position:-214px 0;}
		li#stockists a 		{left:300px; width:79px; background-position:-300px 0;}
		li#press a 			{left:409px; width:45px; background-position:-409px 0;}
		li#contact a 		{left:484px; width:69px; background-position:-484px 0;}
		/* hover states */
		li#about a:hover 		{background-position:0 100%;}
		li#collections a:hover 	{background-position:-82px 100%;}
		li#shop a:hover 		{background-position:-214px 100%;}
		li#stockists a:hover 	{background-position:-300px 100%;}
		li#press a:hover 		{background-position:-409px 100%;}
		li#contact a:hover 		{background-position:-484px 100%;}
		/* you-are-here navigation markers */
		.about li#about a				{background-position:0 100%;}
		.collections li#collection a	{background-position:-82px 100%;}
		.shop li#shop a					{background-position:-214px 100%;}
		.stockists li#stockists a 		{background-position:-300px 100%;}
		.press li#press a 				{background-position:-409px 100%;}
		.contact li#contact a 			{background-position:-484px 100%;}


/* elements */
/* elements */
p, #pieces { font-size: 1em; margin-bottom: 1.875em; line-height: 1.5em; }
.info {width: 250px;}
#pieces {margin:0; padding:0; list-style:none; width:920px;}
#pieces img {margin:0; padding:0; vertical-align:bottom;}
#pieces li {float:left; margin:0 10px 10px 0; cursor: default; cursor: pointer; }
#pieces li span {zoom: 1; display: none;}
.row1 {top:0; right:0;}
.alt {left:0;}
.row2 {bottom:0; right:0;}

#content_images {
	position: absolute;
	left: -30px; 
	top: -56px;
	overflow: hidden;
	width: 950px;
	height: 340px;
	z-index: 1;
	margin: 0;
	padding: 0;
}
#pieces2 { width: 99999px; position: absolute; left: 0px; }
#pieces2 li { list-style: none; float: left; width: 310px; height: 320px; margin-right: 10px;}
#pieces2 .loader {	position: relative;	left: 130px; top: 135px; }
#pieces2 #collection_description { padding: 25px; color: #a68462; font-family: Arial, Helvetica, sans-serif; font-size: 10px; width: 260px; height: 260px; overflow: hidden; line-height: 19px;}
#pieces2 .bold { color: #f68e56; }

#presspieces { font-size: 1em; margin-bottom: 1.875em; line-height: 1.5em; }
#presspieces {margin:0; padding:0; list-style:none; width:920px;}
#presspieces img {margin: 0; padding:0; vertical-align:bottom; float: none;}
#presspieces li {margin:0; cursor: default; cursor: pointer;}
#presspieces li span {zoom: 1; display: none; top: 0; left: 0;}
#presspieces li p {display: block; margin: 5px 0 20px 0; padding: 0;}

.normal_class {
}
.transparent_class {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	background-color: black;
	z-index: 2;
	width: 310px;
	height: 310px;
	position: absolute;
}


#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding-bottom: 0;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbBox #thumbImage img { /*DIV within thumbbox that holds the enlarged image */
margin: 0; 
padding: 0;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

#content {
	position: relative;
}

#collections_menu {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 73px;
	top: -65px;
	width: 120px;
	background-color: #272b2e;
	height: 41px;
	z-index: 2;
}
#collections_menu ul {
	list-style-type:none;
}
#collections_menu li a {position: absolute; display:block; text-indent:-9999px; }

	li#cm_back a { width: 23px; height: 7px; top: 9px; left: 7px; line-height: 7px; background-image: url(images/back_to_main.png); background-position: 0 0;  }
	li#cm_back a:hover { background-position: 0px 100%; }
	li#cm_collections a { top: 23px; left: 7px; width:134px; background: url(images/nav.gif); background-position:-80px 100%; height: 12px; line-height: 12px }

#collections_names { position: absolute; top: 39px; width: 120px; left: 0px; list-style-type: none; letter-spacing: 0.5pt;
					background-color: transparent; padding-bottom: 5px; z-index: 2}
#menu_background { background-color: #272b2e; list-style-type: none; letter-spacing: 0.5pt; padding-bottom: 5px }
#menu_background a { font-family: Arial; font-size: 14px; font-weight: normal; line-height: 18px; color: #a68462; margin-left: 7px }
#menu_background a:hover { color: white; }
#menu_background a.selected { font-family: Arial; font-size: 14px; font-weight: normal; line-height: 18px; color: #f68e56; }
#menu_background  a.selected:hover { color: white; }
#collections_names #arrow_prev { display: inline; }
#collections_names #arrow_prev img { margin:0; padding: 0; }
#collections_names #arrow_next { margin: 0; padding: 0; background-color: #272b2e; display: inline; position: absolute; left: 27px}
#collections_names #arrow_next img { margin: 0; padding: 0;}
.press_link {
	font-size: 8px;
	font-weight: bold;
}