body {
	background-color: #e5e1dd;
	background: #bbb1a7;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #505050;
}
td,th {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #505050;
}

img  {
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

input {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	margin-bottom: 3px;
}
textarea {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	margin-bottom: 3px;
}
select {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	margin-bottom: 3px;
}
form {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 11px
}

#container {
	width: 850px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url(../images/shadow_bkg_880.gif);
	background-repeat: repeat-y;
	padding: 0 15px 0 15px;
}

#wrapper {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color: #e6e1dd;
	background-image: url(../images/background-01.jpg);
	background-repeat: no-repeat;
	width: 850px;
}

#wrapper-home {
	padding: 0;
	background-image: url(../images/background-01b.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 850px;
}

#wrapper-sub {
	padding: 0;
	background-image: url(../images/background-01c.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 850px;
	min-height: 650px;
}

#wrapper-jewelry2 {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color: #e6e1dd;
	width: 850px;
}


#header  {
	padding: 20px 20px 0 20px;
	margin: 0;
	width: 810px;
	min-height: 160px;
	top: 0px;
	}
#logo {
	width: 170px;
	position: relative;
	left: 0px;
	float: left;
	}

#mainContent {
	padding: 20px 20px 0 20px  /* remember that padding is the space inside the div box and margin is the space outside the div box */;
	width: 810px;
	min-height: 650px;
	position: relative;
}

#bodytext {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #505050;
	letter-spacing: normal;
	position: relative;
	width: 620px;
	left: 170px;
	float: left;
	top: 0px;
	z-index: 2;
}

#newsbox {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #505050;
	letter-spacing: normal;
	position: relative;
	width: 602px;
	left: 170px;
	float: left;
	top: 0px;
	z-index: 2;
}

#newsbox img {
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}
	
#quote {
	position: relative;
	padding: 0  /* remember that padding is the space inside the div box and margin is the space outside the div box */;
	width: 500px;
	top: 20px;
	left: 40px;
}

#quote2 {
	position: relative;
	padding: 0  /* remember that padding is the space inside the div box and margin is the space outside the div box */;
	width: 250px;
	top: 80px;
	left: 550px;
}

#mainJewelry {
	padding: 0  /* remember that padding is the space inside the div box and margin is the space outside the div box */;
	width: 850px;
	min-height: 650px;
	position: relative;
	z-index: 3;
}


#mail-list{
	position: relative;
	padding: 0  /* remember that padding is the space inside the div box and margin is the space outside the div box */;
	width: 200px;
	top: 100px;
	left: 0px;
}

#footer {
	padding: 5px 20px 0 20px  /* remember that padding is the space inside the div box and margin is the space outside the div box */;
	width: 800px;
	min-height: 20px;
}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.home-background {
	background-image: url(../images/background-01b.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.main-background {
	background-image: url(../images/background-01.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}


/* links
----------------------------------------------- */

a:link {
	color: #0066cc;
	text-decoration: none;
}
a:visited {
	color: #0066cc;
	text-decoration: none;
}
a:hover {
	color: #b32017;
	text-decoration: none;
}

a.link2:link {
	color: #b32017;
	font-weight: bold;
	text-decoration: none;
}
a.link2:visited {
	color: #b32017;
	font-weight: bold;
	text-decoration: none;
}
a.link2:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

a.link3:link {
	color: #9e9081;
	text-decoration: none;
}
a.link3:visited {
	color: #9e9081;
	text-decoration: none;
}
a.link3:hover {
	color: #00457c;
	text-decoration: none;
}

a.link4:link {
	color: #000000;
	text-decoration: none;
}
a.link4:visited {
	color: #000000;
	text-decoration: none;
}
a.link4:hover {
	color: #00457C;
	text-decoration: none;
}

a.top:link {
	color: #7d6a55;
	text-decoration: none;
}
a.top:visited {
	color: #7d6a55;
	text-decoration: none;
}
a.top:hover {
	color: #572600;
	text-decoration: none;
}

a.sazas:link {
	color: #999999;
	text-decoration: none;
}
a.sazas:visited {
	color: #999999;
	text-decoration: none;
}
a.sazas:hover {
	color: #b32017;
	text-decoration: none;
}

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



.quote {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #7d6a55;
	line-height: 20px;
}
.quote2 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #7d6a55;
	line-height: 20px;
}
.foot {
	color: #999999;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 9px;
}
.nav-lines {
	color: #bbb1a7;
	line-height: 18px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 9px;
}
.grey {
	color: #666666;
}
.sm {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 10px;
}
.sm-grey {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #8E8E8E;
}

.med {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
}
.med2 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
.med3 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
}
.text2 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #7d6a55;
}
.title {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #b32017;
	font-weight: bold;
	letter-spacing: 1px;
}
.title2 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #b32017;
	font-weight: bold;
}
.title3 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #00457C;
	font-weight: bold;
}
.title4 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #555458;
	font-weight: bold;
}
.red {
	color: #b32017;
}


.tblborder {
	border : thin solid #bbb1a7;
	border-width : 1px 1px 1px 1px;
}
.tblheader {
	background-color: #bbb1a7;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 4px;
}
div.cellstyle table {
  empty-cells: hide;
  border-collapse: collapse;
  border-style: solid;
  border-width: thin;
  border-color: #bbb1a7;
  border-spacing: 1em;
}
div.cellstyle td {
  border-top: solid;
  border-bottom: solid;
  border-right: solid;
  border-left: solid;
  border-width: thin;
  border-color: #bbb1a7;
  border-spacing: 1em;
}

.box {
	padding-top: 22px;
	padding-bottom: 22px;
	text-align: left;
	vertical-align: top;
}
.dashed-right {
	border-style: dashed;
	border-color: #CCDAE5;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.backg1 {
	background-color:#FFFFFF;
}
.backg2 {
	background-color:#e5e1dd;
}
.backg3 {
	background-color:#bbb1a7;
}
.backg4 {
	background-color:#e8e8e6;
}
.backg5 {
	background-color:#47aa42;
}

.send {
    width: 80px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #394263;
	background-color: #B2B4C3;
	font-weight: bold;
}

.reset {
    width: 80px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #394263;
	background-color: #B2B4C3;
}

.nav {
	color: #b32017;
	line-height: 20px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1px;
}
.nav:link {
	color: #b32017;
	text-decoration: none;
}
.nav:visited {
	color: #b32017;
	text-decoration: none;
}
.nav:hover {	
	color: #000000;
	text-decoration: none;
}


.subnav {
	color: #bbb1a7;
	line-height: 18px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: 500;
}
.subnav:link {
	color: #9e9081;
	text-decoration: none;
}
.subnav:visited {
	color: #9e9081;
	text-decoration: none;
}
.subnav:hover {
	color: #D85414;
	text-decoration: none;
}

.subnav:active {
	color: #000000;
	text-decoration: none;
}


.nav2 {
	color: #9e9081;
	line-height: 18px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}
.nav2:link {
	color: #9e9081;
	text-decoration: none;
}
.nav2:visited {
	color: #9e9081;
	text-decoration: none;
}
.nav2:hover {
	color: #D85414;
	text-decoration: none;
}

.nav3 {
	color: #7d6a55;
	line-height: 18px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: 500;
	letter-spacing: 1px;
}
.nav3:link {
	color: #7d6a55;
	text-decoration: none;
}
.nav3:visited {
	color: #7d6a55;
	text-decoration: none;
}
.nav3:hover {
	color: #b32017;
	text-decoration: none;
}