/*
** =======================================================
** Copyright © 2006 Beware of Design. All rights reserved. 
** -------------------------------------------------------
** Site:     www.bewareofdesign.com
** File:     css_bod-styles.css
** Purpose:  Main Style Sheet
** Author:   Greg Gurr
** ------------------------------------------------
** 2006-Aug-02 Created
** 2006-Dec-31 Added .drop class synonym for .flake
** ================================================
*/

.hide { display:none; }
.stealth {
  border:none;
  text-decoration:none;
}

table {
 border-collapse:collapse; /*+*/
 empty-cells:show;
 /* table-layout:fixed; */
} 

td {
  vertical-align:top; /*+*/
  padding:0;          /*+*/
}

.bod-divider {
  clear:left;   /*+*/
  display:none; /*+*/
}

#bod-body {
  font:small Verdana,Sans-serif; /*+*/
  line-height:1.6em; /*+*/
  margin:0;          /*+*/
  padding:0;         /*+*/
  text-align:center;
  color:#333;
  position:relative;
  background-color:#707e94;
}

#bod-site {
  color:#fff;
}

#bod-page {
  margin:20px auto; /*+*/
  color:#000;
  text-align:center;
}

#bod-area {
  background-image:url("img_background.jpg");
  border:solid 1px #e9da73;
}

#bod-footer {
  height:15px;
}

#bod_2d {
  height:157px;
}
#bod_2 {
  text-decoration:none;
}
#bod_2d:hover {
  cursor:pointer;
  background:url("img_2.jpg") no-repeat left top;
}
#bod_2:hover {
  cursor:pointer;
  background:url("img_2.jpg") no-repeat left top;
}
#bod_2d.selected {
  cursor:default;
  background:url("img_2.jpg") no-repeat left bottom;
}

#bod_3d {
  height:115px;
}
#bod_3 {
  text-decoration:none;
}
#bod_3d:hover {
  cursor:pointer;
  background:url("img_3.jpg") no-repeat left top;
}
#bod_3:hover {
  cursor:pointer;
  background:url("img_3.jpg") no-repeat left top;
}
#bod_3d.selected {
  cursor:default;
  background:url("img_3.jpg") no-repeat left bottom;
}

#bod_4d {
  height:113px;
}
#bod_4 {
  text-decoration:none;
}
#bod_4d:hover {
  cursor:pointer;
  background:url("img_4.jpg") no-repeat left top;
}
#bod_4:hover {
  cursor:pointer;
  background:url("img_4.jpg") no-repeat left top;
}
#bod_4d.selected {
  cursor:default;
  background:url("img_4.jpg") no-repeat left bottom;
}

#bod_5d {
  height:105px;
}
#bod_5 {
  text-decoration:none;
}
#bod_5d:hover {
  cursor:pointer;
  background:url("img_5.jpg") no-repeat left top;
}
#bod_5:hover {
  cursor:pointer;
  background:url("img_5.jpg") no-repeat left top;
}
#bod_5d.selected {
  cursor:default;
  background:url("img_5.jpg") no-repeat left bottom;
}

#bod-content {
  text-align:left;
}

#bod-content-top {
  height:89px;
  cursor:pointer;
}
#bod-content-top a {
  display:none;
}

#bod-content-mid {
  height:401px;
  overflow:hidden;
}

#bod-content-home {
  background-image:url("img_content-home.jpg");
  background-repeat:no-repeat;
}

#bod-serve {
  color:#d0b477;
  font-family:Arial,Sans-serif;
  font-size:19px;
  letter-spacing:0.1em;
  padding-top:3em;
  padding-left:1em;
  text-align:left;
}

#bod-contact {
  font-size:25px;
  padding-top:0.5em;
  padding-right:1.5em;
  text-align:right;
  letter-spacing:0.1em;
}

#bod-email {
  color:#b5e072;
  text-decoration:none;
}
#bod-email:hover {
  text-decoration:underline;
}

#bod-seasonal {
  position:relative;
  top:20px;
  left:20px;
  text-align:left;
}

.flake, .drop {
  padding:0;
  margin:0;
  visibility:hidden;
  position:absolute;
  text-decoration:none;
}

.spark {
  padding:0;
  margin:0;
  visibility:hidden;
  position:absolute;
  text-decoration:none;
}

.img-pickme {
  border:none;
  padding:4px;
}

.img-pickme:hover {
  padding:0;
  border:outset 4px ThreeDFace;
}

#div_c-vfc {
  display:inline;
  padding-top:9px;
  padding-left:29px;
}

#div_c-pds {
  display:inline;
  padding-left:23px;
}

#div_c-bcb {
  display:inline;
  padding-left:23px;
}

#div_c-tch {
  display:inline;
  padding-left:23px;
}

#div_b-itz {
  padding-top:45px;
  padding-left:60px;
}

#div_a-pds {
  display:inline;
  position:relative;
  top:-40px;
  padding-left:20px;
}

#div_a-itz {
  display:inline;
  position:relative;
  top:-40px;
  padding-left:60px;
}

#div_a-bod {
  display:inline;
  position:relative;
  top:-40px;
  padding-left:60px;
}

#div_m-pht {
  display:inline;
  position:relative;
  top:-134px;
  padding-left:25px;
}

#div_m-ivl {
  display:inline;
  position:relative;
  top:-133px;
  padding-left:32px;
}

#div_m-pds {
  display:inline;
  position:relative;
  top:-132px;
  padding-left:22px;
}

#div_b-pds {
  position:relative;
  text-decoration:none;
}