/* CSS Document */

body {
	margin:0px;
	padding:0px;
	background:url(../images/gradient.gif) repeat-x;
	background-color:#000000;
	font:11pt Arial, Helvetica, sans-serif;
	color:#ffffff;
	line-height:22px;
}

/* Layout---------------------------------------- */
img#logo {
	margin:30px 0px 20px 30px;
}
#bodycontent, #productnav {
	margin:20px 0px 30px 30px;
	width:800px;
}
#nav {
	background-color:#2a1c0d;
	height:37px;
	padding-right:10px;
}

#productnav img {
	padding-right:2px;
}
/* Nav---------------------------------------- */
#nav a#nhome {
	background:url(../images/home.gif) no-repeat 0px 0px;
	height:37px;
	width:46px;
	float:right;
}
#nav a#nproducts {
	background:url(../images/products.gif) no-repeat 0px 0px;
	height:37px;
	width:61px;
	float:right;
}
#nav a#naboutus {
	background:url(../images/aboutus.gif) no-repeat 0px 0px;
	height:37px;
	width:61px;
	float:right;
}
#nav a#ncustomjewelry {
	background:url(../images/customjewelry.gif) no-repeat 0px 0px;
	height:37px;
	width:98px;
	float:right;
}
#nav a#ncontact {
	background:url(../images/contact.gif) no-repeat 0px 0px;
	height:37px;
	width:53px;
	float:right;
}
#nav a#nhome:hover {
	background:url(../images/home.gif) no-repeat 0px -74px;
}
#nav a#nproducts:hover {
	background:url(../images/products.gif) no-repeat 0px -74px;
}
#nav a#naboutus:hover {
	background:url(../images/aboutus.gif) no-repeat 0px -74px;
}
#nav a#ncustomjewelry:hover {
	background:url(../images/customjewelry.gif) no-repeat 0px -74px;
}
#nav a#ncontact:hover {
	background:url(../images/contact.gif) no-repeat 0px -74px;
}
#phome #nav a#nhome {
	background:url(../images/home.gif) no-repeat 0px -37px;
}
#pproducts #nav a#nproducts {
	background:url(../images/products.gif) no-repeat 0px -37px;
}
#paboutus #nav a#naboutus {
	background:url(../images/aboutus.gif) no-repeat 0px -37px;
}
#pcustomjewelry #nav a#ncustomjewelry {
	background:url(../images/customjewelry.gif) no-repeat 0px -37px;
}
#pcontact #nav a#ncontact {
	background:url(../images/contact.gif) no-repeat 0px -37px;
}
/* Tables---------------------------------------- */
.titlecolumn {
	vertical-align:top;
	text-align:right;
	font-weight:bold;
}
/* Forms---------------------------------------- */
.formdark input, .formdark select, .formdark textarea {
	margin:3px;
	padding:2px;
	color:#fff;
	border:1px solid #191919;
	background-color:#262626;
	font-style:normal;
}
input.buttondark {
	background-color:#404040;
	color:#fff;
	font-style:normal;
	margin-top:10px;
}
.formlight input, .formlight select, .formlight textarea {
	margin:3px;
	padding:2px;
	color:#000;
	border:1px solid #191919;
	background-color:#f7f7f7;
	font-style:normal;
}
input.buttonlight {
	background-color:#d1d1d1;
	color:#000;
	font-style:normal;
	margin-top:10px;
}
.clickreplace input, .clickreplace select {
	margin:3px;
	padding:2px;
	color:#999;
	border:1px solid #191919;
	background-color:#262626;
	font-style:italic;
}
/* Products---------------------------------------- */
img.product, img.productmp {
	padding:7px;
	background-color:#442d14;
	border:1px solid #2a1c0d;
	margin-right:3px;
}
img.product {
	margin-bottom:25px;
}
/* Pageination---------------------------------------- */
a.control {
	background-color:#34210c;
	padding:5px;
	text-decoration:none;
	color:#fff;
}
a.page {
	background-color:#553819;
	padding:5px;
	text-decoration:none;
	color:#fff;
}
/* Links---------------------------------------- */
a {
	color:#ccc;
}
/* Misc---------------------------------------- */
hr {
	border:2px solid #2a1c0d;
	margin:20px 0px;
}