body {
	margin: 0;
	padding: 0;
	background: url(../images-summer/bg-body.gif);
	text-align: center;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	}

img {
	border: 0;
	}

#container {
	width: 648px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	border: 1px solid #384B16;
	border-top: 0;
	border-bottom-width: 5px;
	text-align: left;
	}

#head {
	background: url(../images-summer/bg-head.jpg) no-repeat;
	height: 252px;
	}

#head img {
	position: absolute;
	top: 31px;
	margin-left: 432px;
	}

#head h1 {
	display: none;
	}
	
#skip {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}
	
/*****************************************
	SUB NAV
 *****************************************/

#subnav {
	position: absolute;
	top: 98px;
	margin-left: 422px;
	}

#subnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#subnav ul li {
	float: left;
	margin: 0;
	}

#subnav ul li a {
	display: block;
	padding: 3px 0;
	text-indent: -9999px;
	text-decoration: none;
	}

#subnav ul li#sub01 { padding: 7px 0 0; }
#subnav ul li#sub01 a { padding: 7px 0; width: 53px; background: url(../images-summer/subnav-home-off.gif) no-repeat;}
#subnav ul li#sub01 a:hover { background: url(../images-summer/subnav-home-on.gif) no-repeat; }
body.home #subnav ul li#sub01 a { background: url(../images-summer/subnav-home-on.gif) no-repeat;}
body.home #subnav ul li#sub01 a:hover { background: url(../images-summer/subnav-home-on.gif) no-repeat; }

#subnav ul li#sub02 { padding: 1px 0 7px; }
#subnav ul li#sub02 a { padding: 6px 0 7px; width: 60px; background: url(../images-summer/subnav-contact-off.gif) no-repeat; }
#subnav ul li#sub02 a:hover { background: url(../images-summer/subnav-contact-on.gif) no-repeat; }
body.contact #subnav ul li#sub02 a { background: url(../images-summer/subnav-contact-on.gif) no-repeat; }
body.contact #subnav ul li#sub02 a:hover { background: url(../images-summer/subnav-contact-on.gif) no-repeat; }

#subnav ul li#sub03 { padding: 0 0 7px; }
#subnav ul li#sub03 a { padding: 7px 0; width: 63px; background: url(../images-summer/subnav-updates-off.gif) no-repeat; }
#subnav ul li#sub03 a:hover { background: url(../images-summer/subnav-updates-on.gif) no-repeat; }
body.updates #subnav ul li#sub03 a { background: url(../images-summer/subnav-updates-on.gif) no-repeat; }
body.updates #subnav ul li#sub03 a:hover { background: url(../images-summer/subnav-updates-on.gif) no-repeat; }

#subnav ul li#sub04 { padding: 0; }
#subnav ul li#sub04 a { padding: 10px 0 11px; width: 50px;  background: url(../images-summer/subnav-links-off.gif) no-repeat;}
#subnav ul li#sub04 a:hover { background: url(../images-summer/subnav-links-on.gif) no-repeat; }
body.links #subnav ul li#sub04 a { background: url(../images-summer/subnav-links-on.gif) no-repeat;}
body.links #subnav ul li#sub04 a:hover { background: url(../images-summer/subnav-links-on.gif) no-repeat; }

/*****************************************
	PRIMARY NAV
 *****************************************/

#nav {
	position: absolute;
	top: 150px;
	font-size: 11px;
	width: 648px;
	}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#nav ul li {
	float: left;
	margin: 0;
	}

#nav ul li a {
	display: block;
	padding: 3px 0;
	text-indent: -9999px;
	text-decoration: none;
	}

#nav ul li#nav01 { padding: 7px 0 20px; }
#nav ul li#nav01 a { padding: 25px 0; width: 104px; background: url(../images-summer/nav-mermaid-off.gif) no-repeat; }
#nav ul li#nav01 a:hover { background: url(../images-summer/nav-mermaid-over.gif) no-repeat; }
body.mermaid #nav ul li#nav01 a { background: url(../images-summer/nav-mermaid-on.gif) no-repeat; }
body.mermaid #nav ul li#nav01 a:hover { background: url(../images-summer/nav-mermaid-on.gif) no-repeat; }

#nav ul li#nav02 { padding: 22px 0 16px; }
#nav ul li#nav02 a { padding: 20px 0 19px; width: 76px; background: url(../images-summer/nav-jewelry-off.gif) no-repeat; }
#nav ul li#nav02 a:hover { background: url(../images-summer/nav-jewelry-over.gif) no-repeat; }
body.jewelry #nav ul li#nav02 a { background: url(../images-summer/nav-jewelry-on.gif) no-repeat; }
body.jewelry #nav ul li#nav02 a:hover { background: url(../images-summer/nav-jewelry-on.gif) no-repeat; }

#nav ul li#nav03 { padding: 18px 0 16px; }
#nav ul li#nav03 a { padding: 22px 0 21px; width: 91px; background: url(../images-summer/nav-beads-off.gif) no-repeat; }
#nav ul li#nav03 a:hover { background: url(../images-summer/nav-beads-over.gif) no-repeat; }
body.beads #nav ul li#nav03 a { background: url(../images-summer/nav-beads-on.gif) no-repeat; }
body.beads #nav ul li#nav03 a:hover { background: url(../images-summer/nav-beads-on.gif) no-repeat; }

#nav ul li#nav04 { visibility: hidden; padding: 9px 0 18px; }
#nav ul li#nav04 a { padding: 25px 0; width: 93px; background: url(../images-summer/nav-bottles-off.gif) no-repeat; }
#nav ul li#nav04 a:hover { background: url(../images-summer/nav-bottles-over.gif) no-repeat; }
body.bottles #nav ul li#nav04 a { background: url(../images-summer/nav-bottles-on.gif) no-repeat; }
body.bottles #nav ul li#nav04 a:hover { background: url(../images-summer/nav-bottles-on.gif) no-repeat; }

#nav ul li#nav05 { padding: 0 0 23px; }
#nav ul li#nav05 a { padding: 27px 0; width: 105px; background: url(../images-summer/nav-ornament-off.gif) no-repeat; }
#nav ul li#nav05 a:hover { background: url(../images-summer/nav-ornament-over.gif) no-repeat; }
body.ornament #nav ul li#nav05 a { background: url(../images-summer/nav-ornament-on.gif) no-repeat; }
body.ornament #nav ul li#nav05 a:hover { background: url(../images-summer/nav-ornament-on.gif) no-repeat; }

#nav ul li#nav06 { padding: 0 0 21px; }
#nav ul li#nav06 a { padding: 28px 0; width: 92px; background: url(../images-summer/nav-classes-off.gif) no-repeat; }
#nav ul li#nav06 a:hover { background: url(../images-summer/nav-classes-over.gif) no-repeat; }
body.spiritguided #nav ul li#nav06 a { background: url(../images-summer/nav-classes-on.gif) no-repeat; }
body.spiritguided #nav ul li#nav06 a:hover { background: url(../images-summer/nav-classes-on.gif) no-repeat; }

#nav ul li#nav07 { padding: 1px 0 0; }
#nav ul li#nav07 a { padding: 38px 0; width: 87px; background: url(../images-summer/nav-exhibit-off.gif) no-repeat; }
#nav ul li#nav07 a:hover { background: url(../images-summer/nav-exhibit-over.gif) no-repeat; }
body.exhibit #nav ul li#nav07 a { background: url(../images-summer/nav-exhibit-on.gif) no-repeat; }
body.exhibit #nav ul li#nav07 a:hover { background: url(../images-summer/nav-exhibit-on.gif) no-repeat; }


/*****************************************
	BODY
 *****************************************/

#body {
	background: #fff;
	padding: 0 30px 20px;
	}

h1 {
	font: 1.6em Times;
	color: #752B17;
	margin-left: -1px;
	font-weight: bold;
	}

h1 span.sub {
	font: .8em Times;
	}

h2 {
	font: 1.2em Times;
	color: #752B17;
	margin-left: 0;
	}

p, label, li {
	line-height: 1.5em;
	font-size: .85em;
	}

a {
	color: #752B17;
	}
	
.caption {
	margin: 0;
	padding: 0;
	font-style: italic;
	color: #752B17;
	}

/*****************************************
	TABLE STYLES
 *****************************************/

table.tabular td {
	vertical-align: top;
	}

table.tabular p {
	margin: 0;
	padding: 0;
	}

table.tabular td.t-head  { color: #fff; font: 1em Verdana, Arial, Helvetica, sans-serif; background: #752B17 }

table.tabular td.t-head a { color: #fff; }

table.products td {
	vertical-align: top;
	}

table.products h2 {	
	margin: 0;
	padding: 0;
	}

table.products p {
	margin: 5px 0;
	padding: 0;
	}

/*****************************************
	FOOTER
 *****************************************/

#footer {
	background: url(../images-summer/bg-footer.gif) no-repeat;
	padding: 30px 12px 10px;
	}

#footer p {
	margin: 0;
	padding: 0;
	font: .8em verdana;
	color:  #384B16;
	font-weight: normal;
	}

#footer p a {
	text-decoration: none;
	color: #8E4065;
	font-weight: bold;
	}

#footer p a:hover {
	text-decoration: underline;
	}

/*****************************************
	HOME PAGE STYLES
 *****************************************/

body.home #body {
	padding-left: 0; /*remove left hand padding*/
	}

/*****************************************
	JON STYLES
 *****************************************/
.cellbackgroundcolor {
	background: #C7BEAD;
	}