body{
    margin:0;
    padding:0;
    line-height: 1.5em;
    background: url(../images/bg.gif) no-repeat #ededed;
    font-size: 0.9em;
    color: #454545;
    font-family: arial, verdana, sans-serif;
}

b{font-size: 110%;}
em{color: red;}
img {border: none}
.clear {clear:both; height: 0px;}
p {margin-bottom: 0.9;}
a {color: #454545; text-decoration: underline;}
a:hover {text-decoration: none;}
#signature {margin: 10px 0;}

#maincontainer{
    width: 958px; /*Width of main container*/
    margin: 0 auto; /*Center container on page*/
    background: #FFF;
    border: 1px solid white;
    border-bottom: none;
    margin-top: 30px;
}

#header{
    background: url(../images/header.jpg) no-repeat #EAEAEA;
    width: 958px;
    height: 189px; /*Height of top section*/
}

#headerBreak {
    height: 5px;
    width: 958px;
    background: #bebebe;
    clear: both;
}

#contentwrapper{
    float: left;
    width: 100%;
}

#contentcolumn{
    margin-right: 320px; /*Set right margin to RightColumnWidth*/
}
#contentcolumn .innertube {
    width: 480px;
    margin-left: 80px;
}
/* titles */
h2.titleSpecials {
    background: url(../images/title_special.gif) no-repeat;
    position: relative;
    width: 571px;
    height: 70px;
    text-indent: -99999px;
}

h1.mainTitle {
    background: url(../images/title.gif) no-repeat;
    position: relative;
    width: 571px;
    height: 80px;
    left: -10px;
    top: 10px;
    text-indent: -99999px;
}

h2.titleLocation {
    background: url(../images/title_location.gif) no-repeat;
    position: relative;
    width: 571px;
    height: 55px;
    text-indent: -99999px;
}

h2.titleChristmas {
    background: url(../images/title_Christmas.gif) no-repeat;
    position: relative;
    width: 571px;
    height: 65px;
    text-indent: -99999px;
}

h2.titleChocoholic {
    background: url(../images/title_Chocoholic.gif) no-repeat;
    position: relative;
    width: 404px;
    height: 72px;
    text-indent: -99999px;
}

h1.titleRoyal {
    background: url(../images/title-RoyalHighTea.gif) no-repeat;
    position: relative;
    width: 404px;
    height: 72px;
    text-indent: -99999px;
}

h2.titlePlate {
    background: url(../images/title_plate.gif) no-repeat;
    position: relative;
    width: 571px;
    height: 65px;
    text-indent: -99999px;
}
.paraBreak {
    background: url(../images/paragraph_break.gif) no-repeat center;
    width: 100%;
    height: 46px;
    clear: both;
    margin-bottom: 30px;
    margin-top: 30px;
}
/* Photograph styles */
#photoIntro {margin-top:15px;}

#footer a{
    color: #454545;
}

#footer{
    width: 958px;
    margin: 0 auto; /*Center on page*/
    border-top: 3px solid white;
    text-align: center;
    color: #454545;
    line-height: 18px;
    font-size: .8em
}

.innertube{
    margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
    margin-top: 0;
}

/* Right Column styles */
#rightcolumn a {color: #454545; text-decoration: underline}
#rightcolumn a:hover {text-decoration:none}
#rightcolumn{
    float: left;
    width: 320px; /*Width of right column*/
    margin-left: -320px; /*Set left margin to -(RightColumnWidth) */
}

#rightcolumn .innertube {
    margin-left: 0px;
    margin-top: 5px;
}
#rightcolumn p {font-size: .8em; line-height: 1.5em; color: #454545}

/* Rotating photo styles */ 
#photoBorder {
    width: 283px;
    height: 403px;
    background: url(../images/photo_border.gif) no-repeat;
    margin-left: 13px;
    margin-top: 10px;
}

#photoRotate {
    width: 279px;
    height: 399px;
    margin-left: 2px;
    margin-top: 2px;
    float: left;
}
/* Rotating photo styles end */
#rightcolBg {
    margin-left: 13px;
    width: 283px;
    background: #c4c4c4;
    padding-top: 7px;
    padding-bottom: 7px;
}

/* Browse menu section */
#browseMenu {
    width: 259px;
    background: url(../images/rightcol_box_bg.gif) no-repeat;
    border: 1px solid #bebebe;
    margin-left: 10px;
}
#titleBrowsemenu {margin: 10px 0 5px 20px;}
#titleHightea {clear: both; float: right; margin: 10px 50px 0 0}
#titleDinner {clear: both; float: right; margin: 0 50px 10px 0}
#titleDessert {clear: both; float: right; margin: 0 50px 10px 0}
#titleWinelist {clear: both; float: right; margin: 0 50px 10px 0}
#titleSpecials {clear: both; float: right; margin: 0 50px 10px 0}

/* Voucher section */
#voucher {margin: 15px 0 0 10px;}

/* Contact us section */
#contactUs {
    width: 259px;
    background: url(../images/rightcol_box_bg.gif) no-repeat #FFF;
    border: 1px solid #bebebe;
    margin-left: 10px;
    margin-top: 15px;
}
#contactUs #titleContactUs {
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
    background: #FFF;
}

#contactForm {font-size:0.75em; background:#none; width:240px; padding:0px; margin: 20px 0px 15px 10px;}
#contactForm label {margin-right: 5px;clear:left; display:block; float:left; width: 80px; text-align:right; color:#454545; line-height:2em;}
#contactForm input {width: 140px; border: 1px solid #a5acb2; margin-bottom: .8em; margin-left: 0px; padding: 0px;}
#contactForm select {width: 140px; border: 1px solid #a5acb2; color: #454545; font-size: 1em; margin-bottom: 1em;}
#contactForm option {color:#454545;}
#contactForm textarea {width: 135px; height:4em; padding:2px; overflow:auto; border: 1px solid #a5acb2; font-family: arial, sans-serif; font-size: 1em}
.error {font-weight: bold; color: red; font-size: 1.2em}
#contactForm input.sendbutton {width: 141px; height: 20px; border: none; margin-left: 85px; margin-top: 1em;}

/* Location section */
#location {
    width: 259px;
    background: url(../images/rightcol_box_bg.gif) no-repeat #FFF;
    border: 1px solid #bebebe;
    margin-left: 10px;
    margin-top: 15px;
}
#location #titleLocation {
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
}
#rightcolMap {
    border: 1px solid #cebd99;
    margin: 10px 0 5px 20px;
}
#enlargeMap {
    width: 240px;
    text-align: right;
    margin: 10px 15px 10px 0;
    font-size: .8em;
    text-decoration: underline;
    color: #454545;
    cursor: pointer;
}
#enlargeMap:hover {text-decoration: none;}

/* Map section */
#mapcontainer{
    width: 500px; /*Width of map container*/
    height: 400px;
    margin: 0 auto; /*Center container on page*/
    background: #9e7b33;
    border: 1px solid white;
    margin-top: 30px;
}
#mapcontainer #closer {background: #000; font-size: .8em; margin-top: 1px; text-align: center;}
#mapcontainer a {color: #FFF; text-decoration: none;}
#mapcontainer a:hover #closer {text-decoration: underline;}

/* style for map on index page */
#mapcontainerSmall{
    width: 218px; /*Width of map container*/
    height: 168px;
    border: 1px solid white;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
}
#map_canvas span {visibility: hidden}

/* Meet the chef section */
#chefcontainer{
    width: 760px; /*Width of map container*/
    margin: 0 auto; /*Center container on page*/
    background: #9e7b33;
    border: 1px solid white;
    margin-top: 30px;
}
#chefcontainer #innertube {margin: 60px;}
#chefcontainer #closer {background: #000; font-size: .8em; margin-top: 1px; text-align: center;}
#chefcontainer a {color: #FFF; text-decoration: none;}
#chefcontainer a:hover #closer {text-decoration: underline;}

#contactForm br {display:none;}

#respond {
    padding:10px;
    border:1px solid #bebebe;
    background:#FFF;
    color:#7A653B;
}

ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
}

.comment {
    padding:5px;
    border:1px solid #fff;
    margin-top:5px;
    margin-bottom:5px;
}