@import url(initial.css);

html,body
{
	font: 10pt/150% "Lucida Grande","Lucida unicode", lucida, Tahoma, verdana, sans-serif;
	margin: 0;
	padding: 0 0 30px 0;
	background-color: #47372C;
	color: #635A4C;
	text-align:center;
}

p
{
	margin: 0 0 .5em 0;
	padding: 0;
}

em, i { font-family: "Lucida Sans","Lucida Grande","Lucida unicode", lucida, Tahoma, verdana, sans-serif; }

p.lead
{
	font-size: 140%;
	line-height: 150%;
	margin: 0 0 1.5em 0;
}

a
{
	text-decoration: none;
	color: #fff;
}

a.back
{
	padding-left: 15px;
	background-image: url(../images/interface/arrowBack.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.main a,#collections_nav a { color: #069; }
img,a img { border: none; }
map { border: 0; }

div#container
{
	padding: 0 0 30px 0;
	min-height: 500px;
	background-color: #47372C;
	text-align:left;
}

/* commented backslash hack v2 -- hides from IE 5 Mac \*/
div#container { overflow: visible; }

/* end hack */
.main
{
	width: 780px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	background-color: #fff;
	padding: 0 50px 20px 50px;
}

#masthead .main { padding: 0 50px; }

ul,li,dl,dt,dd
{
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

div#masthead
{
	position: relative;
	margin: 25px auto 0 auto;
	padding: 0;
	height: 90px;
	text-align:left;
}

h1
{
	padding: 0;
	margin: 0;
	width: 140px;
	height: 90px;
	left: 20px;
}

/* commented backslash hack v2 -- hides from IE 5 Mac \*/
h1 { overflow: hidden; }

/* end hack */
h1 a
{
	background-image: url(/images/interface/logo.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -1234em;
	display: block;
	height: 120px;
	width: 140px;
}

h2
{
	font-family: helvetica,arial,sans-serif;
	margin: 0 0 1em 0;
	color: #000;
}

h2.replaced
{
	width: 100%;
	height: 50px;
	text-indent: -1234em;
	overflow: hidden;
	background-image: url(/images/interface/header_matrix.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

h2#products_header { background-position: 0 0; }
h2#aboutus_header { background-position: 0 -50px; }
h2#contactus_header { background-position: 0 -100px; }
h2#join_our_mailing_list_header { background-position: 0 -150px; }
h2#accolades_header { background-position: 0 -200px; }
h2#faq_header { background-position: 0 -250px; }
h2#press_header { background-position: 0 -300px; }
h2#collections_header { background-position: 0 -350px; }
h2#basin_header { background-position: 0 -400px; }
h2#riveted_box_header { background-position: 0 -450px; }
h2#riveted_cauldron_header { background-position: 0 -500px; }
h2#crucible_header { background-position: 0 -550px; }
h2#ribbed_planter_header { background-position: 0 -600px; }
h2#ribbed_vase_header { background-position: 0 -650px; }

h2#anemone_header { background-position: 0 -700px; }
h2#nautilus_header { background-position: 0 -750px; }
h2#neptune_header { background-position: 0 -800px; }
h2#urchin_header { background-position: 0 -850px; }

h2#box_header { background-position: 0 -900px; }
h2#thistle_table_header { background-position: 0 -950px; }
h2#orb_header { background-position: 0 -1000px; }
h2#flask_header { background-position: 0 -1050px; }

h3
{
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 120%;
	color: #000;
}

/* product */
div#product
{
	font-size: 80%;
	padding: 0;
	margin: 0;
	float: left;
	width: 780px;
	position: relative;
}

#frontDisplay { height: 400px; }

div#product div#description
{
	width: 240px;
	position: relative;
	float: left;
	left: 100%;
	margin-left: -780px;
}

#product #photo
{
	width: 520px;
	position: relative;
	float: left;
	left: 100%;
	margin: 0 0 0 -520px;
	padding: 0;
	height: 420px;
}

#product #photo ol
{
	position: relative;
	margin: 0;
	padding: 0;
}

#product #photo ol dt
{
	position: absolute;
	top: 0;
	left: 0;
}

#photo dd
{
	position: absolute;
	top: 400px;
	left: 50px;
	width: 470px;
}

.dimensions { margin: 0 0 1em 0; }

#product dt
{
	font-weight: bold;
	color: #000;
}

#patinas
{
	margin: 20px 0 0 0;
	width: 810px;
	font-size: 80%;
	clear: both;
	overflow: hidden;
	position: relative;
}

#patinas dl
{
	padding: .5em 0 0 0;
	margin-top: 20px;
}

#patinas dl dt
{
	border-top: 1px #E4E1DA solid;
	padding: .5em 0;
	font-weight: bold;
}


#patinas li dt
{
	padding: 0;
	border: 0;
}

#patinas dl { float:left; margin-right:20px;}
#patinas dl#copper dt { }
#patinas dl#copper li dl dt {width:101px;}


#patinas li
{
	display: inline;
	font-weight: normal;
	padding: 0;
	width: 73px;
	float: left;
	margin: 0 10px 0 0;
}

#patinas li dl
{
	border: none;
	width: auto;
	padding: 0;
	margin: 0;
	display:block;
	width: 101px;
	
}

div#nav
{
	color: #BAAB93;
	margin: 0 0 10px 0;
	padding: 0;
	height: 30px;
	position: absolute;
	top: 395px;
	width: 40px;
	font-size: 80%;
	z-index: 11;
}

div#nav ul, div#nav ul li
{
	list-style: none;
	display: inline;
}

div#nav a, a.pdf
{
	display: block;
	height: 30px;
	width: 21px;
	overflow: hidden;
	text-indent: -1234em;
	background-image: url(/images/interface/lat_arrows.gif);
	background-repeat: no-repeat;
}

div#nav a {
	position: absolute;
}

#prev
{
	top: 0;
	left: 0;
	background-position: -10px 0;
}

#next
{
	top: 0;
	left: 21px;
	background-position: -31px 0;
}

a#prev:hover { background-position: -10px -30px; }
a#prev:active { background-position: -10px -60px; }
a#next:hover { background-position: -31px -30px; }
a#next:active { background-position: -31px -60px; }

a.pdf
{
	width: 104px !important;
	background-position: -71px 0;
}

a.pdf:hover { background-position: -71px -30px; }
a.pdf:active { background-position: -71px -60px; }

div#nav a#selected
{
	color: #47372C;
	background-color: #BAAB93;
}

div#nav a#selected:hover
{
	border: #BAAB93 solid 1px;
	color: #47372C;
	cursor: default;
}

#vanLegend
{
	display: block;
	padding: .5em 0;
}

div#nav p
{
	padding: 0;
	margin: 0;
}

div#cutting
{
	text-align: center;
	background-color: #BAAB93;
	padding: 10px;
	margin-bottom: 1em;
	width: 510px;
}

/* menu */
div#masthead ul,div#masthead ul li
{
	margin: 0;
	padding: 0;
	list-style: none;
}

div#masthead ul
{
	height: 25px;
	position: absolute;
	top: 40px;
	right: 37px;
	font-family: arial,helvetica,sans-serif;
	font-weight: bold;
	width: 480px;
}

div#masthead ul li { display: inline; }

div#masthead ul li a
{
	color: #000;
	display: block;
	float: left;
	height: 20px;
	background-image: url(/images/interface/menu_matrix.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -1234em;
	margin: 0 0 0 5px;
	padding: 0;
}

#home_menu
{
	width: 58px;
	background-position: 10px 0;
}

#aboutus_menu
{
	width: 79px;
	background-position: 10px -40px;
}

#contactus_menu
{
	width: 92px;
	background-position: 10px -60px;
}

#mailinglist_menu
{
	width: 137px;
	background-position: 10px -80px;
}

#faq_menu
{
	width: 60px;
	background-position: 10px -100px;
}

#press_menu
{
	width: 60px;
	background-position: 10px -120px;
}

#collections_menu
{
	width: 93px;
	background-position: 10px -20px;
}

#home_menu:hover { background-position: -140px 0; }
#products_menu:hover { background-position: -140px -20px; }
#aboutus_menu:hover { background-position: -140px -40px; }
#contactus_menu:hover { background-position: -140px -60px; }
#mailinglist_menu:hover { background-position: -140px -80px; }
#faq_menu:hover { background-position: -140px -100px; }
#press_menu:hover { background-position: -140px -120px; }
#collections_menu:hover { background-position: -140px -20px; }
div#masthead ul li a.mailinglist { color: #45AEB3; }

div#masthead ul li.current a,div#masthead ul li.current a:hover
{
	background-color: #fff;
	color: #000 !important;
}

.current a { color: #000 !important; }

div#masthead ul li a:hover
{
	color: #000;
	height: 20px;
}

div.columns
{
	background-color: #fff;
	overflow: hidden;
	width: 750px;
	padding-bottom: 30px;
	min-height:600px;
}

div.mainColumn
{
	background-color: #fff;
	width: 500px;
	padding-right: 30px;
	border-right: 220px solid #fff;
	margin-right: -200px;
	/* Hat tip to Ryan Brill */
	float: left;
}

div.sidebar
{
	background-color: #fff;
	width: 190px;
	float: left;
	font-size: 85%;
	line-height: 150%;
}

div.sidebar ul
{
	line-height: 150%;
	margin-bottom: 1.5em;
}

div.sidebar dl
{
	margin: 0 0 2em 0;
	clear: both;
	list-style: none;
	position: relative;
}

div.sidebar dl dt
{
	font-weight: bold;
	color: #000;
}

div.sidebar dl.cuttings { position: relative; }

div.sidebar dl.cuttings dt
{
	display: block;
	margin: 0 10px 10px 0;
	top: 0;
	position: absolute;
}

div.sidebar dl.cuttings dt a img
{
	background-color: #FFF;
	padding: 2px;
	border: 1px solid #635A4C;
}

div.sidebar dl.cuttings dd { padding-left: 45px; }

#footer
{
	width: 880px;
	margin: 2px auto;
	font-size: 80%;
	color: #8F796A;
	text-align: left;
	position: relative;
}

#footer a { color: #baab93; }

/* browser */
#browser
{
	width: 100%;
	font-size: 80%;
	line-height: 140%;
	height: 150px;
}

#browser ul li
{
	display: inline;
	text-align: center;
}

#browser ul li dl
{
	float: left;
	margin: 0 0 10px 0;
	width: 20%;
}

#browser ul li dl dt { padding: 0 .5em; }

table th, table td
{
	text-align: left;
	vertical-align: top;
	padding: .2em .5em .2em 0;
}

input.string, input.email
{
	width: 100%;
	border: 1px #BAAB93 solid;
	margin-top: .2em;
	color: #635A4C;
}

.sidebar input.string { font-size: 85%; }

textarea
{
	width: 100%;
	height: 250px;
	margin-top: .2em;
	border: 1px #BAAB93 solid;
	color: #635A4C;
}

form { font: 9pt/150% "Lucida Grande","Lucida unicode", lucida, Tahoma, verdana, sans-serif; }

select#subject
{
	width: 200px;
	border: 1px #BAAB93 solid;
	padding: .3em;
	margin-top: .2em;
}

p.submit
{
	text-align: right;
	width: 100%;
}

label
{
	padding: 0 0 .3em 0;
	display: block;
	font: 9pt/150% "Lucida Grande","Lucida unicode", lucida, Tahoma, verdana, sans-serif;
}

fieldset { width: 450px; }
strong { color: #000; }

dl.patina
{
	width: 50%;
	float: left;
	text-align: center;
	margin: 0 0 1em 0;
}

dl.patina img
{
	padding: 15px;
	background-color: #fff;
}

div.dark
{
	color: #635A4C;
	overflow: hidden;
	padding: 20px;
}

.hidden { display: none; }

select#units
{
	font-size: 8pt;
	border: 0px #BAAB93 solid;
	background-color: transparent;
	color: #fff;
	padding: 0px;
}

select#units option { border: .5em; }

span.new
{
	color: #C00;
	font-weight: bold;
}

dd#us { display: none; }

div#banner
{
	height: 34px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

/* products page */
#products
{
	width: 880px;
	font-size: 75%;
	line-height: 140%;
	background: #f1ece0 url(/images/interface/silhouette.gif) no-repeat  820px 0px;
	height: 150px;
	margin: 20px 0 -20px 0;
	overflow: hidden;
	margin-left:-50px;
	padding:20px 30px;
}

#products h3
{
	clear: both;
	padding-top: 0;
	width: 780px;
	border-top: 1px #ccc solid;
}

#products dl
{
	float: left;
	margin: 0 0 10px 0;
	text-align: left;
	height: 150px;
	width: auto;
	position: relative;
}

#products dl#ocean, #products dl#sylvan { margin: 0 0 10px 0; }
#products dl#sylvan { width: 238px; }
#products dl#ocean { width: 238px; }
#products dl#myth { width: 330px; }

#products dl li dl
{
	float: left;
	margin: 0 0 10px 0;
	width: 20%;
}


#products dl dd { display: inline; }

#products a
{
	padding: 100px 0 10px 0;
	display: block;
	float: left;
	background-image: url(/images/interface/new_pot_matrix.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	text-align: center;
	color: #BCB3A2;
	margin-top:10px;
}

#products a:hover, #products a.selected { color: #47372C; }

#products dt {
	height:20px;
	background:transparent url(/images/interface/collection_header_matrix.gif) no-repeat 0 0;
	overflow:hidden;
	text-indent:-1234em;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

#ocean dt {
	background-position: 0 0;
}
#sylvan dt {
	background-position: 0 -20px;
}
#myth dt {
	background-position: 0 -40px;
}
.row
{
	clear: both;
	margin: 0 0 0 0;
	width: 100%;
}

#products img { background-color: #D0E0F0; }

#view_finish
{
	padding: 10px;
	-color: #D0E0F0;
	text-align: center;
}

dl.faq
{
	margin: 0 0 1em 0;
	padding: 1em 0 0 0;
	border-top: 1px #ccc solid;
	clear: both;
}

.faq img.right
{
	float: right;
	margin: 0 0 1em 1em;
}

ul.faq { margin: 0 0 1em 0; }
dl.faq dt, dl.faq dd, ul.faq li { margin: 0 0 .5em 0; }
dl.faq dt, ul.faq li { font-weight: bold; }


/* --------------------------- */

#products dd a {}

#anemone
{
	width: 52px;
	background-position: -20px -30px;
}


#anemone:hover { background-position: -20px -180px; }
#anemone.selected { background-position: -20px -330px; }

#nautilus
{
	width: 52px;
	background-position: -72px -30px;
}

#nautilus:hover { background-position: -72px -180px; }
#nautilus.selected { background-position: -72px -330px; }

#neptune
{
	width: 52px;
	background-position: -124px -30px;
}

#neptune:hover { background-position: -124px -180px; }
#neptune.selected { background-position: -124px -330px; }


#urchin
{
	width: 52px;
	background-position: -176px -30px;
}

#urchin:hover { background-position: -176px -180px; }
#urchin.selected { background-position: -176px -330px; }

#ribbed_planter
{
	width: 52px;
	background-position: -260px -30px;
}

#ribbed_planter:hover { background-position: -260px -180px; }
#ribbed_planter.selected { background-position: -260px -330px; }

#ribbed_vase
{
	width: 52px;
	background-position: -312px -30px;
}

#ribbed_vase:hover { background-position: -312px -180px; }
#ribbed_vase.selected { background-position: -312px -330px; }

#box
{
	width: 52px;
	background-position: -364px -30px;
}

#box:hover { background-position: -364px -180px; }
#box.selected { background-position: -364px -330px; }

#thistle
{
	width: 52px;
	background-position: -416px -30px;
}

#thistle:hover { background-position: -416px -180px; }
#thistle.selected { background-position: -416px -330px; }





#basin
{
	width: 52px;
	background-position: -498px -30px;
}

#basin:hover { background-position: -498px -180px; }
#basin.selected { background-position: -498px -330px; }

#riveted_box
{
	width: 47px;
	background-position: -550px -30px;
}

#riveted_box:hover { background-position: -550px -180px; }
#riveted_box.selected { background-position: -550px -330px; }

#riveted_cauldron
{
	width: 54px;
	background-position: -602px -30px;
}

#riveted_cauldron:hover { background-position: -602px -180px; }
#riveted_cauldron.selected { background-position: -602px -330px; }

#crucible
{
	width: 47px;
	background-position: -656px -30px;
}

#crucible:hover { background-position: -656px -180px; }
#crucible.selected { background-position: -656px -330px; }

#orb
{
	width: 67px;
	background-position: -703px -30px;
}

#orb:hover { background-position: -703px -180px; }
#orb.selected { background-position: -703px -330px; }

#flask
{
	width: 39px;
	background-position: -770px -30px;
}

#flask:hover { background-position: -770px -180px; }
#flask.selected { background-position: -770px -330px; }



/* --------------------------- */


.news { margin: 0 0 2em 0; }

.news dt
{
	font-weight: bold;
	color: #000;
}

.date { color: #D7D1C7; }
.news img { margin: .5em 0; }

/* products page */
#products_matrix
{
	width: 800px;
	font-size: 80%;
	line-height: 140%;
}

#products_matrix h3
{
	clear: both;
	padding-top: 1em;
	width: 780px;
	border-top: 1px #ccc solid;
}

#products_matrix dl
{
	float: left;
	margin: 0 20px 10px 0;
	width: 140px;
	text-align: left;
}

#products_matrix dl li dl
{
	float: left;
	margin: 0 0 10px 0;
	width: 20%;
}

#products_matrix dl dt
{
	padding: 0;
	height: 150px;
	margin-bottom: 0;
}

#products_matrix dl dd { padding: 10px 0; }
#products_matrix img { background-color: #D0E0F0; }

.left
{
	margin: 0 1em 1em 0;
	float: left;
}

a:active { outline: none; }
:focus { -moz-outline-style: none; }

#productImages
{
	position: relative;
	z-index: 10;
}

#productImages li dl dd
{
	padding: .5em 0;
	position: absolute;
	top: 400px;
	left: 70px;
	color: #fff;
	text-shadow: 0em 0em 0px #000;
	height: 30px;
}

#productImages li { height: 430px; }

#collections_holder
{
	width: 800px;
	font-size: 80%;
	line-height: 150%;
	overflow: hidden;
}

.products #collections_nav
{
	background-color: #DDEAF0;
	width: 780px;
	margin: 0 auto;
	padding: 20px 50px 50px 50px;
	overflow: hidden;
}

.products #collections_nav .collection_column ul,
.products #collections_nav .collection_column li a { border-color: #A6C5D5; }

.collection_column
{
	width: 250px;
	float: left;
	margin: 0 15px 15px 0;
}

.collection_column dl { margin-top: 1em; }

.collection_column dt
{
	font-weight: bold;
	font-size: 130%;
	line-height: 150%;
	color: #000;
	margin: 0 0 10px 0;
}

.collection_column ul
{
	margin-top: 0;
	border-bottom: 1px #E4E1DA solid;
}

.collection_column li { display: inline; }

.collection_column li a
{
	display: block;
	font-weight: bold;
	padding: 13px 0 13px 45px;
	border-top: 1px #E4E1DA solid;
	background-image: url(/images/interface/pots_matrix.gif);
	background-repeat: no-repeat;
	background-position: -8px 0;
	overflow: hidden;
}

.products .collection_column li a { background-image: url(/images/interface/pots_matrix.gif); }
#basin_m { background-position: -8px 0; }
.products #basin_m { background-position: -508px 0; }
.products #basin_m.selected { background-position: -758px 0; }

#riveted_box_m { background-position: -8px -40px; }
.products #riveted_box_m { background-position: -508px -40px; }
.products #riveted_box_m.selected { background-position: -758px -40px; }

#riveted_cauldron_m { background-position: -8px -80px; }
.products #riveted_cauldron_m { background-position: -508px -80px; }
.products #riveted_cauldron_m.selected { background-position: -758px -80px; }

#crucible_m { background-position: -8px -120px; }
.products #crucible_m { background-position: -508px -120px; }
.products #crucible_m.selected { background-position: -758px -120px; }

#ribbed_planter_m { background-position: -8px -160px; }
.products #ribbed_planter_m { background-position: -508px -160px; }
.products #ribbed_planter_m.selected { background-position: -758px -160px; }

#ribbed_vase_m { background-position: -8px -200px; }
.products #ribbed_vase_m { background-position: -508px -200px; }
.products #ribbed_vase_m.selected { background-position: -758px -200px; }

#anemone_m { background-position: -8px -240px; }
.products #anemone_m { background-position: -508px -240px; }
.products #anemone_m.selected { background-position: -758px -240px; }

#nautilus_m { background-position: -8px -280px; }
.products #nautilus_m { background-position: -508px -280px; }
.products #nautilus_m.selected { background-position: -758px -280px; }

#neptune_m { background-position: -8px -320px; }
.products #neptune_m { background-position: -508px -320px; }
.products #neptune_m.selected { background-position: -758px -320px; }

#urchin_m { background-position: -8px -360px; }
.products #urchin_m { background-position: -508px -360px; }
.products #urchin_m.selected { background-position: -758px -360px; }

#thistle_table_m { background-position: -8px -400px; }
.products #thistle_table_m { background-position: -508px -400px; }
.products #thistle_table_m.selected { background-position: -758px -400px; }

#orb_m { background-position: -8px -440px; }
.products #orb_m { background-position: -508px -440px; }
.products #orb_m.selected { background-position: -758px -440px; }

#flask_m { background-position: -8px -480px; }
.products #flask_m { background-position: -508px -480px; }
.products #flask_m.selected { background-position: -758px -480px; }

#box_m { background-position: -8px -520px; }
.products #box_m { background-position: -508px -520px; }
.products #box_m.selected { background-position: -758px -520px; }



.selected {color:#000 !important;}
#cross
{
	width: 900px;
	font-size: 80%;
	line-height: 150%;
	clear: both;
	margin: 30px -50px -20px -50px;
	overflow: hidden;
	background-color: #E3D9C1;
	padding: 20px 50px;
}

#cross dl { width: 250px; }

#cross dt,
#cross dt a
{
	font-weight: bold;
	color: #000;
	font-size: 100%;
}

#download
{
	clear: both;
	margin: 0 0 2em 0;
}

.products #collections_holder { }

#download a
{
	font-weight: bold;
	/*padding-left: 22px;
	background-image: url(/images/interface/download_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	display:block;
	overflow:visible;*/
}

#faq_link
{
	font-size: 80%;
	line-height: 150%;
	margin: 15px 0 0 0;
}
.news h3 { margin:0;}
.caption {margin:0 0 2em 0;}