/* ************************************
/* author: Joe Cruz
/* css file for index.html
/* contact: webmaster@queensartists.com
/* last revised: 10/10/05
/***************************************/
body, html { 
	position: relative; margin: 0px; padding: 0px; border: 0px;
	font-family: Verdana, Arial, sans-serif; font-size: 13px; text-align: center;
	background: #fffff0 url(../images/system/ff01bg.jpg) repeat scroll 0 0; color: #000; 
	}
div#container { 
	position: relative; margin: 0px auto; width: 676px; text-align: left; 
	}
/*  TOP NAV BAR  */
div#topnav { 
	position: absolute; z-index: 10; margin: 0px; padding: 0px; 
	border: 0px; top: 20px; width: 100%; }
	.linkstop { 
		position: relative; margin: 0px; padding: 0px 0px 0px 0px; border: 0px; 
		top: 0px; float: left; display: block; width: 24.5%;
		font: 1em 'Arial Black', Verdana, sans-serif; text-align: center; 
		color: #000; background: transparent; 
		}
		.linkstop a {
			position: relative; display: block; margin: 0px; padding: 0px; 
			border: 0px; text-decoration: none; color: #000; text-align: center; 
			background: #fffff0 url(../images/system/ff01bg.jpg) repeat; 
			}
			.linkstop a:hover { 
				position: relative; margin: -15px 0px 0px 2px; padding: 6px 0px 6px 0px; 
				background: url(../images/system/ffbluebg.jpg); border: solid #1d6056 3px;
				font: 1em 'Arial Black', Verdana, sans-serif; color: #036; 
				}
			.linkstop a:active { 
				border-top: solid #369 4px; border-right: solid #bcf 8px; 
				border-bottom: solid #bcf 8px; border-left: solid #369 4px; 
				}
/*  CENTER CONTENT  */
div#midnav { 
	position: absolute; z-index: 1; margin: 0px 0px 0px 1px; padding: 0px; 
	border: 0px; top: 40px; width: 671px; height: 453px; text-decoration: none; 
	background: url(../images/system/homepage5.jpg); 
	/* border-top: solid #933 2px; border-left: solid #036 2px; 
	border-bottom: solid #060 2px; border-right: solid #036 2px; */
	}
	div#hpitems a {
		position: absolute; margin: 0px; padding: 0px; border: 0px; 
		height: 30px; width: 215px; left: 395px; text-decoration: none; 
		}
		div#hpitems a i { visibility: hidden; }
	a#anklets { top: 90px; } 		
	a#bracelets { top: 120px; } 		
	a#earrings { top: 150px; } 		
	a#necklaces { top: 180px; } 		
	a#neckware { top: 210px; } 		
	a#sets { top: 240px; } 
	a#watches { top: 270px; } 
	a#intro { top: 364px; } 
	
	div#hpitems a img { height: 0px; width: 0px; border-width: 0px; }
	div#hpitems a:hover img { 
		position: absolute; top: -45px; left: -130px; width: 160px; height: 119px; 
		border-top: solid #def 3px; border-right: solid #369 3px; 
		border-bottom: solid #369 3px; border-left: solid #def 3px; 
		}
		div#hpitems a:active img { 
				border-top: solid #369 4px; border-right: solid #bcf 8px; 
				border-bottom: solid #bcf 8px; border-left: solid #369 4px; 
				}
	div#content {
		position: absolute; top: 500px; left: 90px; width: 500px; 
		font: 1em 'Arial Black', Verdana, sans-serif; text-align: center; 
		color: #000; background: transparent; 
		}

/*  BOTTOM NAV BAR & COPYRIGHT  */
div#botnav { 
	position: absolute; margin: 0px; padding: 0px; border: 0px; 
	top: 500px; width: 100%; }
	.linksbottom { 
		position: relative; margin: 0px; padding: 0px; border: 0px; 
		top: 2px; float: right; display: block; width: 25%; 
		font: 1em 'Arial Black', Verdana, sans-serif; 
		color: #000; background: transparent; 
		}
		.linksbottom a {
			position: relative; display: block; margin: 0px; padding: 0px; border: 0px; 
			text-decoration: none; color: #000; text-align: center; 
			background: #fffff0 url(../images/system/ff01bg.jpg) repeat; 
			}
			.linksbottom a:hover { 
				position: relative; margin: -4px 0px 0px 0px; padding: 6px 0px 6px 0px; 
				background: url(../images/system/ffbluebg.jpg); border: solid #060 2px;
				color: #fff; z-index: 10; 
				}
	.footer { 
		position: relative; margin: 50px 0px 0px; padding: 10px 20px 0px; border: 0px;
		font: 0.7em Tahoma, Arial, sans-serif; color: #000; text-align: center; 
		}