@charset "utf-8";
/* CSS Document */

body {
	background: #e7e7e9;
}
.header {
	background:#FFFFFF url(../images/header.jpg) top left no-repeat;
	width: 800px;
	height: 222px;
}
.footer {
	background:#e7e7e9 url(../images/footer.jpg) top left no-repeat;
	width: 800px;
	height: 80px;
}
.nav {
	background:#CCCCCC;
	border-top-color:#ffffff;
	border-top-style:solid;
	border-top-width:5px;
	height: 35px;
	border-bottom-color:#000;
	border-bottom-style:solid;
	border-bottom-width:5px;
	height: 35px;

}
ul { list-style:none;}
ul.main {list-style:square; color:#666666;}
ul.main2 {list-style:square; color:#666666; margin: 5px; padding: 5px;}
li.main {font-weight:bold; padding-bottom: 5px;}

h1 {font-size:60px; color:#000; line-height:1.2em; margin:-8px 0 -11px; letter-spacing:-1px;}

.left { float:left;}
.right {float:right;}
.space {width: 170px; float:left;}
.space2 {width: 170px; float:left; padding-top:20px;}
.bookings {float:right; padding-top: 20px;}

.style1 {font:12px Arial, Helvetica, sans-serif; color:#666666;}
.style2 {font:14px Arial, Helvetica, sans-serif; color:#666666;}
.style3 {font:18px Arial, Helvetica, sans-serif; color:#666666;}
.style4 {font:18px Arial, Helvetica, sans-serif; color:#ffffff;}

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

/* ============================= nav ====================== */

.menu {padding:0px 0px 20px 0;}
* html .menu {padding:0px 0px 0 0;}
.menu li {float:left; padding:0 30px;}
.menu a {color:#999; text-decoration:none; text-transform:lowercase; font:14px Arial, Helvetica, sans-serif; font-size:20px; font-weight: bold; line-height:1.2em; letter-spacing:-1px; display:inline-block;}
.menu a:hover {color:#666;}
.menu a.active {color:#000;}

/* ============================= guesthouses nav ====================== */

td.g1normal {background:url(../images/g1_normal.jpg) left top repeat-x;cursor:pointer;cursor:hand;height:270px;width:271px;}
td.g1over {background:url(../images/g1_over.jpg) left top repeat-x;cursor:pointer;cursor:hand;height:270px;width:271px;}

td.g2normal {background:url(../images/g2_normal.jpg) left top repeat-x;cursor:pointer;cursor:hand;height:270px;width:138px;}
td.g2over {background:url(../images/g2_over.jpg) left top repeat-x;cursor:pointer;cursor:hand;height:270px;width:138px;}

td.g3normal {background:url(../images/g3_normal.jpg) left top repeat-x;cursor:pointer;cursor:hand;height:270px;width:145px;}
td.g3over {background:url(../images/g3_over.jpg) left top repeat-x;cursor:pointer;cursor:hand;height:270px;width:145px;}

td.g4normal {background:url(../images/g4_normal.jpg) left top repeat-x;cursor:pointer;cursor:hand;height:270px;width:246px;}
td.g4over {background:url(../images/g4_over.jpg) left top repeat-x;cursor:pointer;cursor:hand;height:270px;width:246px;}

#nav2 {font:14px Arial, Helvetica, sans-serif; color:#FFFFFF; vertical-align:baseline; padding-bottom: 15px;}

/* ============================= guesthouses nav ====================== */

input.text {width: 300px; height: 30px; font:14px Arial, Helvetica, sans-serif; color:#666666;}
input.small {width: 100px; height: 30px; font:14px Arial, Helvetica, sans-serif; color:#666666;}
input.mid {width: 200px; height: 30px; font:14px Arial, Helvetica, sans-serif; color:#666666;}
select {width: 300px; height: 30px; font:14px Arial, Helvetica, sans-serif; color:#666666;}
textarea {{width: 300px; height: 120px; font:14px Arial, Helvetica, sans-serif; color:#666666;}