/*--- generic ---*/
body {margin: 0; padding: 0 0 0 1px; width: 100%;} /* -- IE 1px background jog bug  -- */
body,td,th {color: #e1d900; font: 11px Lucida Grande, Arial, Helvetica, sans-serif; background: #fff url(/img/body_bg.gif) center top repeat-y;}

/* -- undo browser HTML defaults -- */
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}

/* image replacement */
.mir { letter-spacing : -3000em; font-size: 1px; }
/* Be nice to Opera, but hide from MacIE. */
/*\*/html>body .mir { letter-spacing : normal; text-indent : -9999em; overflow : hidden;}
/* end hack */

/* anchor behavior */
a, a:link {color: #06f; text-decoration: underline;}
a:visited {color: #606; text-decoration: underline;}
a:hover {text-decoration: underline;}

/* floating column fix  */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#wrapper {width: 991px; text-align: center; margin: 0 auto; padding-left: 1px;}

#header {width: 990px; height: 206px; background: url(/img/header_bg.gif) left bottom no-repeat;}
#header h1 {float: right; width: 247px; height: 43px; background: url(/img/h1.gif) no-repeat; margin: 130px 35px 0 0;}
#header h1 a {display: block; width: 247px; height: 43px; cursor: pointer;}


#contentwrap {padding: 25px 0 20px 0; background: #fff;}

div.collections {text-align: center; padding: 0 75px;}
div.collections h2 {width: 187px; height: 27px; background: url(/img/h2_fall2007.gif) no-repeat; margin-bottom: 5px; float: left;}
div.collections ul {clear: both;}
div.collections ul li {margin: 0 5px 5px 0;float: left; background: url(/img/thumb_bg.gif) no-repeat; width: 75px; height: 75px; padding: 0 4px 4px 0;}


div.about, div.press, div.error {text-align: left; padding: 0 140px;}
div.about h2, div.press h2, div.error h2  {font-size: 24px; color: #939598; margin: 0 0 10px 0;}
div.press h3 {font-size: 18px; color: #939598; margin: 10px 0;}
div.about p, div.about p, div.error p {margin: 0 0 10px 0; line-height: 1.4em; font-size: 12px;}


div.about a.subnav, div.press a.subnav {display: block; text-align: center; width: 60px; padding: 5px; border: 1px solid #e1d900; background: #939598; margin: 0 0 10px 0; color: #d1d2d4; text-decoration: none;}
div.press a.subnav {width: 110px;}
div.about a.subnav:hover, div.press a.subnav:hover {background: #e7e8e9; color: #939598; text-decoration: underline;}


#footer {width: 990px; padding: 4px 0 10px 0; background: url(/img/footer_bg.gif) left top no-repeat; text-align: center;}
#footer h3 {background: url(/img/h3_footer.gif) no-repeat; width: 722px; height: 33px; margin: 0 auto 0 auto;}
#footer h3 a {display: inline; width: 155px; height: 10px; float: right; margin: 10px 65px 0 0;}



/*
----------------------------------------------------------------
global navigation
---------------------------------------------------------------- */


div#globalnav {
    width: 286px;
	height: 19px;
	float: left;
	margin: 154px 0 0 47px;
	}

div#globalnav ul#menu {
	width: 286px;
	height: 19px;
	background: transparent url(/img/nav.gif) 0 -1px no-repeat;
	position: relative;
	}

div#globalnav ul#menu li {
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#menu li, ul#menu a {
	height: 19px;
	display: block;
	}


div#globalnav ul#menu li a {
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	}
	
/* -- menu item positioning -- */
li.home		{left: 0px; width: 56px;}
li.collection		{left: 80px; width: 96px;}
li.about		{left: 202px; width: 81px;}

/* -- mouseover states -- */
li.home	a:hover			{background: transparent url(/img/nav.gif) 0 -20px no-repeat;}
li.collection a:hover		{background: transparent url(/img/nav.gif) -80px -20px no-repeat;}
li.about a:hover 		{background: transparent url(/img/nav.gif) -202px -20px no-repeat;}