/* ---------- Main CSS styles ---------- */

body {
	background-color:#e6c39e;
}

h1 {
	font-family:Papyrus;
	font-size:16px;
	color:#666666;
	text-decoration:none;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	text-decoration:none;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-decoration:none;
}

.body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
	text-align:justify;
}

.title {
	font-family:Jenkins;
	font-size:24px;
	color:#666666;
	text-decoration:none;
	text-align:left;
	font-weight:600;
}

.navigation {
	font-family:Papyrus;
	font-size:17px;
	color:#FFFFFF;
	text-decoration:none;
	text-align:left;
}
.navigation:hover {
	font-family:Papyrus;
	font-size:17px;
	color:#EFE9C7;
	text-decoration:none;
	text-align:left;
}



/* ---------- Link styles ---------- */

.link-body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
	text-align:justify;
}
.link-body:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#b41956;
	text-decoration:underline;
	text-align:justify;
}

.link {
	color:#666666;
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; 
	text-decoration:underline; 
}
.link:hover{
	color:#b41956;
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; 
	text-decoration:underline; 
}

.bottom-link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}
.bottom-link:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	text-decoration:underline;
}

/* ---------- Table styles ---------- */

.main-table {
	height:100%;
	background-color:#e6c39e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* ---------- Div tag styles ---------- */


#container {
	text-align:center;
	width:100%;
	height:100%;
}
	
#Main {
    position:relative; 
	height:1000px; 
	margin-top:30px; 
	width:800px; 
	margin-left:auto; 
	margin-right:auto; 
	text-align:center;
	background-repeat:no-repeat;
	background:url(../images/JB3.jpg);
	overflow:hidden;
	padding:0px;
}
	
#Main2 {
    position:relative; 
	height:1000px; 
	margin-top:30px; 
	width:800px; 
	margin-left:auto; 
	margin-right:auto; 
	text-align:center; 
	background-repeat:no-repeat;
	background-image:url(../images/JB-main2.jpg);
	overflow:hidden;
	padding:0px;
}
#Logo {
	position:absolute;
	width:148px;
	height:65px;
	z-index:3;
	left: 8px;
	top: 0px;
}
#Home-text {
	position:absolute;
	width:700px;
	height:115px;
	z-index:2;
	left: 150px;
	top: 813px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444343;
}
#Textarea {
	position:absolute;
	width:535px;
	height:355px;
	z-index:2;
	left: 169px;
	top: 108px;
}
#Main-content {
	position:absolute; 
	width:750px; 
	height:115px; 
	z-index:20; 
	left: 11px; 
	top: 820px;
}
#Image {
	position:absolute;
	width:800px;
	height:598px;
	z-index:1;
	left: 0px;
	top: 1px;
	background:url(../images/JB-main.jpg);
}
#Image2 {
	position:absolute;
	width:700px;
	height:498px;
	z-index:1;
	left: 0px;
	top: 0px;
	background:url(../images/JB3.jpg);
}
#Top-nav {
	position:absolute;
	width:86px;
	height:25px;
	z-index:3;
	left: 787px;
	top: 48px;
}
#Big-ring {
	position:absolute;
	width:110px;
	height:57px;
	z-index:1;
	left: 256px;
	top: 267px;
}
#Logo-home {
	position:absolute;
	width:148px;
	height:59px;
	z-index:3;
	left: 8px;
	top: 0px;
}
#Nav-main {
	position:absolute;
	width:149px;
	height:13px;
	z-index:1;
	left: 22px;
	top: -139px;
}

#P3 {
	position:absolute; 
	width:62px; 
	height:18px; 
	z-index:10; 
	left: 340px; 
	top: 552px;
}
#A2 {
	position:absolute; 
	width:71px; 
	height:18px; 
	z-index:9; 
	left: 415px; 
	top: 504px;
}
#h2 {	
	position:absolute; 
	width:46px; 
	height:18px; 
	z-index:8; 
	left: 410px; 
	top: 480px;
}
#P2 {
	position:absolute; 
	width:71px; 
	height:18px; 
	z-index:6; 
	left: 431px; 
	top: 61px;
}
#M2 {
	position:absolute; 
	width:113px; 
	height:18px; 
	z-index:7; 
	left: 513px; 
	top: 65px;
}
#N2 {
	position:absolute; 
	width:74px; 
	height:18px; 
	z-index:5; 
	left: 358px; 
	top: 38px;
}
#B2 {
	position:absolute; 
	width:76px; 
	height:18px; 
	z-index:4; 
	left: 539px; 
	top: 0px;
}
#R2 {
	position:absolute;
	width:46px;
	height:18px;
	z-index:3;
	left: 400px;
	top: 2px;
}
#E2 {
	position:absolute; 
	width:69px; 
	height:18px; 
	z-index:1; 
	left: 460px; 
	top: 2px;
}
#C1 {
	position:absolute; 
	width:83px; 
	height:18px; 
	z-index:1; top: 528px; left: 387px;	
}


/* ---------- Navigation ---------- */

#home {
	position:absolute;
	width:39px;
	height:12px;
	z-index:3;
	left: 503px;
	top: 224px;
}
#about {
	position:absolute;
	width:81px;
	height:14px;
	z-index:4;
	left: 496px;
	top: 258px;
}
#contact {
	position:absolute;
	width:101px;
	height:12px;
	z-index:5;
	left: 464px;
	top: 282px;
}
#diamonds {
	position:absolute;
	width:65px;
	height:12px;
	z-index:6;
	left: 486px;
	top: 310px;
}
#Img-nav {
	position:absolute;
	width:653px;
	height:105px;
	z-index:4;
	left: 126px;
	top: 596px;
	background-image:url(../images/tornbg.jpg);
	background-repeat:no-repeat;
}
#Gold {
	position:absolute;
	width:126px;
	height:12px;
	z-index:6;
	left: 447px;
	top: 339px;
}
#Silver {
	position:absolute;
	width:142px;
	height:12px;
	z-index:6;
	left: 440px;
	top: 371px;
}
#Rings {
	position:absolute;
	width:36px;
	height:12px;
	z-index:6;
	left: 600px;
	top: 257px;
}
#Earings {
	position:absolute;
	width:36px;
	height:12px;
	z-index:6;
	left: 604px;
	top: 284px;
}
#Pendants {
	position:absolute;
	width:36px;
	height:12px;
	z-index:6;
	left: 607px;
	top: 310px;
}
#Necklaces {
	position:absolute;
	width:36px;
	height:12px;
	z-index:6;
	left: 612px;
	top: 339px;
}
#Bracelets {
	position:absolute;
	width:36px;
	height:12px;
	z-index:6;
	left: 491px;
	top: 311px;
}
#Bangles {
	position:absolute;
	width:36px;
	height:12px;
	z-index:6;
	left: 642px;
	top: 391px;
}
#Mens {
	position:absolute;
	width:121px;
	height:22px;
	z-index:6;
	left: 475px;
	top: 397px;
}
/* ---------- Scroll box styles ---------- */

div.scroll {	
	height: 320px;	
	width: 505px;
	overflow:scroll;
	background-color: #f9eee2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#000000;	
	padding: 12px;
	text-align:justify;
	scrollbar-3d-light-color:#ffffff; 
	scrollbar-arrow-color:#FFFFFF; 
	scrollbar-base-color:#f9eee2; 
	scrollbar-dark-shadow-color:#ffffff; 
	scrollbar-face-color:#f9eee2; 
	scrollbar-highlight-color:#ffffff; 
	scrollbar-shadow-color:ffffff;
}

/* ---------- DHTML tooltips ---------- */

#dhtmltooltip{
	position: absolute;
	width: 150px;
	border: 1px;
	padding: 2px;
	background-color: white;
	visibility: hidden;
	z-index: 100;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#c7c7c7,direction=120);
}