/*
-----------------------------------------------
Golden Grape Styles
Author:   Chris Pearce (Cornerstone Technologies)
----------------------------------------------- */

html, body {margin: 0; padding: 0;}

body  {
	background: #E8E1C5;
	color: #616152;
	margin: 0;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

/* -------------------------------BASIC HTML ELEMENTS-------------------------------------- */

a:link {color: #616152; font-weight: bold; text-decoration: underline;}
a:visited {color: #616152; font-weight: bold; text-decoration: underline;}
a:hover {text-decoration: none; color: #330000; font-weight: bold;}
a:active {color: #616152; font-weight: bold; text-decoration: underline;}

p {color: #616152; margin: 13px 0 13px 0;}

pre {color: #616152;}

a img {border: 0px; text-decoration: none;}

span.redStar {font-weight: bold; color: red;}

form {margin: 0px; padding: 0px;}

input, 
textarea {
	background: #E8E1C5;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	border-color: #827C60;
	color: #333;
	width: 210px;
}

textarea {
	width: 210px; 
	background: #E8E1C5;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	border-color: #827C60;
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #333;
}

input.button {
	background: #E8E1C5;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	border-color: #827C60;
	font-size: 11px;
	font-weight: 600;
	color: #53503E;
	text-align: center;
	cursor: hand;
	padding: 3px 0 3px 0;
	width: auto;
}

table {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #616152;
	line-height: 1.6em;
}

table td {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #616152;
	line-height: 1.6em;
	text-align: left;
}

blockquote {
	font-weight: bold;
	color: #616152;
	font-style: italic;
	text-align: center;
}

ul {
  	padding: 0px;				
	background: transparent;
	margin: 20px 30px 20px 50px;
}

ul li {
	line-height: 1.6em;
	list-style-image: url(_templateFiles/_templateFiles/list-bullet.gif);
	color: #616152;
}

ol li {color: #616152;}

ul li ul {margin: 10px 30px 10px 30px;}
ul li ul li {list-style-image: url(_templateFiles/list-bullet2.gif);}

hr {
	color: #A9A283;
	border-style: solid;
	border-width: thin;
}

/* Header Styles
----------------------------------------------- */

h1 {
	color: #616152;
	margin: 15px 0px 15px 0px;
	font: 16px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}

h2 {
	margin: 15px 0px 15px 0px;
	font-weight: 600;
	font-size: 13px;
	color: #5C5829;
}

h3 {
	margin: 15px 0px 15px 0px;
	font-weight: 600;
	font-size: 12px;
	color: #666857;
}

h4 {
	margin: 15px 0px 15px 0px;
	font-weight: 600;
	font-size: 12px;
	color: #A49E71;
}

h5 {
	margin: 15px 0px 15px 0px;
	font-weight: 600;
	font-size: 12px;
	color: #A9A283;
}

h6 {
	margin: 15px 0px 15px 0px;
	font-weight: 600;
	font-size: 12px;
	color: #B9B4A0;
}

/* -------------------------------------SPECIFIC DIVS----------------------------------------- */

/* Page Structure: Main Container 
(used to center align elements, workaround for IE 5, IE 5.5)
----------------------------------------------- */

#center {
	width: 100%;
	background: #616152;
	text-align: center;
}

/* Page Structure: Main Content Container
----------------------------------------------- */
	
#main {
	background: #E8E1C5 url(_templateFiles/side-shadow.jpg) repeat-y top right;
	margin: 20px auto 0px auto;
	width: 774px;
	position: relative;
	text-align: right;
}

img.logo {position: absolute; top: 12px; left: 9px;}

/* Page Structure: Navigation
----------------------------------------------- */

#main #linksbg {
	position: absolute;
	top: 160px;
	left: 0;
	width: 140px;
}

/* Page Structure: Content Area Container
----------------------------------------------- */
	
#main #contentInside,
#main #contentTheEstate,
#main #contentProducts,
#main #contentTastings,
#main #contentNews,
#main #contentCareers,
#main #contentContactUs,
#main #contentLabel {
	background: #E8E1C5 url(_templateFiles/Page-backgrounds/header-inside.jpg) no-repeat top right;
	margin: 0px 5px 0px 140px;
	border-left: 1px solid #949494;
	padding: 147px 32px 0px 0px;
}

#main #contentTheEstate {background: #E8E1C5 url(_templateFiles/Page-backgrounds/header-inside.jpg) no-repeat top right;}
#main #contentProducts {background: #E8E1C5 url(_templateFiles/Page-backgrounds/header-inside.jpg) no-repeat top right;}
#main #contentTastings {background: #E8E1C5 url(_templateFiles/Page-backgrounds/header-inside.jpg) no-repeat top right;}
#main #contentNews {background: #E8E1C5 url(_templateFiles/Page-backgrounds/header-inside.jpg) no-repeat top right;}
#main #contentCareers {background: #E8E1C5 url(_templateFiles/Page-backgrounds/header-inside.jpg) no-repeat top right;}
#main #contentContactUs {background: #E8E1C5 url(_templateFiles/Page-backgrounds/header-inside.jpg) no-repeat top right;}
#main #contentLabel {background: #E8E1C5 url(_templateFiles/Page-backgrounds/header-inside.jpg) no-repeat top right;}

#main #contentHome {
	background: #E8E1C5 url(_templateFiles/matin-img.jpg) no-repeat top right;
	border-left: 1px solid #616152;
	margin: 0px 4px 0px 140px;
	padding-top: 0px;
}

/* Page Structure: Main Header
----------------------------------------------- */

h1.mainHeading,
h1.products, 
h1.theEstate,
h1.tastings,
h1.news,
h1.careers,
h1.contactUs,
h1.label {
	margin: 0;
	background: url(_templateFiles/headers/main-heading-bg.jpg) no-repeat top left;
	height: 42px;
	text-align: left;
	font: 22px Georgia, "Times New Roman", Times, serif;
	padding: 0px 0px 0px 17px;
	border-bottom: 1px solid #A09B7D;
}

h1.products {background: url(_templateFiles/headers/products.jpg) no-repeat top left;}
h1.theEstate {background: url(_templateFiles/headers/theestate.jpg) no-repeat top left;}
h1.tastings {background: url(_templateFiles/headers/tastings.jpg) no-repeat top left;}
h1.news {background: url(_templateFiles/headers/news.jpg) no-repeat top left;}
h1.careers {background: url(_templateFiles/headers/career.jpg) no-repeat top left;}
h1.contactUs {background: url(_templateFiles/headers/contactus.jpg) no-repeat top left;}
h1.label {background: url(_templateFiles/headers/labeldesign.jpg) no-repeat top left;}

h1 span {
	position: absolute;
	top: 8px;
	left: 20px;
	display: none;
}

/* Page Structure: Internal Page Content Container
----------------------------------------------- */

table#contentArea {
	background: #E8E1C5 url(_templateFiles/beige-block.gif) repeat-x bottom left;
	border: 0;
	width: 100%;
	height: 350px;
}

table#contentArea td.content, table#contentArea td.products {
	padding: 0px 20px 50px 20px;
	border-right: 1px solid #CFC8A9;
	text-align: left;
	vertical-align: top;
}

table#contentArea td.products {padding: 0px 0px 50px 0px;}
table#contentArea td.content img {border-color: #A09B7D;}

/* Page Structure: Home Page Table
----------------------------------------------- */

table.homeTable {
	background: #E8E1C5;
}

table.homeTable td {vertical-align: top;}
table.homeTable td.leftCol {width: 313px; padding: 10px 20px 10px 20px;}

table.homeTable td.middleCol {
	width: 1px;
	background: #616152;
	padding: 0px;
}

table.homeTable td.rightCol {width: 313px; padding: 10px 20px 10px 20px;}
table.homeTable td h1 {margin: 7px 0px 7px 0px; font-size: 12px; font-weight: bold;}
table.homeTable td p {margin: 5px 0px 5px 0px; font-size: 10px; line-height: 1.4em;}
table.homeTable td p a:link, table.homeTable td p a:visited {text-decoration: underline;}

/* Page Structure: Footer
----------------------------------------------- */

#footer {
	width: 774px;
	background: #616152 url(_templateFiles/footer-bg.jpg) repeat-x top right;
	clear: both;
	position: relative;
	height: 75px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#footer p {
	position: absolute;
	top: 13px;
	left: 15px;
	color: #FFF;
	margin: 0;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 1.5em;
}

#footer p a:link, #footer p a:visited {color: #FFF; text-decoration: none; font-weight: normal;}
#footer p a:hover {color: #CCC; text-decoration: underline;}

#footer p span {
	color: #FFFFFF;
}
#footer p span a:link, #footer p span a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#footer p span a:hover {
	text-decoration: underline;
	color: #E8E1C5;
}

#footer h1 {display: none;} /* for SEO purposes */

#footer img.cornerstoneLogo {
	position: absolute;
	top: 20px;
	right: 50px;
}

#footer img.footerCorner {
	position: absolute;
	top: 0px;
	right: -1px;
}

/* -------------------------------------PAGE STYLES----------------------------------------- */

/* Products Table */

table.productsTable {
	background: #E8E1C5;
	border: 0px;
	margin: 20px 0px 20px 0px;
	width: 595px;
}

table.productsTable td.productsTitle {
	padding: 0px 0px 0px 8px;
	border: 1px solid #DAD4B0;
	border-bottom: 0px;
	vertical-align: middle;
	font: 12px Georgia;
	height: 29px;
	font-weight: bold;
	background: #CDC596;
}

table.productsTable td.productsText {
	padding: 4px 8px 7px 8px;
	border: 1px solid #DAD4B0;
	vertical-align: top;
	width: 433px;
}

table.productsTable td.productsText p {margin: 0px;}
table.productsTable td.productsText ul {margin: 5px 0 5px 20px;}
table.productsTable td.productsImage {text-align: center; vertical-align: top; width: 120px;}
table.productsTable td.productsImage img {border: 1px solid #A09B7D; padding: 1px;}

table.productsTable td.emptyRow {
	height: 45px;
	background: #E8E1C5 url(_templateFiles/beige-block.gif) repeat-x bottom right;
}

/* Menu & Products Table */

table.menu,
table.wines {
	background: #DAD5AF;
	border: 0;
	border-left: 1px solid #8F8F7C;
	border-top: 1px solid #8F8F7C;
	margin: 20px auto 20px auto;
	width: 86%;
}
table.wines {width: 100%; margin: 0;}

table.menu th,
table.wines th {
	padding: 3px 0 3px 5px;
	font-size: 12px;
	font-weight: bold;
	background: #616152;
	color: #FFF;
	text-align: left;
}
table.wines th {border-right: 1px solid #8F8F7C; padding: 2px 3px 2px 3px; font-size: 11px;}

table.menu td,
table.menu td.mealType,
table.wines td {
	padding: 3px 3px 3px 5px;
	border-bottom: 1px solid #8F8F7C;
	border-right: 1px solid #8F8F7C;
	vertical-align: top;
}
table.wines td {padding: 2px 3px 2px 3px;}

table.menu td.mealType {
	background: #CDC596;
	font-weight: bold;
	padding: 2px 0 2px 5px;
}

table.menu td p,
table.groupMenu td p,
table.wines td p {margin: 0px 0 0px 0; line-height: 1.4em;}

table.menu td ul,
table.groupMenu td ul,
table.products td ul {margin: 2px 0 2px 22px;}

/* Group Menu Table */

table.groupMenu {
	background: #DAD5AF;
	border: 0;
	border-left: 1px solid #8F8F7C;
	border-top: 1px solid #8F8F7C;
	margin: 20px auto 20px auto;
	width: 86%;
}

table.groupMenu th {
	padding: 3px 0 3px 5px;
	font-size: 12px;
	font-weight: bold;
	background: #616152;
	color: #FFF;
	border-right: 1px solid #8F8F7C;
	text-align: left;
}

table.groupMenu td,
table.groupMenu td.mealType {
	padding: 3px 3px 3px 5px;
	border-bottom: 1px solid #8F8F7C;
	border-right: 1px solid #8F8F7C;
	vertical-align: top;
}

table.groupMenu td.mealType {
	background: #CDC596;
	font-weight: bold;
	padding: 2px 0 2px 5px;
}

table.groupMenu td.blank {background: #E8E1C5; border: 0;}

/* Email Form Table */

table.formTable {
	width: 440px;
	margin: 10px auto 10px auto;
	border: 0;
}

table.formTable td {
	padding: 2px;
	width: 220px;
}

table.formTable td span {color: #FF0000; font-weight: bolder;}

table.formTable td.leftColForm,
table.formTable td.leftColForm2 {
	padding: 2px 5px 2px 3px;
	width: 220px;
	text-align: right;
	font-weight: bold;
	background: #CDC596;
	vertical-align: middle;
	border-bottom: 1px solid #8F8F7C;
	border-right: 1px solid #8F8F7C;
	border-left: 1px solid #8F8F7C;
}
table.formTable td.leftColForm2 {border: 0; background: transparent;}