#cafeHomePage  {
    background-image: url(../images/cafeHomeBG2.jpg);
    background-repeat: no-repeat;

    float: left;
    width: 100%;
}
#cafeHomePage #logoArea  {
    width: 480px;
    height: 278px;
    float: left;
}
#cafeHomePage #intro  {
    float: left;
    width: 340px;
    height: 100px;
    padding: 10px 30px 0 80px;
}

#cafeHomePage #intro .introright {
    text-align: right;
}

#cafeHomePage div#informationArea {
    float: left;
    width: 100%;
    height: 160px;
}

#cafeHomePage div#informationArea div#quotesBox {
    width: 95px;
    float: left;
}

#cafeHomePage div#informationArea div#openTimesBox {
    width: 410px;
    float: left;
    padding-left: 35px;
    margin-top: 25px;
}

#cafeHomePage div#informationArea div#privateHireBox {
    width: 390px;
    float: left;
}

#privateHire {
   background-color: #180F00;
   background-image: url(../images/blackBottom.gif);
   background-repeat: no-repeat;
   background-position: bottom left;
   float: left;
   width: 877px;
   margin: 0;
   padding: 20px 30px;
}

#privateHire div#hireInfo {
}

#privateHire img#privateHireRoom {
    margin: 20px 10px 0px 0px;
    float: left;
}

#privateHire div.topBorder {
    background-image: url(../images/brown300top.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color: #180f00;
    float: left;
    width: 300px;
    margin: 20px 0px 0px 50px;
}

#privateHire div#contactInfo {
    background-color: #9E4C14;
    background-image: url(../images/brown300bottom.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    float: left;
    width: 280px;
    margin: 0 0 0 50px;
    padding: 0 10px 10px 10px;
}

#contactUs div.panel  div.dressing {
    width: 247px;
    height: 164px;
    background: transparent url(../images/cafeContactus_contactdetails.jpg) no-repeat top left;
    margin: 0; padding: 0;
}