body {
	font:11px verdana, arial, helvetica, sans-serif;
/*	background-image:url(/images/bg2.jpg); */
/*	background-repeat: repeat-x; */
/*	background-position:top left; */
	background-color: #999; /* #f4f4f4=light grey */
	color:#333;
	margin:0px 0px 20px 0;
	padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */
	}
	
#wrapper {
	width:800px;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	background-color:#fff; /* #eee=grey */
	height: auto;
	}

#wrapper:after { content: ""; display: block; height: 0; clear: both; }

h1 {
	color:#663366;
	font:1.8em/1 Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	}
h2 {
	color:#333;
	font:1.1em/1 Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	margin:2em 0 .25em;
	}
h3 {
	color:#666;
	font-size:1em;
	font-weight:bold;
	margin:3em 0 .35em;
	}
	
p {
	line-height:1.8;
	margin:0 0 1em;
	}

a:link, a:active, a:visited	{
	color: #88A08A;
	text-decoration: underline;
	font-weight:bold;
}

a:hover	{
	text-decoration: underline;
	color: #663366; /* #663366 = purple */ 
}


/*** HEADER   ***************************/
#header {
	width:800px;
	background-color: #FFFFFF;
}

#images-header	{
}


#coffee-header {
height: 37px;
background-image:url(/images/header/header-coffee.jpg);
background-position:bottom;
background-repeat:no-repeat;
text-align:right;
}

#coffee-header p {
color:white;
font-weight:bold;
}

/* TOP MENU */
#top-nav {

}

#top-nav ul	{
margin:0;
padding: 0 0 0 80px;
list-style-type: none;
white-space: nowrap;
background-color:#8d729b;  /* purple */
height: 30px;
width: auto;
border-bottom: 4px solid #aaacad;  /* grey bar */
}

#top-nav li	{
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
/*	background-color:#FF0000;  */
	border-right: 1px dashed #BBAAC3;
	height: auto;
}

#top-nav li.last {
	border:0;
}

#top-nav a {
	font-size: 16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding: 5px 20px;
/*	border-right: 1px dashed #BBAAC3; */
	color: #fff;
/*	background-color:#33FF00; */
	text-decoration:none;
	width: 100%;
}



#top-nav a:hover	{
	background-color:#BBAAC3; /* 60% of normal purple */
	color: #fff;

}






/* SIDE MENU */
#side-menu	{
	float:left;
	margin: 0;
	width: 120px;
	background-image: url(/images/menu-bottom.gif); 
	background-position:bottom; 
	background-repeat:no-repeat; 
	background-color: #819C85;  /* green  backup HTML color */
}

#leftnav	{
	width: auto;
	margin: 20px 0 10px 0;
}

#leftnav a	{
	display:block;
	margin: 0;
	padding: 5px 0 5px 5px;
	width: auto; /* use auto instead of 100% - IE doesn't like 100% when using padding */
	color: white;
	text-decoration:none;
}

#leftnav a:hover	{
	background-color:#B3C4B6;  /* 60% of green  */
	text-decoration: none;
}


.promotion	{
	margin: 10px 0;
}

/* end of left menu *********************/

	
#content	{
	margin:20px 10px 0 140px;
	height: auto;
}


#maintext	{
	margin: 0px 235px 0 0px;


}

#sidebar	{
	padding: 5px;
	float:right;
	width: 170px;
	margin: 0;
	background-color:#F4F4F4;
	border:1px solid #ccc;
}

#sidebar:after { content: ""; display: block; height: 0; clear: both; }

#sidebar h1	{
	margin:5px 0;
	padding:0;
	color:#88A08A;
	font-size: 18px;
	font-family: Garamond, Arial, Helvetica, sans-serif;	

}

#sidebar .event-details	{
	margin:5px 0 0 0;
	padding:0;
	color: #88A08A;
	line-height:normal;
}

#sidebar .event-name	{
	margin:0;
	padding:0;
	line-height:normal;
	color: #663366;
	border-bottom: 1px dashed #fefefe;
	font-weight:bold;
}

#sidebar a	{
	font-weight:normal;
}

#footer	{
	text-align:center;
	padding:8px 0;
	width: 800px;
	margin: 0 auto;
	background-color:#CCCCCC;
}


/* DROPCAP */
  .dropcap {
    display:block;
    float:left;
    width:46px;
    height:63px;
    margin-right:5px;
    background-image:url("/images/dropcap_e.gif");
    background-repeat:no-repeat;
    }
  .dropcap span {display:none;}

#necklace-mid	{
	width:248px;
	background-image:url(/images/necklace-mid-tile.gif);
	background-repeat:repeat-y;
	background-position:top left;
}

#necklace-top	{
	width:248px;
	height: 130px;
	background-image:url(/images/necklace-top.gif);
	background-repeat: no-repeat;
	background-position:top left;
}

#necklace-bottom	{
	width:248px;
	height:57px;
	background-image:url(/images/necklace-bottom.gif);
	background-repeat: no-repeat;
	background-position:bottom left;
}

#subscribebox	{
margin:0;
padding: 3px;
width:160px;
background-color: #8d729b;
color: #F4F4F4;
}

form#subscribebox input	{
 border: 1px solid #666;
}



#subscribebox p	{
	color: #F4F4F4;
	margin: 0 5px;
	padding:0;
	line-height:normal;
}

#roundbox-bottom	{
margin:0;
padding:0;
width:100%;
height:25px;
background-image:url(/images/roundbox-bottom.gif);
background-position:bottom;
background-repeat:no-repeat;
}

/* Catalog images etc */
table#category td	{
background-color: #B3C4B6;
padding:5px;
}

.product-box	{
float: left;
text-align:center;
background-color: #B3C4B6;
padding:5px;
margin:0 10px 20px;
width: 116px ;
height: 180px;
}

.product-box p	{
text-align: left;
line-height:normal;
}

.product-box img	{
margin-bottom: 10px;
}

.product-box a.thumb 	{
border:1px solid #999;
}

.product-box a.thumb:hover 	{
border:1px solid #333;
}

.product-box p a:link, .product-box p a:active, .product-box p a:visited	{
	color: #495C4D; /* 495C4D = dark green */
}

.product-box p a:hover	{
	color: #663366; /* 663366 = dark green */
}


.product-box .sold, .product-detail .sold	{
	color: red;
	font-weight:bold;
}


/* CONTACT ******************************/
form#contactform input	{
	border:1px solid #666666;
}

/* a:link.button	{
	padding:3px 5px;
	text-decoration: none;
	border: 1px solid #CCC;
	color: #663366;
}
*/