@charset "UTF-8";
/* CSS Document */
 
 
* {
	margin: 0px;
	padding: 0px;
	}
	
body {
	font: 82.5% Helvetica, Verdana, Arial, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #5C433F;
	background-image: url(img/bkgd-img.jpg);
	background-repeat: repeat-x;
	background-color: #764838;
	margin-left: 0px;
}
 
h1 {font-family:  'Trebuchet MS', Helvetica, Arial, sans-serif; font-size:2.5em; font-style:normal; color: #00555b;}
h2 {font-family:  'Trebuchet MS', Helvetica, Arial, sans-serif; font-size:2em; font-style:normal; padding: 6px 0 6px 0;; color: #00555b;}
h3 {font-family:  'Trebuchet MS', Helvetica, Arial, sans-serif; font-size:1.5em; padding-top: 3px; padding: 6px 0 6px 0;text-align: center; color: #00555b;}
h4 {font-family:  'Lucida Grande', Helvetica, Arial, sans-serif; font-size:1.33em; color: #00555b; padding: 6px 0 6px 0;}
h5 {font-family:  'Lucida Grande', Helvetica, Arial, sans-serif; font-size:1.2em; color: #00555b;}
h6 {font-family:  'Lucida Grande', Helvetica, Arial, sans-serif; font-size:1.2em; color: #00555b;}
p {font-family:  'Lucida Grande', Helvetica, Arial, sans-serif; font-size:1em; line-height: 18px; padding-bottom: 18px;}
 
 
#wrap {
	width: 846px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
 
#header {
	width: 846px;
	height: 281px;
	background: url(img/header.jpg) no-repeat
	}
	
#header h1 a {
	display: block;
	width: 846px;
	height: 281px;
	}
	
#header h1 a span {
	display: none;
	}
	
/*-- Navigation menu --*/
	
#menu {
	width: 846px;
	height: 116px;
	background: url(img/navbar.jpg) no-repeat;
	position: relative;
	}
	
#navbar a i { visibility: hidden; }
	
	
#navbar a.home {
	position: absolute;
	text-decoration: none;
	width: 83px;
	height: 71px;
	top: 0px;
	left: 33px;
	}
 
#navbar a.acc {
	position: absolute;
	text-decoration: none;
	width: 169px;
	height: 65px;
	top: 33px;
	left: 116px;
	}
	
#navbar a.rates {
	position: absolute;
	text-decoration: none;
	width: 88px;
	height: 56px;
	top: 48px;
	left: 285px;
	}
	
#navbar a.fish {
	position: absolute;
	text-decoration: none;
	width: 101px;
	height: 49px;
	top: 55px;
	left: 373px;
	}
	
#navbar a.wed {
	position: absolute;
	text-decoration: none;
	width: 201px;
	height: 64px;
	top: 40px;
	left: 474px;
	}
	
#navbar a.con {
	position: absolute;
	text-decoration: none;
	width: 138px;
	height: 64px;
	top: 7px;
	left: 675px;
	}
	
#navbar a.home:hover {
	background: url(img/navbar-home.jpg) no-repeat;
	}
#navbar a.acc:hover {
	background: url(img/navbar-accomadations.jpg) no-repeat;
	}
#navbar a.rates:hover {
	background: url(img/navbar-rates.jpg) no-repeat;
	}
#navbar a.fish:hover {
	background: url(img/navbar-fishing.jpg) no-repeat;
	}
#navbar a.wed:hover {
	background: url(img/navbar-weddings.jpg) no-repeat;
	}
#navbar a.con:hover {
	background: url(img/navbar-contact.jpg) no-repeat;
	}
	
/*-- content stuff --*/
 
	
#content {
	width: 846px;
	background: url(img/content-bkgd.jpg) repeat-y;
	float: left;
	}
	
.main {
	width: 696px;
	padding: 15px 75px 0 75px; 
	}
 
ul {
	padding: 10px 0 12px 5px;
	list-style-position: inside;
	}
		
 li {
	font-size: 1.2em;
	padding: 3px 0 3px 0;
	}
 
	
ul.home2 {
	padding: 20px 0 20px 200px;
	list-style-position: inside;
	}
		
ul.home2 li {
	font-size: 1.5em;
	font-weight: bold;
	padding: 8px 0 8px 0;
	}
	
		
ul.home {
	padding: 10px 0 12px 5px;
	list-style-position: inside;
	}
		
ul.home li {
	font-size: 1.2em;
	font-weight: bold;
	padding: 3px 0 3px 0;
	}
	
.alignright {
	float: right;
	padding: 0px 0px 6px 8px;
	}
 
.alignleft {
	float: left;
	padding: 0px 8px 6px 0;
	}
	

 
.images {
	width: 320px;
	text-align: center;
	font-size: .9em;
	float: left;
	padding: 13px;
	margin: 5px 0 8px 0;
	}
	
.image-full {
	width: 600px;
	text-align: center;
	font-size: .9em;
	padding: 13px;
	}
 
 
	
	
#right {
	float: right;
	width: 296px;
	}
	
#footer {
	clear:both;
	width: 846px;
	background: url(img/footer-bkgd.jpg) no-repeat ;
	margin: 0 0 25px 0;
	}
	
#footer p {
	color: #F2E7C9;
	padding: 34px 0 0 0;
	text-align: center;
	}
	
.rainbow {
	font-size: 1.5em;
	font-weight: bold;
	padding: 15px 0 15px 5px;
	}