/* --- Reset default browser CSS. ----- */
html, body, div, h1, h2, h3, p, a,
em, img, dl, dt, dd, ol, ul, li {
  margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit;
  font-size: 100%; font-family: inherit; vertical-align: baseline; }
a img { border: none; }
/*Thanks to Blueprint and Eric Meyer*/

body {font-family: Tahoma,"Comic Sans MS",Verdana,sans-serif; background-color: #ffe; width: 100%; line-height: 1.4; }

a {color: #000;}
a:hover {text-decoration: none;}
a:visited {color: #000;}

#wrap {font-size: 1em; width: 600px; margin: 1% 20%; background-color: #ffe;}

#head {background-image: url(pcs/head.png); background-repeat: repeat-x; width: 600px; height: 150px; background-color: #ffe;}
#headinside {width: 240px; height: 100px; position: relative; top: 8px; left: 180px; background-color: #ffe; border: 2px black solid; }
#head ul {margin-top: 3px; margin-bottom: 4px;
	padding: 1em 0 1em 3em; list-style-type: none; }
#head ul li {font-weight: bold; background-color: #396bd2; color: #ffe; font-size: .8em;
	  float: left; width: auto; margin: 0 .4em; padding: 0 2em;
	  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	  border-width: 2px; border-style: ridge; border-color: #7b8dd2 #0638b0 #0638b0 #7b8dd2; }
#head ul li a {color: #ffe; text-decoration: none;}
#head ul li:hover {color: #ffe; background-color: #69f;}
#head ul li.caps {text-transform: uppercase; color: #396bd2; background-color: #ffe; }
#head ol {margin-top: 3px; margin-bottom: 4px;
	padding: 1em 0 1em 3em; list-style-type: none; }
#head ol li {font-weight: bold; background-color: #971a14; color: #ffe; font-size: .8em;
	  float: left; width: auto; margin: 0 4em; padding: 0 2em;
	  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	  border-width: 2px; border-style: ridge; border-color: #7b8dd2 #0638b0 #0638b0 #7b8dd2; }
#head ol li a{color: #ffe; text-decoration: none;}
#head ol li:hover {color: #ffe; background-color: #69f;}

#lcol {float: left; width: auto; background-color: #ffe; margin-top: .5em;}
#lcol img {padding: 6px;}
#rcol {background-color: #ffe; margin-top: .5em; margin-left: 1em;}
#rcol p {font-size: 1em; margin: .5em;}
#rcol p img { width: 130px; height: 112px;}
#rcol p img.pi1 {display: inline; padding: 7px;}
#rcol p img.pi2 { display: inline; padding: 5px; }

#foot {clear: both; background-color: #ffe;}
#foot ul {margin-top: 4px; padding: 1em 0 1em 8em; list-style-type: none; }
#foot li {font-weight: bold; background-color: #396bd2; color: #ffe; font-size: .8em;
	  float: left; width: auto; margin: 0 1em; padding: 0 1em;
	  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#foot li a {color: #ffe; text-decoration: none;}
#foot li:hover {color: #ffe; background-color: #69f;}

.gal {width: 600px; height: 444px; position: relative; margin: 0; background: url(pcs/Front2.jpg) no-repeat 220px 58px;}
ul.galist {margin: 0; padding: 0; list-style: none; }
ul.galist li {margin: 0; padding: 0; width: 136px; }
ul.galist li a.menu {display: block; font-size: .8em; text-align: center; margin: 0;
	padding: 18px 6px; color: #006; text-decoration: none; background-color: #ffe; font-weight: bold; font-style: oblique; }
ul.galist li:hover a {color: #971a14; background-color: #ffe;}
ul.galist li ul {display: none; position: absolute; left: 136px; top: 0;
	margin: 0; padding: 20px 10px; background-color: #ffe; width: 448px;  height: 375px;}

ul.galist li:hover ul {display: block; position: absolute; left: 136px; top: 0;
	margin: 0; padding: 20px 10px; background-color: #ffe; width: 448px;  height: 375px;  }
ul.galist li ul li {display: inline; 
	background-color: #ffe; margin: 0; padding: 0; cursor: pointer; }
ul.galist li ul li a {text-decoration: none; background-color: #ffe; cursor: pointer; float: left;}
ul.galist li ul li a img {display: block;  text-decoration: none; background-color: #ffe; cursor: pointer; }

.pic { text-align: center; }
.pic p.center {margin: 1em 0; font-size: 1.2em; font-weight: bold; font-style: italic; color: #006;}
.pic p.center1 {margin: 1em 0; font-size: 1em; font-weight: bold; color: #006;}
.pic p img {margin: .1em;}
.gdesc {margin-top: 8px;}  
.gdesc p {text-align: center;}
.show { border-width: 5px; border-style: ridge; border-color: #7b8dd2 #0638b0 #0638b0 #7b8dd2; margin: 8px; }
.re {font-size: 2.6em; text-align: center; margin: 8px 0; }
.about, .lnks {text-align: center; }
.lnks  img {margin: 2em 0 8em 0; }
.order {text-align: center; color: #006; font-weight: bold; font-family: Arial,Helvetica,sans-serif; font-style: oblique; }
.bar { font-size: 1.4em; text-align: center; background-color: #396bd2; color: #ffe; margin-top: 2em;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	border-width: 2px; border-style: ridge; border-color: #7b8dd2 #0638b0 #0638b0 #7b8dd2; }
.clear {clear: both; }
.small {font-size: .75em; text-align: center; margin: 4px 0 2px 0; color: #971a14; font-weight: bold;}
.ital {font-style: italic; font-size: .8em; }
.tm {margin-top: 1em;}


/* Silver Rings */
.m1 {margin-top: 8px; margin-left: 32px; padding: 0; }
.m2 {margin-top: 8px; margin-left: 16px; padding: 0; }
.m3 {margin-top: 8px; margin-left: 15px; padding: 0; }
.m4 {margin-top: 8px; margin-left: 26px; padding: 0; }
.m5 {margin-top: 8px; margin-left: 16px; padding: 0; }
.m6 {margin-top: 8px; margin-left: 16px; padding: 0; }
.m7 {margin-top: 8px; margin-left: 156px; padding: 0; }

/* Custom Rings */
.m8 {margin-top: 8px; margin-left: 8px; padding: 0; }
.m9 {margin-top: 8px; margin-left: 17px; padding: 0; }
.m10 {margin-top: 8px; margin-left: 18px; padding: 0; }
.m11 {margin-top: 8px; margin-left: 11px; padding: 0; }
.m12 {margin-top: 8px; margin-left: 18px; padding: 0; }
.m13 {margin-top: 8px; margin-left: 20px; padding: 0; }
.m14 {margin-top: 8px; margin-left: 172px; padding: 0; }

/* Earrings */
.m15 {margin-top: 8px; margin-left: 50px; padding: 0; }
.m16 {margin-top: 8px; margin-left: 60px; padding: 0; }

/* Wedding Bands */
.m17 {margin-top: 8px; margin-left: 10px; padding: 0; }
.m18 {margin-top: 8px; margin-left: 16px; padding: 0; }
.m19 {margin-top: 8px; margin-left: 16px; padding: 0; }
.m20 {margin-top: 8px; margin-left: 74px; padding: 0; }
.m21 {margin-top: 8px; margin-left: 16px; padding: 0; }

/* Necklaces */
.m22 {margin-top: 8px; margin-left: 36px; padding: 0; }
.m23 {margin-top: 8px; margin-left: 20px; padding: 0; }
.m24 {margin-top: 8px; margin-left: 18px; padding: 0; }
.m25 {margin-top: 8px; margin-left: 112px; padding: 0; }
.m26 {margin-top: 8px; margin-left: 20px; padding: 0; }

/* Gift */
.m27 {margin-top: 8px; margin-left: 90px; padding: 0; }
.m28 {margin-top: 8px; margin-left: 70px; padding: 0; }

/* Gemstone */
.m29 {margin-top: 8px; margin-left: 6px; padding: 0; }
.m30 {margin-top: 8px; margin-left: 12px; padding: 0; }
.m31 {margin-top: 8px; margin-left: 12px; padding: 0; }
.m32 {margin-top: 8px; margin-left: 0px; padding: 0; }
.m33 {margin-top: 8px; margin-left: 12px; padding: 0; }
.m34 {margin-top: 8px; margin-left: 12px; padding: 0; }
.m35 {margin-top: 8px; margin-left: 18px; padding: 0; }
.m36 {margin-top: 8px; margin-left: 12px; padding: 0; }
.m37 {margin-top: 8px; margin-left: 13px; padding: 0; }
.m38 {margin-top: 8px; margin-left: 60px; padding: 0; }
.m39 {margin-top: 8px; margin-left: 12px; padding: 0; }
.m40 {margin-top: 8px; margin-left: 12px; padding: 0; }


/* 
This site coded by bielak@frii.com. - based on the original design by Peter Igo (R.I.P.)
All images are property of and copyrighted by Eaton-Eger Goldsmiths.
The image gallery was inspired by innovative ideas developed by Stu - checkout his website http://www.cssplay.co.uk/!!!
 */
