<!--

/* Main page layout styles
**********************************/
/* Body */
body {
	margin:							0px;
	padding:						0px;
	background:						#cccccc url("../img/bg.gif") repeat;
	text-align:						center; /* centers #container for IE 5.x */	
}
/* Form */
form {
	margin:							0px;
	padding:						0px;
}
/* Container div, centres content */
#container {
	margin:							0 auto;
	padding:						0 5px 0 5px;
	width:							754px;
	text-align:						left;
	background:						#ffffff url("../img/shadow-bg.gif") repeat;
}
/* Left content div */
#leftContent {
	width:							604px;
	padding:						0;
	float:							left;
}
/* Top nav div */
#topnav {
	width:							754px;
	height:							25px;
	padding:						0;
	margin:							0;
	float:							left;
	clear:							both;
}
/* Footer div */
#footer {
	width:							754px;
	height:							25px;
	background:						#003300;
	clear:							both;
}
/* Home div 1 */
#home1 {
	width:							150px;
	height:							290px;
	vertical-align:					top;	
	float:							left;
	padding:						0;
	margin:							0 1px 0 0;
}
/* Home div 2 */
#home2 {
	width:							291px;
	height:							280px;
	padding:						10px 0 0 10px;
	vertical-align:					top;
	float:							left;
	margin:							0 1px 0 0;
	background:						#cccccc url("../img/home-bg.jpg") no-repeat;
}
/* Home div 3 */
#home3 {
	width:							150px;
	height:							290px;
	vertical-align:					top;	
	float:							left;
	padding:						0;
	margin:							0 1px 0 0;
}
/* Home div 4 */
#home4 {
	width:							150px;
	height:							290px;
	vertical-align:					top;	
	float:							left;
	padding:						0;
	margin:							0;
}

/* Main div 1 */
#main1 {
	width:							155px;
	vertical-align:					top;
	float:							left;
	padding:						14px 0 0 8px;	
	margin:							0;
}
/* Home div 3 */
#main2 {
	width:							441px;
	vertical-align:					top;	
	float:							left;
	padding:						13px 0 10px 0;
	margin:							0;
}
/* Main div 3 */
#main3 {
	width:							150px;
	vertical-align:					top;	
	float:							left;
	padding:						0;
	margin:							0;
}
/* Padding for main div 2 text blocks */
#main2 div.text
{
	padding:						0 13px 0 0;
}

/* Margin top */
.margin-top {
	margin:							1px 0 0 0;
	padding:						0;	
}
/* Margin bottom */
.margin-bottom {
	margin:							0 0 1px 0;
	padding:						0;	
}
/* Image Border */
.imgBorder {
	border:							1px #000000 dashed;
}
/* Padding for elements */
.paddedElement {
	padding:						14px 14px 14px 19px;
}
/* Padding for nav items */
.paddedNav {
	padding:						14px 19px 14px 14px;
}
/* Dashed line break */
.lineBreak {
	width:							568px;
	height:							1px;
	border-bottom:					1px #000000 dashed;
	padding:						3px 0px 3px 0px;
}	
/* Horizontal divide */
.divideH {
	width:							100%;
	height:							1px;
	clear:							both;
	font-family:					verdana;
	font-size:						1px;
	line-height:					1px;
	background:						#ffffff;
}
.dots
{
	width:							428px;
	height:							11px;
	background:						url("../img/main-dots.gif") no-repeat;
	clear:							both;
	margin:	`						0;
	padding:						0;
}
/* Float left */
.fleft {
	float:							left;
}
/* Homepage title */
.home-title {
	float:							left;
	padding:						0 0 8px 0;
}


/* Text styles
**********************************/	
/* Default link */
a:link, a:active, a:visited {
	color:							#cc0000;
	text-decoration:				none;		
}
a:hover {
	color:							#cc0000;
	text-decoration:				none;
}
a.xmasbook{color:#666666;text-decoration:underline}
/* Default paragraph */
p {
	font-family:					Arial, Helvetica, sans-serif, Verdana;
	font-size:						70%;

	font-weight:					normal;
	color:							#000000;
	padding:						0;
	margin:							0 0 12 0;
}
p.home {
	font-family:					Arial, Helvetica, sans-serif, Verdana;
	font-size:						65%;
	line-height:					130%;
	color:							#666666;
	margin:							0;
	font-weight:					bold;
}
#main2 div.text p
{
	margin:							0 0 8px 0;
	font-family:					Arial, Helvetica, sans-serif, Verdana;
	color:							#666666;	
}
#main2 div.text p.end
{
	margin:							0 0 2px 0;
	font-family:					Arial, Helvetica, sans-serif, Verdana;
	color:							#666666;	
}
#main2 div.text p.food-title
{
	margin:							0;
	padding:						0 0 0 10px;
	font-family:					Arial, Helvetica, sans-serif, Verdana;
	color:							#666666;
	font-weight:					bold;	
}
#main2 span.price
{
	color:							#999999;
}
#main2 div.text p.address
{
	margin:							0 0 15px 0;
	padding:						0;
	font-family:					Arial, Helvetica, sans-serif, Verdana;
	color:							#999999;
	font-weight:					bold;	
	font-size:						90%;
}
#main2 div.text p.function
{
	margin:							0 0 2px 0;
}
#main2 div.text p.address span.add, #main2 div.text p.address a
{
	color:							#666666;
}
#main2 img.map
{
	margin:							0 0 10px 0;
}
/* Heading 1, 2 */
h1, h2 {
	margin:							0;
	padding:						0;
}
h2.title
{
	display: inline;
	margin: 0;
	padding:0;
}
/* Heading 3 */
h3 {
	font-family:					Arial, Helvetica, sans-serif, Verdana;
	font-size:						75%;
	font-weight:					bold;
	color:							#000000;
	margin:							0px 0px 5px 0px;
	border-bottom:					1px #000000 dashed;
	width:							100%;
	padding:						0px 0px 5px 0px;
}
/* Default image, no border */
img {
	border:							0px;
}
/* Default unordered lists */
ul {
	list-style-type:				none;
	margin:							0;
	padding:						0;
}
li
{
	display:						inline;
	margin:							0 1px 0 0;
	padding:						0;

}
li.end
{
	display:						inline;
	margin:							0;
	padding:						0;

}
/* Subnav unordered lists */
div#main1 ul {
	list-style-type:				none;
	margin:							0;
	padding:						0;
}
div#main1 li
{
	display:						block;
	clear:							both;
	margin:							0;
	padding:						0;
}
/* Main page content lists */
div#main2 ul.food {
	font-family:					Arial, Helvetica, sans-serif, Verdana;
	font-size:						70%;
	color:							#666666;
   	margin:							0 0 6px 2px;
    padding:						0;
    list-style:						none outside;
	width:							420px;
}
div#main2 ul.food li
{
	display:						block;
    background:						url("../img/dot.gif") 0 0.2em no-repeat;
    padding:						0 0 0 8px;
    line-height:					1.3em;
}

/* Form styles
**********************************/	
/* Fieldset */
fieldset {
	border:							solid 0px #ffffff;
	width:							569px;
	margin:							0px;
	padding:						0px;
}
/* Label */
label {
	font-family:					Verdana, Arial, Helvetica, sans-serif;
	font-size:						70%;
	line-height:					140%;
	font-weight:					normal;
	color:							#000000;
	float:							left;
	width:							150px;
}
/* Text fields elements */
.textfield {
	width:							200px;
	border:							1px #000000 dashed;
	height:							14px;
	background:						#ffffff;
	font-family:					Verdana, Arial, Helvetica, sans-serif;
	font-size:						70%;	
	color:							#000000;
	padding:						2px 0px 2px 5px;
}
/* Textarea elements */
.textbox {
	width:							300px;
	height:							250px;
	border:							1px #000000 dashed;
	background:						#ffffff;
	font-family:					Verdana, Arial, Helvetica, sans-serif;
	font-size:						70%;	
	color:							#000000;
	padding:						2px 0px 2px 5px;
}
/* Submit button */
.subbutton {
	width:							120px;
	height:							22px;
	border:							1px #000000 dashed;
	background:						#ffffff;
	font-family:					Verdana, Arial, Helvetica, sans-serif;
	font-size:						70%;	
	color:							#000000;
	padding:						0px 0px 2px 0px;
}

/* Table styles for wine lists
**********************************/	
table.wine-list
{
	width:							428px;
	border:							0;
	font-family:					Arial, Helvetica, sans-serif, Verdana;
	font-size:						70%;	
	color:							#666666;	
}
table.wine-list td.col1
{
	font-weight:					normal;
	width:							273px;
	padding:						0;
	text-align:						left;
}
table.wine-list td.col2
{
	font-weight:					normal;
	width:							40px;
	padding:						0;
	text-align:						right;
}
table.wine-list td.col3
{
	font-weight:					normal;
	width:							55px;
	padding:						0;
	text-align:						right;
}
table.wine-list td.col4
{
	font-weight:					normal;
	width:							60px;
	padding:						0;
	text-align:						right;
}
table.wine-list td.title
{
	font-weight:					bold;
}
object, embed
{
	float: 							left;
}
label{
	font-family:					Arial, Helvetica, sans-serif, Verdana;
	font-size:						70%;
	line-height:					130%;
	color:							#666666;
	margin:							0;
	display:						block;
	float:							left;
	width: 							140px;
}
input.radio{
	float:left;
	margin: -2px 4px 0 0;
}
input.text
{
	float:left;
	width: 200px;
}
div.formrow
{
	clear:both;
	padding: 5px 0;
}
p.people
{
	padding: 0 0 0 140px;
	font-weight:bold;
}
//-->