html, body {
	background:#ccc;
	font-family: Verdana, sans-serif;
	font-size:100%;
}

h1 {
	background:url('../images/header.jpg') -277px -229px;
	display:block;
	height:78px;
	margin:228px 0 0 277px;
	text-indent:-6666px;
	width:539px;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

a {
	outline:none;
}

.clear {
	clear:both;
}

#page {
	background-color:#c9b4c9;
	width:1047px;
	margin:0 auto;
}

#page #mid-col h2 {
	background:url('../images/title_bg.jpg');
	color:#fff;
	display:block;
	font-weight:bold;
	font-family: Verdana, sans-serif;
	text-transform:uppercase;
	margin:0 0 12px -5px;
	padding:10px 0 0 12px;
	height:28px;
	width:500px;
}

#page.home #mid-col {height:508px;}
#page.home #right-col {/*height:543px; so page extends */}

#page.terms #mid-col {/*height:720px;*/}
#page.terms #right-col {height:755px;}

#page.contact #mid-col {height:720px;}
#page.contact #right-col {height:755px;}

#page.vineyard-temp-01 #mid-col {
	/*padding-bottom:400px;min-height:890px*/
}
#page.vineyard-temp-01 #right-col {padding-bottom:30px;}

#header {
	background:url('../images/header.jpg');
	height:367px;
	width:1047px;
	padding-top:1px;
}

#header p.sub-heading {	
	background:url("../images/header.jpg") -277px -307px;
	display:block;
	height:58px;
	margin:0 0 0 277px;
	text-indent:-6666px;
	width:567px;
}

#main {
	background:url('../images/black-strip.gif') repeat-y 814px top;
	width:1047px;
	position:relative;
}

#left-col {
	float:left;
	width:259px;
	position:relative;
}

#left-col .vine-overlay {
	background:url('../images/left-vine-overlay.png') no-repeat;
	height:112px;
	width:259px;
	position:absolute;
	z-index:1000;
}

#left-col img {
	margin:10px 0 0 20px;
	z-index:0;
}

#left-col .left-logo {
	margin-left:59px;
}

#left-col #calendarBox { 
	background:url('../images/calendar_bg.jpg') no-repeat;
	height:170px;
	width:222px;
	margin-left:20px;
}

#left-col #calendarBox h3 {
	padding-top:20px;
	padding-left:15px;
	padding-bottom:3px;
	text-decoration: underline;
}

#left-col #calendarBox p {
	padding-top:3px;
	padding-left:15px;
	font-size:0.7em;
	width:190px;
	line-height:15px;
} 

#mid-col {
	background:#9a799a url('../images/main_col_bg.jpg') repeat-x bottom;
	float:left;
	width:479px;	
	padding:15px 55px 20px 20px;
	margin-right:1px;
}

#mid-col p {
	margin-bottom:11px;
	font-size:0.9em;
	line-height:1.23em;	
	letter-spacing:0.006em;
}

#page.vineyard-temp-01 #mid-col p {
	margin-bottom:11px;
	font-size:0.8em;
	line-height:1.1em;	
	letter-spacing:0.006em;
	color:#fff;
}

#right-col {
	background:#000;
	float:left;
	width:180px;
}

#right-col .logo-right {
	margin-top:10px;
}

/*-------- NAVIGATION*/
#right-col ul.nav {
	width:180px;
}


#right-col li a {
	display:block;
	height:70px;
	width:180px;
	/*text-indent:-6666px;*/
	color:#fff;
	font-family:Verdana;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}
#right-col li a:first-letter { 
	font-size:120%;
}

#right-col li { 
	line-height:70px;
}

#right-col li#nav-item01 {
	background:url('../images/nav_item01.jpg');	
	height:82px;
	line-height:82px;
}

#right-col li#nav-item02 {background:url('../images/nav_item02.jpg') no-repeat;}
#right-col li#nav-item03 {background:url('../images/nav_item03.jpg') no-repeat;}
#right-col li#nav-item06 {background:url('../images/nav_item04.jpg') no-repeat;}
#right-col li#nav-item07 {background:url('../images/nav_item05.jpg') no-repeat;}
#right-col li#nav-item08 {
	background:url('../images/nav_item06.jpg') no-repeat;
	line-height:32px;
}

#right-col li#nav-item09 {background:url('../images/nav_item07.jpg') no-repeat;}

#right-col li.grey { background:url('../images/nav_item01_withoutleaf.jpg') no-repeat;}
#right-col li.red { background:url('../images/nav_item02.jpg') no-repeat;}
#right-col li.beige { background:url('../images/nav_item03.jpg') no-repeat;}
#right-col li.green { background:url('../images/nav_item04.jpg') no-repeat;}
#right-col li.yellow { background:url('../images/nav_item05.jpg') no-repeat;}
#right-col li.pink { background:url('../images/nav_item06.jpg') no-repeat;}
#right-col li.brown { background:url('../images/nav_item07.jpg') no-repeat;}

#right-col li#nav-item03.active a {height:58px;}

#right-col ul.subnav {
	position:relative;
	top:-5px;
}

#right-col li.active ul.subnav {
	background:url('../images/nav_item03_subnav.jpg') no-repeat;
	display:block;
	font-size:0.7em;
	padding-top:15px;
	margin:0 0 5px 1px;
}

#right-col ul.subnav li {
	background:url('../images/nav_item03_subnav.jpg') no-repeat 0 -15px;
	width:154px;
	height:18px;
	padding:1px 0 0 15px;
	line-height:normal;
}

#right-col ul.subnav li.last {
	background-position:left bottom;
	padding-bottom:6px;
}

#right-col ul.subnav li a {
	display:block;
	background-image:none !important;
	display:block;
	color:#eee;
	height:0 !important;
	width:155px !important;
	text-decoration:none;
	text-indent:0;
	font-size:10px;
}
#right-col ul.subnav li a:hover {
	color:#fff;
}

#right-col ul.subnav li.active a {
	color:#fff;	
	text-decoration:underline;
}

/*-------- CONTACT FORM*/

#mid-col form#contactForm {
	background:#a591a5 url('../images/form_box.jpg');
	font-size:0.9em;
	margin:20px 0 0 0;
	padding-top:10px;
	height:504px;
	width:512px;
}

form#contactForm .field {
	height:28px;
	margin-bottom:4px;
}

form#contactForm .text-field {
	height:221px;
	
}

form#contactForm .text-field textarea {
	width:390px;
	height:205px;
	padding:5px;
}

form#contactForm label {
	display:block;
	float:left;
	height:22px;
	width:88px;
	padding:5px 0 0 10px;
}

form#contactForm input {	
	display:block;
	float:left;
	height:28px;
	width:395px;
	padding-left:5px;
}

form#contactForm .buttons input {
	text-align:center;
	display:inline;
	width:80px;
	padding:0;
	float:right;
	margin-right:10px;
}

/*-------- BOOKING FORM*/

#mid-col form#bookingForm {
	background:#a591a5 url('../images/form_box.jpg');
	font-size:0.9em;
	margin:20px 0 0 0;
	padding-top:10px;
	height:504px;
	width:512px;
}

form#bookingForm .field {
	height:28px;
	margin-bottom:4px;
}

form#bookingForm .text-field {
	height:221px;
	
}

form#bookingForm .text-field textarea {
	width:358px;
	height:205px;
	padding:5px;
}

form#bookingForm label {
	display:block;
	float:left;
	height:22px;
	width:115px;
	padding:5px 0 0 10px;
}

form#bookingForm input {	
	display:block;
	float:left;
	height:28px;
	width:363px;
	padding-left:5px;
}

form#bookingForm .buttons input {
	text-align:center;
	display:inline;
	width:80px;
	padding:0;
	float:right;
	margin-right:10px;
}


/*-------- VINEYARD INFO PANEL */

#info-panel {
/*	background:url('../images/info_panel.png');*/
	color:#fff;
	bottom:285px;
	left:0;
	/*position:absolute;*/
}

#info-panel .left-col {
	background-color:black;
	/*float:left;
	padding:8px 20px 20px 18px;
	width:730px;
	margin-left:23px;
	margin-left:23px;
	padding-left:18px;
	padding-top:8px;*/
	color:#fff;
	padding:8px 20px 20px 18px;
}


#info-panel .right-col {
	background-color:grey;
	padding:8px 20px 20px 18px;
	
}

#info-panel .right-col .top {
	/*height:144px;*/
}

#info-panel .right-col a {
	background:url('../images/info_panel.png') -547px -176px;
	display:block;
	margin-bottom:4px;
	width:236px;
	height:54px;
	text-indent:-6666px;
	margin-top:10px;
	margin-bottom:10px;
}

#info-panel h3 {
	font-size:1.1em;
	text-decoration:underline;
	margin:4px 0;
}

#info-panel p {
	margin-bottom:4px;	
	font-size:0.8em;
	line-height:1.4em;	
	letter-spacing:0.006em;
}

#info-panel p strong {
	font-size:1.1em;
}

#info-panel .right-col p {
	margin-bottom:3px;
}