a:link {
	color: #38456f;
	text-decoration: none;
	}
a:visited {
	color: #999999;
	text-decoration: none;
	}
a:hover {
	color: #999999;
	text-decoration: underline;
	}
a:active {
	color: #999999;
	text-decoration: none;
	} 

body {
margin:0 0 0 0;
padding:0 0 0 0;
/*font-size=62.5% /*Sets font default size  from 16px to 10px */
}


#container {
width:750px;
margin: auto;
padding: 0 0 100px 0;
background-image:url(rounded.jpg);
background-repeat: no-repeat;
background-position:bottom;
border:0px dotted #999999;
position:relative;
}

#pageHeader {
background: transparent url(header.gif) no-repeat center top;
border:0px dotted #999999;
width:750px;
height:327px;
margin: 0 0 0 -50px;
}

#intro {
width:450px;
margin:0 0 0 0;
border:0px dotted #999999;
}

#quickSummary .p2 {
border:0px solid #000000;
margin:-110px 0 95px 288px;
padding: 0 0 0 15px;
text-transform: uppercase;
width:750px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#686868;
background: transparent url(bullet.jpg) no-repeat 0% 28%;
}

#supportingText {
width:500px;
margin:0 0 0 0;
}

#preamble, #whoweare, #construction, #ourproducts, #aboutdesigners, #abouterica, #aboutsuzanne, #aboutorcas, #productearrings, #productnecklaces, #productnecklaces1, #productnecklaces2, #productnecklaces3, #productnecklaces4, #productnecklaces5, #productbooks, #productcards, #new, #productnecklaces6, #productcustom, #productdiamonds {
border-bottom:0px dotted #999999;
position:relative;
width:500px;
margin:0 0 0 0px;
}

#productnecklaces_container {
border-bottom:0px dotted #999999;
position:relative;
width:450px;
height:220px;
margin:0 0 0 30px;
}

/*experiment*/

#productnecklaces_image {
border-bottom:0px dotted #999999;
float:right;
/*position:relative;*/
width:200px;
height:220px;
padding:0 0 0 0;
}

#productnecklaces_description {
border-bottom:0px dotted #999999;
float:left;
/*position:relative;*/
width:220px;
height:220px;
/*margin:0 0 0 30px;*/
}

#preamble h3 {
background-image: url(title_whatis.gif);
background-repeat: no-repeat;
background-position: left top;
width:386px;
height:64px;
margin-bottom:-5px;
}

#whoweare h3 {
background-image: url(title_whoarewe.gif);
background-repeat: no-repeat;
background-position: left top;
width:386px;
height:66px;
margin-bottom:-5px;
}

#ourproducts h3 {
background-image: url(title_ourproducts.gif);
background-repeat: no-repeat;
background-position: left top;
width:386px;
height:66px;
margin-bottom:-5px;
}

#aboutdesigners h3 {
background-image: url(title_aboutdesigners.gif);
background-repeat: no-repeat;
background-position: left top;
width:386px;
height:66px;
margin-bottom:-5px;
}

#abouterica h3 {
background-image: url(title_abouterica.gif);
background-repeat: no-repeat;
background-position: left top;
width:386px;
height:66px;
margin-bottom:-5px;
}

#aboutsuzanne h3 {
background-image: url(title_aboutsuzanne.gif);
background-repeat: no-repeat;
background-position: left top;
width:386px;
height:66px;
margin-bottom:-5px;
}

#aboutorcas h3 {
background-image: url(title_aboutorcas.gif);
background-repeat: no-repeat;
background-position: left top;
width:386px;
height:66px;
margin-bottom:-5px;
}

#productnecklaces h3 {
background-image: url(title_necklaces.gif);
background-repeat: no-repeat;
background-position: left top;
width:400px;
height:66px;
margin-bottom:-5px;
}

#productnecklaces1 h3 {
background-image: url(title_mermaidstears.gif);
background-repeat: no-repeat;
background-position: left top;
width:400px;
height:66px;
margin-bottom:-5px;
}

#productnecklaces2 h3 {
background-image: url(title_goldenelegance.gif);
background-repeat: no-repeat;
background-position: left top;
width:400px;
height:66px;
margin-bottom:-5px;
}

#productnecklaces3 h3 {
background-image: url(title_seapottery.gif);
background-repeat: no-repeat;
background-position: left top;
width:400px;
height:66px;
margin-bottom:-5px;
}

#productnecklaces4 h3 {
background-image: url(title_simplicity.gif);
background-repeat: no-repeat;
background-position: left top;
width:400px;
height:66px;
margin-bottom:-5px;
}

#productnecklaces5 h3 {
background-image: url(title_fireglass.gif);
background-repeat: no-repeat;
background-position: left top;
width:400px;
height:66px;
margin-bottom:-5px;
}

#productnecklaces6 h3 {
background-image: url(title_baregems.gif);
background-repeat: no-repeat;
background-position: left top;
width:400px;
height:66px;
margin-bottom:-5px;
}

#productcustom h3 {
background-image: url(title_custom.gif);
background-repeat: no-repeat;
background-position: left top;
width:400px;
height:66px;
margin-bottom:-5px;
}

#productdiamonds h3 {
background-image: url(title_diamonds.gif);
background-repeat: no-repeat;
background-position: left top;
width:400px;
height:66px;
margin-bottom:-5px;
}

#productnecklaces_container h3 {
width:350px;
height:56px;
margin-bottom:0px;
}

#productearrings h3 {
background-image: url(title_earrings.gif);
background-repeat: no-repeat;
background-position: left top;
width:386px;
height:66px;
margin-bottom:-5px;
}

#productbooks h3 {
background-image: url(title_books.gif);
background-repeat: no-repeat;
background-position: left top;
width:386px;
height:66px;
margin-bottom:-5px;
}

#productcards h3 {
background-image: url(title_cards.gif);
background-repeat: no-repeat;
background-position: left top;
width:386px;
height:66px;
margin-bottom:-5px;
}

#new h3 {
background-image: url(title_new.gif);
background-repeat: no-repeat;
background-position: left top;
width:386px;
height:66px;
margin-bottom:-5px;
}

.floatright{
	float:right;
	margin: 0 0 10px 10px;
}

#pageHeader h1, #pageHeader h2, #quickSummary .p1, #preamble h3 span, #whoweare h3 span, #construction h3 span, #ourproducts h3 span, #aboutdesigners h3 span, #abouterica h3 span, #aboutsuzanne h3 span, #aboutorcas h3 span, #productnecklaces h3 span, #productnecklaces1 h3 span, #productnecklaces2 h3 span, #productnecklaces3 h3 span, #productnecklaces4 h3 span, #productnecklaces5 h3 span, #productearrings h3 span, #productbooks h3 span, #productcards h3 span, #new h3 span, #productnecklaces6 h3 span, #productcustom h3 span, #productdiamonds h3 span {
display:none;
}

p {
color: #686868;
font-size:11px;
font-weight:normal;
line-height:1.4em;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

/* THIS IS FOR MOUSEOVER POPUP LARGER IMAGE */
.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -75px;
	left: -95px;
	z-index: 1;
}

.hoverbox img
{
	background: none;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	border:none;
	padding: 2px;
	vertical-align: top;
	width: 150px;
	height: 150px;
	float:right;
	margin: 0 0 0px 0px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	border:none;
	background:none;
	display: inline;
	float: left;
/*	margin: 3px;
	padding: 5px;*/
	float:right;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	border:none;
	width: 270px;
	height: 270px;
}

/*END OF MOUSEOVER POPUP IMAGE CODE */

#linkList {
	position: absolute;
	left:230px;
	right:auto;
	top:350px;
	padding:0 0 0 0;
	margin-left: 270px;
	width: 220px;
	border:0px dotted #666666;
	background: transparent url(orchid.jpg) no-repeat bottom;
	height:710px;
}

#linkList ul {
	text-align: left;
	list-style: none;
	margin: 0 0 0 0;
	padding:0 0 5px 15px;
	font-size:11px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	border:0px dotted #666666;
	width:190px;
	}

#linkList ul li{
	margin: 0;
	padding: 3px 0 3px 0;
	border-bottom: 1px dotted #999999;
}

#linkList ul li a, #linkList ul li a:visited {
	border-bottom: none;
	outline:0;
}

#linkList ul li a:hover {
	color: #686868;
	text-decoration: underline;
}

#lselect {
	font-size: 0.9em;
}

#lselect ul li {
	padding: 3px 0 3px 10px;
	background: transparent url(bullet.jpg) no-repeat 2% 25%;
	color:#686868;
}

#lselect ul li li {
	padding: 3px 0 3px 15px;
	background: transparent url(bullet.jpg) no-repeat 2% 25%;
	color:#686868;
}

#lselect a {
	display: block;
	font-size: 1.1em;
	color: #38456f;
}

#lselect a.c {
	display:inline;
	line-height:5px;
	margin:0;
	padding:0;
	font: normal 1.0em/0.9em Geneva, Arial, Tahoma, sans-serif;
	color: #999999;
	letter-spacing: -1px;
}

#lselect, #larchives {
	margin-bottom: 5px;
	border:0px solid #000000;
}

#larchives ul li a, #lresources ul li a {
padding: 3px 0 3px 25px;
color:#38456f;
}

#lselect h3, #larchives h3, #lresources h3 {
	width: 296px;
	height: 40px;
	margin-bottom:-20px;
	padding:10px 0 0 25px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-transform: uppercase;
	color:#999999;
}

#footer{
	text-align: center;
	padding:0 0 0 0;
	margin:60px 0 0 60px;
}

#footer a, #footer a:visited {
	padding: 5px;
	border: 1px solid #eeeeee;
	background-color: #fff;
	color: #666666;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#footer a:hover {
	padding: 5px;
	border: 1px solid #eeeeee;
	background-color: #eeeeee;
	color: #999999;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration: none;
}

#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6{
display:none;
}