* {margin:0;padding:0;} 
html, body, #wrap {height: 100%;}

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

#main {padding-bottom: 222px;width:940px;margin:0 auto;padding-top:20px; min-height:390px;}  /* must be same height as the footer */


.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}

@font-face {
    font-family: 'PTSansRegular';
    src: url('PT_Sans.eot');
    src: url('PT_Sans.eot?#iefix') format('embedded-opentype'),
         url('PT_Sans.woff') format('woff'),
         url('PT_Sans.ttf') format('truetype'),
         url('PT_Sans.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'PTSansNarrowBold';
    src: url('PT_Sans_Narrow_Bold.eot');
    src: url('../PT_Sans_Narrow_Bold.eot?#iefix') format('embedded-opentype'),
         url('../PT_Sans_Narrow_Bold.woff') format('woff'),
         url('PT_Sans_Narrow_Bold.ttf') format('truetype'),
         url('PT_Sans_Narrow_Bold.svg#PTSansNarrowBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	background: #a89166 url(../images/img01.gif) repeat-x;
	font: 1.0em 'PTSansRegular', Verdana, Arial, sans-serif;letter-spacing: 0;
	/*font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	color: #333333;
}
p.bodysmall {
	font: .8em 'PTSansRegular', Verdana, Arial, sans-serif;letter-spacing: 0;
	color: #333333;
}
h1.fontface {font: 0px/45px 'PTSansNarrowBold', Verdana, Arial, sans-serif;letter-spacing: 0;}
h2.fontfacebold {font: 2.0em 'PTSansNarrowBold', Verdana, Arial, sans-serif;letter-spacing: 0;font-weight:800;}
/*p.body {font: 18px 'PTSansRegular', Verdana, Arial, sans-serif;margin-bottom:0em;margin-left:25px;}*/

h1, h2, h3 {
	font-weight: normal;
	font: 2.5em 'PTSansNarrowBold', Verdana, Arial, sans-serif;letter-spacing: 0;
	letter-spacing: -1px;
	color: #514F42;
}
h2.bold {
    font-weight:800;
}
h4  {
	font-weight: normal;
	font: 2.25em 'PTSansNarrowBold', Verdana, Arial, sans-serif;letter-spacing: 0;
	letter-spacing: -1px;
	line-height: 1.0em;
	color: #514F42;
}
p, ol, ul {
	line-height: 1.2em;
}
p {
    margin-bottom: 1.2em;
}

.testimonials {
 margin-bottom:20px;
 text-align:justify;
 border-bottom: solid 1px #000;
 }
a {
	color: #fff;
}

a:hover {
	text-decoration: none;
}
/* Header */

#header {
	width: 940px;
	height: 220px;
	margin: 0px auto;
	border:solid 0px #000;
}

/* Logo */

#logo {
	float: left;
	padding: 0 0 0 0;
	background: url(../images/logo1.png) no-repeat left top;
	width:650px;
	height:140px;
	margin-top: 20px;
	position: absolute;
	border:solid 0px #000;
}
/* Menu */

#menu {
	height: 30px;
	position: absolute;
	width: 935px;
	margin-top: 182px;
	border:solid 0px #000;
}

#menu ul {
	float: left;
	margin: 0px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	margin-left: 3px;
	padding: 2px 6px;
	background: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	border-top: 2px solid #EBEAD1;
	/*font-family: Arial, Helvetica, sans-serif; */
	font-weight: bold;
	font-size: 11px;
	color: #182C33;
}

#menu a.book
{
	border-top: 2px solid #006e6e;
    background: #006e6e;
    color: #fff;
}

#menu a:hover, .active a
{
    background-color:#e0dedb;
    border-top: 2px solid #fff;
}
#wrap {
    width:940px;
    margin: 0 auto;
}
#contentLeft {
	float: left;
	width: 650px;
	padding-right: 10px;
	border-right: solid 2px #8a7653;
	top: 0px;
	height: 450px;
}
#contentRight {
	float: right;
	top: 0px;
	width: 250px;
	height: 400px;
	margin-right:10px;
}
.mailerlabel { float:left; width: 100px; padding: 5px;}
.mailerinputlabel { float:left; width: 200px; padding: 5px;}

.directions { 
	  padding:0; 
	  margin-left:30px; 
	  } 
.directions li { 
	  list-style-type:none; 
	  } 
#footer 
{
    position: relative;
	height: 222px;
	width: 100%;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 20px;
	color: #FFFFFF;
	margin-top: -150px; /* negative value of footer height */
	clear:both;
	background: url(../images/footerbackground.gif) repeat-x;
	background-color:#534831;
	} 

#footer a 
{
    font: 'QuicksandLight', Arial, sans-serif;
	/*font-family: Tahoma, Arial, Helvetica, sans-serif;*/
	text-decoration: none;
	font-size: 11px;
	color: #FFFFFF;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer li {
	display: block;
	float: left;
	width: 200px;
	padding-left: 150px;
}

#footer li.first {
	padding-left: 0;
}

#footer li ul {
	margin: 0;
	margin-bottom: 30px;
}

#footer li li {
	display: list-item;
	float: none;
	margin: 0;
	padding: 2px 0;
	border-bottom: 1px solid #573D30;
}

#footer p {
    font-size:.75em;
}

#footer h2 {
    font-size: 1.8em;
	margin-top: 0;
	color: #FFFFFF;
}
.copyright {
    font-size:10px;
    color:#dedede;
}
#slideshow {
    position:relative;
    height:260px;
    font-size:.8em;
}
 
#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 260px;
    background-color:#a89166;
}
 
#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}
 
#slideshow DIV.last-active {
    z-index:9;
}
 
#slideshow DIV IMG {
    height: 175px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}

#slideshow DIV a {
    color: #fff;
    background-color: inherit;
    text-decoration:none;
    }

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #ddd;
 /*font: 12px Verdana, sans-serif;*/
	font-weight: bold;
	font-size: 11px;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #ddd;
 border-bottom: none;
 background: #fff;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #000; }
ul.tabbernav li a:visited { color: #000; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #ddd;
 border-color: #ddd;
}

ul.tabbernav li.tabberactive a
{
 background-color: #a89166;
 border-bottom: 1px solid #a89166;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: #fff;
 border-bottom: 1px solid #ddd;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #ddd;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 min-height:400px;
 margin-bottom: 20px;
 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 overflow:auto;
 margin-left: 20px;
}