/* *****************
Reset browser styles
____________________
*/

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style: square; }
q:before, q:after { content:''; }

/* *****************
Begin main styles
____________________
*/
body {
	background: #000 url(images/bkg_wrapper.png) repeat-y center top;
	margin: 0px;
}

#wrapper {
	width: 765px;
	margin: 0 auto;
}
#background {
	width: 765px;
	margin: 0 auto;
	background: url(images/banner.jpg) no-repeat left top;
	height: 515px;
}
#contentWrapper {
	clear: both;
	position: relative;
	width: 100%;
}

/*
    ---- BANNER ----
*/

#banner {
	position: relative;
	height: 160px;
}

/*
    ---- SIDEBAR ----
*/

#sidebar {
	position: absolute;
	overflow: auto;
	top: 0px;
	left: 15px;
	width: 120px;
	height: 360px;
	border: 1px solid #3E2206;
	border-left: 12px solid #3E2206;
	background-image: url(images/bg_sidebar.png);
}
#sidebar img {
	padding-left: 5px;
}
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}
#sidebar li {
	padding: 0;
	margin: 0;
	width: 100%;
}

#sidebar li a, #sidebar li a:link, #sidebar li a:visited {
	background: url(images/bg_sidebar_link.png) repeat-x left top;
	display: block;
	width: 100%;
}

#sidebar li a:hover {
	background: url(images/bg_sidebar_h.png) repeat-x left top;	
	display: block;
	width: 100%;
}

/*
    ---- MAIN ----
*/
#main {
	float: right;
	padding: 0 11px 0px;
/*
	background: url(images/bg_main.png) no-repeat left top;
*/
	overflow: visible;
}
#main .subhead {
	color: #000;
	font-family: "MS Trebuchet", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 2em;
	margin: 6px 12px 0 12px;
	border: 1px none #FF9;
	border-bottom-style: solid;
	text-align: center;
/*
	text-shadow: 2px 2px 1px #000;
*/
	text-transform: uppercase;
	letter-spacing: 0.1em;
	word-spacing: -0.1em;

}
#main .subhead .lowercap {
	font-size: 12px;
}

#container {
	position: relative;
	width: 586px;
	height: 450px;
	background-color: none;
	margin-left: 156px;
	}
#leftEdge {
	position: relative;
	background-color: none;
	background: url(images/bg_360px_left.png) no-repeat top left;
	width: 25px;
	height: 360px;
}
#centerSlice {
	position: absolute;
	top: 0px;
	left: 25px;
	background-color: none;
	width: 536px;
	height: 360px;
}
#centerSlice h1 {
	width: 536px;
	height: 360px;
	background: url(images/bg_360px_center.png) repeat-x top left;
}
#centerSlice p {
	
}

#rightEdge {
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: none;
	width: 25px;
	height: 360px;
}
#rightEdge h1 {
	width: 25px;
	height: 360px;
	background: url(images/bg_360px_right.png) no-repeat top left;
}

#picture {
	background-color: none;
	position: absolute:
	top: 0px;
	left: 0px;

}
#picture img {
	margin-top: -60px;
	margin-left: -28px;
}
#captionContainer {
	position: absolute;
	width: 200px;
	height: 360px;
	right: 12px;
	top: 0px;
/*
	background-color: #FFF;
	border: 1px dashed #666;
*/
}
#caption_200px_top {
	background: url(images/bg_caption_200px_top.png) no-repeat top left;
	width: 200px;
	height: 25px;
}
#caption_200px_center {
	background: url(images/bg_caption_200px_center.png) repeat-y top left;
}
#caption_200px_bottom {
	background: url(images/bg_caption_200px_bottom.png) no-repeat top left;
	width: 200px;
	height: 25px;
}
#caption {
	margin: 60% 0px;
}

#caption p {
	padding: 0px 3px 0px 12px;
	font-size: 16px;
	font-weight: normal;
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	text-align: left;
}

.sold {
	color: #350000;
	background: #FF7D77;
	line-height: 2em;
	padding: 3px 6px;
	text-align: right;
}
.title {
	font-weight: bold;
	font-size: 17px;
}
.price {
	letter-spacing: 0.1em;
	word-spacing: -0.1em;
}

.dollar {
	vertical-align: text-top;
	font-size: 10px;
	font-weight: bold;
}
.cents {
	letter-spacing: 0.2em;
	vertical-align: 0.52em;
	font-size: 10px;
	text-decoration: underline;
}

/*
    ---- BUTTONS ----
*/

#buttons {
	position: absolute;
	right: 6px;
	top: 24px;
	width: 160px;
	margin: 0px;
	padding: 0px;
}
#buttons ul {
	list-style: none;
}
#buttons li a, #buttons li a:link, #buttons li a:visited {
	display: block;
	width: 9em;
	height: 1.5em;
	padding-top: 4px;
	padding-left: 4px;
	margin-bottom: 3px;
	border-top: 1px solid #FFC;
	border-bottom: 1px solid #000;
	border-left: 1px solid #CC9;
	border-right: 1px solid #996;
	line-height: 1.5em;
	background-color: rgb(62,34,6); /* for older browsers */
	background-color: rgba(62,34,6,.9);
	color: #CC9;
	text-decoration: none;
	text-transform: uppercase;
	font: 13px "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
}
#buttons li a:hover {
	background-color: #6F6839;
	color: #FFC;
}
#buttons li a:active {
	background-color: #CFC;
	color: #CC9;
	border-top: 1px solid #000;
	border-bottom: 1px solid #FFC;
	border-left: 1px solid #996;
	border-right: 1px solid #CC9;
}

/*
    ---- HORIZ NAV BAR ----
*/
#mainNav {
	position: absolute;
	left: 35px;
	top: 115px;
	width: 760px;
	z-index: 50;
}
#mainNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 100%;
}

#mainNav li {
	float: left;
	padding: 0;
	margin: 0;
}

#mainNav li a, #mainNav li a:link, #mainNav li a:visited {
	background-image: url(images/bg_nav.png);	
	color: #AAA;
	text-decoration: none;
	padding: 0.5em 0.6em;
	border-right: 1px solid #660;
	display: inline-block;
	font: bold 16px "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
}
#mainNav li a.last {
	border-style: none;
}
#mainNav li a:hover {
	background-image: url(images/bg_nav_h.png);
	color: #000;
}
#mainNav li a:active {
	background-image: url(images/bg_nav_a.png);
	color: #FFC;
}
#ring #ringHome, 
#necklace #necklaceHome, 
#pendant #pendantHome, 
#bracelet #braceletHome,
#brooch #broochHome,
#earring #earringHome,
#stone #stoneHome, 
#archive #archiveHome {
	background-color: rgb(62,34,6); /* for older browsers */
	background-color: rgba(62,34,6,.75);
	color: #FFF;
}
#ring #ringHome:hover, 
#necklace #necklaceHome:hover, 
#pendant #pendantHome:hover, 
#bracelet #braceletHome:hover, 
#brooch #broochHome:hover, 
#earring #earringHome:hover, 
#stone #stoneHome:hover, 
#archive #archiveHome:hover 
{
	background-image: url(images/bg_nav.png);	
	color: #FFF;
	text-decoration: none;
	padding: 0.5em 0.6em;
	border-right: 1px solid #660;
	display: inline-block;
	font: bold 16px "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
}

/* IE 6 hack to make entire button clickable */
* html #mainNav a { width: 1px; }

/* COPYRIGHT INFO */
#copyright {
	margin-top: 10px;
	padding: 5px;
	padding-right: 10px;
	border-top: 2px solid #131513;
	background-color: #0d0f0d;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	text-align: center;
	letter-spacing: 0.2em;
	white-space: pre;
	color: #663;
}

#footer {
	clear: both;
	position: fixed;
	width: 765px;
	top: 540px;
}

/*
    ---- LOCAL STYLE VARIANTS ----
*/

#pendant, #archive {
	
}

/*
    ---- SIDEBAR ----
*/

#pendant #sidebar, #archive #sidebar, #necklace #sidebar {
	position: absolute;
	overflow: auto;
	top: 0px;
	left: 15px;
	width: 120px;
	height: 450px;
	border: 1px solid #3E2206;
	border-left: 12px solid #3E2206;
	background-image: url(images/bg_sidebar.png);
}

/*
    ---- MAIN ----
*/

#pendant.title, #archive.title, #necklace.title {
	font-weight: bold;
	font-size: 18px;
}
#pendant.price, #archive.price, #necklace.price {
	letter-spacing: 0.1em;
	word-spacing: -0.1em;
}

#pendant.dollar, #archive.dollar, #necklace.dollar {
	vertical-align: text-top;
	font-size: 10px;
	font-weight: bold;
}
#pendant.cents, #archive.cents, #necklace.cents {
	letter-spacing: 0.2em;
	vertical-align: 0.52em;
	font-size: 10px;
	text-decoration: underline;
}

#pendant #footer, #archive #footer, #necklace #footer {
	clear: both;
	position: fixed;
	width: 765px;
	top: 640px;
}

#pendant #container, #archive #container, #necklace #container {
	position: relative;
	width: 586px;
	height: 450px;
	background-color: none;
	margin-left: 156px;
	}
#pendant #leftEdge, #archive #leftEdge, #necklace #leftEdge {
	position: relative;
	background-color: none;
	background: url(images/bg_450px_left.png) no-repeat top left;
	width: 25px;
	height: 450px;
}
#pendant #centerSlice, #archive #centerSlice, #necklace #centerSlice {
	position: absolute;
	top: 0px;
	left: 25px;
	background-color: none;
	width: 536px;
	height: 450px;
}
#pendant #centerSlice h1, #archive #centerSlice h1, #necklace #centerSlice h1 {
	width: 536px;
	height: 450px;
	background: url(images/bg_450px_center.png) repeat-x top left;
}
#pendant #rightEdge, #archive #rightEdge, #necklace #rightEdge {
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: none;
	width: 25px;
	height: 450px;
}
#pendant #rightEdge h1, #archive #rightEdge h1, #necklace #rightEdge h1 {
	width: 25px;
	height: 450px;
	background: url(images/bg_450px_right.png) no-repeat top left;
}
#pendant #picture, #archive #picture, #necklace #picture {
	background-color: none;
	position: absolute:
	top: 0px;
	left: 0px;
}
#pendant #picture img, #archive #picture img, #necklace #picture img {
	margin-top: 0px;
	margin-left: -36px;
}
#pendant #captionContainer, #archive #captionContainer, #necklace #captionContainer {
	position: absolute;
	width: 220px;
	height: 450px;
	right: 24px;
	top: 0px;
/*
	background-color: #FFF;
	border: 1px dashed #666;
*/
}
#pendant #caption_220px_top, #archive #caption_220px_top, #necklace #caption_220px_top {
	background: url(images/bg_caption_220px_top.png) no-repeat top left;
	width: 220px;
	height: 25px;
}
#pendant #caption_220px_center, #archive #caption_220px_center, #necklace #caption_220px_center {
	background: url(images/bg_caption_220px_center.png) repeat-y top left;
}
#pendant #caption_220px_bottom, #archive #caption_220px_bottom, #necklace #caption_220px_bottom {
	background: url(images/bg_caption_220px_bottom.png) no-repeat top left;
	width: 220px;
	height: 25px;
}
#pendant #caption, #archive #caption, #necklace #caption {
	margin: 65% 0px;
}

#pendant #caption p, #archive #caption p, #necklace #caption p {
	padding: 0px 3px 0px 12px;
	font-size: 16px;
	font-weight: normal;
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	text-align: left;

}



/*
#earring #picture img {
	margin-top: 0px;
	margin-left: 0px;
}
*/
#earring {
	
}