/**************************************
 *                                    *
 *   Sterling Silver Hoops and More   *
 *   Jacob Sowles                     *
 *   6.28.06                          *
 *                                    *
 **************************************/

/*-------------------- GLOBAL --------------------*/

body
{
background: #c8d1be;
font-family: arial, verdana, sans-serif;
font-size: 10pt;
color: #000;
margin: 20px 0 20px 0;
padding: 0;
}

div.main
{
text-align: left;
margin: auto;
width: 786px;
}

p
{
margin: 0;
padding: 4px;
}

a
{
font-weight: bold;
text-decoration: none;
color: #898a5e;
}

a:hover
{
text-decoration: underline;
}

img
{
border: 0;
margin: 0;
padding: 0;
float: left;
}

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

div.banner
{
width: 786px;
height: 60px;
background: url("ban/banner_v2.jpg");
margin: 0;
padding: 0;
float: left;
}

/*-------------------- NAV --------------------*/

div.nav_bordL
{
width: 29px;
height: 37px;
background: url("misc/nav_bordL.jpg");
margin: 0;
padding: 0;
float: left;
} 

div.nav
{
margin: 0;
padding: 0;
float: left;
}

div.nav_bordR
{
width: 9px;
height: 37px;
background: url("misc/nav_bordR.jpg");
margin: 0;
padding: 0;
float: left;
} 

/*-------------------- SPACERS --------------------*/

div.spacerT
{
width: 786px;
height: 37px;
background: url("misc/spacerT.jpg");
margin: 0;
padding: 0;
float: left;
}

div.spacerB
{
width: 786px;
height: 37px;
background: url("misc/spacerB.jpg");
margin: 0;
padding: 0;
float: left;
}

/*-------------------- CONTENT --------------------*/

div.content
{
width: 786px;
background: url("cont/bg_v3.jpg");
margin: 0;
padding: 0;
float: left;
}

/*-------------------- COLL --------------------*/

div.colL
{
width: 198px;
margin: 0 0 0 29px;
_margin: 0 0 0 14px;
padding: 0;
float: left;
}

table.sub_nav
{
border: 0;
margin: 18px 0 20px 33px;
padding: 0;
font-size: 9pt;
color: #3a3b29;
}

td.header
{
font-weight: bold;
border-bottom: 1px solid #8c8f48;
}

td.second
{
border-top: 1px solid #fcffd0;
}

/*-------------------- COLR --------------------*/

div.colR
{
width: 486px;
_width: 494px;
margin: 0 0 0 32px;
padding: 0;
float: left;
}

div.productL
{
width: 100px;
margin: 0 0 30px 0;
padding: 0;
float: left;
}

div.product
{
width: 100px;
margin: 0 0 30px 28px;
_margin: 0 0 30px 18px;
padding: 0;
float: left;
}

img.product
{
margin-bottom: 4px;
float: left;
border: 3px solid #16417b;
}

p.product
{
color: #fff;
text-align: center;
}

div.box
{
width: 486px;
background: #225096;
margin: 0 0 30px 0;
padding: 0;
float: left;
border: 2px solid #16417b;
}

p.box
{
color: #d0deed;
font-size: 10pt;
margin: 0 16px 16px 16px;
}

p.box_title
{
color: #d0deed;
font-size: 12pt;
font-weight: bold;
margin: 14px 0 4px 16px;
}

#bottom
{
margin-bottom: 0;
}

a.box
{
color: #fff;
font-weight: bold;
}

img.boxL
{
margin: 16px 16px 8px 22px;
float: left;
border: 2px solid #16417b;
}

img.boxR
{
float: right;
}

/*-------------------- FOOTER --------------------*/

div.footer
{
width: 760px;
height: 47px;
background: url("foot/footer.jpg");
margin: 0;
padding: 0;
float: left;
}

div.footerL
{
width: 197px;
height: 68px;
background: url("foot/footerL_v2.jpg");
margin: 0 0 20px 0;
padding: 0;
float: left;
}

div.footerR
{
width: 588px;
height: 68px;
background: url("foot/footerR_v2.jpg") no-repeat;
margin: 0 0 20px 0;
padding: 0;
float: left;
}

p.footerR
{
text-align: center;
font-size: 8pt;
color: #898a5e;
margin: 12px 0 0 0;
}

/*-------------------- GENERIC TEXT --------------------*/



/*-------------------- NOTES -------------------

 - hnav link hover opacity value: 25
 - hnav link hover opacity color: #8e935d
 
 - sub-hnav link hover opacity value: 35 
 - sub-hnav link hover opacity color: #fff
 
 - images resized to 100 x 100
 
------------------------------------------------*/