@charset "UTF-8";
/* CSS Document */
/*Body and wrapper styles styles*/
body {
			margin: 	   0;
			margin-left: 10%;
			margin-right: 10%;
			margin-top: 20px;
			padding:		0;
			font-family:    Tahoma, Geneva, sans-serif;
			font-size: 		80%;
		}
#wrapper { 
			position: relative;
			width: 886px;
			margin: auto;
			background-color: #7bb158;
		}
/*Header Styles*/

#header {
		 position: relative;
		 width: 886px;
		 height: 130px;
		 background: transparent url(../images%20/accent.png) no-repeat top left;
		 padding: 2px;
}
#header h1 { 
			margin: 0;
			padding:10px;
			text-indent: -1000px;
			overflow:    hidden;
}
#header p { position: relative;
			padding: 10px;
}
/*Accent styles*/
#accent {
			margin-top:     -9px;
			padding:		0;
			position:		relative;
			text-indent:	-10000px;
			overflow:		hidden;
			height:			110px;
			width:			886px;
			background: transparent url(../images%20/header-lakes.gif) no-repeat top left;
}
/*Navigation styles*/
#nav {
			position:		relative;
			width:			886px;
			height:			50px;
			margin-top:     -15px;
			background:     url(../images%20/navbg.png);
		}
#nav ul {
			margin:			0;
			margin-left: 27.5px;
			margin-right: 10px;
			padding:		0;
		}
#nav ul li {
			list-style:		none;
			float:			left;
			margin-top:		18px;
			height:			16px;
}

#nav li a {
			display: block;
		}
/*Navigation buttons styles*/
#btnHome {
			width:			135px;
			text-indent:    -10000px;
			overflow:        hidden;
			text-decoration: none;
			background: url(../images%20/navbtns.png) no-repeat -15px -1px;
			}
#btnHome:hover { 
			background-position: -15px -17px;
}
#btnAccommodation {
			width:			215px;
			overflow:		hidden;
			text-indent:    -10000px;
			text-decoration: none;
			background: url(../images%20/navbtns.png) no-repeat -155px -1px;
}
#btnAccommodation:hover { 
			background-position: -155px -17px;
}
#btnPricing {
			width:			120px;
			overflow:		hidden;
			text-indent:    -10000px;
			text-decoration: none;
			background: url(../images%20/navbtns.png) no-repeat -370px -1px;
}
#btnPricing:hover { 
			background-position: -370px -17px;
}
#btnArea {
			width:			135px;
			overflow:		hidden;
			text-indent:    -10000px;
			text-decoration: none;
			background: url(../images%20/navbtns.png) no-repeat -485px -1px;
}
#btnArea:hover { 
			background-position: -485px -17px;
}
#btnWhere {
			width:			110px;
			overflow:		hidden;
			text-indent:    -10000px;
			text-decoration: none;
			background: url(../images%20/navbtns.png) no-repeat -630px -1px;
}
#btnWhere:hover { 
			background-position: -630px -17px;
}
#btnContact {
			width:			130px;
			overflow:		hidden;
			text-indent:    -10000px;
			text-decoration: none;
			background: url(../images%20/navbtns.png) no-repeat -745px -1px;
			}
#btnContact:hover { 
			background-position: -745px -17px;
}

/*content styles*/
#content {
			position: relative;
			}
#tile {
			position:		relative;
			width:			886px;
			margin-top:     -5px;
			height:			335px;
			background:     url(../images%20/tiles.png);
}
#intro {
	position: 			absolute;
	width:              440px;
	height:             290px;
	top: 10px;
	left: 10px;
}
#textinner { 
	width: 440px;
	height: 220px;
	overflow: auto;
	padding:1px;
}
#intro h1 { margin: 10px 30px;
}
#intro p { margin: 10px 30px;
		   }
#picturespanel {
	position:  absolute;
	left:      455px;
	top:       1px;
	width: 432px;
	height: 317px;
}
#contactinfo {
	position:    absolute;
	left: 20px;
	top: 5px;
	width: 727px;
	height: 131px;
}
/*Footer styles*/
#footer { 
			position: relative;
			width:    886px;
			height:   50px;
			margin: 0;
			margin-top: -30px;
			background: url(../images%20/navbg.png);
}
#footer h6 {
			position: relative;
			padding:  25px;
			font-size: 50%;
			}
#footer p {
			position: absolute;
			left:     825px;
			top:      12px;
			text-decoration: none;
			font-size: 70%;
			
}