/* CSS Document */

body {margin: 15px 0 0 0 ; background-color: #000000; color: #FFFFFF; font: 12px/17px Lucida Sans Unicode, Arial, sans-serif;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
form {margin: 0px;}

#main	{width: 800px; height: 550px; border: 1px solid #666666; margin-left: auto; margin-right: auto; position: relative;}

h1 {font: 22px/26px Lucida Sans Unicode, Arial, sans-serif; color: #f0deb0; margin-bottom: 25px; border-bottom: dotted 1px #4c4629; padding-bottom: 25px; margin-top: 0px;}
h1.scroll {font: 22px/26px Lucida Sans Unicode, Arial, sans-serif; color: #f0deb0; margin-bottom: 25px; border-bottom: dotted 1px #4c4629; padding-bottom: 25px; margin-top: 0px;}
h2 {font: bold 14px/17px Arial, sans-serif;}
h3 {font: 12px/17px Lucida Sans Unicode, Arial, sans-serif; color: #f0deb0;}

#content {height: 450px; background: url(../img/bck_content.gif) repeat-x bottom; color: #dcdcdb; position: relative; z-index: 1;}
#content img.right {float: right;}
#contentInt {padding: 50px; padding-top: 40px; padding-bottom: 10px; width: 420px;}
#contentInt strong {font: bold 14px/17px Arial, sans-serif;}
#contentInt img {float: left; margin-right: 15px; margin-bottom: 25px; border: 1px solid #4c4629;}

#contentInt a {text-decoration: underline; color: #f0deb0;}
#contentInt a:hover {text-decoration: none; color: #ffffff;}
#contentInt .photos {clear: both; height: 220px;}
#contentInt .photos img {float: left; margin-right: 20px; border: 1px solid #4c4629;}
#contentInt .photosLauer {clear: both; height: 120px;}
#contentInt .photosLauer img {float: left; margin-right: 9px; border: 1px solid #4c4629;}
#contentInt .photosAltMetals {clear: both; height: 170px;}
#contentInt .photosAltMetals img {float: left; margin-right: 20px; border: 1px solid #4c4629;}

#content #banner {position: absolute; border: 1px solid #4e4f4d; top: 28px; right: 18px;}



form .item {height: 26px; clear: both;}
form .label {float: left; text-align: right; margin-right: 10px; width: 75px;}
form input {border: 1px solid #4c4629; background: #000000; width: 200px;font: 11px Lucida Sans Unicode, Arial, sans-serif; color: #aaa;}
form input.btn {border: 1px solid #666666; background: #4c4629;}
form textarea {border: 1px solid #4c4629; background: #000000; width: 200px; height: 100px;font: 11px Lucida Sans Unicode, Arial, sans-serif; color: #aaa;}


#bottom {position: absolute; bottom: 0px; height: 100px; position: relative; z-index: 100;}
#bottom img.logo {float: left;}
#bottom .menu {float: left; margin-top: 37px;}
#bottom .menu .item {position: relative; float: left; cursor: pointer; cursor: hand;}
#bottom .menu .subitem {position: absolute; border: 1px solid #363011; border-bottom: 0; background-color: #000000; bottom: 30px; left: 10px; z-index: 200;}
#buyersGuide, #collections  {visibility: hidden;}
#bottom .menu .subitem#collections a  {width: 125px;}
#bottom .menu .subitem a {display: block; padding: 1px 6px 1px 6px; border-bottom: 1px solid #363011; color: #ffffff; text-decoration: none; width: 90px;}
#bottom .menu .subitem a:hover {color: #f0deb0; text-decoration: underline;}
#bottom .menu .subitem a.active {color: #f0deb0; text-decoration: none;} 


#footer {text-align: center; margin-top: 10px; font: 9px Verdana, Tahoma, sans-serif; color: #8c8c8c; padding-bottom: 10px;}
#footer strong {color: #f0deb0;}
#footer a {font-weight: bold; color: #8c8c8c;}
#footer a:hover {color: #f0deb0;}