* {
	margin:0;
	padding:0;
}
html, body {
	height:100%;
}
body {
	font:13px Verdana, Arial, Helvetica, sans-serif;
	background-color:#666666;
	text-align:center; /* horizontal centering for IE Win quirks */
}
img {
	border: 0;
}
p{
	color: #666666;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
a{
	color: #666666;
	text-decoration: underline;
}
a:hover{
	color: #666666;
	text-decoration: none;
}
a:visited{
	color: #666666;
	text-decoration: underline;
}
.tiny{
	color: #666666;
	font:9px Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #716957;
}
hr{
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	width: 380px;
	margin-bottom: 5px;
}

p strong{
	color: #000000;
	font-weight:bold;
	margin-bottom:15px;
}

h2{
	color: #000000;	
	margin-bottom: 7px;
	margin-top: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

.splash{
	margin-top:20px;
	margin-left:20px;
}
.date{
	display:inline;
	float:left;
	width: 120px;
}
.article{
	display: inline;
	float:none;
	width: 275px;
}

.article p{
padding-bottom: 7px;
margin: 0;
}

.date p{
padding-botton: 7px;
margin:0;
}

#distance {
	width:1px;
	height:50%;
	background-color:#666;
	margin-bottom:-293px; /* half of container's height */
	float:left;
}
#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:585px;
	width:640px;
	clear:left;
	background-color:#fff;
}
#logo {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 105px;
	height: 43px;
	z-index: 17;
	vertical-align: middle;
}
#line1 {
	position: absolute;
	left: 215px;
	top: 20px;
	width: 1px;
	height: 545px;
}
#line2 {
	position: absolute;
	left: 421px;
	top: 20px;
	width: 1px;
	height: 545px;
}
#information{
	position: absolute;
	left: 20px;
	top: 75px;
	width: 180px;
}
#left-column {
	position: absolute;
	left: 229px;
	top: 20px;
	width: 185px;
	height: 557px;
}
#left-column a{
	padding-bottom: 7px;
}
#left-column img{
	padding-bottom: 5px;
}

#matrix-header {
	position: absolute;
	left: 232px;
	top: 20px;
	width: 250px;
	height: 50px;
}
#matrix-content {
	position: absolute;
	left: 232px;
	top: 75px;
	width: 410px;
	height: 505px;
}
#editorial-pages {
	position: absolute;
	left: 262px;
	text-align:right;
	top: 540px;
	width: 305px;
	height: 50px;
}
#editorial-pages-center {
	position: absolute;
	left: 252px;
	text-align:center;
	top: 540px;
	width: 333px;
	height: 50px;
}
#editorial-back {
	position: absolute;
	left: 232px;
	text-align:right;
	top: 540px;
	width: 30px;
	height: 50px;
}
#editorial-pdf {
	position: absolute;
	left: 577px;
	text-align:right;
	top: 540px;
	width: 30px;
	height: 50px;
}
#editorial-next {
	position: absolute;
	left: 585px;
	text-align:right;
	top: 540px;
	width: 30px;
	height: 50px;
}
#main-content {
	position: absolute;
	left: 232px;
	top: 65px;
	width: 410px;
	height: 505px;
}
#editorial-content {
	position: absolute;
	left: 232px;
	top: 20px;
	width: 410px;
	height: 505px;
}
#editorial-index {
	position: absolute;
	left: 232px;
	top: 20px;
	width: 380px;
	height: 505px;
}

#editorial-index a{
	color: #666666;
	text-decoration: none;
}
#editorial-index a:hover{
	color: #000;
	text-decoration: none;
}
#editorial-indexd a:visited{
	color: #666666;
	text-decoration: none;
}



#editorial-index img{
	padding-right: 9px;
	padding-bottom: 9px;
}
#matrix-content img{
	padding-right: 15px;
	padding-bottom: 15px;
	float: left;
}
#top-content {
	position: absolute;
	left: 232px;
	top: 75px;
	width: 410px;
	height: 200px;
}
#right-column {
	position: absolute;
	left: 434px;
	top: 20px;
	width: 185px;
	height: 557px;
}
#right-column a{
	padding-bottom: 7px;
}
#right-column img{
	padding-bottom: 5px;
}

#contact{
	position: absolute;
	left: 20px;
	top: 537px;
	width: 155px;
}

#nav{
	position: absolute;
	left: 20px;
	top: 397px;
	width: 155px;
}
#nav ul{
	list-style: none;
}
a.nav-home{
	display: block;
    width: 140px;
    height: 13px;
    background:url(images/nav_home.gif) 0 0 no-repeat;
	text-decoration: none;
}
a:hover.nav-home{
	background-position: -140px 0;
	text-decoration: none;
}
a:visited.nav-home{
	text-decoration: none;
}
a.nav-about{
	display: block;
    width: 140px;
    height: 14px;
    background:url(images/nav_about.gif) 0 0 no-repeat;
	text-decoration: none;
}
a:hover.nav-about{
	background-position: -140px 0;
	text-decoration: none;
}
a:visited.nav-about{
	text-decoration: none;
}
a.nav-modernist{
	display: block;
    width: 140px;
    height: 15px;
    background:url(images/nav_modernist.gif) 0 0 no-repeat;
	text-decoration: none;
}
a:hover.nav-modernist{
	background-position: -140px 0;
	text-decoration: none;
}
a:visited.nav-modernist{
	text-decoration: none;
}
a.nav-editorial{
	display: block;
    width: 140px;
    height: 15px;
    background:url(images/nav_editorial.gif) 0 0 no-repeat;
	text-decoration: none;
}
a:hover.nav-editorial{
	background-position: -140px 0;
	text-decoration: none;
}
a:visited.nav-editorial{
	text-decoration: none;
}
a.nav-snapshots{
	display: block;
    width: 140px;
    height: 16px;
    background:url(images/nav_snapshots.gif) 0 0 no-repeat;
	text-decoration: none;
}
a:hover.nav-snapshots{
	background-position: -140px 0;
	text-decoration: none;
}
a:visited.nav-snapshots{
	text-decoration: none;
}
a.nav-links{
	display: block;
    width: 140px;
    height: 14px;
    background:url(images/nav_links.gif) 0 0 no-repeat;
	text-decoration: none;
}
a:hover.nav-links{
	background-position: -140px 0;
	text-decoration: none;
}
a:visited.nav-links{
	text-decoration: none;
}
a.nav-legal{
	display: block;
    width: 140px;
    height: 15px;
    background:url(images/nav_legal.gif) 0 0 no-repeat;
	text-decoration: none;
}
a:hover.nav-legal{
	background-position: -140px 0;
	text-decoration: none;
}
a:visited.nav-legal{
	text-decoration: none;
}
a.nav-contact{
	display: block;
    width: 140px;
    height: 13px;
    background:url(images/nav_contact.gif) 0 0 no-repeat;
	text-decoration: none;
}
a:hover.nav-contact{
	background-position: -140px 0;
	text-decoration: none;
}
a:visited.nav-contact{
	text-decoration: none;
}
a.nav-email{
	display: block;
    width: 140px;
    height: 15px;
    background:url(images/nav_email.gif) 0 0 no-repeat;
	text-decoration: none;
}
a:hover.nav-email{
	background-position: -140px 0;
	text-decoration: none;
}
a:visited.nav-email{
	text-decoration: none;
}

/* homepage rollover images*/
a.pile-rugs{
	display: block;
    width: 180px;
    height: 165px;
    background:url(images/pile_rugs.jpg) 0 0 no-repeat;
	text-decoration: none;
}
a:hover.pile-rugs{
	background-position: -180px 0;
	text-decoration: none;
}
a:visited.pile-rugs{
	text-decoration: none;
}
a.flatweaves{
	display: block;
    width: 180px;
    height: 165px;
    background:url(images/flatweaves.jpg) 0 0 no-repeat;
	text-decoration: none;
}
a:hover.flatweaves{
	background-position: -180px 0;
	text-decoration: none;
}
a:visited.flatweaves{
	text-decoration: none;
}
a.press{
	display: block;
    width: 180px;
    height: 165px;
    background:url(images/recent_press.jpg) 0 0 no-repeat;
	text-decoration: none;
}
a:hover.press{
	background-position: -180px 0;
	text-decoration: none;
}
a:visited.press{
	text-decoration: none;
}

a.cushions{
	display: block;
    width: 180px;
    height: 165px;
    background:url(images/cushions-nav.jpg) 0 0 no-repeat;
	text-decoration: none;
}
a:hover.cushions{
	background-position: -180px 0;
	text-decoration: none;
}
a:visited.cushions{
	text-decoration: none;
}
a.crafts{
	display: block;
    width: 180px;
    height: 165px;
    background:url(images/craft.jpg) 0 0 no-repeat;
	text-decoration: none;
}
a:hover.crafts{
	background-position: -180px 0;
	text-decoration: none;
}
a:visited.crafts{
	text-decoration: none;
}
a.chalkboard{
	display: block;
    width: 180px;
    height: 165px;
    background:url(images/chalkboard.jpg) 0 0 no-repeat;
	text-decoration: none;
}
a:hover.chalkboard{
	text-decoration: none;
}
a:visited.chalkboard{
	text-decoration: none;
}
a.previous{
	display: block;
    width: 11px;
    height: 13px;
    background:url(images/backarrow.gif) 0 0 no-repeat;
	text-decoration: none;
}
a:hover.previous{
	background-position: -11px 0;
	text-decoration: none;
}
a:visited.previous{
	text-decoration: none;
}
a.next{
	display: block;
    width: 11px;
    height: 13px;
    background:url(images/nextarrow.gif) 0 0 no-repeat;
	text-decoration: none;
}
a:hover.next{
	background-position: -11px 0;
	text-decoration: none;
}
a:visited.next{
	text-decoration: none;
}