/* Neutralize styling: Elements we want to clean out entirely: */
a img {
  border: none;
}

button {
  font-size: 100%;
}

html, body {
  height: 100%;
	margin: 0;
	padding: 0;
	font: 82%/130% Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}

body {
  background: url(../img/background-top-left.gif) no-repeat 0 50px;
}

html {
  background: #000 url(../img/html-bkg.gif) repeat-x;
}

/* Neutralize styling: Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

h1, h2, h3 {
  line-height: 1em;
}

h1 {
   font-size: 100%; 
}

h2 {
   font-size: 140%; 
}

/* Apply left margin: Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 1em;
}

/* Miscellaneous conveniences: */
form {
  margin: 0;
  padding: 0;
}

form label {
	cursor: pointer;
}

fieldset {
	border: none;
}

/* Form field text-scaling */
button, input, select, textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

/* --- Footer css --- */
html, body, #container { min-height: 100%; width: 100%; height: 100%;}
html>body, html>body #container { height: auto;}

p {
  line-height: 1.8em;
  margin: 2em 0;
}

#container {
  left: 0;
  position: absolute;
  top: 0;
}

#content {
  /* background: #00f; */
 -moz-outline: none;  
  min-height: 338px;  //583
  overflow: auto;
  padding-bottom: 150px;
}

* html #content {
  width: 100%;
}

#footer {
  /* background: #000 url(../img/background-bottom-right2.gif) no-repeat right bottom; */
  bottom: 0;
  clear: both;
  height: 150px;
  left: 0;
  width: 100%;
}

/* hide from Mac IE5 */
/* \*/
#footer {
  position: absolute;
}
/* */

#footerlogo {
  position: absolute;
  right: 0;
  bottom: 0;
}

/* Change in Opera 5+ (and some others) */
html>body div#footer {
    position: static;
}

/* Change back in everything except Opera 5 and 6, still hiding from Mac IE5 */
/* \*/
head:first-child+body div#footer {
    position: absolute;
}
/* */

/* --- General CSS ---*/

a {
  color: #fff;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#categories {
  float: left;
}

#categories li {
  font-weight: bold;
  list-style: none;
  margin: 2em 0;
}

#catlink {
  margin-top: 1em;
  margin-bottom: 1em;
}

#confirm {
  margin-top: 2em;  
  color: green;
}

#collection-pullup {
  background: url(../img/pullup-box.jpg) repeat-y;
  bottom: 150px;
  height: 250px;
  left: 36em;
  position: absolute;
  visibility: hidden;
  width: 100px;
}

#collections {
}

#collections li {
  font-weight: bold;
  list-style: none;
  margin: 2em 0;
}

.contact-form {
  margin-top: 1em;
  padding: 0;
}

.contact-form label{
  width: 8em;
  float: left;
}

.contact-form input, .contact-form textarea {
  border: 1px solid #4C4945;
  margin-bottom: 1px;
  width: 300px;
}

.contact-send {
  margin-top: 1em;
  margin-left: 8em; 
}

#errors {
  margin-top: 2em;  
  color: red;
}

#faces {
  background: url(../img/background-faces.jpg) no-repeat center;
  position: relative;
  width: 1024px;
  height: 583px;
  top: -583px;
  
}

#nav {
  background: #171514;
  height: 1.5em;
  top: 1.5;
  margin-top: 0;
  text-decoration: none;
}

#nav li {
  display: inline;
  list-style: none;
  padding: 0 34px;
}

#news-box {
  float: left;
  text-align: left;
}

.news-table {
  border-collapse: collapse;
}

.newsa {
  background: #4C4945;
}

.newsb {
  background: #000000;
}

#prades-pullup {
  background: url(../img/pullup-box.jpg) repeat-y;
  bottom: 150px;
  height: 24em;
  left: 25em;
  position: absolute;
  visibility: hidden;
  width: 100px;
}

#prades-text {
  float: left;
  margin-top: 1em;
  width: 35em;
}

#product-display {
  float: left;
  margin-left: 2em;
}

#product-image {
  margin-top: 15px;
}

#product-description {
  margin-top: 1em;
}

#product {
  width: 100%;
  text-align: center;
}

#databorder	{ 
  margin-top: 0em;
  position:relative; 
  float:left; 
  height:150px; 
  width:600px; 
  overflow:hidden; 
}

#datacontainer {
  position:relative; 
  text-align:center
}

.productmolen {
  position: relative;
  float: left;
  margin: 2px;
}

#scrollercontainer {
 width: 600px;
 height: 15px;
}

#rightbutton { 
  display:none; 
  position:absolute; 
  bottom:0px; 
  left:0px }

#leftbutton	{ 
  display:none; 
  position:absolute; 
  bottom:0px; 
  right:0px 
}

#statictext {
  /* background: #f00; */
  margin-left: 60px;
  margin-top: 100px;
  /* min-height: 338px;  //583 */
  height: 100%;
  width: 70em;
}

#statictext-cont {
  /* background: #f00; */
  margin-left: 60px;
  margin-top: 100px;
  /* min-height: 338px;  //583 */
  height: 100%;
  min-width: 800px;
}

#title {
  float: left;
  margin-left: 1em;
  width: 15em;
}

#topbox {
  width: 100%;
}

#topline {
  height: 2px;
  width: 100%;
  margin-top: 104px;
}

#toplogo {
  background: url(../img/background-top-left.gif) no-repeat left #000;
  float: left;
  height: 78px;
  width: 54px;
}

.h1-container {
  float: left;
  margin-right: 2em;
}

.h1-cont  {
  margin: 0 0;
}

.h1-container2 {
  width: 100px;
}

.h1-container3 {
  margin-bottom: 30px;
  width: 100px;
}

.contact-col1 {
  float: left;
}

.contact-col2 {
  float: left;
  margin-left: 2em;
}

.floatl {
  float: left;
}