body {
	font-family: Helvetica, "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 0.8em;
	line-height: 130%;
	background: #222420;
	color: #ffffff;
}
/* Define links */

a:link {
		color:#a5bed5;
		text-decoration:none;
}

a:visited {
		color:#a5bed5;
		text-decoration:none;
}

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

a:active {
		color:#a5bed5;
		text-decoration:none;
}

/*Rules for Headings */
h1 {
		font-size: 125%;
		color: #a5bed5;
}
h2 {
		font-size: 111%;
		color: #a5bed5;
}
h3 {
		font-size: 105%;
		color: #a5bed5;
}

h4 {
		font-size: 100%;
		color: #a79b4e;
}

.altres {
	color: #363932;
}

#wrap {
	width: 750px;
	background-color: #363932;
	margin: 0px auto 0px auto;
}

/* Rollover class */
.rollover {
	display: block;
	width: 243px;
	height: 128px;
	background: url(../../images/i4.gif) no-repeat;
	text-indent: -9999px;
}

/* Turn off all browser link outlines */
a {
	outline: none;
}

a. rollover:link, a.rollover:visited, a.rollover:active {
	background:url(../../images/i4.gif) no-repeat;	
}

a.rollover:hover {
	background-position: -243px 0;
}

#gallery {width:750px; height:400px; float: left;}

#content{
	width:454px;
	float: left;
	padding: 10px;
}

#contentres{
	width:509px;
	float: left;
	padding: 0px 10px 10px 10px;
}

#contentpackage{
	width:700px;
	padding: 10px;
}

#resside{
	width: 200px;
	padding: 10px 0px 10px 10px;
	float: right;
	}
	
#resside h2 {
	padding: 12px 0px 0px 0px;
	background:#222420;
	border-top: 1px solid #a79b4e;
}


#side {
	width: 258px;
	padding: 10px 5px 10px 5px;
	float: right;
}

#side h2 {
	padding: 5px 2px 2px 2px;
	background:#222420;
	border-top: 1px solid #a79b4e;
}
.inside {
	border-left: 1px solid #a79b4e;
	padding: 0px 0px 0px 10px;
}

.image_float {
	float: left;
	margin: 0 10px 5px 0;
}

.spacer {
	clear: left;
}
  


/* Anything here is to stop the collapse of columns due to the sticky footer */

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

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

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

#header {
	background: #222420;
	height: 110px;
	padding: 0px;
}

#header dl{
	float: right;
	color: #a79b4e;
	padding: 30px 0px 0px 0px;
	text-align: right;
}

#header h1 {
	float: left;
	padding: 0px 0px 0px 0px;
}



#footer {position: relative;
	margin-top: -25px; /* negative value of footer height */
	height: 25px;
	width: 750px;
	color:  #a79b4e;
	background: #222420;
	margin: 0px auto 0px auto;
	clear:both;
	} 

/* 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 */

/* End of Stick footer fix */
 

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:10px;
width:150px;
padding:7px 0;
color: #222420;
background: #a79b4e;
text-decoration:none;
text-align:center;
}
/* style the links hover */
.menu :hover{
color:#222420;
background:#ffffff;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}

/* form styling */

legend {
	background-color: #a79b4e;
	margin: 0;
	color: #222420; 
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff #aaa #666 #fff;
}

input, textarea {
	border: 3px double #999999;
}

#name, #address, #email, #city, #cidate, {
	width: 100%;
}

/* booking table */

.bookTable td{
	border-bottom:1px dotted #a79b4e;
	padding:10px 0;
}

.day, .month, .year, .nights, .adults, .children, .promotion{
	padding:4px;
	background:#F2F2E9;
	border:1px solid  #a79b4e;
	margin-right:2px;
	color: #666666;
	font-size:11px;
}

.year{
	width:60px;
}

.month{
	width:55px;
}

.day{
	width:50px;
}

.calBtn{
position:absolute;
}

.nights, .adults, .children{
width:60px;
}

.promotion{
	width:200px;
}

.bookTitle{
	color: #a5bed5;
	font-size:11px;
}

.bookBtn{
	display:block;
	padding:2px;
	background:#222420;
	color:#a5bed5;
	border:1px solid #a79b4e;
	width:210px;
}

/**************************************************************************************
  htmlDatePicker CSS file
  
  Feel Free to change the fonts, sizes, borders, and colours of any of these elements
***************************************************************************************/
/* The containing DIV element for the Calendar */
#dpCalendar {
  display: none;          /* Important, do not change */
  position: absolute;        /* Important, do not change */
  background-color: #eeeeee;
  color: black;
  font-size: xx-small;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  width: 150px;
}
/* The table of the Calendar */
#dpCalendar table {
  border: 1px solid black;
  background-color: #eeeeee;
  color: black;
  font-size: xx-small;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  width: 100%;
}
/* The Next/Previous buttons */
#dpCalendar .cellButton {
  background-color: #ddddff;
  color: black;
}
/* The Month/Year title cell */
#dpCalendar .cellMonth {
  background-color: #ddddff;
  color: black;
  text-align: center;
}
/* An historic day of the month cell */
#dpCalendar .cellOld {
  background-color: #ddddff;
  border:solid 1px transparent;
  color: black;
  text-align: center;
}
/* Any regular day of the month cell */
#dpCalendar .cellDay {
  background-color: #ddddff;
  border:solid 1px transparent;
  color: blue;
  text-align: center;
}
/* The day of the month cell that is selected */
#dpCalendar .cellSelected {
  border: 1px solid red;
  background-color: #ffdddd;
  color: black;
  text-align: center;
}
/* The day of the month cell that is Today */
#dpCalendar .cellToday {
  background-color: #ddffdd;
  color: black;
  text-align: center;
}
/* Any cell in a month that is unused (ie: Not a Day in that month) */
#dpCalendar .unused {
  background-color: transparent;
  color: black;
}
/* The cancel button */
#dpCalendar .cellCancel {
  background-color: #cccccc;
  color: black;
  border: 1px solid black;
  text-align: center;
}
/* The clickable text inside the calendar */
#dpCalendar a {
  text-decoration: none;
  background-color: transparent;
  color: blue;
}  


/* Packages page */ 
.archive01 .archive_entry {
	border-bottom: 1px solid #a79b4e;
	margin: 0 0 20px 0;
	padding-bottom: 10px;
}
.archive01 .archive_entry span.archive_date {
	font-size: 12px;
	font-style: italic;
}
.archive01 .archive_entry span.archive_publication {
	font-size: 12px;
	font-weight: bold;
}
.archive01 IMG {
	border: 2px solid #a79b4e;
	float: right;
	margin: 0 0 20px 20px;
}