/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
  margin: 0;  padding: 0;  border: 0;  outline: 0;  vertical-align: baseline;  background: transparent;
  font-size: 100%;
}

body {
  line-height: 1.1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}


/* SILVER-SKY-INTERNATIONAL STYLES */

body
{
  position:relative; display:block;
  font-family:Helvetica;
  background-color:#ffdfcf;
}

div#ssi-site
{
  width:1000px;
  margin:0 auto;
  background:transparent url(images/bg-site-glow.png) scroll repeat-y 0 0;
}

div#ssi-page
{
  width:900px;
  margin:0 auto;
}

header,
div#header
{
  display:block;
  height:112px;
  background:#000 url(images/bg-navigation-bar.png) repeat-x scroll 0 bottom;
  color:WHITE;
  position:relative;
}

div#showcase
{
  background:#300c00 url(images/bg-showcase.jpg) scroll no-repeat 0 0;
}

div#showcase,
div#showcase-catalog
{
  background:#300c00 url(images/bg-showcase.jpg) scroll no-repeat 0 0;
  overflow:hidden;
}

div#showcase-catalog
{
  background:#100800 url(images/bgs/grad-1.png) repeat-x scroll 0 0;
}

div#showcase div.shelf,
div#showcase-catalog div.shelf
{
  position:relative;
  margin:0 auto 20px auto;
  width:800px;
  overflow:hidden;
}

div#showcase div.show-item,
div#showcase-catalog div.show-item
{
  position:relative;
  width:160px;
/*  height:136px;*/
  float:left;
  background:transparent url(images/white-a50.png) scroll repeat 0 0;
  margin:30px 20px 10px 20px;
  overflow:hidden;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}

div#showcase div.show-item span.item-description,
div#showcase-catalog div.show-item span.item-description
{
  position:relative;
  display:block;
  margin:8px;
  font-weight:normal;
  font-size:12px;
  font-family:'Bitstream vera sans','Lucida Grande',sans-serif;
  color:#fff;
  text-shadow:1px 0 2px #000;
  text-align:center;
  display:block;

  height:40px;
}

div#showcase div.show-item-margin1,
div#showcase-catalog div.show-item-margin1
{
  margin:8px;
  overflow:hidden;
  background-color:white;
  min-height:120px;
}

div#showcase div.show-item-margin1 img,
div#showcase-catalog div.show-item-margin1 img
{
  display:block;
  width:132px;
  height:112px;
  background-color:#e0e0e0;
  margin:4px auto 0 auto;
}
/* headers */
div#showcase-header
{
  position:relative;
  height:80px;
  background:#6b1b00 url(images/bg-head-2.png) scroll no-repeat 0 0;
  font-family:'Swis721 BT',Helvetica;
}

/* header-titles */
  /* common */
div.showcase-header-title,
div.silver-findings-title,
div.crystals-title,
div.chains-title,
div.clasps-title,
div.gold-findings-title,
div.specials-title,
div.contact-title
{
  position:relative;
  text-indent:-9000pt;
  height:70px;
}

  /* specific */
div.showcase-header-title
{ background:transparent url(images/showcase-header-title.png) scroll no-repeat center center; }

div.silver-findings-title
{ background:transparent url(images/silver-findings-header-title.png) scroll no-repeat center center; }

div.crystals-title
{ background:transparent url(images/crystals-header-title.png) scroll no-repeat center center; }

div.chains-title
{ background:transparent url(images/chains-header-title.png) scroll no-repeat center center; }

div.clasps-title
{ background:transparent url(images/clasps-header-title.png) scroll no-repeat center center; }

div.gold-findings-title
{ background:transparent url(images/gold-findings-header-title.png) scroll no-repeat center center; }

div.specials-title
{ background:transparent url(images/specials-header-title.png) scroll no-repeat center center; }

div.contact-title
{ background:transparent url(images/contact-header-title.png) scroll no-repeat center center; }


footer,
div#footer
{
  display:block;
  height:40px;
  overflow:hidden;
  background:BLACK;
  color:#dca;
  font-family:Helvetica, Arial, Sans-serif;
}

footer .footnotes,
div#footer .footnotes
{
  position:relative;
  margin:12px 50px 12px;
  font-weight:bold;
}

.footnotes a
{
  color:#ec8866;
  text-decoration:none;
}

.footnotes a:hover
{
  color:#fff;
  text-decoration:underline;
}

.hilight1
{
  color:black;
  margin:12px;
  text-align:left;
  text-shadow:0 0 1px #101010;
}

img.logo
{
  margin:16px 0 0 16px;
  position:absolute;
  top:0; left:0;
}

div#contact-block
{
float:right;
overflow:hidden;
}

img.contact-button1
{
  display:block;
  float:left;
  clear:none;
  margin:14px 0 0;
}

a#email-us
{
float:left;
display:block;
text-indent:-9000pt;
width:80px; height:46px;
margin:14px 14px 0 0;
background:transparent url('images/icons/icon-mail-sprite.png') scroll no-repeat 0 0;
}
a#email-us:hover,
a#email-us:visited:hover
{
background-position:0 -50px;
}


/* CONTENT SECTIONS */
#cover-page-about,
.content-block,
.content-block2
{
  min-height:450px;
  position:relative;
  padding:5px 0 20px 0;
  border-top:1px solid #000;
  border-bottom:1px solid #9f9f90;
  background:#300c00 url(images/bg2.png) scroll repeat-y 0 0;
}

.content-block2
{
  min-height:100px;
}

.content-block .orna-1,
.content-block2 .orna-1
{
  position:relative;
  overflow:hidden;
  background:transparent url(images/trans-floral-2.png) scroll no-repeat right top;
}

h2.content-sub-header
{
  margin:20px 60px; padding:0;
  text-indent:-9000pt;
  position:relative;
  height:62px;
  width:171px;
}

h2#about
{ background:transparent url(images/cover-page-about-title.png) scroll no-repeat 0 0;  }

div.content
{
  width:567px;
  float:left;
  margin:0 0 4px 64px;
  color:#300c00;
  /*color:#EFCFC0;*/
  font-family:'Lucida Grande', 'Trebuchet MS', Sans-serif;
  font-size:14px;
  font-weight:normal;
  line-height:24px;
  text-align:justify;
  /*text-shadow:1px 1px 1px #300c00; */
}

.content-block2 div.content
{
  margin:0 0 32px 64px;
  width:80%;
}

div.content h1
{
  font-size:1.8em;
  font-family:Garamond,Georgia,'Times New Roman',Serif;
  font-style:italic;
  color:#000;
  margin:25px 0 20px 0;
}

div.content a
{
  color:#000;
  text-decoration:underline;
}

div.content a:hover,
div.content a:visited:hover
{
  color:#fff;
  text-decoration:none;
  text-shadow:0 0 1px #aaa;
}

div.content em
{
  font-family:Garamond,'Times New Roman',Serif;
  font-style:italic;
  font-size:larger;
}

div.content .promo
{
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  -khtml-border-radius:6px;
  border:3px solid;
  border-color:#300c00;
  padding:10px;
  background:transparent url(images/bgs/white-a50.png) repeat scroll 0 0;
}

div.content .offers
{
  padding:10px 12px;
  margin:10px;
  color:white;
  text-shadow:1px 1px 1px #300c00;
}

div.columns
{
width:95%;
margin:0 auto;
overflow:hidden;
/*background:white!important;*/
}

div.columns div.col
{
float:left;
width:160px;
min-height:160px;
background:transparent url(images/bgs/black-a180.png) 0 0;
/* background-color:rgba(0,0,0,0.75); */
color:white;
margin:3px 4px 10px 6px;

-moz-border-radius:6px;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
/* for all that would support standards in the future, hopefully IE too. :/ */
border-radius:6px;
}

div.columns div.col1,
div.columns div.col2,
div.columns div.col3
/* no fixed min-height spec; width same as col, i.e. 160px */
{
float:left;
width:160px;
background:transparent url(images/bgs/black-a180.png) 0 0;
/* background-color:rgba(0,0,0,0.75); */
color:white;
margin:3px 4px 10px 6px;

-moz-border-radius:6px;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
/* for all that would support standards in the future, hopefully IE too. :/ */
border-radius:6px;
}

div.columns div.col2
{
width:670px;
}

div.columns div.col3
{
min-height:140px;
}

div.columns div.col div.colstuff,
div.columns div.colstuff-fine,
div.columns div.col3 div.colstuff
{
margin:6px;
}

div.colstuff-fine
{
font-family:'Lucida Grande','Trebuchet MS',Sans-Serif;
font-size:0.8em;
}

div.colstuff-fine ul.size-list li
{
display:block;
width:36px;
text-align:right;
float:left;
margin:2px 2px;
/* background-color:#522; */
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
}

#cover-sidebar
{
  position:relative;
  float:right;
  width:220px;
  overflow:hidden;
  margin:50px 20px 10px 10px;
}

#cover-sidebar ul
{
  text-align:right;
}

.sidebar,
.sidebar a
{
  color:#ec8866;
  text-decoration:none;
  font-family:"Lucida Grande","Trebuchet MS",Sans-serif;
  font-size:1.0em;
  font-weight:normal;
  letter-spacing:1px;
  line-height:1.6em;
  display:block;
  text-shadow:1px 1px 1px #000;
  border-radius:4px;
  -moz-border-radius:4px;
}

.sidebar a
{
    background:transparent url('images/bgs/grad-2-menu.png') no-repeat scroll 25px -30px;
}

.sidebar a:hover
{
  color:#FFF;
  text-decoration:none;
/*  border:1px solid #DF8F6F;*/
  background:transparent url('images/bgs/grad-2-menu.png') no-repeat scroll 25px 0;
}


/* MAIN MENU */

div#navigation
{
  position:relative;
  width:700px;
  height:40px;
  overflow:hidden;
  float:right; clear:none;
}

div#navigation ul.mainmenu
{
  list-style-type:none;
  margin:0; padding:0;
  overflow:hidden;
}

div#navigation ul.mainmenu li
{
  list-style-type:none;
  margin:0; padding:0;
  float:left;
  position:relative;
}

/*parameters common to all links inside the menu*/
div#navigation ul.mainmenu li a
{
  display:block;
  position:relative;
  margin:8px 8px 0 0;
  height:40px;
  background:transparent url(images/main-menu-sprite.png) scroll no-repeat 0 0;
  text-indent:-9000pt;
}

div#navigation ul.mainmenu li a:hover
{
  margin:8px 8px 0 0;
}

/* -------------- main menu sprites - normal state ------------------  */
div#navigation ul.mainmenu li a#home
{
  width:40px;
  background-position:-12px 0;
}

div#navigation ul.mainmenu li a#silver-findings
{
  width:114px;
  background-position:-62px 0;
}

div#navigation ul.mainmenu li a#crystals
{
  width:76px;
  background-position:-186px 0;
}

div#navigation ul.mainmenu li a#chains
{
  width:76px;
  background-position:-271px 0;
}

div#navigation ul.mainmenu li a#gold-findings
{
  width:144px;
  background-position:-356px 0;
}

div#navigation ul.mainmenu li a#specials
{
  width:70px;
  background-position:-508px 0;
}

div#navigation ul.mainmenu li a#more
{
  width:40px;
  background-position:-638px 0;
}

div#navigation ul.mainmenu li a#clasps
{
  width:115px;
  background-position:-632px 0;
}
/* -------------- main menu sprites - hover/active state ------------------  */

div#navigation ul.mainmenu li a#home:hover,
div#navigation ul.mainmenu li.active a#home
{
  background-position:-12px -50px;
}

div#navigation ul.mainmenu li a#silver-findings:hover,
div#navigation ul.mainmenu li.active a#silver-findings
{
  background-position:-62px -50px;
}

div#navigation ul.mainmenu li a#crystals:hover,
div#navigation ul.mainmenu li.active a#crystals
{
  background-position:-186px -50px;
}

div#navigation ul.mainmenu li a#chains:hover,
div#navigation ul.mainmenu li.active a#chains
{
  background-position:-271px -50px;
}

div#navigation ul.mainmenu li a#gold-findings:hover,
div#navigation ul.mainmenu li.active a#gold-findings
{
  background-position:-356px -50px;
}

div#navigation ul.mainmenu li a#specials:hover,
div#navigation ul.mainmenu li.active a#specials
{
  background-position:-508px -50px;
}

div#navigation ul.mainmenu li a#more:hover,
div#navigation ul.mainmenu li.active a#more
{
  background-position:-638px -50px;
}

div#navigation ul.mainmenu li a#clasps:hover,
div#navigation ul.mainmenu li.active a#clasps
{
  background-position:-632px -50px;
}