body {
	margin: 0; 
	padding: 0; 
	color: #484847; 
	background: url(graphics/logo_big_bg_green.gif) 10px 30px no-repeat fixed #EBF79A; 
	font-size: 1.0em; 
	font-family: verdana, arial, sans-serif; 
	text-align: center;
}
	body.no_bg_pic {
		margin: 0; 
		padding: 0; 
		color: #484847; 
		background: #EBF79A; 
		font-size: 1.0em; 
		font-family: verdana, arial, sans-serif; 
		text-align: center;
	}
	
* {
	margin:0; 
	padding:0;
}

/* iframe {
	background-color:red;
}
*/

img {
	border:1px solid #484847;
	}

div#mainwrap {
	width: 774px; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 40px; 
	text-align: left;
}

/* header styles */
div#header {
	position: relative; 
	width: 774px; 
	height: 95px;
}
	div#header.jc {
		background: url(graphics/header_jc.gif) no-repeat;
	}
	div#header #logo {
		position: absolute; 
		top: 0; 
		right: 0; 
		border: 0;
	}
	div#header h3 { 
		margin: 0; 
		padding: 0; 
		position: absolute; 
		bottom: 34px; 
		font-size:0.7em; 
		font-weight: normal;
	}
	div#header h1 {
		width: 500px; 
		height: 95px;
	}
	div#header h1 span { 
		display: none;
	}
		div#header h1#jewelry {
			background: url(graphics/header_jewelry.gif) no-repeat;
		}
		div#header h1#jc {
			background: url(graphics/header_jc.gif) no-repeat;
		}
		div#header h1#jw {
			background: url(graphics/header_jw.gif) no-repeat;
		}
		div#header h1#hf {
			background: url(graphics/header_hf.gif) no-repeat;
		}
		div#header h1#hfb {
			background: url(graphics/header_hfb.gif) no-repeat;
		}
		div#header h1#hfh {
			background: url(graphics/header_hfh.gif) no-repeat;
		}
		div#header h1#about {
			background: url(graphics/header_about.gif) no-repeat;
		}
		div#header h1#press {
			background: url(graphics/header_press.gif) no-repeat;
		}
		div#header h1#contact {
			background: url(graphics/header_mailingList.gif) no-repeat;
		}
		div#header h1#order {
			background: url(graphics/header_order.gif) no-repeat;
		}
		div#header h1#shop {
			background: url(graphics/header_shop.gif) no-repeat;
		}

div#contentarea {
	width:774px; 
	min-height: 301px;
}
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}
.clearfix {
	display: inline-block;
}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

/* common styles */
h1 { 
	margin: 0 0 1.0em 0; 
	font-size:1.0em; 
	font-weight: bold;
}
h2 { 
	margin: 0 0 0.2em 0; 
	font-size:0.8em; 
	font-weight: bold;
}
h3 {
	margin: 0 0 0.2em 0; 
	font-size:0.7em; 
	font-weight: bold;
}

p {
	margin: 0 0 1.0em 0; 
	font-size:0.7em;
}
	p.caption {
		font-size:0.6em;
	}
	
a:link {
	color: #85935B; 
	text-decoration: underline;
}
	a:visited {
		color: #85935B; 
		text-decoration: underline;
	}
	a:hover {
		color: #E65C00; 
		text-decoration: underline;
	}
	a.noLine:link {
		color: #85935B; 
		text-decoration: none;
	}
	a.noLine:visited {
		color: #85935B; 
		text-decoration: none;
	}
	a.noLine:hover {
		color: #E65C00;
		text-decoration: none;
	}
	a:active { 
		outline:none; 
	}
	
table {
	margin-left: 20px;
}
	td {
		padding: 0 20px 20px 0;
	}

/* two column layout styles */
	div#main_column {
		float:left; 
		width: 611px;
		_overflow:hidden;
	}
	div.buttons_text {
		margin: 0 auto; 
		width: 400px;
	}
	
/* begin ORDER page */	

	div.order_buttons_text {
		background:#EBF79A;
		margin: 0 auto;
		font-size:0.7em;
	}
		div.order_buttons_text h1 {
			text-transform:uppercase;
		}
		div.order_buttons_text ul,
		div.order_buttons_text li {
			margin:0;
			padding:0;
			list-style:none;
		}
		div.order_buttons_text ul {
			padding-bottom:15px;
		}
			div.order_buttons_text div.shopOnline {
				padding-top:20px;
			}

/* end ORDER page */

		table#shipping {
			margin: 0 auto 0.5em auto;
		}
			table#shipping td {
				padding: 0.5em; 
				text-align: center; 
				font-size:0.7em;
			}
	div.buttons_3col {
		margin: 40px auto 0 auto; 
		width: 530px;
	}
	div.hopic {
		width: 586px;
		}
		div.hopic div#div_2 {
			display: none;
		}
		div.hopic div#div_3 {
			display: none;
		}
		div.hopic div#div_4 {
			display: none;
			}
		div.hopic div#div_5 {
			display: none;
		}
		div.hopic div#div_6 {
			display: none;
		}
		div.hopic div#div_7 {
			display: none;
			}
		div.hopic img.link_image { 
			vertical-align:bottom;
		}
		div.hopic table {
			margin-left: 0; 
			width: 100%; 
			border: none; 
			font-size:0.7em;
		}
			div.hopic table td {
				padding: 0 0 1.0em 0; 
				vertical-align: top;
			}
				div.hopic table td.rightCell {
					padding: 0 0 1.0em 0; 
					text-align: right;
				}
	
	ul#nav_backNext,
	ul#nav_backNextVert {
		list-style:none;
		margin:20px 0 0 0;
		padding:0;
		font-size:0.7em;
		font-weight:bold;
		float:right;
	}
		ul#nav_backNext li,
		ul#nav_backNextVert li {
			display:inline;
			margin-left:2em;
		}
	ul#nav_backNextVert {
		margin:.01em 0 1.5em 0;
	}
	
	div.buttons_2col_left {
		margin: 20px 0; 
		float: left;
	}
		div.buttons_2col_left p {
			width: 293px;
		}
		div.buttons_2col_right {
			margin: 20px 0; 
			float: right; 
			text-align: right;
		}
			div.buttons_2col_right a {
				margin: 0 0 1.0em 10px; 
			}
			div.buttons_2col_right p {
				width: 293px;
			}
			div.buttons_2col_right table {
				width: 293px;
			}
		div.button {
			margin-bottom: 20px; 
			text-align: center; 
			width: 150px; 
			font-size:0.7em; 
			font-weight: bold;
		}
		div.button img {
			display: block; 
		}
		div.button a:link {
			display: block; 
			color: #828281; 
			text-decoration: none; 
			background-color: #C0D483;
		}
		div.button a:visited {
			display: block; 
			color: #828281; 
			text-decoration: none; 
			background-color: #C0D483;
		}
		div.button a:hover {
			color: #FFFFFF; 
			background-color: #E65C00;
		} 
/*  background-color: #ccc; */
/* three column layout styles */
	div#column1_fp {
		float: left; 
		width: 181px;
		_overflow:hidden;
	}
		div#column1_fp img.link_image {
			display: block; 
			margin-bottom: 10px; 
		}
	div#column2_fp { 
		float: left; 
		width: 430px;
	}
		div#column2_fp h2 {
			margin-left: 20px;
		}
	div.thumbs_3col {
		margin: 0 auto; 
		width: 380px;
		overflow:hidden;
	}
		div.thumbs_3col img {
			vertical-align:bottom;
		}
	
	div.vert_pic {
		margin: 0 auto 20px auto; 
		width: 380px;
	}
		div.vert_pic div#div_2,
		div.vert_pic div#div_3,
		div.vert_pic div#div_4,
		div.vert_pic div#div_5,
		div.vert_pic div#div_6 {
			display: none;
		}
		div.vert_pic img {
			margin-bottom: 20px;
		
		}
		div.vert_pic_text {
			margin-bottom: 1.0em;
		}
	
	div#column1_thumbs1 {
		float: left; 
		width: 401px;
	}
	div#column2_thumbs1 {
		float: left; 
		width: 210px;
	}
		div.thumbs_1col {
			margin: 0 auto;
			width: 140px;
		}
		div.thumbs_1col img {
		}
	
	div#column1_thumbs2 {
		float: left; 
		width: 301px;
	}
	div#column2_thumbs2 {
		float: left; 
		width: 310px;
	}
	div.thumbs_2col {
		margin: 0 auto; 
		width: 260px;
	}
		div.thumbs_2col img {
		}

/* nav_column styles */
div#nav_column {
	margin-bottom: 2.0em; 
	width: 163px; 
	float:left;
}
	div#nav_column h2 {
		margin: 0; 
		height: 10px; 
		font-size:0.1em; 
		text-align: center; 
		color: #C0D483; 
		background: #C0D483 url(graphics/nav_bg_top.gif) no-repeat top center; 
	}
	div#nav_column h3 {
		margin: 0; 
		height: 10px; 
		font-size:0.1em; 
		text-align: center; 
		color: #C0D483; 
		background: #C0D483 url(graphics/nav_bg_bot.gif) no-repeat bottom center;
	}
	
ul#nav {
	list-style: none; 
	font-size:0.8em; 
	font-weight: bold;
}
	ul#nav li { 
		position: relative; 
		background-color: #C0D483; 
		border-width: 0 1px; 
		border-color: #828281; 
		border-style: solid;
	}
		ul#nav li a { 
			display: block; 
			text-decoration: none; 
			color: #484847; 
			padding: 5px 0 5px 8px;
		}
			ul#nav li a:hover { 
				color: #E65C00; 
				background-color: #D0E68F;
			}
			ul#nav li a.sub_nav {
				display: block;
				text-decoration: none; 
				color: #484847; 
				padding: 5px 0 5px 22px;
			}
				ul#nav li a.sub_nav2 {
					display: block;
					text-decoration: none; 
					color: #484847; 
					padding: 5px 0 5px 44px;
				}
			ul#nav li a.current {
				color: #E65C00;
			}
				ul#nav li a.pressActive {
					color: #E65C00;
				}
			ul#nav li a.sub_nav:hover,
			ul#nav li a.sub_nav2:hover {
				color: #E65C00;
			}
	ul#nav li ul {
		position: absolute; 
		top: 0; 
		right: 161px; 
		width: 105px; 
		display: none; 
		list-style: none; 
		background-color: #D0E68F; 
		border-bottom: 1px solid #828281;
		z-index: 300;
	}
		ul#nav li ul li {
			background-color: #D0E68F;
		}
			ul#nav li ul li a {
				padding: 4px 0 4px 4px; 
				border-top: 1px solid #828281;
			}
				ul#nav li ul li a:hover {
					color: #E65C00; 
					background-color: #E0F79A;
				}
/* Fix IE. Hide from IE Mac \*/
* html ul#nav li {
	float: left; 
	height: 1%;
}
	* html ul#nav li a {
		height: 1%;
	}
	* html ul#nav li ul {
		right: 160px;
	}
/* End */
ul#nav li:hover ul, ul#nav li.over ul {
	display: block;
}

div#nav_column div.below_nav {
	margin-top: 2.5em;
}

/* footer styles */
div#footer {
	width:774px; 
	background-color: #E65C00; 
	color: #FFFFFF; 
	padding: 3px 0; 
	font-size:0.7em; 
	margin-top: 1.0em;
}

div#copyright {
	display: inline; 
	float: left; 
	margin-left: 10px;
}

div#footer_nav {
	text-align: right;
}
	div#footer_nav a:link {
		color: #FFFFFF; 
		border-left: 1px solid #484847; 
		padding: 0 10px; 
		text-decoration: none;
	}
		div#footer_nav a:visited {
			color: #FFFFFF;
			border-left: 1px solid #484847; 
			padding: 0 10px; 
			text-decoration: none;
		}
		div#footer_nav a:hover {
			color: #FFFFFF; 
			background-color: #828281; 
			padding: 0 10px;
		}
		
/* PRESS PAGE */
div.hopic img.press {
	border:none;
}
div.hopic p.pressText {
	text-align:center;
}

ul#pressThumbs{
	list-style:none;
	width:600px;
	margin: 0 auto;
}
	ul#pressThumbs img {
		border:none;
	}
	ul#pressThumbs li {
		float:left;
		margin:0 5px 10px 10px;
		height:139px;
		width:129px;
		text-align:center;
	}
	ul#pressThumbs li.last{
		margin-right:0;
	}	
	ul#pressThumbs li.first{
		margin-left:0;
	}	
		ul#pressThumbs li a {
			display:block;
		}