<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Jan Leslie &mdash; 18Kt Gold Collection</title>
<style type="text/css">.menutitle   { cursor: pointer; background-color: #FFFFFF; color: #000000; width: 180px; 
               text-align: Left; text-transform: uppercase; font-family: Arial; 
               font-size: 10pt; font-weight: bold; line-height: 100%; 
               margin-top: 0; margin-bottom: 0; padding: 2px }
.CellBorder  { border-style: ridge; border-color: #FFFFFF }
.PageTitle   { font-size: 18pt; font-family: Arial; text-transform: uppercase; 
               letter-spacing: 15pt; line-height: 100%; text-align: Center; 
               color: #999999; margin-top: 0; margin-bottom: 0 }
.Picture     { border-style: double; border-color: #C0C0C0 }
.CufflinkTitle { line-height: 150%; text-align: Center; font-family: Arial; font-size: 10px; 
               font-weight: bold; margin-top: 0; margin-bottom: 0 }
.menutitle_rollover { font-family: Arial; font-size: 10pt; color: #33CC33; text-transform: uppercase; 
               font-weight: bold; text-align: Left; line-height: 100%; 
               margin-top: 0; margin-bottom: 0 }
.submenu     { font-family: Arial; font-size: 8pt; font-weight: bold; margin-bottom: 0.5em }
</style>
<STYLE type=text/css>A:link {
	TEXT-DECORATION: none
}
A:visited {
	TEXT-DECORATION: none
}

</style>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
// Courtesy of SimplytheBest.net - http://simplythebest.net/scripts/
function canManipulateImages() {
	if (document.images)
		return true;
	else
		return false;
}
function loadPosterImage(imageURL) {
	if (gImageCapableBrowser) {
		document.imagePoster.src = imageURL;
		return false;
	}
	else {
		return true;
	}
}
gImageCapableBrowser = canManipulateImages();

function preLoadImages(){
var t='<layer top="-100" left="0" visibility="hide"><div style="position:absolute; top:-100px; left:0px; visibility:hidden">';
for(i=0;i<arguments.length;i++)t+='<img src="'+arguments[i]+'" height="10" width="10">';
t+='</div></layer>';
document.write(t);
}

preLoadImages(

'images/18Kt/Bee.jpg', 'images/18Kt/Ladybug.jpg',
'images/18Kt/Frog_Green.jpg',  'images/18Kt/Frog_Blue.jpg', 

'images/18Kt/Crocodile_Green.jpg', 'images/18Kt/Turtle.jpg',
'images/18Kt/Shark.jpg',  'images/18Kt/Bulldog.jpg', 

'images/18Kt/Fox.jpg'

); 

function swapImage(imgN,imgU){if(document.images)document.images[imgN].src=imgU;}
// --></script>

<script type="text/javascript">


var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only

if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}

function SwitchMenu(obj){
	if(document.getElementById){
	var el = document.getElementById(obj);
	var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
		if(el.style.display != "block"){ //DynamicDrive.com change
			for (var i=0; i<ar.length; i++){
				if (ar[i].className=="submenu") //DynamicDrive.com change
				ar[i].style.display = "none";
			}
			el.style.display = "block";
		}else{
			el.style.display = "none";
		}
	}
}

function get_cookie(Name) { 
var Frog_Greenrch = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(Frog_Greenrch)
if (offset != -1) { 
offset += Frog_Greenrch.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function swapImage(imgN,imgU){if(document.images)document.images[imgN].src=imgU;}

function onloadfunction(){
if (persistmenu=="yes"){
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=get_cookie(cookiename)
if (cookievalue!="")
document.getElementById(cookievalue).style.display="block"
}
}

function savemenustate(){
var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display=="block"){
blockid="sub"+inc
break
}
inc++
}
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
}

if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction

if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate

function Black(x)	{
		x.style.color="black";
	}
	
function Green(x)	{
		x.style.color="#33CC33";
	}


function GrayFrame(x)	{
		x.style.borderColor="white";
	}
	
function GreenFrame(x)	{
		x.style.borderColor="#33CC33";
	}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v3.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

</script>

<SCRIPT language="JavaScript">
<!--
var message="Thank you for visiting JanLeslie.com.";
function click(e) {
if (document.all) {
if (event.button==2||event.button==3) {
alert(message);
return false;
}
}
if (document.layers) {
if (e.which == 3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
// -->
</SCRIPT>

<style fprolloverstyle>A:hover {color: #33CC33; font-weight: bold}
</style>
<meta name="Microsoft Border" content="none">
</head>

<body link="#000000" vlink="#000000" alink="#33CC33" background="Grass_1.jpg">

<table border="0" width="90%" height="90%" align="center" bgcolor="#FFFFFF" >
  <tr>
    <td width="20%" height="100%" valign="top">
    
      <table border="0" width="100%" height="100%" valign="top" cellspacing="10">
       <tr> 
          <td width="100%" height="60%" valign="top"> <!-- Keep all menus within masterdiv--><a href="http://janleslie.net"><img border="0" src="Logo_1.gif" width="225" height="36"> 
            </a> 
            <hr color="#33CC33">
            <div id="masterdiv"> 
              <div class="menutitle" onclick="SwitchMenu('sub1')"> <font face="Arial" size="2"><span style="text-transform: uppercase" id="link"
          onmouseover="Green(link);" onmouseout="Black(link);">Cufflink Collections</span></font> 
              </div>
              <blockquote> <span class="submenu" id="sub1"> <a href="Enamels.htm">Hand-painted 
                Enamels</a><br>
                <a href="Gemstones.htm">Gemstones</a><br>
                <a href="Classics.htm">Classics</a><br>
                <a href="Aristocratic.htm">Aristocratic Rock-n-Roll</a><br>
                <a href="Personalized.htm">Personalized</a><br>
                <a href="Novelty.htm">Novelty</a><br>
                <a href="18Kt.htm">18Kt Gold</a><br>
                <a href="StudSets.htm">Formal Tuxedo Sets</a></span> </blockquote>
              <div class="menutitle" onclick="SwitchMenu('sub2')"> <font face="Arial" size="2"><span style="text-transform: uppercase" id="link2"
          onmouseover="Green(link2);" onmouseout="Black(link2);">gifts</span></font> 
              </div>
              <blockquote> <span class="submenu" id="sub2"> <a href="MoneyClips.htm">Money 
                Clips</a><br>
                <a href="KeyChains.htm">Key Chains</a></span> </blockquote>
              <p class="menutitle" style="line-height: 100%"> <a href="Stores.htm">store 
                locations</a> <br>
                <br>
                <br>
                <a href="About.htm">About the designer</a> <br>
                <br>
                <br>
                <a href="Contact.htm">Contact Us</a> <br>
                <br>
                <br>
              <div class="menutitle" onclick="SwitchMenu('sub3')"> <font face="Arial" size="2"><span style="text-transform: uppercase" id="link3"
          onmouseover="Green(link3);" onmouseout="Black(link3);">press</span></font> 
              </div>
              <blockquote> <span class="submenu" id="sub3"> <a href="Press.htm">As 
                Seen in...</a><br>
                <a href="Editorial.htm">Editorial</a><br>
                <a href="PressReleases.htm">Press Releases</a></span> </blockquote>
            </div>
            
          </td>
        </tr>
        <tr valign="bottom"> 
          <td width="100%"> <a href="http://janleslie.net/LinkUp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('LinkUp','','LinkUp/Images/LinkUp_Logo_2_RollOver.jpg',1)"><img name="LinkUp" border="0" src="LinkUp/Images/LinkUp_Logo_2.jpg" width="136" height="50"></a> 
            <hr color="#000000" size="4" noshade>
            <hr color="#BBBBBB" size="2" noshade>
          </td>
        </tr>
      </table>
    </td>
    
    <td width="80%" height="100%" valign="top">
    
      <table border="0" width="100%" cellspacing="10" bgcolor="#FFFFFF">
        <tr> 
          <td width="100%" height="10%" valign="top" align="left" colspan="4"> 
            <p class="PageTitle" align="left">18 Kt Gold 
          </td>
        </tr>
        <tr> 
          <td width="100%" height="45%" valign="middle" align="left" colspan="4"> 
            <p align="center"> <font face="Arial" size="2"> <img src="images/18Kt/Frog_Green.jpg" name="imagePoster" align="center" border="0"
    alt="Jan Leslie Accessories" width="375" height="180" ></font> </p>
          </td>
        </tr>
        <tr> 
          <td width="25%" height="15%" id="Frame1" valign="top" align="center" style="border-style: ridge; border-color: #FFFFFF"
    onmouseover="GreenFrame(Frame1);" onmouseout="GrayFrame(Frame1);"> 
            <p style="line-height: 100%; margin-top: 0; margin-bottom: 0"> <a href="images/18Kt/Bee.jpg" onclick="return(loadPosterImage('images/18Kt/Bee.jpg'))" target="_blank"> 
              <img src="images/18Kt/Bee_Thumb.jpg" border="0" align="TOP" name="Bee" alt="Bee" width="108" height="72" > 
              </a> 
            <p style="line-height: 100%; margin-top: 0; margin-bottom: 0" class="CufflinkTitle"> 
              <a href="images/18Kt/Bee.jpg" onclick="return(loadPosterImage('images/18Kt/Bee.jpg'))" target="_blank">Bee</a></p>
          </td>
          <td width="25%" height="15%" id="Frame2" valign="top" align="center" style="border-style: ridge; border-color: #FFFFFF"
    onmouseover="GreenFrame(Frame2);" onmouseout="GrayFrame(Frame2);"> 
            <p style="line-height: 100%; margin-top: 0; margin-bottom: 0"> <a href="images/18Kt/Ladybug.jpg" onclick="return(loadPosterImage('images/18Kt/Ladybug.jpg'))" target="_blank"> 
              <img src="images/18Kt/Ladybug_Thumb.jpg" border="0" align="TOP" name="Ladybug" alt="Ladybug" width="108" height="72"> 
              </a> 
            <p style="line-height: 100%; margin-top: 0; margin-bottom: 0" class="CufflinkTitle"> 
              <a href="images/18Kt/Ladybug.jpg" onclick="return(loadPosterImage('images/18Kt/Ladybug.jpg'))" target="_blank">Ladybug</a></p>
          </td>
          <td width="25%" height="15%" id="Frame3" valign="top" align="center" style="border-style: ridge; border-color: #FFFFFF"
    onmouseover="GreenFrame(Frame3);" onmouseout="GrayFrame(Frame3);"> 
            <p style="line-height: 100%; margin-top: 0; margin-bottom: 0"> <a href="images/18Kt/Frog_Green.jpg" onclick="return(loadPosterImage('images/18Kt/Frog_Green.jpg'))" target="_blank"> 
              <img src="images/18Kt/Frog_Green_Thumb.jpg" border="0" align="TOP"
    name="Frog_Green" alt="Green Frog" width="108" height="72"> </a> 
            <p style="line-height: 100%; margin-top: 0; margin-bottom: 0" class="CufflinkTitle"> 
              <a href="images/18Kt/Frog_Green.jpg" onclick="return(loadPosterImage('images/18Kt/Frog_Green.jpg'))"
    target="_blank">Green Frog</a></p>
          </td>
          <td width="25%" height="15%" id="Frame4" valign="top" align="center" style="border-style: ridge; border-color: #FFFFFF"
    onmouseover="GreenFrame(Frame4);" onmouseout="GrayFrame(Frame4);"> 
            <p style="line-height: 100%; margin-top: 0; margin-bottom: 0"> <a href="images/18Kt/Frog_Blue.jpg" onclick="return(loadPosterImage('images/18Kt/Frog_Blue.jpg'))" target="_blank"> 
              <img src="images/18Kt/Frog_Blue_Thumb.jpg" border="0" align="TOP"
    name="Frog_Blue" alt="Blue Frog" width="108" height="72"  > </a> 
            <p style="line-height: 100%; margin-top: 0; margin-bottom: 0" class="CufflinkTitle"> 
              <a href="images/18Kt/Frog_Blue.jpg" onclick="return(loadPosterImage('images/18Kt/Frog_Blue.jpg'))"
    target="_blank"><b><font face="Arial">Blue Frog</font></b></a></p>
          </td>
        </tr>
        <tr> 
          <td width="25%" height="15%" id="Frame5" valign="top" align="center" style="border-style: ridge; border-color: #FFFFFF"
    onmouseover="GreenFrame(Frame5);" onmouseout="GrayFrame(Frame5);"> 
            <p style="line-height: 100%; margin-top: 0; margin-bottom: 0"> <a href="images/18Kt/Crocodile_Green.jpg" onclick="return(loadPosterImage('images/18Kt/Crocodile_Green.jpg'))"
    target="_blank"> <img src="images/18Kt/Crocodile_Green_Thumb.jpg" border="0" align="TOP"
    name="Crocodile_Green" alt="Green Crocodile" width="108" height="72"> </a> 
            <p style="line-height: 100%; margin-top: 0; margin-bottom: 0" class="CufflinkTitle"> 
              <a href="images/18Kt/Crocodile_Green.jpg" onclick="return(loadPosterImage('images/18Kt/Crocodile_Green.jpg'))" 
    target="_blank">Green Crocodile</a></p>
          </td>
          <td width="25%" height="15%" id="Frame6" valign="top" align="center" style="border-style: ridge; border-color: #FFFFFF"
    onmouseover="GreenFrame(Frame6);" onmouseout="GrayFrame(Frame6);"> 
            <p style="line-height: 100%; margin-top: 0; margin-bottom: 0"> <a href="images/18Kt/Turtle.jpg" onclick="return(loadPosterImage('images/18Kt/Turtle.jpg'))" target="_blank"> 
              </a><a href="images/18Kt/Turtle_Blue.jpg" onClick="return(loadPosterImage('images/18Kt/Turtle_Blue.jpg'))" target="_blank"><img src="images/18Kt/Turtle_Blue_Thumb.jpg" border="0" align="TOP" name="Boatwheel" alt="Blue Turtle" width="108" height="72"></a> 
            <p style="line-height: 100%; margin-top: 0; margin-bottom: 0" class="CufflinkTitle"><a href="images/18Kt/Turtle_Blue.jpg" onClick="return(loadPosterImage('images/18Kt/Turtle_Blue.jpg'))" target="_blank">Blue 
              Turtle</a> 
          </td>
          <td width="25%" height="15%" id="Frame7" valign="top" align="center" style="border-style: ridge; border-color: #FFFFFF"
    onmouseover="GreenFrame(Frame7);" onmouseout="GrayFrame(Frame7);"> 
            <p style="line-height: 100%; margin-top: 0; margin-bottom: 0"><a href="images/18Kt/Fox.jpg" onClick="return(loadPosterImage('images/18Kt/Fox.jpg'))" target="_blank"><img src="images/18Kt/Fox_Thumb.jpg" border="0" align="TOP" name="Fox" alt="Fox & Horn" width="108" height="72"  > 
              </a> 
            <p style="line-height: 100%; margin-top: 0; margin-bottom: 0" class="CufflinkTitle"> 
              <a href="images/18Kt/Fox.jpg" onClick="return(loadPosterImage('images/18Kt/Fox.jpg'))"
    target="_blank">Fox &amp; Horn</a> </p>
          </td>
          <td width="25%" height="15%" id="Frame8" valign="top" align="center"
    onmouseover="GreenFrame(Frame8);" onmouseout="GrayFrame(Frame8);" style="border-style: ridge; border-color: #FFFFFF"> 
            <p style="line-height: 100%; margin-top: 0; margin-bottom: 0"> <a href="images/18Kt/Shark.jpg" onclick="return(loadPosterImage('images/18Kt/Shark.jpg'))" target="_blank"> 
              </a><a href="images/18Kt/OvalLocket_14Kt.jpg" onClick="return(loadPosterImage('images/18Kt/OvalLocket_14Kt.jpg'))" target="_blank"><img src="images/18Kt/OvalLocket_14Kt_Thumb.jpg" border="0" align="TOP"
    name="Bee" alt="14Kt Gold Oval Locket" width="108" height="72" > </a> 
            <p style="line-height: 100%; margin-top: 0; margin-bottom: 0" class="CufflinkTitle"> 
              <a href="images/18Kt/OvalLocket_14Kt.jpg" onClick="return(loadPosterImage('images/18Kt/OvalLocket_14Kt.jpg'))"
    target="_blank">Oval Locket</a></p>
            <p style="line-height: 100%; margin-top: 0; margin-bottom: 0" class="CufflinkTitle"> 
              <b><font color="#33CC33">Only available in 14Kt</font></b></p>
          </td>
        </tr>
      </table>
            
    </td>
  </tr>
</table>

<p style="line-height: 100%; margin-top: 0; margin-bottom: 0" align="right">&nbsp;


<p style="line-height: 100%; margin-top: 0; margin-bottom: 0" align="right">
<b>
<font face="Arial" color="#FFFF66" size="2">
© 2006 Jan Leslie</font></b>

</body>

</html>