#wrapper {
	text-align:center;
	width:700px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	position:relative;
	display:block;
	overflow:visible;
	background-color:#fff;
	font-family:
    "Century Gothic",		/* Windows (HP printer) */
    "Avant Garde Gothic",	/* HP font name */
    "Avant Garde",		/* MacOS */
    "URW Gothic L",		/* Unix+X+FontConfig */
/* Fallback options */
    helvetica,			/* Unix+X, MacOS */
    sans-serif;
}
#top {
	width:100%;
	height:200px;
	background-color:#ddd;
	background-image:url("images/front01_01.gif");
	color:#000;
	border-color:#000;
	border-style:solid;
	border-width:0px;
	display:block;
	clear:both;
}
#bottom {
	width:100%;
	height:50px;
	background-color:#ddd;
	background-image:url("images/bottom.gif");
	color:#000;
	border-color:#000;
	border-style:solid;
	border-width:0px;
	display:block;
	clear:both;
	border-bottom:2px solid #ccc;
}
#menu a, #menu a:visited {
  position:relative;
  text-decoration:none; 
  text-align:center; 
  background-color:#9ab; 
  color:#fff; 
  display:block; 
  width:10em; 
  border:2px solid #fff;
  border-color:#def #678 #345 #cde;
  padding:0.25em;
  margin:0.5em auto;
  }

#menu a:hover {
  top:2px;
  left:2px;
  color:#fff;
  border-color:#345 #cde #def #678;
}
#nav {
	float:left;
	border:0px solid #000;
	width:196px;
	margin:0px;
	height:auto;
	position:relative;
	display:inline;
	padding: 15px 0px 15px 0px;
	/*font-family: "Andale Mono", monospace;*/
	background-image:url("images/front01_02.gif");
	background-repeat:no-repeat;
	font-size:small;
	overflow:hidden;
}
#extras {
	float:left;
	width:196px;
	margin:0px;
	height:auto;
	position:relative;
	display:inline;
	padding: 15px 0px 15px 0px;
	font-size:small;
	overflow:hidden;
	border-top: 1px dotted #ccc;
}
#extras h1 {
	font-size:small;
	font-variant:small-caps;
}
#content {
	text-align:left;
	border:0px solid #000;
	width:503px;
	height:auto;
	float:right;
	position:relative;
	display:inline;
	color:#333;
	padding: 15px 0px 15px 0px;
	border-left: 1px dotted #ccc;
	background:url("images/front01_03.gif") no-repeat top right;
	margin:0px;
	overflow:hidden;
	font-size:small;
}
#content p, #content li {
	line-height:130%;
	text-align:justify;
	color:#666;
	padding:0px 20px 0px 20px;
}
#content a {
	color:#789;
}
#top h1 {
	color:#333;
	display:inline;
	font-size:50px;
	font-variant:small-caps;
	padding:20px;
}

#content h1 {
	color:#333;
	display:inline;
	font-variant:small-caps;
	padding-left:20px;
}
#content h2 {
	font-variant:small-caps;
	color:#333;
	clear:both;
	border-bottom: 1px dotted #ccc;
	padding-left:20px;
}

.clear {clear:both;height:1px;overflow:hidden;}

body {
	background:#eee url(images/img_repeat.gif) repeat;
	text-align: center;
	margin:0;
	padding: 10px 0 20px 0;
}

/* CALENDAR */
#calendar_div {
	text-align:left;
	padding:0px 20px 0px 20px;
	float:none;
	font-size:small;
}
#calendar_div a{
	color:#333;
}
.calendar_month {
	width:auto;
	float:left;
}
.month_select {
	font-family: "Andale Mono", monospace;
	font-size:small;
	padding-bottom:10px;
}

/* PHOTO */
.inlinephoto {
	width:auto;
	height:auto;
	float:left;
	font-family: "Andale Mono", monospace;
	padding:10px;
	margin:0 10px 10px 10px;
	border:1px solid #ccc;
}
.photos {
	padding-left:20px;
}
.bigphoto {
	width:auto;
	height:auto;
	float:left;
	font-family: "Andale Mono", monospace;
	padding:10px;
	margin:0px;
	border:1px solid #ccc;
}
.photo {
	width:220px;
	height:220px;
	float:left;
	font-family: "Andale Mono", monospace;
}
.photo img {
	border:1px solid #ccc;
	padding:10px;
	background-color:#fff;
	text-align:center;
	vertical-align:middle;
	font-family: "Andale Mono", monospace;
}
.smallphoto {
	width:auto;
	height:auto;
	float:left;
	padding:5px;
	border:1px solid #ccc;
	margin:7px;
}


/* RATES TABLE */
#rates {
	float:none;
	color:#333;
	border: 0px solid;
	text-align:left;
	font-family: "Andale Mono", monospace;
	font-size:small;
	padding:0px 20px 0px 20px;
}
#rates th {
	background-color:#eee;
	font-weight:bold;	
	padding:5px;
	font-size:small;
}
#rates tr {
	margin:3px;
	padding:5px;
	font-size:small;
}
.rate {
	text-align:right;
}
#rates td {
	background-color:#eee;
	padding:5px;
}

/* CALENDAR */

.calendar {
	text-align:center;
	font-family: "Andale Mono", monospace;
	font-size:small;
	color:#333;
}	
a.cal_head {
	color:#333;
}
a.cal_head:hover {
	text-decoration: none;
}
.cal_head {
	background-color:#DDD;
	font-weight:normal;
}
.cal_days {
	background-color:#ddd;
	font-weight:normal;
}
.cal_content {
	background-color:#eee;
}
.cal_today {
	background-color:#fff;
}
.cal_booked {
	text-decoration:line-through;
	background-color:#f66;
}

/* CALENDAR END */


#credits {
	font-size:10px;
	color:#666;
	padding-top:25px;
}
#credits a {
	font-size:10px;
	color:#666;
}