body {
	color: #333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 90%;
	background:#DBE5DD url('/img/site/bg-white.png') top center repeat-y;
	margin: 0;
	padding: 0;
	text-align: center;

}

body#content {
	background-image: none;
	background-color: #fff;
	text-align: left;
}

h1 { font-size: 22px; margin:0; }
h2 { font-size: 20px; }
h3 {font-size: 18px; }
h4, h5, h6 {font-size: 16px; }

a {
	color: #3a4e66;
	text-decoration: none;
}

a:hover {
	color: #b0c2d4;
	text-decoration: none;
}

table, tr, td {
	padding: 10px;
}


#wrap {
	background: url(/img/site/wrap.jpg) repeat-x top left;
}

#container  {
	background-color: #fff;	
}

.head {
	background-color: ;
	height:72px;	
}

.header {
	background: url(/img/site/logo.jpg) no-repeat top left;
	height: 70px;
}

.header h1 {
	float:left;
	margin:0;
	padding:0;
}

.header h1 a {
	display:block;
	height:70px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	text-indent:-9999px;
	width:430px;
}

.reserve {
	font-size:14px;
	height: 70px;
}

.padding {
	padding:15px 10px 10px;	
}

.slider {
	height:215px;
	background: #245840;
}

.nav {
	background-color: #B2D9C7;
	height:43px;
}

.content {
	background-color: #fff;
	text-align: left;	
}

.sidebar {
	text-align: left;
	background-color: #fff;	
}

.foot {
	text-align: right;	
}

.navfoot {
	color: #fff;
	margin:0 auto;
	text-align:right;
	width:960px;
	padding:8px;
}

.navfoot a {
	color: #fff;
}

.navfoot a:hover {
	color: #B2D9C7;
}


.footer {
	background-color: #DBE5DD;
	width: 960px;
	height: 20px;
	clear: both;
	padding-top: 3px;
	margin: 0 auto;
	color: #fff;
}

#copy {
	color: #3B8B66;
	font-size: 10px;
}

#copy a {
	color: #245841;
}

#copy a:hover {
	color:#fff;
}


/* main navigation styles
=====================================================================*/

.nav {
	color: #fff;
	height: 43px;
	width: 960px;	
}

#navtxt ul li {
	display: inline;
	list-style-type: none;
	font-size: 15px;
	margin-left:0px;
	padding-right: 5px;
}

#navtxt a {
	color: #fff;
	text-decoration: none;	
}

#navtxt a:hover {
	color: #ccc;
	text-decoration: none;	
}

#nav {
	z-index: 2;
}

ul#navigation {
	font-size:15px;
	margin:0;
	padding-left:9px;
	padding-top:7px;
	width:950px;
	z-index:2;
}	

/* sub menu */
ul#navigation li ul { 
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	left: 0; /* set 1px less than menu width */
	top: 25px;
}

ul#navigation li ul li ul {
	left: 161px; /* set 1px less than menu width */
	top: 0;
}

/* menu items */
ul#navigation li a {
	display: block;
	text-decoration: none;
	color:#245841;
	/*background-color: #002E5C; /* IE6 bug */
	padding: 5px;
	/*border-bottom: 1px solid #ccc;*/
}

/* hover */
ul#navigation li a:hover {
	color: #ffffff;
	/*background-color: #a8c438;*/
}

/* with sub */
ul#navigation a.parent, ul#navigation a.parent:hover {
/*	background-image: url('images/arrows.gif');
	background-position: center right;
	background-repeat: no-repeat;
*/
}
/* sub menu items */
ul#navigation li ul li a {
	background-color: #e6e6e6;
	color: #373737;
	width: 150px;
	display: block;
	border: 1px solid #ccc;
	border-bottom: 0;
	padding: 3px 5px 4px 5px;
	
}
ul#navigation li ul li a:hover {
	background-color: #ffffff;
	color: #373737;
	width: 150px;
	display: block;
	border: 1px solid #ccc;
	border-bottom: 0;
	padding: 3px 5px 4px 5px;
}

/* should not need to be changed */
ul.nav, ul.nav ul { margin: 0; padding: 0; list-style: none; }
ul.nav li { position: relative; text-align: left; margin-left:0px; }
ul.nav ul { position: absolute; display: none; }
ul.nav li ul { z-index: 3; }
ul.nav li ul li ul { z-index: 4; }
ul.nav li:hover > ul { display: block; }

ul.nav > li { 
	float: left;
	width:115px;/*106*/
	text-align: center;
}



/* Sticky Footer Solution
=====================================================================*/

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap, #container {height: 100%;}

body > #wrap, body > #container {height: auto; min-height: 100%;}

#main {padding-bottom: 95px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -95px; /* negative value of footer height */
	height: 95px;
	clear:both;
	background:#cc0033 url('/img/site/sticky-bkg.jpg') repeat-x scroll 0 0;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* Slider
=====================================================================*/

ul.slide {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 960px;
}

ul.slide li{
	display:block;
	float:left;
	margin-left:0;
	border-right:3px solid #FFF;
}

ul.slide li a{
  display: block;
  overflow: hidden;
  height: 215px;
  width: 40px;
}

#a1{
	background: #245840 url('/img/site/slide-collier.jpg') no-repeat top left;
	width: 656px;
}

.a2{
	background: #245840 url('/img/site/slide-main.jpg') no-repeat top left;
	
}

.a3{
	background: #245840 url('/img/site/slide-carriage.jpg') no-repeat top left;
	
}

.a4{
	background: #245840 url('/img/site/slide-honeymoon.jpg') no-repeat top left;
	
}

.a5{
	background: #245840 url('/img/site/slide-pond.jpg') no-repeat top left;
	
}

.a6{
	background: #245840 url('/img/site/slide-creek.jpg') no-repeat top left;
	
}

.a7{
	background: #245840 url('/img/site/slide-loft.jpg') no-repeat top left;
	
}

.a8{
	background: #245840 url('/img/site/slide-breakfast.jpg') no-repeat top left;
	
}

ul.slide li img{
  position: absolute;
  border: 3px solid #881212;
}

ul.slide li p{
  margin: 0;
  padding: 0;
  display: block;
}