/**************************************************
* main style sheet for ridgewayapiaries.co.uk
***************************************************/

body{
   background-color: #fff;
   color:#000;
   
   font-family: sans-serif;

}
h1{
   font-family: cursive;
   text-align: center;
   font-size: 250%;
}
.head{
margin-top:-1em;  width:100%; /*position:fixed; float:top;   background-color: #fff;*/
}
DIV.bg{
   background-image: url('img/ridgewaybanner.jpg');
   background-repeat: no-repeat;
   background-position:  center;
   background-attachment: fixed;
}
.textBody{
   padding:2em; 
   padding-top:2em;
}
.prices{ display:inline, table;
}
span.item{ display:table-cell; padding-left:.5em; padding-right:.5em;border-style:solid; border-width:1px;
}
span.attr{display:table-cell;padding-right:.5em;padding-left:.5em;border-style:solid; border-width:1px;
}
.row{ display:table-row; }


.bodycolumn {
  float: right;
   width: 87%;
  position:absolute; 
   left:12%;
   top:3em; 
   }
.menucolumn {
width: 20%;
   padding: 1em;
   margin: 2em 0 1em 1em;
   background-color: #fffaaa;
   background-image: url(../img/bg.png);
    background-position: right bottom;
   background-repeat: repeat;
   margin: -2em 0 0 -2em;
   border: thin solid #999;
   padding: .5em;
   }

/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  height: 1em;
  filter: Shadow(Color=#999999, 
                 Direction=135, 
                 Strength=5);

  /* Needed for Gecko */
  line-height: 2em;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #999999; 
}

#shadow_1:before { content: 'Ridgeway Apiaries'; }
#SSH:before { content: 'Soft Set Honey'; }
#SH:before { content: 'Set Honey'; }
#RH:before { content: 'Runny Honey'; }
#STH:before { content: 'Speciality Honey'; }
#CCH:before { content: 'Cut Comb Honey'; }
#FCH:before { content: 'Full Comb Honey'; }
/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #999999 5px 5px 5px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}