/* Body Elements */

body {
padding:0px;
margin:0px;
background-color:#050505;
background-image:url('../images/gradient-bg-1x1000.gif');
background-repeat : repeat-x;
}
img {
border:0;
}

/* Primary Wrapper */

/* white outer border and bg - Width is fixed here */
#keyWhite { 
position: relative;
background-color: white;
padding: 2px 2px 2px 2px;
margin: 25px 40px 10px;
background-image: url('../images/nav-curve345x5000.png');
background-repeat: no-repeat;
width: 940px;			
}
/* gold border */
#keyGold { 
margin: 2px;
border: 1px solid #72562A;
z-index:10;
}
/* subtle gray dots around inside */
#keyGold #keyDotted { 
margin: 1px;
border: 1px dotted #c3c3c3;
z-index:10;
}
/* Hide those dots on IE6 (which can't display them) */
* html #keyGold #keyDotted {
margin: 1px;
border:none;
}
 /* main content window */
#keyGold #mainContent {
min-height: 670px; /* minimum height must allow for complete set of navigation */
height: auto !important;
height: 670px;
}

/* Body Wrapper */

#bodyWrapper { /* large container */
position:relative;
display: block;
right: -175px;
top:30px;
width: 620px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.6em;
text-align: justify;
color: #000000;
cursor:default;
margin-bottom: 30px;
padding: 0px 40px 30px 90px;

}
#bodyWrapper a { 
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #1A3267;
text-decoration: underline;
}
#bodyWrapper a:hover { 
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #72562A;
text-decoration: underline;
}


/* Header (logo) */

#navLogo{
padding: 0px;
margin: 0px;
background-image: url('../images/nav-GIA-Logo.png');
background-repeat: no-repeat;
height: 74px;
width: 256px;
}

#navLogo a {
display:block;
height: 74px;
width: 256px;
}
/* Search */

#searchWrapper {
position: absolute;
top: 227px;
width: 150px;
margin: 13px 0px 3px 0px;
}
#searchBox {
width: 90px;
border-top-color: #7C7C7C;
border-right-color: #C3C3C3;
border-bottom-color: #DDDDDD;
border-left-color: #C3C3C3;
border-style: solid;
border-width: 1px;
border-top-width: 1px;
margin: 1px 0px 0px 0px;
font-size: 11px;
font-family: arial narrow;
color: #666666
}

#navButton {
height: 13px;
display: block;
background-color: transparent;
font-family: Times New Roman;
font-size: 10px;
color: #3e3e3e;
margin: 0px;
padding: 0px 0px 0px 0px;
border: 0px;
}

/* Register for email updates  */

#listMyStoreWrapper {
width: 150px;
margin: 13px 0px 3px 0px;
position: absolute;
top: 260px;
}
#listMyStoreTitle {
background-image: url('../images/nav-List-My-Store.png');
background-repeat: no-repeat;
width: 155px;
height: 18px;
}

#emailUpdatesWrapper {
width: 150px;
margin: 13px 0px 3px 0px;
position: absolute;
top: 285px;
}

#emailUpdatesTitle {
background-image: url('../images/nav2-Register-For-Email-Updates.png');
background-repeat: no-repeat;
width: 155px;
height: 18px;
}

/* View Diamond Grading Video  */

#viewVideoWrapper {
width: 150px;
margin: 13px 0px 3px 0px;
position: absolute;
top: 310px;
}

#viewVideoTitle {
background-image: url('../images/nav2-View-Diamond-Grading-Video.png');
background-repeat: no-repeat;
width: 155px;
height: 18px;
}

/* Podcasts */

#podcastsWrapper {
width: 150px;
margin: 13px 0px 3px 0px;
position: absolute;
top: 335px;
}
#podcastsWrapper li, #rcWrapper li {
font-size:11px;
float: left;
width: 150px;
list-style: none;
margin: 4px 0px 0px 8px;
padding: 0px 0px 2px 12px;
background-image: url('../images/nav2-arrow.gif');
background-repeat: no-repeat;
line-height: 9px;
vertical-align: baseline;
}

#podcastsTitle {
background-image: url('../images/nav2-podcasts.png');
background-repeat: no-repeat;
width: 155px;
height: 18px;
}


/* GIA Report Check */

#rcWrapper {
width: 150px;
margin: 13px 0px 3px 0px;
position: absolute;
top: 400px;

}
#rcTitle {
background-image: url('../images/nav2-GIA-Report-Check.png');
background-repeat: no-repeat;
width: 155px;
height: 18px;
}

/* footer wrapper */

#footerWrapper {
display: block;
font-family: arial;
padding: 0px;
margin: 0px 0px 65px;
background-color: #050505;
color: #939db6;

font-size: 10px;
line-height: 14px;
text-align: right;
width: 975px;
}
#footerWrapper a {
margin: 0px 3px;
}
#footerWrapper a:link, #footerWrapper a:visited, #footerWrapper a:active {
text-decoration: none;
color: white;
}
#footerWrapper a:hover {
text-decoration: underline;
color: white;
}

#debugBlock {
position:fixed;
display:block;
background-color:gray;
color:yellow;
right:0px;
top:150px;
padding:10px;
z-index:10000;
border: 1px solid yellow;
}

#dl4cs {margin-top:20px;}