/*
when flipping DNS: /~tuffetla ==> /
ALSO $home in tuffets.pm and the html files and .htaccess (or maybe just lose
this and change all the refs)

*/
body {



	background-image: url('/images/pattern.gif');
	background-color: #464646;
	 background-position: top right;
	padding: 0px;
	margin-top: 0px;
	border: 0px;
}



a:link {
	color:  #b8008a;
	
	font-weight: 600;
}

a:visited {
color:  #b8008a;
	font-weight: 600;
}
a:active {
color:  #b8008a;
	font-weight: 600;
}

a:hover {
	color: white;
}

.footer {
	display: block;
	background: #b8008a;
	width: 782px;
	color:  #cfd352;
	font-family: Arial, sans-serif;
	font-size: .8em;
	font-weight: 400;
	text-indent: 20px;
	margin: 0px;

	
}

.footer a:link {
	color:  #cfd352;
	
	font-weight: 600;
}

.footer a:visited {
color:  #cfd352;
	font-weight: 600;
}
.footer a:active {
color:  #cfd352;
	font-weight: 600;
}

.footer a:hover {
	color: white;
}

.content {
	display: block;
	width: 782px;
	background: #cfd352;
	font-family: Arial, sans-serif;
	font-weight: 400;
	font-size: 12pt;
	color: #3366cc;

}

.catalog {
	display: block;
	width: 782px;
	background: url('/images/catback.jpg');
	background-repeat: repeat-y;
	font-family: Arial, sans-serif;
	font-weight: 400;
	font-size: 12pt;
	color: #3366cc;
	margin-bottom: -19px;


}

h1 {
	font-family: Arial, sans-serif;
	font-weight: 600;
	font-size: 18pt;
	color: #3366cc;
}


h2 {
	font-family: Arial, sans-serif;
	font-size: 14pt;
	font-weight: 600;
	color: #3366cc;
}

h3 {
	font-family: Arial, sans-serif;
	font-size: 14pt;
	color: #3366cc;
}

.hdr {
 	border: 0px;
	margin-bottom: -10px;	
}

td.ptext {
	display: block;
	padding-left: 4px;
}
.ptitle {
	font-family:Arial, sans-serif; 
	font-size:12pt;
	font-weight: 600;
}

.pdesc {
	font-family:Arial, sans-serif; 
	font-size:12pt;
	
}

.etitle {
	font-family:Arial, sans-serif; 
	font-size:12pt;
	font-weight: 600;
}

.nav2 {display:block;
width:813px;
height:235px;
position:relative;
margin-bottom: -4px;
}

.nav2_none {
background: url("/images/header_withfringe.gif");
}
.nav2_chairs {
background: url("/images/header_chairs.gif");
}
.nav2_ottos {
background: url("/images/header_ottos.gif");
}
.nav2_pillows {
background: url("/images/header_pillows.gif");
}
.nav2_about {
background: url("/images/header_about.gif");
}
.nav2_events {
background: url("/images/header_events.gif");
}
.nav2_contact {
background: url("/images/header_contact.gif");
}


a#home{display:block; width:382px; height:168px; padding-top:0px; overflow:hidden; position:absolute; background:transparent url(/images/trans34x168.gif);}
a#home{left:340px; top:0px;}



a#chairs{display:block; width:34px; height:168px; padding-top:0px; overflow:hidden; position:absolute;}
a#chairs{left:83px; top:0px; background:transparent url(/images/trans34x168.gif);}
a#chairs:hover{ background: url("/images/n_chairs_over.gif") 0 0 no-repeat; width: 34px; height: 168px; } 

a#ottos{display:block; width:34px; height:168px; padding-top:0px; overflow:hidden; position:absolute;}
a#ottos{left:117px; top:0px; background:transparent url(/images/trans34x168.gif);}
a#ottos:hover{ background: url("/images/n_ottos_over.gif") 0 0 no-repeat; width: 34px; height: 168px; } 

a#pillows{display:block; width:34px; height:168px; padding-top:0px; overflow:hidden; position:absolute;}
a#pillows{left:151px; top:0px; background:transparent url(/images/trans34x168.gif);}
a#pillows:hover{ background: url("/images/n_pillows_over.gif") 0 0 no-repeat; width: 34px; height: 168px; } 

a#about{display:block; width:34px; height:168px; padding-top:0px; overflow:hidden; position:absolute;}
a#about{left:185px; top:0px; background:transparent url(./images/trans34x168.gif);}
a#about:hover{ background: url("/images/n_about_over.gif") 0 0 no-repeat; width: 34px; height: 168px; } 

a#events{display:block; width:34px; height:168px; padding-top:0px; overflow:hidden; position:absolute;}
a#events{left:219px; top:0px; background:transparent url(/images/trans34x168.gif);}
a#events:hover{ background: url("/images/n_events_over.gif") 0 0 no-repeat; width: 34px; height: 168px; } 

a#contact{display:block; width:34px; height:168px; padding-top:0px; overflow:hidden; position:absolute;}
a#contact{left:253px; top:0px; background:transparent url(/images/trans34x168.gif);}
a#contact:hover{ background: url("/images/n_contact_over.gif") 0 0 no-repeat; width: 34px; height: 168px; }