/*CSS July 30, 2005*/



body { 
	background: #000 url('website080906.gif') no-repeat top center; 
	font-family: Gill Sans MT, Tahoma, Calibri, Verdana, Helvetica, Arial, san-serif;
	color: #fff;
	font-size: 1.0em;
	line-height: 150%;
	margin:50px 0px; padding:0px;
	text-align:center;
}

#logotype {
	position: relative;
	top: 80px;
	background: #000; 
	width: 580px;
	margin:0px auto;
	text-align:left;
	padding: 20px 0px 10px 0;
	background: url('topright080906.gif') no-repeat top right; 

}

a { padding-top:1pt; padding-bottom:1pt; padding-right:2pt; padding-left:2pt; }
a:link { color: #FC4E71; text-decoration: none; }
a:active { color: #CBD775; text-decoration: none;   }
a:visited { color: #888888; text-decoration: none; }
a:hover { color: #354A77; text-decoration: none; background: #CBD775;  }



#container {
	}

h2 { font-size: 14pt; color: #83C213; margin-bottom: -10px;}
h3 { margin-bottom: -15px; font-size: 10pt; color: #00A2F3;	}
h4 { margin-bottom: 2px; font-size: 10pt;	}




#bigimage { 
	position: relative;
	width: 560px;
	top: 30px;
	left: -100px;
}
.secondaryimages {
	float: left;
	width: 275px;
	margin-right: 5px;	
}

.clearboth { clear: both; }


#sidebar {
position: absolute;
top: 205px;
left: 20px;
width: 160px;
}

#column {
	width: 500px;
}

#policies {
	text-align: center;
	width: 100%;
	background-color:#333333;
	font-size: .9em;
	}
	
#policies a:link { color: #CBD775; text-decoration: none; }
#policies a:active { color: #FC4E71; text-decoration: none;   }
#policies a:hover { color: #354A77; text-decoration: none; background: #CBD775;  }
	
#jewellerynav {
	text-align: center;
	width: 100%;
	background-color:#444444;
		font-size: .9em;
	}

#footer {
	text-align: center;
	width: 100%;
	background-color:#222222;
		font-size: .9em;
	}
#footer a:link { color: #FF9B51; text-decoration: none; }
#footer a:active { color: #CBD775; text-decoration: none;   }
#footer a:hover { color: #354A77; text-decoration: none; background: #CBD775;  }

.subtitle {
position: relative;
top: 5px;
left: 10px;	}

/*jewellery*/
#jewellerycolumn2 { width: 460px; margin-top: 40px; margin-left: 5px; }
#jewellerycolumn2 img { float: left; }
#jewellerydescription {position: relative; top: 3px; left: 5px; }

#graphiccolumn { width: 450px; margin-top: 40px; margin-left: 5px; background-color: #000;}
#graphiccolumn h2 {margin-bottom: -10px;}
#graphiccolumn img { border: 5px solid #fff;}

.detail {float: right;}


/*THUMBNAILS*/

#thumbscolumn { width: 370px; margin-top: 40px; margin-left: 5px; }

#thumbscolumn p { width: 320px;color: #fff; padding: 5px 35px 5px 5px; margin-bottom: 30px;    border-top: 0px dashed #fff; }
#thumbscolumn img {float: left; margin-left: -7px; margin-bottom: -10px; margin-top: 10px; margin-right: -25px; }/*border-top: 4px solid #007CCE; border-right: 4px solid #7E2F8B; border-left: 4px solid #FF7A3E; border-bottom: 4px solid #DF222B; }

/*#thumbscolumn img {float: left; padding: 21px; margin-top: 0px; margin-right: -20px;}*/
#paypal img{ position: relative; top: -12px; }

.one {background: url('images/galleryback.gif') no-repeat; 
	margin-left: 20px; border-right: 4px solid #FFE022; border-bottom: 2px dashed #83C213;}
.two { background: url('images/galleryback2.gif') no-repeat; 
	margin-left: 0px;border-right: 4px solid #007CCE;border-bottom: 2px dashed #C11A18;}
.three { background: url('images/galleryback3.gif') no-repeat; 
	margin-left: 30px;border-right: 4px solid #C11A18;border-bottom: 2px dashed #7E2F8B;}
.four { background: url('images/galleryback4.gif') no-repeat;
	margin-left: 10px; border-right: 4px solid #FFE022;border-bottom: 2px dashed #DF222B;}
.five { background: url('images/galleryback5.gif') no-repeat; 
	margin-left: 0px;border-right: 4px solid #7E2F8B;border-bottom: 2px dashed #FFE022; }

.thumbimage { background: #000; padding: 2px; position: relative; top: -12px; left: -35px; }

#sitemeter {position: absolute; left: -20px; top: -20px; }
.purple { color: #CC99FF; font: bolder; }



/*more thumbnails*/
.indexthumbnail
{
float: left;
margin: 0 5px 5px 0;
padding: 5px;
text-align: center;
}

.thumbnail
{
float: left;
margin: 0 5px 5px 0;
padding: 5px;
text-align: center;
width: 125px;
}

.thumbnail2
{
float: left;
margin: 0 5px 5px 0;
padding: 5px;
text-align: center;
width: 240px;
}

.clearboth { clear: both; }

.floatleft {float: left; margin-right: 10px;}



.style1 {	COLOR: #ffffff
}
.style3 {font-size: .8em}
.style9 {font-size: .76em}
.style10 {
	color: #83C213;
	font-weight: bold;
}

.code {margin-top: -15px; font-size: 9px;}