/* CSS Document */

body {background-color: #a18f45; background: url(outer-background.jpg); margin: 0; padding: 0; text-align: center;}
#container {width: 780px; height: 900px; border: 4px solid #531a13; background: url(background-opt.jpg); background-repeat: no-repeat; position: relative; margin: auto; text-align: center; }
#intro {position: absolute; top: 0; left: 80px; width: 780px; height: 20px;}
#inner-container {position: absolute; top: 285px; left: 20; margin-top: 0; padding: 0;}
#inner {width: 740px; text-align: left; }
#mountings {width: 510px; }
#top-nav {width: 740px; height: 12px; position: absolute; top: 262px; left: 20px;}
#birthstone { width: 500px; padding: 3px; text-align: left; }
#birthstone td  {font-family: verdana, arial; font-size: 12px;}

h1 {font-family: time new roman; font-size: 20px; color: #fff; }
h2 {font-family: time new roman; font-size: 18px; color: #fff; }
h3 {font-family: time new roman; font-size: 12px; color: #000; margin-bottom: .3em;}
a:link {font-family: verdana, arial; font-size: 12px; color: #a18f45; text-decoration: none; }
a:visited {font-family: verdana, arial; font-size: 12px; color: #a18f45; text-decoration: none; }
a:hover {font-family: verdana, arial; font-size: 12px; color: #a18f45; text-decoration: underline; }
a:active {font-family: verdana, arial; font-size: 12px; color: #a18f45; text-decoration: none; }
li {font-family: verdana, arial; font-size: 12px; }

.right {float: right; }
.left {float: left; padding-right: 2px; }
.center {text-align: center; }
.nsb {margin-bottom: 0;}
.nst {margin-top: 0;}
.ssb {margin-bottom: .4em; }
.left-col p {font-family: verdana, arial; font-size: 10px; }
.left-col {width: 100px; padding-left: 2px;}
.main-col p {font-family: verdana, arial; font-size: 12px; }
.main-col {padding-left: 5px; padding-right: 5px; padding-top: 0; width: 510px; border-left: 1px solid #A18F45; border-right: 1px solid #A18F45;}
.black {color: #000;}
.right-col p {font-family: verdana, arial; font-size: 10px; }
.right-col {width: 130px;}
.tall {height: 35px; }
.gold { color: #a18f45; font-family: verdana, arial; font-size: 12px;}
.indent { padding-left: 10px; }

.right-col a:link {font-family: verdana, arial; font-size: 10px; color: #a18f45; text-decoration: none; }
.right-col a:visited {font-family: verdana, arial; font-size: 10px; color: #a18f45; text-decoration: none; }
.right-col a:hover {font-family: verdana, arial; font-size: 10px; color: #a18f45; text-decoration: underline; }
.right-col a:active {font-family: verdana, arial; font-size: 10px; color: #a18f45; text-decoration: none; }

.left-col a:link {font-family: verdana, arial; font-size: 10px; color: #a18f45; text-decoration: none; }
.left-col a:visited {font-family: verdana, arial; font-size: 10px; color: #a18f45; text-decoration: none; }
.left-col a:hover {font-family: verdana, arial; font-size: 10px; color: #a18f45; text-decoration: underline; }
.left-col a:active {font-family: verdana, arial; font-size: 10px; color: #a18f45; text-decoration: none; }

.small a:link {font-family: verdana, arial; font-size: 9px; color: #a18f45; text-decoration: none; }
.small a:visited {font-family: verdana, arial; font-size: 9px; color: #a18f45; text-decoration: none; }
.small a:hover {font-family: verdana, arial; font-size: 9px; color: #a18f45; text-decoration: underline; }
.small a:active {font-family: verdana, arial; font-size: 9px; color: #a18f45; text-decoration: none; }
.red {color: #ff0000; }
.right {text-align: right; }