body, html {
	margin: 0;
	padding: 0;
	font: 100.01%/1.5 Georgia, "Times New Roman", Times, serif;
	color: #333;
	background: url(../Images/pageGradBG.jpg) repeat-y 50% 0;
	}
body#ok {background: url(../../../Images/pageGradBG.jpg) repeat-y 50% 0;}
#page {
	width:782px;
	margin: 0 auto;
	}
/*
---------------------------
Style all links on the page	
---------------------------*/
a {color: #333;}
a:hover {color: #C12000;}
/*-------------------------*/
	
#masthead {
	width: 782px;
	height: 67px;
	background: url(../Images/headerLogoMain.jpg) top left no-repeat;
	}
#header {
	width: 782px;
	height: 242px;
	background: url(../Images/headerMain.jpg) top left no-repeat;
	}
	
/* Display restaurant header only on Home, Restaurant, Wine list & Menu pages */	
body#home #header, body#restaurant #header, body#menu #header, body#wine #header {	
	background: url(../Images/headerRestaurant.jpg) top left no-repeat;
	}
/* Display wine header only on Pielow's Wine page */	
body#shiraz #header {	
	background: url(../Images/headerWine.jpg) top left no-repeat;
	}	
/* Display dam header only on Honey Oak cottage page */	
body#honeyOak #header {	
	background: url(../Images/headerDam.jpg) top left no-repeat;
	}		
/* Display purple header logo only on Home, Restaurant, Wine list & Menu pages */	
body#home #masthead, body#restaurant #masthead, body#menu #masthead, body#wine #masthead {	
	background: url(../Images/headerLogoRestaurant.jpg) top left no-repeat;
	}	
#wrapper {
	width: 782px;
	background-color: #FDF9E1;
	}
#content {
	clear: both;
	text-align: left;
	}
#content h3 {
	margin: 0;
	padding: 0 20px;
	}	
#content p {
	margin: 0;
	padding: 0 20px 10px 20px;
	font-size: 80%;
	}
#content li {
	margin: 0;
	padding: 0;
	font-size: 80%;
	}	
#content img.imgRHS {
	float: right;
	margin: 5px 0 5px 5px;
	}
#content img.imgLHS {
	float: left;
	margin: 5px 5px 5px 0;
	}
.imagecentre {text-align: center; margin-left: -10px;}
body#honeyOak #content img.imgRHS, body#honeyOak #content img.imgLHS, body#honeyOak #contentWrapper img.imgCentre {border: 8px solid #D2CDB5;} /*puts solid border around images*/

#content h4, #content h5  {padding: 0 20px;}
body#shiraz #content img, body#shiraz #content p {clear:both;}
#contactDetails {clear:both;}
#contactDetails p {
	margin: 0;
	padding: 15px 0;
	text-align: center;
	font-size: 90%;
	}
#footer {background-color: #F7C274;}
body#home #footer, body#restaurant #footer, body#menu #footer, body#wine #footer {background-color: #781D7E;}
/* Make text lighter colour where purple background is used */
body#home #footer p, body#restaurant #footer p, body#menu #footer p, body#wine #footer p{color: #FFFFFF;}

#footer p {
	margin: 0;
	font: 60% Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
	}
#footer a {text-decoration: none;}	


/*
***********************************
Styles for top nav bar
***********************************/

#navbar {
	width: 780px;
	text-align: center;
	padding-top: 15px;
	}
#navbar ul {
    margin:0;
    padding:0;
	}
#navbar li {
    list-style: none;
    float: left;
    white-space: nowrap;
	padding-bottom: 20px;
	}
#navbar a {
    padding: 0 1em 0 2em; 
    background: url(../images/navSpacer.gif) 0% 50% no-repeat;
	font: bold 80% Verdana, Arial, Helvetica, sans-serif;
	}
#navbar a.firstLink {
	background: none;
	padding: 0 1em 0 20px;
	}

/*
------------ syles to indicate current page in the navbar-------------------- */
body#home a#homenav, body#tulbagh a#tulnav, body#menu a#menunav,
body#wine a#winenav {
	color: #C12000;
	text-decoration: none;
	} 
/*
------------ end of current page styling ----------------------------------------*/	

table {padding-right: 50px;}
td {text-align: right; font: 85% verdana;}
.price {text-align: right;}
.menuMainSection {font: bold 1.3em verdana; padding: 35px 0 0 0; text-align: right; color: purple;}
.menuSection {font-weight: bold; padding: 35px 0 10px 0;}
td#redBlends, td#whiteBlends, td#organic {padding-top: 5px;}
td#veg {padding: 10px 0 0 0;}
body#menu table, body#wine table {background: url(../Images/reeds.gif) 0 0 no-repeat;} 
p.imgCentre {text-align: center; padding-top: 20px;}
/*body#menu p.imgCentre img {padding: 7px; background-color: #F7C274;} /*places a border around images at bottom of page */

body#contactUs table {margin: 50px 0;}
body#contactUs tbody td {font-size: 1em; text-align: left; padding: 5px 0;}
body#contactUs td.lcol {text-align: right; padding-right: 10px;}
body#menu table td {text-align: left;}

body#honeyOak table td {
	text-align: left;
	font-size: 120%;
	font:"Times New Roman", Times, serif;
	padding: 0 5px 0 0;
			}

.clearItem:after {
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	}
.clearItem {clear: both;}
table#pielowsWines {width: 80%; border: none; padding: 0; text-align: center; margin-left: auto; margin-right: auto;}
table#pielowsWines tr {text-align: center; padding: 0;}
table#pielowsWines td {text-align: center; margin: 0; padding: 0px; vertical-align:text-top;}
table#pielowsWines td img {text-align: center; margin: 0; padding: 35px 0 0 0;}

body#wine td{text-align: left;}
.menuWineTitle {}
.menuWineDetail {padding:0 0 25px 0;}
body#wine td.price {text-align: right;}

#floatPicL {
	float:left;
	clear:right;
	text-align: center;
}
#floatPicR {float:right; clear:right; text-align: center;}
.menuSubText {font-size: 80%;}



/********** Sytles for blockquotes ************/
#quoteBox {
	margin: 0 auto;
	padding: 0;
	font-family: Georgia, serif;
	font-size:1em !important;
	letter-spacing: -1px;
	line-height: 1.5em;
	color: #555;
	}
.quoteBoxHeading{color: red ;
	text-align: center;
	font-size: 1.2em !important;
	font-weight: bold;
	margin: 0 10px 0 0;
	padding: 20px 20px 10px 20px;
	}
.quoteBoxText {
	font-size: 1em !important;
	margin: 0;
	padding: 0 30px 10px 0;
	text-align: center;
	color: #800;
	font-size: 1em;
	}