/* CSS Document */
body{
	background: black /*#0c0a4b*/;
	color:white;
	margin:10px;
	font-size:15px;
	font-family: Tahoma, Arial, sans-serif;
}

* {
/*	font-family: Palatino, serif;*/
}

a{
	text-decoration:none;
	color:white;
}
a:hover{
	text-decoration:underline;
}
img{
	border:none;
}
#rtop{
	float:right;
	text-align:right;
	position: relative;
	top: 21px;
}

.rounded {
	background: url(../images/rounded.png) no-repeat left top;
	
}

.rounded input {
	border: none;
}

#pagewrapper{
	width:976px;
	position:relative;
	margin:auto;
}
#header1{
	text-align:left;
	padding-bottom:4px;
	overflow: auto;
	position: relative;

}
#ltop{
	text-align:left;
	padding-bottom:4px;
	float:left;
}
#ltop img {
	padding-right: 5px;
}
#ltop a{
	padding-right: 9px;
}
#ltop #contactdot {
	position: absolute;
	left: 470px;
	top: 10px;
}
#ltop #tourdot {
	position: absolute;
	left: 520px;
	top: 10px;
}
#ltop #knot {
	position: absolute;
	left: 600px;
	top:0px;
}
#ltop-c {
	text-align:left;
	padding-bottom:4px;
	float:left;
}
#ltop-c img {
	padding-right: 5px;
}
#ltop-c a{
	padding-right: 9px;
}
#ltop-c #caterlogo {
	position: absolute;
	left: 60px;
}
#ltop-c #celeblogo {
	position: absolute;
	top: 43px;
	left: 81px;
}
#ltop-c #contactdot {
	position: absolute;
	left: 470px;
	top: 10px;
}
#ltop-c #tourdot {
	position: absolute;
	left: 520px;
	top: 10px;
}
#ltop-c #knot {
	position: absolute;
	left: 600px;
	top:0px;
}
#ltop-v {
	text-align:left;
	padding-bottom:4px;
	float:left;
	position: relative;
}
#ltop-v img {
	padding-right: 5px;
}
#ltop-v a{
	padding-right: 9px;
}
#ltop-v #caterlogo {
	position: absolute;
	left: 60px;
}
#ltop-v #villalogo {
	position: absolute;
	top: 43px;
	left: 81px;
}
#ltop-v #contactdot {
	position: absolute;
	left: 470px;
	top: 10px;
}
#ltop-v #tourdot {
	position: absolute;
	left: 520px;
	top: 10px;
}
#ltop-v #knot {
	position: absolute;
	left: 600px;
	top:0px;
}
#content-wrapper {
	border: 4px solid #fcf8b3;
	min-height: 600px;
	/*
	padding-bottom: 1em;
	*/
}
#header2{
	text-align:center;
	background-image:url(../images/nav_background_black.png);
	height: 38px;
	line-height: 38px;
	font-size: 19px;
}
#header2 span.headerlink {
	margin-left: 12px;
	margin-right: 12px;
}
#breadcrumb{
	background-image:url(../images/breadcrumb_background.png);
	/*background-repeat:repeat-x;*/
	color:fafefa;
	line-height:21px;
	font-size:12px;
	margin: 0;
	padding-left: 10px;
	font-style: italic;
}
#breadcrumb a{
	color:#fafefa;
}
#content{
	width:auto;
	overflow: auto;
	padding-bottom: 1em;
}
#content-scroll {
	overflow: auto;
	height: 600px;
	padding-bottom: 1em;

}


.column,
.column2,
.column3,
.column4,
.column5,
.column6 {
	float: left;
}

.column7 { float: right;}

.column { width: 484px; }
.column2 { width: 410px; }
.column3 { width: 558px; }
.column4 { width: 200px; }
.column5 { width: 700px; }
.column6 { width: 290px; }
.column7 { width: 600px; }

.column-padding { padding: 10px; overflow: hidden;}
.column-padding2 { text-align: center;padding: 22px 5px; }
.column-padding3 { padding: 10px; } 

.centered {
	margin-left: auto;
	margin-right: auto;
}
.centered2 {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.text-box {
	text-align: left;
	font-style: plain;
	font-size: 16px;
	padding: 0 15px;
}

.tabbed-text-box-gray,
.tabbed-text-box {
	margin: 10px;
	padding: 4px;
	font-size: 18px;
}

.tabbed-text-box {
	background: #12264a;
}

.tabbed-text-box-gray {
	background: #414141;
}

.tabbed-text-box .tabs {
	text-align: center;
	width: 100%;
	background: #12264a;
}

.tabbed-text-box-gray .tabs {
	background: #414141;
}

.tab1 {
	float: left;
	width: 50%;
	padding: 5px 0;

}

.tab2 {
	float: left;
	width: 50%;
	padding: 5px 0;

}

.tabbed-text-box-gray .text-box,
.tabbed-text-box .text-box {
	clear: both;
	height: 400px;
	padding: 10px;
	overflow: auto;
}


.active {
	background: #365381;
}

.tabbed-text-box-gray .active {
	background: #1d1d1d;
}
/*
a.active {
	padding: 0 0 0 6px;
	background: #365381 url(../images/corner-left.png) no-repeat left top;
}

.active span {
	padding: 0 6px 0 0;
	background: #365381 url(../images/corner-right.png) no-repeat right top;
}
*/
.thumbnails {
	margin-top: 8px;
}

.thumbnails img {
	margin-right: 3px;
	
}



.image-row {
	margin: 0 10px 10px 10px;
	padding-top: 20px;
	text-align: center; /*centers caption text*/
}

#unit1 {
	float: left;
	margin-left: 100px;
}

#unit3 {
	float: right;
	margin-right: 100px;
}

.image-unit {
	width: auto;
	padding: 0;
	margin: 0 10px;
}

.image-unit img {
	margin: 0 auto;
}

.image-unit p {
	margin: 0;
}


.content-block {
	clear: both;
	margin: 10px;
	padding: 10px;
	
}
.content-block h2 {
	font-size: 30px;
}

.cleardiv {
	clear: both;
}

#footer,
#footer-2 {
	clear: both;
	text-align:center;
}

#footer,
#footer-2 {
	margin-top:8px;
	margin-left: auto;
	margin-right: auto;
	font-size: 18px;
}

#footer span.footprint,
#footer-2 span.footprint {
	margin-left: 10px;
	margin-right: 10px;
}

#footer-2 {
	width: 100%;
	position: absolute;
	top: 690px;
}

.relative {
	position: relative;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* hides from IE-Mac \*/
* html .clearfix {
	height: 1%;
}
/*End hide */

#splash {
	width:976px;
	height: 732px;
	position:relative;
	top: 6px;
	margin:auto;
}
#header1-2 {
	position: relative;
	top: 20px;
	margin: 0 40px;
	width: 870px;
}
#header1-2 #rtop {
	margin-top: 0px;
}
#header2-2, 
#header2-3 {
	width: 165px;
	text-align: left;
	position: relative;
	top:300px;
	left:20px;
	clear: both;
	line-height: 38px;
	font-size: 22px;
	padding-bottom:5px;
}
#header2-2 {
	background: url(../images/fadeboxbottom.png) no-repeat bottom left;
}

#header2-3 {
	background: url(../images/fadeboxbottom2.png) no-repeat bottom left;
}

#header2-2top {
	padding-top:5px;
	background: url(../images/fadeboxtop.png) no-repeat bottom left;
}

#header2-3top {
	padding-top:5px;
	background: url(../images/fadeboxtop2.png) no-repeat bottom left;
}

#header2-2interior {
	padding-left:20px;
	background: url(../images/fadeboxinterior.png) repeat-y;
}

#header2-3interior {
	padding-left:20px;
	background: url(../images/fadeboxinterior2.png) repeat-y;
}

#header2-2 a,
#header2-3 a {
	padding: 0 5px;
}

#header2-3 {
	top: 323px;
}

#celebtext {
	font-size:14px;
	text-align: center;
	float: left;
	margin: 0 75px 0 10px;
}

#villatext {
	float:left;
	width:280px;
	position:relative;
	top:85px;
	text-align:center;	
}

#texttop {
        text-align: center;
        float: left;
        margin: 0 75px 0 10px;
	position:relative;
	top:85px;
}


.yahoo-link {
	font-size: 24px;
	color: #FDF6B1;
}

.yahoo-link2 {
	font-size: 24px;
	color: orange;
}

.yahoo-text {
	width: 30%;
	float: left;
	margin: 0 20px 15px 0;
}

.yahoo-text p {
	margin: 0;
}

.link {
	color: blue;
}


.gallery-thumb {
	width: 30%;
	margin: 5px 0;
	float: left;
	text-align: center;
	padding: 10px 15px;
	overflow: hidden;
}

.gallery-thumb2 {
	width: 30%;
	float: left;
	margin: 5px auto;
	text-align: center;
	padding: 10px 92px;
	overflow: hidden;
}

.pull-quote {
	font-size: 22px;
	margin-top: 0;
}

.bullet-points li{
	font-size: 16px;
	line-height: 20px;
	margin: 5px 10px 5px 0;	
	list-style-type: none;
	padding-left: 15px;
	background: url(../images/bullet.jpg) no-repeat left 8px;
}

.ital {
	font-style: italic;
	font-size: 18px;
}


.thumbnail-gallery,
.thumbnail-gallery-right,
.thumbnail-gallery-left {
	width: auto;
	text-align: center;
}

.column-padding3 .thumbnail-gallery {
	margin-top:10px;
}

.thumbnail-gallery-right { 
float: right; 
margin-left: 10px; 
width: 535px;
position: relative;
/*right: -20px;*/
}
.thumbnail-gallery-left { 
float: left; 
margin-right: 10px;
}

.maxi-gallery {
	position: relative;
	margin-top: 1em;
	text-align: center;
}


.thumbnail-gallery .innerfade a,
.thumbnail-gallery-right .innerfade a,
.maxi-gallery .innerfade a {
	left: 0px;
	width: 100%; 
	/*	img, which is inside of this, is centered within by
		maxi-gallery -> text-align:center rule, but this needs
		to not collapse down to the width of the images */
}

.maxi-gallery .thumbnails {
	margin-top: 10px;
}

/*******************/
/*Refers to the pulled out kudo on templates 4, 5, 6*/

.kudo {
	margin: 24px;
	font-style: italic;
	font-size: 18px;
	text-align: center;
}

.kudo p {
	margin: 0;
}

/*Refers to the full kudo quote on its own page*/
.full-kudo {
	width: 70%;
	text-align: center;
	font-size: 24px;
	margin: 0 auto;
}

.full-kudo a {
	text-decoration: none;
}

/*Refers to the blockquote container for kudos*/
.kudo-text {
	width: 30%;
	margin: 5px 15px;
	float: left;
}

.kudo-text p {
	margin-top: 0;
}

/*******************/

.kudo-sig {
	font-style: italic;
}

.gold1-style1 a {
	font-family: Arial, sans-serif;
	color: #cbcab1;
	line-height: 24px;
	font-size: 16px;
}

.gold1-style2 a {
	font-family: Palatino, serif;
	color: #cbcab1;
	font-style: italic;
	font-size: 24px;
}

.gold1-style3 a {
	font-family: Palatino, serif;
	color:  #cbcab1;
	font-size: 28px;
}

.gold2-style1 a {
	color: #eaca61;
	text-align: justify;
	font-family: Arial, sans-serif;
	font-size: 16px;
}

.gold2-style2 a {
	font-family: Palatino, serif;
	color: #eaca61;
	font-size: 20px;
}

.gold2-style3 a {
	font-family: Palatino, serif;
	color:  #eaca61;
	font-style: italic;
	font-size: 16px;
}

.gold3-style1 a {
	color: #ffff66;
	font-family: Arial, sans-serif;
	font-size: 16px;
}

.gold3-style2 a {
	font-family: Palatino, serif;
	color: #ffff66;
	line-height: 24px;
	font-size: 16px;	
}

.gold3-style3 a {
	font-family: Palatino, serif;
	color:  #ffff66;
	font-weight: bold;
	font-size: 16px;
}

/****************/

fieldset {
	margin: 0 0 15px 0;
}


.referral-box {
	margin: 60px;
	padding: 0 10px 10px 10px;
	float: left;
	width: 320px;
	height: 1%;
	border: 2px solid white;
	background: #414141;
}

.referral-box p {
	clear: left;
}

.topics {
	position:relative;
	top:-12px;
	left:8px;
	border:1px solid #b8b5a4;
	background: #1d1d1d;
	width:auto;
	padding:4px;
	float:left;
	margin-bottom: 5px;
}

.contact-info {
	text-align: center;
}


#theitems p {
	clear: left;
	text-indent: -8px;
	margin-left: 8px;
	margin-top: 0;
	margin-bottom: 1em;
}

/***************************/

.searchterm {
	font-size: 18px;
}

.resulttitle {
	margin: 20px 0;
}

.resulttitle a {
	padding-right: 8px;
}

/*************************/

.menu-tabs {
	margin-top: 11px;
	text-align: center;
	height: 31px;
}
.menu-tabs a {
	padding-right: 49px;
	padding-left: 49px;
	padding-top: 7px;
	padding-bottom: 7px;
	outline-color:#FFFFFF;
	outline-width:thin;
	outline-style:solid;
	background-color: #414141;
	line-height: 31px;
}

.menu-tabs a.active {
	background-color:  #1d1d1d;
}


ul.menu-section-list li {
	list-style: none;
	margin-top: 25px;
	line-height: 20px;
}

ul.menu-section-list {
	padding-left: 15px;
	margin: 0;
	
}

ul.menu-section-list a{
	text-decoration: underline;
	padding-left: 15px;
	
}

.menu-section,
.menu-section2 {
	position: relative;
	color: black;
	font-weight: bold;
	padding: 8px 45px 15px 45px;
	text-align: center;
	font-size: 12px;
	background-color: #ffffdd;
	font-family: Palatino, serif;
}

.menu-section {
	min-height: 390px;
}

.menu-section2 {
	min-height: 640px;
}

.menu-section h2,
.menu-section2 h2 {
	position:relative;
	font-size: 30px;
	top:18px;
	margin:0;
	margin-bottom:46px;
	
}

.menu-section h3,
.menu-section2 h3 {
	font-size: 19px;
	padding-top: -10px;
}

.menu-section ul, .menu-section li,
.menu-section2 ul, .menu-section2 li {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 16px;
	margin-bottom: 11px;
	font-size: 14px;
}

.hid{
	display:none;
}

/*****************************/

input.warning {
	background-color: #fb7e94;
}

td.warning {
	padding-left: 10px;
	color: #fb7e94;
}

/******************************/

#tastingdirections {
	text-align:center;
}

#tooltip {
        position: absolute;
        z-index: 3000;
        border: 1px solid #fcf8b3; 
        background-color: #ffffff;
        padding: 5px; 
}

#tooltip h3,  
#tooltip div { 
        margin: 0; 
        font-weight: normal;
        font-size: 12px;
}   
#tooltip.knotText {
	color:#000000;
	width:300px;
}