@charset "utf-8";
* {padding: 0; margin: 0;}

body  {font: 100%  Arial, Verdana, Helvetica, sans-serif; margin: 0; padding: 0; font-size: 10pt; background-image: url("images/back1.gif"); background-repeat: repeat-x; background-color: #000;}

html { min-height: 100%; margin-bottom: 1px; }

a:link {color: #ad0080; font-weight: normal; text-decoration: underline;}

a:visited {color: #ad0080; font-weight: normal; text-decoration: underline;}

a:hover {color: #61e1ff; font-weight: normal; text-decoration: underline;}

a:active {color: #ad0080; font-weight: normal; text-decoration: underline;}


a.link1:link {color: #61e1ff; font-weight: normal; text-decoration: underline;}

a.link1:visited {color: #61e1ff; font-weight: normal; text-decoration: underline;}

a.link1:hover {color: #e06dfc; font-weight: normal; text-decoration: underline;}

a.link1:active {color: #61e1ff; font-weight: normal; text-decoration: underline;}


a.link2:link {color: #2f6e27; font-weight: normal; text-decoration: underline;}

a.link2:visited {color: #2f6e27; font-weight: normal; text-decoration: underline;}

a.link2:hover {color: #e06dfc; font-weight: normal; text-decoration: underline;}

a.link2:active {color: #2f6e27; font-weight: normal; text-decoration: underline;}


a.link3:link {color: #254eab; font-weight: normal; text-decoration: underline;}

a.link3:visited {color: #254eab; font-weight: normal; text-decoration: underline;}

a.link3:hover {color: #e06dfc; font-weight: normal; text-decoration: underline;}

a.link3:active {color: #254eab; font-weight: normal; text-decoration: underline;}


 
#containerbody {width: 950px; margin: 0 auto; text-align: left;  height: 100%;  background-color: #fff;   background-image: url(images/backgreenstripe.gif);   }   


#containertop {clear: both; width: 980px; height: 10px; margin: 0 auto; background-image: url(images/back_top.gif);  overflow: hidden; overflow-x: hidden; overflow-y: hidden;}

#maincontent {clear: both; width: 940px;   overflow: auto; border: 5px solid #b7fa88; }

 
 /*----- top part of page -----------------------------------------------*/
 
#title {padding: 0 0px 0 0px; width: 819px; text-align: left; } 

#toplogo {margin: auto; width: 950px; height: 200px; } 


/*----- main content area -----------------------------------------------*/

#content {margin: 0px 210px 0px 210px; height: 100%;  padding: 0px 10px 0px 10px; background-color: #fff;}

#content p {margin: 10px 0px 10px 0px;}

#content li {margin: 0px 10px 0px 25px;}

#content h1{color: #000; font-size: 140%; margin: 10px 0px 10px 0px;} 

#content h2{color: #ad0080; font-size: 120%; } 

#content h3{color: #e06dfc; font-size: 100%; } 


#contentleft {float: left; width: 180px;   }



#contentleft p {margin: 0 10px 0 10px;}

#contentleft li {margin: 0px 10px 0px 25px;}

 
#contentright {float: right; width: 180px; margin: 0 10px 0 10px; color: #333;  } 

#contentright p {font-style: italic;}

#contentwide {margin: 10px 20px 0px 210px; height: 100%;  padding: 0px 10px 0px 10px; background-color: #fff;}
#contentwidetitleleft {float: left; width: 280px;}
#contentwidetitleright {float: right; width: 380px;}
#contentwidejewelry {float: left}

#contentwide p {margin: 10px 0px 10px 0px;}

#contentwide li {margin: 0px 10px 0px 25px;}

#contentwide h1{color: #009344; font-size: 140%;} 

#contentwide h2{color: #ad0080; font-size: 120%; margin: 20px 0px 10px 0px;} 

#contentwide h3{color: #009344; font-size: 100%; margin: 20px 0px 10px 10px;} 

#content img.studio {margin: 10px; border: solid 4px #ccc;}
#contentwide img.studio {margin: 10px; border: solid 4px #ccc;}

#contentwideleft {width: 270px; float:left;}
#contentwideright {width: 350px; float: right;}

#contentwide p.quote {margin: 0 10px 0 10px; color: #009344;}
 

/*----- nav top row -----------------------------------------------*/

#topnav {clear: both; width: 950px; height: 25px; background-color: #000;  }

#topnav_left {float: left; width: 200px; }

#topnav_right {float: right; width: 700px; }

#topnavhome {width: 950px; margin: 0 auto; height: 30px; text-align: right;}


/*----- copyright -----------------------------------------------*/

#copyright {width: 950px; margin: 0 auto; text-align: right; font-size: 8pt;  background-color: #b7fa88; } 

#copyrightbar {	clear: both; height: 20px; margin: 0px; text-align: left; ;}

#copyrightbarleft {float: left; margin: 2px 0 0 10px; text-align: left; width: 380px;  }

#copyrightbarright {float: right; margin: 2px 10px 0 0; text-align: right; width: 340px;  }

#copyrightbar a {color: #000;}

/*----- tables -----------------------------------------------*/


table.table_leftnav {border-spacing: 2px; border-width:0px;   margin-left: 0px; }

table.table_leftnav td {text-align: left; padding: 4px;  }

table.table_leftnav a:link {color: #000; font-weight: bold; text-decoration: none;}

table.table_leftnav a:visited {color: #000; font-weight: bold; text-decoration: none;}

table.table_leftnav a:hover {color: #e06dfc; font-weight: bold; text-decoration: none;}

table.table_leftnav a:active {color: #000; font-weight: bold; text-decoration: none;}

 
table.table_leftnav a:link.selected {color: #ef3e42; font-weight: bold; text-decoration: none;}

table.table_leftnav a:visited.selected {color: #ef3e42; font-weight: bold; text-decoration: none;}

table.table_leftnav a:hover.selected {color: #ef3e42; font-weight: bold; text-decoration: none;}

table.table_leftnav a:active.selected {color: #ef3e42; font-weight: bold; text-decoration: none;}


 
table.table_topnav{border-spacing: 1px; border-width: 0px; margin-left: auto; }

table.table_topnav td {text-align: center;}

table.table_topnav a:link {color: #fff; font-weight: bold; text-decoration: none;}

table.table_topnav a:visited {color: #fff; font-weight: bold; text-decoration: none;}

table.table_topnav a:hover {color: #e06dfc; font-weight: bold; text-decoration: none;}

table.table_topnav a:active {color: #fff; font-weight: bold; text-decoration: none;}


table.table_topnav2{border-spacing: 1px; border-width: 0px; margin-right: auto; }

table.table_topnav2 td {text-align: center;}

table.table_topnav2 a:link {color: #fff; font-weight: bold; text-decoration: none;}

table.table_topnav2 a:visited {color: #fff; font-weight: bold; text-decoration: none;}

table.table_topnav2 a:hover {color: #e06dfc; font-weight: bold; text-decoration: none;}

table.table_topnav2 a:active {color: #fff; font-weight: bold; text-decoration: none;}


table.table_jewelrymain {border-spacing: 2px; border-width:0px;   margin-left: 0px;   }

table.table_jewelrymain td {text-align: center; padding: 4px; vertical-align:top; }

table.table_jewelrymain td img {border: solid 4px #ccc;}

table.table_jewelrymain a:link {color: #254eab; font-weight: bold; text-decoration: underline;}

table.table_jewelrymain a:visited {color: #254eab; font-weight: bold; text-decoration: underline;}

table.table_jewelrymain a:hover {color: #e06dfc; font-weight: bold; text-decoration: underline;}

table.table_jewelrymain a:active {color: #254eab; font-weight: bold; text-decoration: underline;}



table.table_cane {border-spacing: 2px; border-width:0px;   margin-left: 0px;   }

table.table_cane td {text-align: center; font-size: 9pt; padding: 4px; vertical-align:top; }

table.table_cane td img {border: solid 4px #ccc;}



table.table_jewelry {border-spacing: 2px; border-width:0px;   margin-left: 0px; width: 600px; }

table.table_jewelry td {text-align: left; padding: 4px; vertical-align:top; }

table.table_jewelry td.large {text-align: left; padding: 4px; vertical-align:top; }

table.table_jewelry td img {border: solid 4px #ccc;}

table.table_jewelry td.large h2 {text-align: left; color: #ad0080; font-size: 120%; margin: 0px 0px 0px 0px;} 


table.table_jewelry td img.addtocart {margin-left: 10px; border: 0px;}


table.table_jewelry a:link {color: #254eab; font-weight: bold; text-decoration: underline;}

table.table_jewelry a:visited {color: #254eab; font-weight: bold; text-decoration: underline;}

table.table_jewelry a:hover {color: #e06dfc; font-weight: bold; text-decoration: underline;}

table.table_jewelry a:active {color: #254eab; font-weight: bold; text-decoration: underline;}

 

 
/*----- float items -----------------------------------------------*/

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right; margin-left: 8px;}
	
.fltlft { /* this class can be used to float an element left in your page */
	float: left; margin-right: 8px;}
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both; height:0; font-size: 1px; line-height: 0px;}


/*----- spacers & temp items -----------------------------------------------*/

.extraspace {float: left; margin: 0 auto; width: 950px; height: 30px;}

.spacer1 {width: 950px; height: 5px;} 

.spacer2 {width: 910px; height: 20px;} 

.spacer3 {height: 38px; background-color: #fff;} 

.spacer4 {width: 100px; height: 200px;}

.spacerside {width: 200px; height: 10px;} 

.greenstripe {width: 1000px; height: 2px; margin: auto; background-color: #b7fa88; overflow: hidden}

.temp{background-color: #FF0; font-style: normal;}