html { margin:0; padding:0; } /* lt gold f2e1a9 bright gold ffd479 pretty blu 3399ff*/
body { width:auto; height:auto; background-color:#000000; text-align:left; font:14px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; color:#ffffff; }
p { margin-top:8px; margin-bottom:11px; }
img { border:none; }
#maincol li { padding:5px 0; }
#container { width:1244px; height:auto; margin:auto; position:relative; } 
#content { width:1244px; height:auto; margin:auto; color:#999999; } 
#pageheader {	width:1242px; height:145px; margin:auto; border:1px solid #f2e1a9; margin-bottom:15px; }
#logo { width:590px; height:145px; float:left; background:#000000 url(../img/gr/logo-shirley3.jpg) no-repeat left top; }
#logotext { font:normal 24px Helvetica, Ariel, sans-serif; float:left; position:absolute; top:17px; left:244px; color:#ffd479;  }
h1 { font:small-caps 34px Helvetica, Arial, sans-serif; text-align:center; letter-spacing:4px; color:#f2e1a9; margin:0; }
h2 { font:small-caps 14px Helvetica, Ariel, sans-serif; color:#3399ff; padding:0; margin:0; margin-bottom:7px; letter-spacing:1px; text-transform:uppercase; }
h3 { font:small-caps 16px Helvetica, Ariel, sans-serif; color:#f2e1a9; padding:0; margin:0; margin-bottom:4px; letter-spacing:1px; }
.small { font:11px Helvetica, Arial, sans-serif; text-align:center; }
.center { text-align:center; font-size:16px; }
#bannerbox { width:625px; height:18px; margin-left:600px; padding-top:46px; }
.banner { font:small-caps 15px Helvetica, Ariel, sans-serif; color:#f2e1a9; ffd479; text-align:center; letter-spacing:3px; }
.pause { font:11px Helvetica, Ariel, sans-serif; color:white; margin-top:0px; }
#topnav { width:1094px; height:18px; position:absolute; top:123px; left:100px; text-align:center; }  
#topnav a { font:bold 12px Helvetica, Arial, sans-serif; color:#ffffff; text-decoration:none; }
#topnav a:hover {	color:#3399ff; #f2e1a9; text-decoration:underline; }
#topnav a.selected { color:#3399ff; text-decoration:none; font-weight:bold; }
#dropmenudiv { position:absolute; border:1px solid #f2e1a9; border-bottom-width:0; font:bold 12px Helvetica, Ariel, sans-serif; line-height:18px; z-index:100; }
#dropmenudiv a { width:100%; display:block; text-indent:10px; background-color:black; border-bottom:1px solid #f2e1a9; padding:1px 0; text-decoration:none; color:white; }
#dropmenudiv a:hover { background-color:#f2e1a9; color:blue; }
#maincol { width:845px; height:auto; float:left; padding:15px; border:1px solid #ffffff; line-height:16px; }
.photocol { width:669px; height:auto; float:right; }
.photocol img { border:1px solid #f2e1a9; margin-bottom:7px; }
.photo-L { float:left; margin-right:10px; }  .photo-R { float:right; margin-left:10px; }  

#contact { width:494px; height:auto; float:left; line-height:1.4em; text-align:left; padding:25px; font:12px Helvetica, Ariel, sans-serif; border:1px solid #f2e1a9; }
#address { width:494px; height:auto; float:left; text-align:center; line-height:1.4em; margin-top:10px; color:#f2e1a9; }
#request { width:494px; height:auto; float:left; padding:15px 0; margin-top:15px; background-color: #562b56;# 25684c; border:1px solid #f2e1a9; color:white; }
.infoform textarea { font:11px Verdana, Arial, Helvetica, sans-serif;}
.infoform label { width:200px; font-weight:normal; float:left; text-align:right; padding-right:12px; }
.infoform btn { width:200px; }  .inquiry { width:328px; }  
.note { width:444px; height:auto; text-align:center; padding:8px 25px; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; background:#afd2f4; color:#0a5ca9; }
.details { width:444px; height:auto; margin-left:25px; margin-top:5px; }

#leftcol { width:553px; height:auto; float:left; }
#rightcol { width:671px; height:auto; float:right; }
#gallerytext { width:510px; min-height:627px; float:left; text-align:left; color:#f2e1a9; line-height:1.4em; padding:20px; border:1px solid #f2e1a9; }/*999999*/ 
.textcol    { width:500px; height:auto; float:left; padding:25px; border:1px solid #f2e1a9; line-height:1.4em; margin-bottom:10px; color:#f2e1a9; }
.textcol ul { margin:0; padding:0 15px 5px; color:#f2e1a9; }
.textcol p a, .textcol ul a { text-decoration:none; }
.heading { width:500px; height:auto; margin-bottom:10px; }
.heading h1, #gallerytext h1, #contact h1 { font:small-caps 28px Helvetica, Arial, sans serif; text-align:center; color:#f2e1a9; margin:0; padding:0; }
.gallerypic { text-align:center; }
#moreinfo { width:540px; height:55px; float:left; font:italic 13px Helvetica, Ariel, sans-serif; color:#f2e1a9; letter-spacing:1px; line-height:1.3em; margin-top:12px; text-align:center; }
#moreinfo .email { font:bold italic 13px Helvetica, Ariel, sans-serif; }
#slideshow { width:671px; height:auto; float:right; text-align:center; color:#f2e1a9; } #slideshow img { border:1px solid #f2e1a9; }
.slideshow { float:left; margin-right:10px; margin-bottom:10px;  } /*css for div containing each thumbnail image*/
.slideshow img { width:197px; height:150px; border:1px solid #f2e1a9; } /*each thumbnail*/
#thumbs { width:1254px; height:auto; margin-top:10px; float:left; }
#master0 div { background:#333333 url(../img/gr/bg-blk-gradient.png) repeat-x 0 -131px; }

.unit { width:498px; height:auto; float:left; font:15px Verdana, Arial, Helvetica, sans-serif; padding:4px 0; }
.jewelry { width:250; height:auto; float:left; margin-right:10px; }
.prices { width:200px; height:auto; float:right; color:#f2e1a9; }
.metal { width:105px; height:40px; float:left; margin-right:10px; text-align:right; }
.price { width:85px; height:40px; float:right; text-align:right; }

a:link, a:visited { color:#ffd479; text-decoration:underline; } /*ffd479; based on logo b49248*/
a:hover {	color:#3399ff; text-decoration:underline; }
#footer { width:1244px; height:auto; clear:both; float:left; font:12px Helvetica, Arial, sans-serif; text-align:center; color:#f2e1a9; margin-top:10px; }
#copyright { width:1242px; height:17px; padding-top:5px; border:1px solid #999999; color:#999999; }
#footnav { width:1244px; height:25px; padding-top:9px;  }
#footer a.selected { color:#3399ff; text-decoration:none; font-weight:bold; text-transform:uppercase; }
#aa { margin:4px 0; font:11px Arial, Helvetica, sans-serif; }
#aa a:link, #aa a:visited { color: #999999; text-decoration:underline; }
#aa a:hover { color:#f2e1a9; }