/* Dusk over the shifting sands */

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
color: black;
background-color: #000000;
border-top: 50px #ea9e57 solid;
}

.topscroll{
	position: relative;
	margin-left: 550px;
	z-index: 1;
}

/* Banner across top of page that says the name of the whole site */

#main-title {
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
padding-top: 17px;
padding-bottom: 17px;
padding-left: 25px;
padding-right: 0;
background-color: #dedec5;
border-top: 1px black solid;
border-bottom: 1px black solid;
color: #e2e2c5;
font-weight: bold;
font-size: .7em;
height: 25px;
background-image: url(images/title.gif);
background-repeat: no-repeat;
background-attachment: scroll;
white-space: pre;}

/* Heading level 1 is not contained in main-text. */

h1 {
margin-top: 0;
margin-left: 190px;
margin-right: 60px;
font-size: 1em;
color: #77774f;
border-bottom: 1px #999 dashed;
padding-top: 0;
padding-left: 0;
padding-right: 0;
font-weight: bold;
}

/* Styles for the main text on the page. */


p, table {
font-size: .7em;
line-height: 1.5em;
margin-top: 0;
margin-bottom: 17px;
margin-left: 0;
margin-right: 0;
padding: 0;
color: #e2e2c5;
width: 475px;
}

p.subtitle{
margin-left: 235px;
margin-top: -50px;
}

p.subtitle1{
margin-left: 10px;
}
p.subtitle2{ margin-left: 10px; margin-top: -20px;}
p.subtitle3{margin-left: 235px; margin-top: -20px;}
p.subtitle4{ margin-left: 235px; margin-top: -35px;}
h3{
display: block;
height:34px;
width: 239px;
}

h3.sterling{
background: url(images/sterling_silver.gif) no-repeat;
}

h3.special{
background: url(images/jewl_features.gif) no-repeat;
}

h3.instruct{
background: url(images/imp_instruct.gif) no-repeat;
}

h3.wax{background: url(images/waxed_header.gif) no-repeat; width: 400px;}

h3.how{
background: url(images/how_to.gif) no-repeat;
width: 310px;
}

h3.keep{
background: url(images/lookin_great.gif) no-repeat;
width: 420px;
}

h3.snakeskin{
background: url(images/snakeskin.gif) no-repeat;
width: 239px;
}

h3.leather{
background: url(images/leather.gif) no-repeat;
width: 90px;
}

h3.ringsize{
background: url(images/ring_size.gif) no-repeat;
width: 102px;
}


h2.hola{
background-image: url(images/header.gif);
background-repeat: no-repeat;
display: block;
height:36px;
width: 200px;
margin-top: 75px;}


h2.jew{
background-image: url(images/jew_care.gif);
display: block;
height:34px;
width: 239px;
}

h2.geninfo{
background-image: url(images/gen_info.gif);
display: block;
height: 33px;
width: 239px;
}

#right-column img{
border: 1px #e2e2c5 solid;
display: inline-block;
margin: 10px;
}

#right-column span{
	color: #ea9e57;
	font-style: italic;
	font-size: 1.1em;
	
}

 li {
	margin-top: 20px;
	padding:0;
	font-size: 0.8em;
	line-height: 1.5em;
	color: #e2e2c5;
	width: 475px;
	vertical-align: top;
}



a:link, a:visited {
color: #ea9e57;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #ad5e15;
text-decoration: none;
font-weight: bold;
}

 a.more:link, a.more:visited {
color: #ea9e57;
text-decoration: underline;
font-weight: bold;
}

 a.more:hover {
color: #ad5e15;
text-decoration: underline;
font-weight: bold;
}

a.sf{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7f7f6f;
}
/* Styles for the navbar on the left side. */

#left-menu {
position: absolute;
top: 200px;
left: 10px;
width: 130px;
text-align: right;
}

#left-menu p {
padding-right: 10px;
margin-bottom: 5px;
font-size: .8em;
line-height: 25px;
}

#left-menu a:link, #left-menu a:visited {
color: #7f7f6f;
}

#left-menu a:hover{
color: #33332c;}

a.current {
color: #33332c;
display: block;
margin-bottom: 15px;
}

/*content*/


#photo {
margin-top: 10px;
width: 267px;
height: 315px;
margin-left: 155px;
padding-bottom: 45px;}

#right-column{
	margin-top: -75px;
	padding-right: 30px;
	margin-left: 160px;
	z-index: 2;
}

/* Styles for the footer at the bottom of the page */

#footer {
padding-left: 100px;
background-color: #e2e2c5;
color: #000000;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px black solid;
font-size: .7em;
}

#footer a:link, #footer a:visited {
color: #000000;
}

#footer a:hover {
color: #ea9e57;
text-decoration: underline;
}


#footer2{
background-color:#000000;
margin-left:150px;
margin-top: 35px;
width: 700px;}

#footer2 img{
border: 1px #e2e2c5 solid;
display: inline-block;
margin: 10px;}