/* -----------------------------------------------
----------------- Global settings ----------------
------------------------------------------------*/
* 	{
	margin: 0;
	padding: 0;
}

body {
	background: url(../images/bg.jpg) center top repeat-y;
	font-family: lucida sans unicode, verdana, trebuchet ms, arial;
	font-size: 12px;
	color: #dadada;
}

div#clear {
	clear: both;
}

/* -----------------------------------------------
----------------- Absolute positions -------------
------------------------------------------------*/

#fbook {
	position: absolute;
	width: 141px;
	height: 36px;
	margin-left: 910px;
	margin-top: 35px;
	z-index: 6;
	text-align: center;
}

/* -----------------------------------------------
------------------ Page layout -------------------
------------------------------------------------*/

#frame	{
	text-align: left;
	width: 1025px;
	margin: 0 auto;
}

	div#content {
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
		border-bottom: 1px solid #fff;
		width: 1023px;
		text-align: center;
	}
	
	div#menu {
		float: left;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		width: 162px;
		height: 313px;
		text-align: left;
	}
	
	div#contactmenu {
		float: left;
		border-right: 1px solid #fff;
		width: 162px;
		height: 467px;
		text-align: left;
	}
	
	div#estatewines {
		float: left;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		width: 533px;
		height: 313px;
		text-align: left;
		background: #518393;
	}
	
	div#handcrafting {
		float: left;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		width: 533px;
		height: 313px;
		text-align: left;
		background: #518393;
	}
	
	div#vineyards {
		float: left;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		width: 535px;
		height: 313px;
		text-align: left;
		background: #518393;
	}
	
	div#surroundings {
		float: left;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		width: 530px;
		height: 313px;
		text-align: left;
		background: #518393;
	}
	
	div#staywithus {
		float: left;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		width: 532px;
		height: 313px;
		text-align: left;
		background: #518393;
	}
	
	div#contact {
		float: left;
		width: 860px;
		height: 467px;
		text-align: left;
	}
	
	div#wines {
		float: left;
		border-bottom: 1px solid #fff;
		width: 496px;
		height: 313px;
		text-align: left;
		background: #518393;
	}
						
#top					{text-align: left;
						width:930px;
						height: 116px;
						background-image: url(../ocean/whalecoasthead.jpg);
						background-repeat: no-repeat;
						margin: 0px;
						padding: 0px;
						}
						
#logo					{position: absolute;
						width: 406px;
						height: 79px;
						margin-top: 22px;
						margin-left: 14px;
						}
						
#minimenu				{position: absolute;
						text-align: right;
						width: 400px;
						margin-top: 16px;
						margin-left: 500px;
						font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #517bab;
						z-index: 2;
						}
						
#langmenu				{position: absolute;
						text-align: left;
						width: 220px;
						margin-top: 60px;
						margin-left: 700px;
						font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #517bab;
						z-index: 2;
						}
						
#menu1					{position: absolute;
						text-align: left;
						width: 930px;
						height: 40px;
						background-image: url(../ocean/menuoverstrand.jpg);
						background-repeat: no-repeat;
						margin-top: 117px;
						margin-left: 0px;
						font-family: verdana, trebuchet ms, arial;
						font-size: 13px;
						color: #517bab;
						z-index: 2;
						}
						
#overstrandcontent		{position: absolute;
						text-align: left;
						width: 930px;
						margin-top: 336px;
						margin-left: 0px;
						font-family: verdana, trebuchet ms, arial;
						font-size: 13px;
						color: #517bab;
						z-index: 1;
						}
						
#flashbg				{position: absolute;
						width: 928px;
						height: 295px;
						margin-left: 0px;
						margin-top: 156px;
						z-index: 2;
						}
			
#flash					{position: absolute;
						width: 928px;
						height: 295px;
						margin-left: 0px;
						margin-top: 157px;
						z-index: 2;
						}
						
#map					{position: absolute;
						width: 328px;
						height: 239px;
						margin-left: 575px;
						margin-top: 473px;
						z-index: 2;
						}
						
#video					{position: absolute;
						width: 310px;
						height: 210px;
						margin-left: 606px;
						margin-top: 1050px;
						z-index: 3;
						}
			
#panelbgcolor			{background-color: #eadac7;
						}
						

						
						
.contentbgcolor			{background-color: #598db4;
						}
						
.bodytext				{font-family: lucida sans unicode, verdana, trebuchet ms, arial;
						font-size: 12px;
						color: #dadada;
						}
						
.bodylink				{font-family: lucida sans unicode, verdana, trebuchet ms, arial;
						font-size: 12px;
						color: #dadada;
						text-decoration: none;
						}
						
.bodylink:hover			{font-family: lucida sans unicode, verdana, trebuchet ms, arial;
						font-size: 12px;
						color: #dadada;
						text-decoration: underline;
						}
						
.bodytext2				{font-family: lucida sans unicode, verdana, trebuchet ms, arial;
						font-size: 14px;
						color: #dedede;
						}
						
.bodylink2				{font-family: lucida sans unicode, verdana, trebuchet ms, arial;
						font-size: 14px;
						color: #dedede;
						text-decoration: underline;
						}
						
.bodylink2:hover		{font-family: lucida sans unicode, verdana, trebuchet ms, arial;
						font-size: 14px;
						color: #dedede;
						text-decoration: none;
						}
						
.bodytext3				{font-family: lucida sans unicode, verdana, trebuchet ms, arial;
						font-size: 13px;
						color: #dedede;
						}
						
.bodylink3				{font-family: lucida sans unicode, verdana, trebuchet ms, arial;
						font-size: 13px;
						color: #dedede;
						text-decoration: none;
						}
						
.bodylink3:hover		{font-family: lucida sans unicode, verdana, trebuchet ms, arial;
						font-size: 13px;
						color: #dedede;
						text-decoration: none;
						}
						
.bodytext4				{font-family: lucida sans unicode, verdana, trebuchet ms, arial;
						font-size: 13px;
						color: #ffffff;
						}
						
.bodylink4				{font-family: lucida sans unicode, verdana, trebuchet ms, arial;
						font-size: 13px;
						color: #ffffff;
						text-decoration: underline;
						}
						
.bodylink4:hover		{font-family: lucida sans unicode, verdana, trebuchet ms, arial;
						font-size: 13px;
						color: #ffffff;
						text-decoration: none;
						}
						
.bodytext5				{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #634118;
						}
						
.bodylink5				{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #634118;
						text-decoration: underline;
						}
						
.bodylink5:hover		{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #634118;
						text-decoration: none;
						}
						
.bodytext6				{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #ffffff;
						}
						
.bodylink6				{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #ffffff;
						text-decoration: underline;
						}
						
.bodylink6:hover		{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #ffffff;
						text-decoration: none;
						}
						
.bodytext7				{font-family: verdana, trebuchet ms, arial;
						font-size: 10px;
						color: #ffffff;
						}
						
.bodylink7				{font-family: verdana, trebuchet ms, arial;
						font-size: 10px;
						color: #ffffff;
						text-decoration: none;
						}
						
.bodylink7:hover		{font-family: verdana, trebuchet ms, arial;
						font-size: 10px;
						color: #ffffff;
						text-decoration: underline;
						}
						
.bodytext8				{font-family: lucida sans unicode, verdana, trebuchet ms, arial;
						font-size: 12px;
						color: #ffffff;
						text-decoration: none;
						}
						
.bodylink8				{font-family: lucida sans unicode, verdana, trebuchet ms, arial;
						font-size: 12px;
						color: #ffffff;
						text-decoration: none;
						}
						
.bodylink8:hover		{font-family: lucida sans unicode, verdana, trebuchet ms, arial;
						font-size: 12px;
						color: #ffffff;
						text-decoration: underline;
						}
				
.heading				{font-family: verdana, trebuchet ms, arial;
						font-size: 18px;
						color: #1b3c64;
						}
						
.feature				{border: solid 1px #3775a4;
						}
						
.feature:hover			{border: solid 1px #ffffff;
						}
						
.directorybg			{background-color: #a6c5dc;
						}
						
.spiffy					{display:block;
						}

.spiffy 			  *{display:block;
						z-index: 3;
  						height:1px;
  						overflow:hidden;
						font-size:.01em;
  						background:#a6c5dc;
						}
						
.spiffy1				{margin-left:3px;
						margin-right:3px;
						z-index: 3;
						padding-left:1px;
						padding-right:1px;
						border-left:1px solid #a6c5dc;
						border-right:1px solid #a6c5dc;
						background:#a6c5dc;
						}
						
.spiffy2				{margin-left:1px;
  						margin-right:1px;
  						z-index: 3;
  						padding-right:1px;
  						padding-left:1px;
						border-left:1px solid #a6c5dc;
  						border-right:1px solid #a6c5dc;
 						background:#a6c5dc;
						}
						
.spiffy3				{margin-left:1px;
						margin-right:1px;
						z-index: 3;
						border-left:1px solid #a6c5dc;
						border-right:1px solid #a6c5dc;
						}
						
.spiffy4				{z-index: 3;
						border-left:1px solid #a6c5dc;
						border-right:1px solid #a6c5dc;
						}
						
.spiffy5				{z-index: 3;
						border-left:1px solid #a6c5dc;
						border-right:1px solid #a6c5dc;
						}
						
.spiffyfg				{z-index: 3;
						background:#a6c5dc;
						padding: 8px;
						color: #ffffff;
						font-size: 14px;
						}
						
p.fbook 				{padding-top:5px;
						margin: 0px;
						}