/* GLOBAL LAYOUT */

html {
  background:       url(../images/background.gif) repeat-x left center #f0e7d0;
  background-attachment: fixed;
}

body {
  color:            #2B200D;
  margin:           0;
  padding:          0;
  font:             10px/14px Verdana, Arial, sans-serif;
}

* html {
  background:       url(../images/background-ie.gif) no-repeat left center #f0e7d0;
  background-attachment: fixed;
}

*+html {
/*  background: #333; */
  background:       url(../images/background-ie.gif) no-repeat left center #f0e7d0;
  background-attachment: fixed;
}

* {
  outline:          none;
}

a.link,
a.link:visited,
a.link:hover {
  color: #767F0F;
  text-decoration: underline;
}

a.link:hover {
  color: #B3C5CA;
  background-color: #00293F;
}

#layout {
  height:           475px; /*504px;*/
  margin-left:      65px;
  margin-right:     65px;
  position:         absolute;
}

div#layout div#bottom {
  color:            #848484;
  font-family:      arial, verdana;
  font-size:        8pt;
  position:         relative;
  top:              6px;
}
div#layout div#bottom div.firefox {
 font-size:         10pt;
 padding-left:      4px;
}

div#layout div#bottom div.copyright {
  position:         absolute;
  right:            0px;
  bottom:           2px;
}

div.copyright a,
div.copyright a.link,
div.copyright a.link:visited { 
  color: #848484;
}

div.copyright a:hover,
div.copyright a.link:hover { 
  color: #DAEB20;
}

div#layout div#bottom div.firefox img {
  position: relative;
 top: 2px;
}

div.shadow-bottom {
  overflow:         hidden;
  position:         absolute;
  top:              475px; /*504px; */
  height:           6px; 
  left:             0;
  width:            100%;
  background:       url(../images/shadow-bottom.gif) repeat-x;
}

* html div.shadow-bottom {
  width:            expression(this.parentNode.offsetWidth + 'px');
}

div.shadow-bottom div.start {
  background:        url(../images/shadow-bottom-start.gif);
  height:            6px;
  position:          absolute;
  width:             6px;
}

div.shadow-right {
  background:        url(../images/shadow-right.gif);
  height:            481px; /*510px;*/
  position:          absolute;
  right:             -6px;
  top:               0;
  width:             6px;
  z-index:           -1;
}

/* CONTENT PAGES */ /* TODO */
div.content-block {
  background:        url(../images/homepage-background.png) #CCBFA5;
  float:             left;
  height:            475px;
  position:          relative;
  width:             475px;
}

div.content-block div.indicator {
  position: absolute;
  width:    475px;
  height:   475px;
}
div.content-block.loading div.indicator {
  background: no-repeat center center url(../images/content-block-loading.gif);
  position: absolute;
  width:    475px;
  height:   475px;
  z-index:  0;
}

div.content-block2 {
  float: left;
  position: relative;
  width: 635px;
  height: 475px; /*504px;*/
  background: url(../images/homepage-background.png);
}

div.content-block2 img.contact {
  background:        url(../images/contact.jpg);
  height:            475px;
  width:             600px
}

div.content-block2 div.mailinglist {
  float:             right;
  position:          absolute;
  bottom:            48px;
  right:             104px;
}
.ie div.content-block2 div.mailinglist {
  bottom:            30px;

}

div.content-block2 input#email {
  width:             122px;
}
div.content-block2 div#formErrorMsg {
  color:             red;
  font:              10px Verdana;
  position:          relative;
  font-weight:       bold;
  top:               0px;
  width:             203px;
}
.ie div.content-block2 div#formErrorMsg {
 top: 16px;
}

div.content-block2 div#formSuccessMsg {
  color:             green;
  font:              12px Verdana;
  position:          relative;
  font-weight:       bold;
  top:               0px;
 width: 203px;
}

div.content-block2 input#submit {
  background: url(../images/button-addme.gif) no-repeat center top;
  width:      69px;
  height:     21px;
  margin:     0;
  padding:    0;
  border:     0;
  text-indent: -1000em;
  cursor:     pointer; /* hand-shaped cursor */
  cursor:     hand;    /* for IE 5.x */
}

/* CATALOG PAGES */ /* TODO */

div.catalog-page {
  float: left;
  position: relative;
  width: 780px;
  height: 475px; /*504px;*/
  background: url(../images/homepage-background.png);
}
div.catalog-page div.indicator {
  position: absolute;
  width: 780px;
  height: 475px; /*504px;*/
}
div.catalog-page.loading div.indicator {
  background: no-repeat center center url(../images/catalog-page-loading.gif);
  position: absolute;
  width: 780px;
  height: 475px; /*504px;*/
  z-index: 0;
}
div.catalog-page img {
  position: relative;
  z-index: 1;
  border: 0;
}

div.thumbs-column {
  float: left;
  position: relative;
  width: 250px;
  height: 475px; /*504px;*/
}
div.thumbs-column div.shadow {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 256px;
  height: 481px; /*510px;*/
  background: url(../images/catalog-thumbs-background.jpg);
}
div.thumbs-column img {
  float:left;
  cursor:pointer;
  width: 250px;
  height: 152px;
  position: relative;
  margin-bottom: 9px;
  z-index: 1;
  opacity: 0;
}

div.thumbs-column img:hover {
 border: 4px solid #858F11;
 width:  242px;
 height: 144px;
}

div.content-thumbs-column {
  float: left;
  position: relative;
  width: 152px;
  height: 475px; /*504px;*/
}
div.content-thumbs-column div.shadow {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 158px;
  height: 481px; /*510px;*/
  background: url(../images/content-thumbs-background.jpg);
}
div.content-thumbs-column img {
  float:left;
  cursor:pointer;
  width: 152px;
  height: 152px;
  position: relative;
  margin-bottom: 9px;
  z-index: 1;
  opacity: 0;
}
div.content-thumbs-column img:hover {
  border: 4px solid #858F11;
  width:  144px;
  height: 144px;
}

/* SPACERS */

div.spacer-column {
  float:             left;
  height:            475px; /*504px;*/
  width:             65px;
  background:        url(../images/spacer-column.gif);
  cursor:            pointer;
  z-index:10;
}

/* Safari will ignore all following rules, note the trailing # */
div.menu div.background.homepage {
  background:        url(../images/menu-background.gif);#
}

div.content-block3 {
  background:        #B3C5CA; /*#A5C3CC; /*#A5CCC8; /*#B8CCA5;*/
  float:             left;
  height:            475px;
  position:          relative;
  width:             475px;
}

div.content-block3 div.info {
  color:             #2B200D;
  float:             left;
  font-size:         10px;
  height:            420px;
  padding-left:      15px;
  padding-right:     15px;
  padding-top:       28px;
  position:          relative;
  width:             200px;
}

div.content-block3 div.info p {
  color:             #1F3A42; /*#353535; //#FFF;*/
  font:              10px/15px Verdana;
  margin-top:        0px;
  margin-bottom:     18px;
  padding:           0;
}

div.content-block3 h1 {
  font: bold 1.85em Helvetica, Arial, sans-serif;
/* 2.2, 2.6, 2.8 em */
/*  font:              14px/15px Verdana;*/
/*  letter-spacing:    -.04em;*/
  letter-spacing:    -.02em;
  color:             #333E44; /*89693b;*/
  text-transform:    uppercase;
  font-weight:       bold;
  margin-top:        2px;
  margin-bottom:     8px;
}
* html h1 { letter-spacing: -.1em; }

div.content-block3 img.tina {
  background:        url(../images/tina.jpg);
  float:             left;
  height:            475px;
  width:             235px
}

/* Front Page */
div.introImg {
  position: absolute;
  top:      0px;
  left:     0px;
  width:    635px;
  height:   475px;
}