/* CSS Document */

/* TEXT AND PAGE PROPERTIES */
body {	background: url(images/background2.gif) repeat-x #61534c;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px; color: #534741; line-height: 10pt; }

#logo { background:url(images/logo2.gif) no-repeat;
		 width:145px;
		 height:118px;
		 margin: 5px auto 5px 10px; }		
h1 { visibility:hidden;}
h2 { font-size: 13px ; text-indent: 10px; color:#7daecc ; }
h3 { font-size: 13px ; text-indent: 10px; color:#7daecc ; }
h4 { font-size: 13px ; text-indent: 10px; color: #6875b0 ; }


p2 { color: #7daecc; font-size: 12px; line-height: 10pt; }
	
p { text-indent: 0px; margin: 10px; }
a:link { color: #524741; text-decoration: none;}
a:visited { color: #524741; text-decoration: none; }
a:hover { /*background: #524741 bottom center ; */
			/*color: #524741; padding-bottom: 5px; padding-top: 5px;*/ }
			
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/*IMAGES*/

img.border { height: auto; margin:5px; border: #003664 2px solid; }
img.logo { display: block; margin-left: auto; margin-right: auto; }
img.v_logo {height: auto; margin:1px; display: block; margin-left: auto ; margin-right: auto;}

/*drop shadows*/

	#dropshadow_welcomepage
	{

		position: relative;
		left: 2px ;
		z-index: -1 ;
		height: 731px ;
		width: 900px ;
		margin: -728px auto 0 auto;
		background:   #333333 ;
		

		}
	
		#dropshadow_accom
	{

		position: relative;
		left: 2px ;
		z-index: -1 ;
		height: 646px ;
		width: 900px ;
		margin: -643px auto 0 auto;
		background:   #333333 ;
		

		}
		
		
		#dropshadow_rates
	{

		position: relative;
		left: 2px ;
		z-index: -1 ;
		height: 891px ;
		width: 900px ;
		margin: -888px auto 0 auto;
		background:   #333333 ;
		

		}
		#dropshadow_act
	{

		position: relative;
		left: 2px ;
		z-index: -1 ;
		height: 866px ;
		width: 900px ;
		margin: -863px auto 0 auto;
		background:   #333333 ;
		

		}
		#dropshadow_keel
	{

		position: relative;
		left: 2px ;
		z-index: -1 ;
		height: 861px ;
		width: 900px ;
		margin: -859px auto 0 auto;
		background:   #333333 ;
		

		}
		#dropshadow_cook
	{

		position: relative;
		left: 2px ;
		z-index: -1 ;
		height: 728px ;
		width: 900px ;
		margin: -725px auto 0 auto;
		background:   #333333 ;
		

		}		
		
		#dropshadow_gal
	{

		position: relative;
		left: 2px ;
		z-index: -1 ;
		height: 632px ;
		width: 900px ;
		margin: -629px auto 0 auto;
		background:   #333333 ;
		

		}		
		#dropshadow_contact
	{

		position: relative;
		left: 2px ;
		z-index: -1 ;
		height: 1039px ;
		width: 900px ;
		margin: -1036px auto 0 auto;
		background:   #333333 ;
		

		}	
		
		
		
		
	/*DESIGN*/
	
	#container
	{
	top: 0px;
	vertical-align: middle;
	margin: 25px auto 0 auto;
	width: 900px;
	height: auto;
	text-align: left;
	background: /*url(images/white_grad2.gif)*/ repeat-x #f4f0df;
	clear: both;
	position: relative;

		}
/*		
	#top_bar
	{
		height: 21px;
		background: url(images/top_bar2.gif)  no-repeat;
		

		
		
	}
*/


	#nav_bar	
	{
		width: 900px ;
		height: 21px ;
		text-align: center ;
		background-color:#c5c9b2; 
		margin: 0px auto 0 auto;
		border-bottom: #7daecc 2px solid;

		

		
		}

		
	.menu { font-size:12px; 
			font: Arial; color: #fff; 
			line-height: 14pt; 
			margin: 0 0 0 0;
			font-weight:bold;
			height: 21px ;
			width: 900px;

			}
	.menu li { list-style:none; margin: 0;	padding: 0;}
	.menu li a { 	
	
			float: left;
			display: block;
			float: left;
			margin: 0 ;
			padding: 0px 15px;

	
	
	}
	.menu li a:hover { background: #524741 bottom center ; 
			color: #f4f0df; padding-bottom: 0px; padding-top: 0px; height: 21px ;}
	.menu li a:visited {}
	.menu li a:visited:hover {}
		
	.menu li b { 	
	
			float: left;
			display: block;
			float: left;
			margin: 0;
			padding: 0px 15px;
			background:#524741;
			height: 21px ;
			color: #f4f0df; }


	{

		width: 281px;
		height: 133px;
		background:url(images/boats.gif) no-repeat;
		margin: -45px auto 0 auto;
		
	}


		#house	
	{

		width: 281px;
		height: 130px;
		background:url(images/house.gif) no-repeat ;
		margin: -20px auto 0 auto;
		border-bottom: 10px solid  #e8e8e8 ;

		
	}
	
			#berries	
	{

		width: 270px;
		height: 127px;
		background:url(images/berries.gif) no-repeat;
		margin: -110px auto 0 auto;
		border-bottom: 10px solid  #fbf8f4 ;

		
	}

	/* contents for different pages */
	
	#contents_welcome
	{

	width: 800px ;
	height: 264px ;
	margin: 0px auto 0 auto;
	background: url(images/contents_background1.gif) no-repeat #fbf8f4;
	border-bottom: 10px solid #f4f0df ;
	border-top: 1px solid #f4f0df ;
	
	}

		#contents_accom
	{

	width: 800px ;
	height: 550px ;
	margin: 0px auto 0 auto;
	background: url(images/contents_background2.gif) no-repeat #fbf8f4;
	border-bottom: 10px solid #f4f0df ;
	border-top: 1px solid #f4f0df ;
	
	}
	
			#contents_rates
	{

	width: 800px ;
	height: 728px ;
	margin: 0px auto 0 auto;
	background: url(images/contents_background3.gif) no-repeat #f4f0df;
	border-bottom: 10px solid #f4f0df ;
	border-top: 1px solid #f4f0df ;
	
	}
	
				#contents_act
	{

	width: 800px ;
	height: 703px ;
	margin: 0px auto 0 auto;
	background: url(images/contents_background4.gif) no-repeat #f4f0df;
	border-bottom: 10px solid #f4f0df ;
	border-top: 1px solid #f4f0df ;
	
	}
	
					#contents_cook
	{

	width: 800px ;
	height: 469px ;
	margin: 0px auto 0 auto;
	background: url(images/contents_background5.gif) no-repeat #f4f0df;
	border-bottom: 10px solid #f4f0df ;
	border-top: 1px solid #f4f0df ;
	
	}
	
						#contents_keel
	{

	width: 800px ;
	height: 603px ;
	margin: 0px auto 0 auto;
	background: url(images/contents_background6.gif) no-repeat #f4f0df;
	border-bottom: 10px solid #f4f0df ;
	border-top: 1px solid #f4f0df ;
	
	}
	
							#contents_contact
	{

	width: 800px ;
	height: 876px ;
	margin: 0px auto 0 auto;
	background: url(images/contents_background7.gif) no-repeat #f4f0df;
	border-bottom: 10px solid #f4f0df ;
	border-top: 1px solid #f4f0df ;
	
	}
	
	
	
	
	
	
	
	
	
	#footer	
	{
		clear: both;
		height: 33px;
		background-image:url(images/bottom_bar3.gif);
	}


.clear {clear:both;}
