body {
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   background-image: url(../images/bg.jpg);
   background-repeat: repeat-x;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#858585;
   line-height:180%;
   }

#wrapper {
width: 819px;
position: relative;
left: 50%;
margin-left: -409px;
}

#content {
   float:left;
   width:530px;
   padding-left:10px;
   padding-top:25px;
   padding-bottom:20px;
   }
   
#sidebar {
   float:right;
   width:253px;
   padding-bottom:30px;
   }

#nav {
   height:65px;
   }


#branding {
   height:164px;
   }
   
#logoarea {
   float:left;
   width:150px;
   }
   
#straparea {
   float:right;
   width:515px;
   padding-top:45px;
   }
   
   #beaconfloat {
   background: url(../images/beacon.jpg) no-repeat left top;
   width: 66px;
   height: 64px; 
   display: block;
   overflow: hidden;
   position: absolute;
   top: 437px;
   left: 723px;
   }
   

#bannerarea {
width: 819px;
background-image:url(../images/home-banner.jpg);
height:360px;
}

#bannerarea_shop {
width: 819px;
background-image:url(../images/banner_top.jpg);
height:15px;
}

#bannerarea_shop_bottom {
width: 819px;
background-image: url(../images/banner_bottom2.jpg);
height:66px;
}

#bannerarea_schools {
width: 819px;
background-image:url(../images/schools-banner.jpg);
height:360px;
}

#bannerarea_about {
width: 819px;
background-image:url(../images/about-banner.jpg);
height:360px;
}

#bannerarea_healthy {
width: 819px;
background-image:url(../images/healthy-banner.jpg);
height:360px;
}

#bannerarea_environment {
width: 819px;
background-image:url(../images/environment-banner.jpg);
height:360px;
}

#bannerarea_machines {
width: 819px;
background-image:url(../images/machines-banner.jpg);
height:360px;
}

#bannerarea_suppliers {
width: 819px;
background-image:url(../images/suppliers-banner.jpg);
height:360px;
}

#bannerarea_fairtrade {
width: 819px;
background-image:url(../images/fairtrade-banner.jpg);
height:360px;
}

#bannerarea_contact {
width: 819px;
background-image:url(../images/contact-banner.jpg);
height:360px;
}


#bannerarea_coffee {
width: 819px;
background-image:url(../images/coffee-banner.jpg);
height:360px;
}

#bannerarea_drinks {
width: 819px;
background-image:url(../images/drinks-banner.jpg);
height:360px;
}

#bannerarea_snacks {
width: 819px;
background-image:url(../images/snacks-banner.jpg);
height:360px;
}

#bannerarea_food {
width: 819px;
background-image:url(../images/food-banner.jpg);
height:360px;
}

#bannerarea_water {
width: 819px;
background-image:url(../images/water-banner.jpg);
height:360px;
}


#footer {
clear: both;
background-image:url(../images/footer_bg.jpg);
background-repeat:repeat-x;
padding-top:15px;
margin-top:25px;
margin-bottom:15px;
}

#footercontainer {
width: 819px;
margin: 0 auto;
background-image:url(../images/footer_bg.jpg);
background-repeat:repeat-x;
}

#footerleft {
   float:left;
   width:248px;
   padding-left:25px;
   }

#footerright {
   float:right;
   width:546px;
   }
   
#footer_insideleft {
   float:left;
   width:249px;
   padding-left:24px;
   }

#footer_insideright {
   float:right;
   width:253px;
   padding-left:20px;
   }

#panel_top {
   background-image:url(../images/panel_top.jpg);
   background-repeat:no-repeat;
   height:18px;
   width:819px;
   }
   
#panel_middle {
   background-image:url(../images/panel_middle.jpg);
   background-repeat:repeat-y;
   width:819px;
   padding-left:8px;
   }
   
#panel_bottom {
   background-image:url(../images/panel_bottom.jpg);
   background-repeat:no-repeat;
   width:819px;
   height:54px;
   padding-left:8px;
   }
   
#panel_top2 {
   background-image:url(../images/panel_top.jpg);
   background-repeat:no-repeat;
   height:18px;
   width:819px;
   }
   
#panel_middle2 {
   background-image:url(../images/panel_middle.jpg);
   background-repeat:repeat-y;
   width:819px;
   padding-left:8px;
   }
   
#panel_bottom2 {
   background-image:url(../images/panel_bottom.jpg);
   background-repeat:no-repeat;
   width:819px;
   height:54px;
   padding-left:8px;
   }
   
   
   
   
#smallpanel_top {
   background-image:url(../images/small_panel_top.jpg);
   background-repeat:no-repeat;
   height:16px;
   width:247px;
   margin-top:10px;
   }
   
#smallpanel_middle {
   background-image:url(../images/small_panel_middle.jpg);
   background-repeat: repeat-y;
   padding-left:20px;
   width:227px;
   }
   
#smallpanel_bottom {
   background-image:url(../images/small_panel_bottom.jpg);
   background-repeat:no-repeat;
   height:48px;
   width:247px;
   }
   
   
#smallpanel_top2 {
   background-image:url(../images/small_panel_top.jpg);
   background-repeat:no-repeat;
   height:16px;
   width:247px;
   margin-top:10px;
   }
   
#smallpanel_middle2 {
   background-image:url(../images/small_panel_middle.jpg);
   background-repeat: repeat-y;
   height:6px;
   width:227px;
   padding-right:25px;
   padding-left:20px;
   }
   
#smallpanel_bottom2 {
   background-image:url(../images/small_panel_bottom.jpg);
   background-repeat:no-repeat;
   height:48px;
   width:247px;
   }
   
   
#smallpanel_top3 {
   background-image:url(../images/small_panel_top.jpg);
   background-repeat:no-repeat;
   height:16px;
   width:247px;
   margin-top:10px;
   }
   
#smallpanel_middle3 {
   background-image:url(../images/small_panel_middle.jpg);
   background-repeat: repeat-y;
   height:6px;
   width:227px;
   padding-left:20px;
   }
   
#smallpanel_bottom3 {
   background-image:url(../images/small_panel_bottom.jpg);
   background-repeat:no-repeat;
   height:48px;
   width:247px;
   }
   
   
   
/*Begin Three Column Panels*/

#left {
   padding-top:4px;
   padding-left:20px;
   }

#left2 {
   padding-top:4px;
   padding-left:20px;
   }
   
#left_bottom {
   padding-top:4px;
   padding-left:20px;
   }
   
#left_bottom2 {
   padding-top:4px;
   padding-left:20px;
   }
   
#middle {
   padding-left:20px;
   padding-top:4px;
   }
   
#middle2 {
   padding-left:20px;
   padding-top:4px;
   }
   
#middle_bottom {
   padding-left:20px;
   padding-top:4px;
   }
   
#middle_bottom2 {
   padding-left:20px;
   padding-top:4px;
   }
   
#right {
   padding-left:20px;
   padding-top:4px;
   }
   
#right2 {
   padding-left:20px;
   padding-top:4px;
   }
   
#right_bottom {
   padding-left:20px;
   padding-top:4px;
   }
   
#right_bottom2 {
   padding-left:20px;
   padding-top:4px;
   }
   
#dots1 {
   background: url(../images/dots.png) no-repeat left top;
   width: 8px;
   height: 175px; 
   display: block;
   overflow: hidden;
   position: absolute;
   top: 625px;
   left: 270px;
   }
   
#dots2 {
   background: url(../images/dots.png) no-repeat left top;
   width: 8px;
   height: 175px; 
   display: block;
   overflow: hidden;
   position: absolute;
   top: 625px;
   left: 540px;
   }
   
   
#dots3 {
   background: url(../images/dots.png) no-repeat left top;
   width: 8px;
   height: 175px; 
   display: block;
   overflow: hidden;
   position: absolute;
   top: 875px;
   left: 270px;
   }
   
#dots4 {
   background: url(../images/dots.png) no-repeat left top;
   width: 8px;
   height: 175px; 
   display: block;
   overflow: hidden;
   position: absolute;
   top: 875px;
   left: 540px;
   }
   
   


#dots5 {
   background: url(../images/dots.png) no-repeat left top;
   width: 8px;
   height: 191px; 
   display: block;
   overflow: hidden;
   position: absolute;
   top: 615px;
   left: 270px;
   }
   
#dots6 {
   background: url(../images/dots.png) no-repeat left top;
   width: 8px;
   height: 191px; 
   display: block;
   overflow: hidden;
   position: absolute;
   top: 615px;
   left: 540px;
   }
   
   
#dots7 {
   background: url(../images/dots.png) no-repeat left top;
   width: 8px;
   height: 191px; 
   display: block;
   overflow: hidden;
   position: absolute;
   top: 855px;
   left: 270px;
   }
   
#dots8 {
   background: url(../images/dots.png) no-repeat left top;
   width: 8px;
   height: 191px; 
   display: block;
   overflow: hidden;
   position: absolute;
   top: 855px;
   left: 540px;
   }
   
   
   
#titleexpand {
   background-color:#69BAFF;
   padding:3px;
   color:#fff;
   font-size:12px;
   letter-spacing:5px;
   }
   
#titleexpand:hover {
   background-color:#ff9900;
   padding:3px;
   color:#fff;
   font-size:12px;
   letter-spacing:5px;
   }
   
   #paddedhomepage {
      padding-right:10px;
      }
      
   #paddedvendingmachines {
      padding-right:15px;
      }