/* ------------------------ RESET ---------------------*/

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* ------------------------ SITE STYLES ---------------------*/

body {
	background-color:#cacbcb;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#29292a;
	}
#wrapper {
	width:1052px;
	height:737px;
	background-color:#a0a1a1;
	text-align:left;
	margin:0 auto;
	}	
#container {
	background-color:#fff;
	width:990px;
	height:700px;
	position:relative;
	}	
#logo {
	position:absolute;
	left:20px;
	top:	78px;
	width:18px;
	height:220px;
	}
#footer {
	color:#a0a1a1;
	width:1037px;
	padding:7px 4px 0 11px;
	margin:0 auto;
	}	
#footer p {
	width:300px;
	}
#footer p.copyright {float:left;}	
#footer p.credit {float:right; text-align:right;}	
#footer a {color:#a0a1a1;}
	
a {color:#29292a;}	
	
	
/*------nav--------*/

#nav ul {list-style:none; width:525px; background-color:#dce0e0;}
#nav ul li {display:block;float:left;}
#nav ul li a {
	display:block; 
	float:left; 
	height:20px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	outline:none;
	}
#nav ul li a.about {
	width:122px;
	background:url(images/nav_about.gif);
	}
#nav ul li a.collections {
	width:170px;
	background:url(images/nav_collections.gif);
	}	
#nav ul li a.press {
	width:95px;
	background:url(images/nav_press.gif);
	}	
#nav ul li a.contact {
	width:138px;
	background:url(images/nav_contact.gif);
	}	
#nav ul li a:hover,
#about #nav ul li a.about,
#collections #nav ul li a.collections,
#press #nav ul li a.press,
#contact #nav ul li a.contact {background-position:0 20px;}	

#home #nav ul {padding-top:98px; height:481px; width:20px; margin-left:168px;}
#home #nav ul li a {
	display:block;  
	width:20px;
	text-indent:-9999px;
	}
#home #nav ul li a.about {
	height:98px;
	background:url(images/nav_about_home.gif) -20px 0 no-repeat;
	}
#home #nav ul li a.collections {
	height:171px;
	background:url(images/nav_collections_home.gif) -20px 0 no-repeat;
	}	
#home #nav ul li a.press {
	height:95px;
	background:url(images/nav_press_home.gif) -20px 0 no-repeat;
	}	
#home #nav ul li a.contact {
	height:117px;
	background:url(images/nav_contact_home.gif) -20px 0 no-repeat;
	}	
#home #nav ul li a:hover {background-position:0 0px;}	




/*------- home page ----- */

#home #container {background-color:transparent;}
#home #wrapper {background:url(images/bg_home.jpg) top left no-repeat;}
#home #logo {
	position:absolute;
	left:72px;
	top:	32px;
	width:28px;
	height:371px;
	}

/*---------  interior pages ------------*/

#content {
	width:670px;
	margin-left:186px;
	margin-top:58px;
	clear:both;
	float:left;
	display:inline;
	}
#content h2 {
	border-bottom:1px solid #aab1b0;
	height:22px;
	text-indent:-9999px;
	margin-bottom:22px;
	}	
h2.about {background:url(images/headline_about.gif) top left no-repeat;}
h2.contact {background:url(images/headline_contact.gif) top left no-repeat;}
h2.press {background:url(images/headline_press.gif) top left no-repeat;}


#about #content p {color:#29292a}
#content p {
	font-size:13px; 
	line-height:22px;
	padding-right:60px;
	margin-bottom:1em;
	color:#a0a1a1;
	}
#about #content p span, #about #content p span a {
	color:#a0a1a1;
	text-decoration:none;
	}	
#press h3 {line-height:22px;}	
#press h3 a {font-size:13px; color:#a0a1a1; font-weight:normal;}	
	
	
	
/*------------   collections --------------*/

#subnav {clear:left; float:left; margin-left:176px; margin-top:8px; display:inline;}
#subnav ul {list-style:none;}
#subnav ul li {display:block; float:left;}
#subnav ul li a {
	display:block;
	float:left;
	text-indent:-9999px;
	outline:none;
	height:16px;
	margin-right:16px;
	}
h2#fall09 {
	background:url(images/headline_fall09.gif) top left no-repeat;
	width:97px;
	height:16px;
	position:absolute;
	text-indent:-9999px;
	top:403px;
	left:20px;
	}
h2#fall10 {
	background:url(images/headline_fall10.gif) top left no-repeat;
	width:97px;
	height:16px;
	position:absolute;
	text-indent:-9999px;
	top:403px;
	left:20px;
	}
h2#spring10 {
	background:url(images/headline_spring10.gif) top left no-repeat;
	width:116px;
	height:16px;
	position:absolute;
	text-indent:-9999px;
	top:403px;
	left:20px;
	}
#subnav a.fall09 {
	width:66px;
	background:url(images/subnav_fall09.gif) top left no-repeat;
	}
#subnav a.fall10 {
	width:66px;
	background:url(images/subnav_fall10.gif) top left no-repeat;
	}
#subnav a.spring10 {
	width:82px;
	background:url(images/subnav_spring10.gif) top left no-repeat;
	}		
.fall09 #subnav a.fall09,
.spring10 #subnav a.spring10, .fall10 #subnav a.fall10 {border-bottom:1px solid #aab1b0;} 	

#collections #content {margin-top:10px; margin-left:186px; width:780px;}
#collections #main_img {
	width:622px;
	height:608px;
	float:left;
	}
ul.thumbs {
	float:left; 
	display:inline; 
	margin-left:88px; 
	margin-top:60px;
	width:44px;
	}	
ul.thumbs li {margin-bottom:10px;}