html { 
	width: 100%; 
	height: 100%; 
	margin-bottom: 1px; 
	text-align: center; 
	} 

*  { 
	margin: 0; 
	padding: 0; 
	} 

body	{ 
	width: 100%; 
	padding: 0 0 20px 0; 
	text-align: center; 
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	font-size: small; 
	line-height: 170%; 
	color: #039; 
	background: #fff; 
	} 




/* main structural elements 
------------------------------ */ 


#container	{
	width: 780px; 
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom: 40px; 
	font-size: 110%; 
	text-align: left; 
	}

#accessnav  { 
	text-align: right; 
	width: 100%; 
	padding: 5px 0; 
	font-size: 80%; 
	line-height: 100%; 
	} 

p#name  { 
	clear: right; 
	height: 50px; 
	margin: 0 0 20px 0; 
	text-align: right; 
	font-family: "Trebuchet MS", sans-serif; 
	font-size: 120%; 
	color: #a62319; 
	background: #fff url(images/header.gif) 0 0 no-repeat; 
	} 

#main { 
	float: left; 
	width: 780px; 
	margin: 0 0 10px 0; 
	background: #e3d5e9; 
	border-top: 4px solid #593978; 
	border-bottom: 2px solid #593978; 
	} 

.gutter  { 
	float: left; 
	width: 700px; 
	padding: 10px 40px 30px 40px; 
	background: url(images/gutter.gif) 0 0 repeat-y;  
	} 

#nav  { 
	float: left; 
	width: 740px; 
	padding: 0 0 0 40px; 
	list-style: none; 
	background: #654584 url(images/navbk.gif) 0 0 repeat-x; 
	} 

#siteinfo  { 
	clear: both; 
	float: left; 
	width: 100%; 
	margin: 2px 0 0 0; 
	font-size: 70%; 
	text-align: center; 
	line-height: 140%; 
	} 




/* links 
------------------------------ */ 


a:link	{
	color: #593978; 
	border-bottom: 1px solid #d68222; 
	text-decoration: none; 
	} 

a:visited  { 
	color: #593978; 
	border-bottom: 1px solid #593978; 
	text-decoration: none; 
	} 

a:hover	{
	color: #f00; 
	border-bottom: 1px solid #f00; 
	} 

a:active  { 
	color: #0ff; 
	border-bottom: 1px solid #fff; 
	} 

#nav a  { 
	float: left; 
	display: block; 
	padding: 3px 13px 2px 13px; 
	color: #fff; 
	border: none; 
	} 

#nav a:hover  { 
	color: #fff; 
	background: #906b9f; 
	} 

#nav a:active  { 
	color: #999; 
	} 

body#index li.navindex a, 
body#unravelled li.navunravelled a, 
body#projects li.navprojects a, 
body#retailers li.navretailers a, 
body#patterns li.navpatterns a, 
body#contact li.navcontact a  { 
	color: #fff; 
	background: #593978 url(images/thisnavbk.gif) 0 0 repeat-x; 
	text-decoration: none; 
	} 

body#index li.navindex a:hover, 
body#unravelled li.navunravelled a:hover, 
body#projects li.navprojects a:hover, 
body#retailers li.navretailers a:hover, 
body#patterns li.navpatterns a:hover, 
body#contact li.navcontact a:hover  { 
	color: #fff; 
	background: #593978 url(images/thisnavbk.gif) 0 0 repeat-x; 
	cursor: default; 
	} 

#accessnav li a  { 
	padding: 0 0 0 10px; 
	background: url(images/alist_off.gif) 0 100% no-repeat; 
	border-bottom: none; 
	} 

#accessnav li a:hover  { 
	background: url(images/alist_on.gif) 0 100% no-repeat; 
	border-bottom: 1px solid #f00; 
	} 

ul.thumb a:link, 
ul.thumb a:visited  { 
	display: block; 
	width: 120px; 
	height: 84px; 
	border: 1px solid #593978; 
	} 

ul.thumb li.pineapple a:link, 
ul.thumb li.pineapple a:visited  { 
	width: 90px; 
	height: 126px; 
	} 

ul.thumb li.toddlerhat a:link, 
ul.thumb li.toddlerhat a:visited  { 
	height: 123px; 
	} 

ul.thumb li.pachrimbo a:link, 
ul.thumb li.pachrimbo a:visited  { 
	width: 100px; 
	height: 125px; 
	} 

ul.thumb a:hover  { 
	display: block; 
	border: 1px solid #f00; 
	} 

ul.thumb a:active  { 
	border: none; 
	} 




/* headers 
---------------------------- */ 


h1	{
	margin: 0 0 10px 0; 
	padding: 0.6em 0 0.6em 35px; 
	text-align: left; 
	font-family: "Trebuchet MS", sans-serif; 
	font-size: 170%; 
	color: #a62319; 
	border-bottom: 1px solid #fff; 
	}

h2	{ 
	padding: 0.9em 0 0.2em 0; 
	font-family: "Trebuchet MS", sans-serif; 
	font-size: 140%; 
	text-align: left; 
	border: none; 
	} 

h3  { 
	padding: 1.5em 0 1em 0; 
	font-size: 130%; 
	color: #a62319; 
	} 

h4  { 
	margin: 1.5em 0 0 0; 
	font-size: 110%; 
	color: #a62319; 
	} 

.notes1 h4  { 
	margin: 0; 
	padding: 10px 20px; 
	background: #eedff5 url(images/columntop.gif) 0 0 no-repeat; 
	} 

h5  { 
	margin: 1.5em 0 0 0; 
	font-size: 90%; 
	color: #a62319; 
	} 

.notes1 h5  { 
	color: #039; 
	margin: 0; 
	padding: 0 20px; 
	} 



/* lists 
---------------------------- */ 


#main ul { 
	padding: 0 0 0 30px; 
	} 

#main li  { 
	list-style: url(images/list.gif) square; 
	} 

#nav li  { 
	float: left; 
	text-align: center; 
	font-size: 80%; 
	border-right: 1px solid #906b9f; 
	} 

#nav li.navindex  { 
	border-left: 1px solid #906b9f; 
	} 

#accessnav ul, 
#siteinfo ul, 
.regions ul, 
.internal ul 
  { 
	display: inline; 
	} 

#main .internal ul  { 
	margin: 0 20px; 
	padding: 0; 
	} 

#accessnav li, 
#siteinfo li, 
.regions li, 
.internal li  { 
	display: inline; 
	margin: 0 0 0 1em; 
	} 

.internal li  { 
	margin: 0 1em 0 0; 
	} 

ul.thumb  { 
	float: left; 
	width: 660px; 
	padding: 0; /* over-rides default */ 
	} 

ul.thumb li  { 
	float: left; 
	list-style: none; 
	display: inline; 
	width: 120px; 
	height: 84px; 
	padding: 10px 15px; 
	border: none; 
	} 

ul.thumb li.pineapple  { 
	width: 90px; 
	height: 126px; 
	margin: 0 15px; 
	} 

ul.thumb li.toddlerhat  { 
	height: 123px; 
	} 

ul.thumb li.pachrimbo  { 
	width: 100px; 
	height: 125px; 
	margin: 0 10px; 
	} 

ul.thumb li.otherpatterns  { 
	width: 120px; 
	height: 85px; 
	margin: 10px -15px 0 15px; 
	text-indent: -5000px; 
	background: url(images/otherpatterns.gif) 0 0 no-repeat; 
	} 

ul.thumb li.otherprojects  { 
	width: 120px; 
	height: 85px; 
	margin: 10px -15px 0 15px; 
	text-indent: -5000px; 
	background: url(images/otherprojects.gif) 0 0 no-repeat; 
	} 

ul#shops  { 
	width: 700px; 
	margin: 0; 
	padding: 0; 
	} 

#shops li  { 
	float: left; 
	width: 700px; /* so dl addresses work in IE */ 
	list-style: none; 
	} 

#retaillist ul, 
#onlinelist ul  { 
	margin: 0 0 20px 0; 
	padding: 0 40px 20px 40px; 
	background: url(images/columnbottom.gif) 0 100% no-repeat; 
	} 

ul#shops li .regions ul li  { 
	width: auto; /* so dl addresses work in IE and this list appears inline */ 
	margin: 0 20px 0 0;
	} 

dl	{ 
	float: left; 
	width: 100%; 
	margin: 10px 0; 
	} 

dt  { 
	font-weight: bold; 
	} 

.notes1 dl  { 
	width: 290px; 
	margin: 0; 
	padding: 0 20px 10px 20px; 
	} 

#shops dl  { 
	width: 210px; 
	margin: 0 0 20px 15px; 
	} 

body#contact dl  { 
	width: auto; 
	margin: 0 0 0 30px; 
	} 




/* paragraphs 
---------------------------- */ 


p  { 
	margin: 0.5em 0; 
	} 

p.top  { 
	margin: 30px 0 0 0; 
	} 

p.copy  { 
	float: left; 
	width: 660px; 
	margin: 10px 0; 
	padding: 0.5em 20px; 
	text-align: center; 
	background: #fff; 
	} 

p.regions  { 
	clear: both; 
	line-height: 140%; 
	} 

#retaillist p, 
#onlinelist p  { 
	margin: 0; 
	padding: 10px 20px; 
	background: #eedff5 url(images/columntop.gif) 0 0 no-repeat; 
	} 

.notes1 p  { 
	margin: 0; 
	padding: 0 20px 10px 20px; 
	} 

#accessnav p  { 
	display: inline; 
	} 

.internal p  { 
	width: 660px; 
	margin: 0; 
	padding: 5px 20px 0 20px; 
	background: url(images/internaltop.gif) 0 0 no-repeat; 
	} 

p.printer  { 
	float: left; 
	padding: 0 0 0 30px; 
	background: url(images/printer.gif) 0 20% no-repeat; 
	} 






/* images 
---------------*/ 


img  { 
	float: left; 
	margin: 0 0 30px 0; 
	border: 1px solid #593978; 
	} 

img.cover_small  { 
	float: right; 
	margin: 10px 0 10px 20px; 
	}

img.project, 
img.pattern  { 
	margin: 20px 30px 40px 0; 
	} 

img.samplepages  { 
	margin: 20px 0; 
	} 

.thumb img  { 
	padding: 5px; 
	background: #fff; 
	border: none; 
	} 

.thumb img.otherprojects, 
.thumb img.otherpatterns  { 
	padding: 0; 
	} 





/* minor elements 
----------------------*/ 


#stocklists  { 
	float: left; 
	width: 700px; 
	} 

.pattern  { 
	float: left; 
	width: 100%; 
	} 

.internal  { 
	float: left; 
	width: 700px; 
	margin: 20px 0; 
	padding: 0 0 15px 0; 
	background: url(images/internal.gif) 0 100% no-repeat; 
	} 

#onlinelist  { 
	float: right; 
	width: 330px; 
	margin: 10px 0 0 0; 
	} 

#retaillist, 
.notes1  { 
	float: left; 
	width: 330px; 
	margin: 10px 0 0 0; 
	} 

#shops  { 
	float: left; 
	width: 700px; 
	} 

.regions  { 
	float: left; 
	width: 700px; 
	margin: 0 0 20px 0; 
	padding: 10px 0 30px 0; 
	border-bottom: 1px solid #fff; 
	} 

.notes1  { 
	padding: 0 0 20px 0; 
	background: url(images/columnbottom.gif) 0 100% no-repeat; 
	} 

.content, 
.design  { 
	font-weight: bold; 
	} 

.printonly  { 
	display: none; 
	} 

abbr  { 
	speak: spell-out; 
	border-bottom: 1px dotted #000; 
	cursor: help; 
	} 

cite	{ 
	font-style: italic; 
	}