/* RESET */
* {
	margin: 0;
	padding: 0;
}



/* STRUCTURE */

body									{font-size:100.5%; font family: Arial, sans-serif; background:url("images/background.png")  ;}
#page-wrap								{width: 898px; height: 752px; margin: 40px auto 40px auto; background: url("images/bellamia.png") top center no-repeat;}
#content-wrap							{overflow:hidden; float: left; margin: 104px 10px auto 10px; width: 477px; height: 555px;}
#sidebar-wrap							{float: right; width:170px; height:575px; margin-right: 10px; padding-top:104px;}
#navbar-wrap							{float: left; width:200px; height:666px;}
.productpic								{float: left; width:120px; height:120px; margin:5px;}
.productfull							{float: left; width:250px; height:250px; margin:5px;}
.product1								{float:right; width:150px; margin: 5px; }
.product2								{float:left; margin-top: 10px;}


/* FONTS */

a										{background-color:none; color:#cc0000; text-decoration:none; }
a:hover									{background-color:#cc0000; color:#ece6dc; text-decoration:overline, underline; }
p										{font-family: Georgia, "Times New Roman", Times, serif; }
h1	/*Largest-red*/						{font-family: Georgia, "Times New Roman", Times, serif; font-size:200%; color:#cc0000;}
h2	/*large-black*/						{font-family: Georgia, "Times New Roman", Times, serif; font-size:200%; color:#000;}
h3	/*med-red*/							{font-family: Georgia, "Times New Roman", Times, serif; font-size:150%; color:#cc0000;}
h4	/*small-turqouise*/					{font-family: Georgia, "Times New Roman", Times, serif; font-size:125%; color:#069bb6;}
h5	/*small-red*/						{font-family: Georgia, "Times New Roman", Times, serif; font-size:125%; color:#cc0000;}
h6	/*small-black*/						{font-family: Georgia, "Times New Roman", Times, serif; font-size:125%; color:#000;}

/* NAVIGATION  */

.hide 									{visibility:hidden;}
#home									{float:left; position:absolute; width: 207px; height:87px; margin-left:0px; margin-top:0px; text-decoration:none; background:none;}
#necklace								{float:left; position: absolute; margin-top:127px; margin-left:30px; height:25px; width: 135px;text-decoration:none; background:none;}
#necklace:hover							{background: url('images/necklacealt.png') no-repeat;text-decoration: none;}
#necklace:active						{background: url('images/necklacealt.png') no-repeat;text-decoration: none;}
#earring /* about us */					{float:left; position: absolute;  margin-top:174px; margin-left:37px; height:25px; width: 119px;text-decoration:none; background:none;}
#earring:hover							{background: url('images/earringsalt.png') no-repeat;text-decoration: none;}
#earring:active							{background: url('images/earringsalt.png') no-repeat;text-decoration: none;}
#bracelet  /* stuff we've done */		{float:left; position: absolute; margin-top:224px; margin-left:34px; height:25px; width: 129px;text-decoration:none; background:none;}
#bracelet:hover							{background: url('images/braceletalt.png') no-repeat;text-decoration: none;}
#bracelet:active						{background: url('images/braceletalt.png') no-repeat;text-decoration: none;}
#ring/* photo gallary */				{float:left; position: absolute; margin-top:276px; margin-left:60px; height:25px; width: 74px;text-decoration:none; background:none;}
#ring:hover								{background: url('images/ringsalt.png') no-repeat;text-decoration: none;}
#ringactive								{background: url('images/ringsalt.png') no-repeat;text-decoration: none;}
#misc									{float:left; position: absolute; margin-top:327px; margin-left:65px; height:25px; width: 65px;text-decoration:none; background:none;}
#misc:hover								{background: url('images/miscalt.png') no-repeat;text-decoration: none;}
#misc:active							{background: url('images/miscalt.png') no-repeat;text-decoration: none;}
#about /* about us */					{float:left; position: absolute;  margin-top:375px; margin-left:53px; height:25px; width: 90px;text-decoration:none; background:none;}
#about:hover							{background: url('images/aboutalt.png') no-repeat;text-decoration: none;}
#about:active							{background: url('images/aboutalt.png') no-repeat;text-decoration: none;}
#contact  /* stuff we've done */		{float:left; position: absolute; margin-top:427px; margin-left:40px; height:25px; width: 116px;text-decoration:none; background:none;}
#contact:hover							{background: url('images/contactalt.png') no-repeat;text-decoration: none;}
#contact:active							{background: url('images/contactalt.png') no-repeat;text-decoration: none;}
#help/* photo gallary */				{float:left; position: absolute; margin-top:480px; margin-left:64px; height:25px; width: 64px;text-decoration:none; background:none;}
#help:hover								{background: url('images/helpalt.png') no-repeat;text-decoration: none;}
#help:active							{background: url('images/helpalt.png') no-repeat;text-decoration: none;}