/* CSS Document */
body {
   margin: 0 0 30px 0;
   padding: 0;
   background: #114488;
   }
   
form {
   margin: 0;
   padding: 0;
}

label {
   font: bold 12px Arial, Helvetica, sans-serif;
   color: #202020;
   margin: 0 0 2px 0;
   padding: 0;
}

#wrapper {
   width: 850px;
   margin: 0 auto 20px auto;
   padding: 0;
   background: #fff;
   }
   
#header {
   width: 850px;
   height: 106px;
   margin: 0;
   padding: 0;
   }
   
#menu {
   width: 850px;
   height: 40px;
   margin: 0;
   padding: 0;
   }

#navigation {	position: relative; width: 850px; height: 40px; background: #FFFFFF url(images/menu.gif); right: 0; margin: 0; padding: 0; }
#navigation li {	position: absolute; margin: 0px; padding: 0px; list-style: none;  }
#navigation span {	display: none;	}
#navigation li, #navigation a	{ height: 40px; display: block	}

#home 	       { left: 17px; 	width: 55px; 	}
#services  	   { left: 104px; 	width: 81px; 	}
#accommodation { left: 213px;	width: 152px;	}
#activities	   { left: 388px;	width: 84px;	}
#contactus     { left: 498px;	width: 102px;	}

#home 		   a:hover{background: transparent url(images/menu.gif) -17px -40px no-repeat;}
#services      a:hover{background: transparent url(images/menu.gif) -104px -40px no-repeat;}
#accommodation a:hover{background: transparent url(images/menu.gif) -213px -40px no-repeat;}
#activities    a:hover{background: transparent url(images/menu.gif) -388px -40px no-repeat;}
#contactus     a:hover{background: transparent url(images/menu.gif) -498px -40px no-repeat;}

#search {
   width: 232px;
   margin: 0;
   padding: 0;
   }
   
#estsearch {
   width: 232px;
   height: 60px;
   margin: 0;
   padding: 0;
   }
   
#slide {
   width: 423px;
   margin: 0;
   padding: 0 0 0 13px;
   }

#sidebar {
   float: left;
   width: 232px;
   height: 506px;
   margin: 0;
   padding: 0;
   background:url(images/side-bar.jpg) no-repeat;
   overflow: hidden;
   }
   
#sidebar form{
   margin: 0;
   padding: 0;
   }
   
#content {
   float: left;
   width: 614px;
   margin: 0;
   padding: 0;
   background-color: #FFFFFF;
   }

#text {
   width: 565px;
   margin: 0 0 0 0;
   padding: 12px 18px 12px 18px;
}

#text h1 {
   font: 16px Verdana, Arial, Helvetica, sans-serif;
   color: #234fa1;
   margin: 15px 0 25px 0;
   padding: 0;
}
	
#text h2 {
   font: bold 13px Verdana, Arial, Helvetica, sans-serif;
   color: #234fa1;
   margin: 0 0 15px 0;
   padding: 0; 
}
	
#text h3 {
   font: bold 13px Verdana, Arial, Helvetica, sans-serif;
   color: #234fa1;
   margin: 0 0 10px 0;
   padding: 0;
}

#text h4 {
   font: bold 12px Verdana, Arial, Helvetica, sans-serif;
   color: #234fa1;
   margin: 0;
   padding: 0;
}

#content p {
   font: normal 12px Arial, Helvetica, sans-serif;
   color: #202020;
   margin: 0;
   padding: 0;
   line-height: 25px;
   text-align: justify;
}

#content a {
	color: #234fa1;
	text-decoration: underline;
	margin: 0;
	padding: 0 0 1px 0;
}
	
#content a:hover {
	color: #234fa1;
	text-decoration: none;
}

#content p img {
   float: left;
   margin: 7px 15px 10px 0;
   padding: 0;
}

#content ul {
   line-height: 20px;
   text-align: justify;
   list-style: disc;
   font: normal 12px Arial, Helvetica, sans-serif;
   color: #202020;
   margin: 0 0 0 10px;
   padding: 0;
}
	
#content li {
	margin: 0 0 0 25px;
	padding: 0 0 2px 0px;
	line-height: 20px;
}
	
#content li a, #content li a:link, #content li a:active, #content li a:visited {
	color: #053564; 
	text-decoration: none; 
	border-bottom: 1px solid #498CC7;
}
	
#content li a:hover {
	color: #053564; 
	text-decoration: none; 
	border-bottom: 1px solid #498CC7;
}
#featured {
   width: 232px;
   height: 300px;
   margin: 0;
   padding: 0;
   }

#featprop {
   width: 100%px;
   margin: 0;
   padding: 0;
   }

#footer {
   width: 850px;
   height: 18px;
   margin: 0;
   padding: 0;
   background: #114488 url(images/footer.gif) no-repeat top;
   }
   
#footer p {
	font: 11px normal Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 5px 0 0 28px;
	color: #fff;
	text-align: left;
}

#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
	
#footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
}

/* Classes */

.featured {
   width: 178px; 
   border-bottom: 1px solid #dedede; 
   margin: 0 0 0 18px; 
   padding: 2px 0 2px 0;
   text-align: right;
   }
   
.contact {
    font: 11px normal Verdana, Arial, Helvetica, sans-serif;
	width: 260px; 
	margin: 0; 
	padding: 0; 
	border: 1px solid #7db2d4;
	}
	
.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	width: 100px;	
	height: 23px;
	padding: 2px;
	background-color: #234fa1;
	border: 1px solid #000;
}
   
.area {
    font: 11px normal Verdana, Arial, Helvetica, sans-serif;
	width: 130px; 
	margin: 0 0 0 90px; 
	padding: 0; 
	border: 1px solid #7db2d4;
	}
	
.enquiry-text {
    font: 11px normal Verdana, Arial, Helvetica, sans-serif;
	width: 200px; 
	margin: 0px;
	padding: 2px; 
	border: 1px solid #7db2d4;
	}

.enquiry-comments {
    font: 11px normal Verdana, Arial, Helvetica, sans-serif;
	width: 200px; 
	margin: 0px;
	padding: 0px; 
	border: 1px solid #7db2d4;
	}
	
.dates {
    font: 11px normal Verdana, Arial, Helvetica, sans-serif;
	width: 100px; 
	margin: 0 5px 0 0; 
	padding: 0; 
	border: 1px solid #7db2d4;
	}
   
.quick {
    font: 11px normal Verdana, Arial, Helvetica, sans-serif;
	width: 150px; 
	margin: 0 0 0 40px; 
	padding: 0; 
	border: 1px solid #7db2d4;
	}
	
.sleep {
    font: 11px normal Verdana, Arial, Helvetica, sans-serif;
	width: 130px; 
	margin: 0 0 0 90px; 
	padding: 0; 
	border: 1px solid #7db2d4;
	}
		
.price {
    font: 10px normal Verdana, Arial, Helvetica, sans-serif;
	width: 130px; 
	margin: 0 0 0 80px; 
	padding: 0; 
	border: 1px solid #7db2d4;
	}

.ref {
    font: 11px normal Verdana, Arial, Helvetica, sans-serif;
	width: 100px; 
	margin: 0 0 0 110px; 
	padding: 0; 
	border: 1px solid #7db2d4;
	}
	
.search {
    margin: 0 0 0 20px;
	padding: 0; 
	}
	
.image {
    margin: 0;
	padding: 2px;
	background: #234fa1;
	border: 1px solid #fff;
	}
	
.dark {
    margin: 0px; 
	padding: 2px 0 0 0; 
	border-bottom: 5px solid #234fa1;
	}
	
.light {
    margin: 0px; 
	padding: 4px 0 0 0; 
	border-bottom: 1px solid #F2F2F2;
	}
	
.message {
    width: 554px; 
	background-color: #25408f; 
	margin: 10px 0 0 20px; 
	padding: 5px 10px 5px 10px;
}