body, form, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd {margin:0; padding:0;}

body {background:#919090; font:normal 12px arial,sans-serif; color:#fff;}
a {text-decoration:none; color:#fff;}
a:hover, a:active {text-decoration:underline;}
ul, li {list-style:none;}
.clear:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}

#main {width:775px; margin:0 auto;}


#header {
	margin-top:75px;
	margin-right: -46px;
}
#header .logo {float:left; width:276px;}

/* Start of Top Nav */
#topnav {width:300px; margin-top:60px; float:right;}
#topnav a.about, #topnav a.gallery, #topnav a.jewelry, #topnav a.contact {padding-bottom:3px; color:#373838;}
#topnav a:hover {color:#fff;}

/* all lists */
#nav, #nav ul {margin:0; padding:0; list-style:none; line-height:1;}

#nav a {display:block; width:70px; padding-left:4px;}

/* all list items; width needed or else Opera goes nuts  */
#nav li {float:left; width:70px;}

/* second-level lists; using left instead of display to hide menus because display: none isn't read by screen readers */
#nav li ul {position:absolute; width:70px; left:-999em; padding-bottom:5px;}

/* lists nested under hovered list items */
#nav li:hover ul, #nav li.sfhover ul {left:auto;}

#nav ul.subnav {z-index:900;}
#nav ul.subnav li {padding:3px 0; background:#919090;}

/* End of Top Nav */


#content, #detail {margin-top:12px;}

#prodnav {padding-top:7px; text-align:right;}
#prodnav li {display:inline; padding-right:3px; color:#fff;}
#prodnav li a {color:#5D5D5D;}


#detail {position:relative;}
#detail .splash {}
#detail .close {position:absolute; top:0; right:0; z-index:100; padding:17px 30px 0 0;}
#detail .close a {font:normal 12px arial,sans-serif; color:#A3A2A0; text-transform:uppercase; text-decoration:none;}
#detail .close a:hover {color:#fff;}