body {

	margin: 0;
	font-size: 12px;
	font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	background: url('images/back.gif') top left repeat-x #B1C38A;

}

#page {

	display: block;
	text-align: center;

}

#layout {

	width: 996px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;

}


#header {

	width: 996px;
	height: 165px;
	background: url("images/logo.gif") top left no-repeat;

}

#topNav {
	text-align: right;
	float: right;
	margin-top: 100px;

}

#topNav li{

	background: url('images/linkRight.gif') top right no-repeat;

}


#topNav ul li a {

	padding: 3px 9px 3px 9px;
	font-size: 14px;
	color: #916124;
	text-decoration: none;
	height: 33px;
	margin-bottom: 6px;

}

#topNav ul li a:hover{

	background: url('images/linkHover.gif') bottom center no-repeat;

}

#topNav ul li.current a{

	background: url('images/linkHover.gif') bottom center no-repeat;

}

#topNav .lastOne{

	background: none;

}

#contactInfo{


	font-size: 14px;
	color: #4D2A01;
	clear: both;

}

#contactInfo a{
	
	color: #4D2A01;

}

#home #topIMG {

	background: url("images/homeTop.jpg") top left no-repeat;
	width: 996px;
	height: 384px;
	overflow: hidden;


}

#inn #topIMG {

	background: url("images/innTop.jpg") top left no-repeat;
	width: 996px;
	height: 384px;

}

#area #topIMG {

	background: url("images/areaTop.jpg") top left no-repeat;
	width: 996px;
	height: 384px;

}
#blog #topIMG {

	background: url("images/hd_blog.jpg") top left no-repeat;
	width: 996px;
	height: 384px;

}
#directions #topIMG {

	background: url("images/directionsTop.jpg") top left no-repeat;
	width: 996px;
	height: 384px;

}

#rooms #topIMG {

	background: url("images/roomsTop.jpg") top left no-repeat;
	width: 996px;
	height: 384px;

}

#specials #topIMG {

	background: url("images/specialsTop.jpg") top left no-repeat;
	width: 996px;
	height: 384px;

}

#cottage #topIMG {

	background: url("images/cottageTop.jpg") top left no-repeat;
	width: 996px;
	height: 384px;

}

#reservations #topIMG {

	background: url("images/reservationsTop.jpg") top left no-repeat;
	width: 996px;
	height: 384px;

}

.nav ul {

	list-style: none;
	margin: 0;
	padding: 0;

}

.nav ul li {

	float: left;

}

.nav ul li a {

	display: block;
	padding: 3px 5px 3px 5px;
	text-decoration: none;

}

.nav ul li a:hover {

	text-decoration: underline;

}

.side{

	display: none;

}


#home .sideBar #side{

	background: url('images/homeLeft.jpg') top left no-repeat;
	width: 356px;
	height: 269px;
	float: left;
	margin: 20px 20px 0 19px;

}

#fb {
	position:relative;
	left:30px;
	top:280px;
}

#fb2 {
	float:right; 
}

#cottage .sideBar #side{

	background: url('images/cottageLeft.jpg') top left no-repeat;
	width: 356px;
	height: 1139px;
	float: left;
	margin: 33px 20px 0 19px;

}

#inn .sideBar #side{

	background: url('images/INNLeft.jpg') top left no-repeat;
	width: 356px;
	height: 583px;
	float: left;
	margin: 20px 20px 0 19px;

}


#specials .sideBar #side{

	background: url('images/specialsLeft.jpg') top left no-repeat;
	width: 356px;
	height: 240px;
	float: left;
	margin: 20px 20px 0 19px;

}

#content {

	clear: both;
	background: url("images/contentBack.gif") top left no-repeat #FEFACF;

}

#content .container{

	font-size: 13px;
	color: #493504;
	padding: 20px;
	min-height: 280px;

}



#home .sideBar #content .container{

	width: 560px;
	margin-left: 380px;
	
}


a {
color: #2c5744;
text-decoration: underline;
}

a:hover {
text-decoration: underline;
color: #839360;
}  



.image{



}

.right{
	
	float: right;
	margin: 0 0 10px 15px;
	clear: both;

}

.left{

	float: left;
	margin: 0 15px 5px 0;
	clear: both;

}


#bottom{

	background: url('images/bottomBack.gif') repeat-x top left;
	height: 62px;

}

#bottomNav {

	font-size: 12px;
	margin: 0px 0 0 0;
	padding: 5px 0 0 0;
	height: 30px;
	
}

#bottomNav a{

	padding: 1px 6px 0 6px;
	color: #493504;
	border-right: 1px solid #493504;
	margin: 2px 0 0 0;

}

#bottomNav .lastOne a{

	border-right: none;

}

#bottom #contactInfo{

	width: 800px;
	font-size: 12px;
	margin: -15px 0 0 10px;
	float: left;

}

#contactInfo p{

	margin: 0px 0 0 0;

}

#copyright {

	width: 996px;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	font-size: 10px;
	color: #493504;

}

#copyright a {

	text-decoration: none;
	color: #493504;

}

#copyright a:hover {

	text-decoration: underline;

}

#gc{

	float: right;
	margin: 5px 10px 0 0;

}

#mapHolder{

	float: right;
	margin: 0 0 0 10px;

}

.clear{

	clear: both;

}