/* CSS Document */

html, body
{
	font-family: verdana,arial,"Times New Roman",Georgia,helvetica,verdana; 
	color:#E28F70;
	background:url(../images/back.png) #B4DFE2;
	font-size:11px;
	scrollbar-face-color: #B4DFE2; 
	scrollbar-shadow-color: ##B4DFE2;
	scrollbar-highlight-color: ##B4DFE2; 
	scrollbar-darkshadow-color: #B4DFE2; 
	scrollbar-track-color: #E1F1F0;
	scrollbar-arrow-color: #0059A0;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#strapline{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#0059A0;
	text-align:center;
	padding:8px 0 5px 0
	}

#master-container{
	margin:0px auto;
	width: 916px;
	padding: 0px;
	text-align: center;
	}
	
#master-container-top{
	background:url(../images/master-container-top.png) no-repeat left bottom;
	width:916px;
	height:44px;
	margin:0;
	}
	
#master-container-body{
	background: url(../images/master-container-body.png) repeat-y top;
	width: 916px;
	margin:0px;
	}	
				
#master-container-bottom {
	background: url(../images/master-container-bottom.png) no-repeat bottom;
	height:44px;
	width: 916px;
	padding: 0px;
	position:relative;
	margin:0;
	}
	
#menu-wrapper{
	background:url(../images/menu-back.png) no-repeat top center ;
	width:850px;
	height:33px;
	text-align:center;
	position: absolute;
	margin: -32px 0 0 28px;
	z-index:5
	}	
	
#menu {
	text-align:center;
	margin-top:7px;
	}	
		
#menu a{
	text-align:center;
	color:#FFF;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0 1px 0 1px;
	font-weight:bold
	}	
		
#menu a:hover{
	text-decoration:underline;
	}	
	
#header img{
	margin:-22px 0 0 11px;
	text-align:center;
	}	
				
#header-l img{
	background: url(../images/palm-garden-top-l.png) no-repeat;
	width:592px;
	height:240px;
	position:relative;
	float:left;
	z-index:1;
 }
	
#header-r img{
	background: url(../images/palm-garden-top-r.png) left top no-repeat;
	width:298px;
	height:240px;
	position:relative;
	margin-left:0;
	float:left;
	z-index:1;
 }
			
#content-area{
	background:#fff;
	width:880px;
	margin:0 auto;
	position:relative;
	padding-bottom:2px;
	}		

#sand-box-home{
	width:875px;
	height:295px;
	background:url(../images/sand-back.png) repeat;
	margin:0 auto;
	position:relative;
	overflow:auto
	}
	
#sand-box{
	width:875px;
	height:370px;
	background:url(../images/sand-back.png) repeat;
	margin:0 auto;
	position:relative;
	padding-bottom:10px;
	z-index:2
	}	
	
#sand-box-extended{
	width:875px;
	height:685px;
	background:url(../images/sand-back.png) repeat;
	margin:0 auto;
	position:relative;
	padding-bottom:10px;
	z-index:2
	}		
	
#content-text-home{	
	float:left;
	width:630px;
	text-align:left;
/*	line-height:16px*/
	}
	
#content-text-home h1{	
	text-align:left;
	margin:5px 0 10px 0;
	}	
	
#content-text-home img{
	float:left;
	border:#fff 2px solid;
	margin: 0 10px 0 8px
	}
	
#content-text{	
	float:left;
	margin-left:5px;
	position:relative;
	width:500px;
	text-align:left;
	line-height:14px;
	padding:0;
	height:375px;
	overflow:auto;
	}
	
#content-text-extended{	
	float:left;
	margin-left:5px;
	position:relative;
	text-align:left;
	line-height:14px;
	width:100%;
	padding:0;
	}	
	
#content-text a{	
	font-family: verdana,arial,"Times New Roman",Georgia,helvetica,verdana; 
	color:#E28F70;
	font-size:11px;
	}
	
#content-text a:hover{	
	font-family: verdana,arial,"Times New Roman",Georgia,helvetica,verdana; 
	color: #D56231;
	font-size:11px;
	}	
		
#content-text h1{	
	font-weight:bold;
	font-size:17px;
	font-style:italic;
	margin:5px 0 10px 0;
	font-family:"Times New Roman", Times, serif
	}	
		
#left-col{
	width:360px;
	float:left;
	text-align:center;
	margin-left:5px;
	}
	
#left-col img{
	border:#fff 2px solid;
	margin: 0 10px 0 0px;
	}
			
h1{
	font-weight:bold;
	font-size:16px;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	
  }
	
h3{
	font-weight:bold;
	font-size:13px;
	font-style:italic;
	font-family:"Times New Roman", Times, serif
  }
				
		
#content-area-bottom{
	background:#fff;
	width:880px;
	height:30px;
	position:relative;
	margin:0 auto;
	}
	
#booking-block {
	width:226px;
	background:#fff;
	height:260px;
	float:left;
	margin:0 3px 5px 8px;
	}	
	
#booking-header-back{
	background:url(../images/book-header.png) no-repeat center;
	width:202px;
	height:31px;
	margin: 6px 0 0 12px
	}
	
#booking-header{
	text-align:center;
	color:#666;
	font-size:16px;
	font-weight:bold;
	letter-spacing:2px;
	padding-top: 8px;
	font-family:"Times New Roman", Times, serif
	}	
	
#booking-form, #right-form{
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	background:#fff
	}
	
#booking-form h1, #right-form h1{
	color:#666;
	font-weight:bold;
	font-size:11px;
	margin:-20px 0 0 0;
	text-align:left;
	font-style:normal;
	position:relative;
	font-family:"Times New Roman", Times, georgia, serif
	}
		
#booking-container{
	margin:0px auto;
	width: 208px;
	padding: 0px;
	font-style:normal;
	background:#fff
	}
	
#booking-container-top{
	background:url(../images/book-top.png) no-repeat left bottom;
	width:208px;
	height:14px;
	margin:4px 0 0 0;
	}
	
#booking-container-body{
	background: url(../images/book-body.png) repeat-y top;
	width: 208px;
	margin:0px;
	border:0;
	text-align:left
	}	
	
#booking-container-content{
	padding-top:14px;
	width:170px;
	margin:0 auto;
	font-style:normal;
	background:#fff;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif
	}
	
#booking-container-content h1{
	font-family:Arial, Helvetica, sans-serif
	}	

#booking-container-content li{
	font-family:Arial, Helvetica, sans-serif;
	line-height:15px
	}		
	
#booking-container-bottom {
	background: url(../images/book-bottom.png) no-repeat;
	height:14px;
	width: 208px;
	padding-bottom: 10px;
	}			
		
#book-button-back{
	background:url(../images/book-button-back.png) center top no-repeat;
	width:151px;
	height:18px;
	text-align:center
}
		
/*Right Pod*/
#right-col {
	width:200px;
	height:330px;
	background:#fff;
	position:relative;
	float:right;
	margin:0 6px 5px 5px;
	padding-bottom:5px
	}	
	

#right-header-back{
	background:url(../images/right-header.png) no-repeat center;
	width:182px;
	height:31px;
	margin: 6px 0 0 10px
	}

#right-col-header{
	text-align:center;
	color:#666;
	font-size:13px;
	letter-spacing:0px;
	font-weight:bold;
	padding-top: 8px;
	font-family:"Times New Roman", Times, serif
	}	
	
#right-container{
	margin:0px auto;
	width: 180px;
	padding: 0px;
	font-style:normal;
	background:#fff
	}
	
#right-container-top{
	background:url(../images/right-top.png) no-repeat left bottom;
	width:182px;
	height:14px;
	margin:4px 0 -5px 0;
	}
	
#right-container-body{
	background: url(../images/right-body.png) repeat-y top;
	width: 182px;
	margin:0px;
	border:0;
	text-align:left
	}	
	
#right-container-content{
	padding-top:0px;
	width:170px;
	margin:0 auto;
	font-style:normal;
	background:#fff;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif
	}
	
#right-container-content h1{
	font-family:Arial, Helvetica, sans-serif;
	margin:5px 0 3px 0
	}	

#right-container-content li{
	font-family:Arial, Helvetica, sans-serif;
	line-height:15px;
	margin-left:14px
	}		
	
	
#right-container-content b{
	color:#666;
	font-weight:bold;
	font-size:11px;
	text-align:left;
	font-style:normal;
	position:relative;
	}	
/*	*/				
				
#right-container-bottom {
	background: url(../images/right-bottom.png) no-repeat;
	height:14px;
	width: 182px;
	padding-bottom: 10px;
	}			
		
#book-button-back{
	background:url(../images/book-button-back.png) center top no-repeat;
	width:151px;
	height:18px;
	text-align:center
}
		
		
.arcResInlineBookingSelect, .arcResInlineBookingTextBox{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color:#999;
}

#highlights-bar{
	background:url(../images/highlights-bar.png) no-repeat top left;
	width:868px;
	height:60px;
	padding:3px;
	margin:0 auto;
	text-align:center
	}
		
#highlights-bar h2{
	font-family:"Times New Roman", Times, serif;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	margin:0
	}
	
#highlights-bar ul{
	list-style-image:url(../images/star.png); 
	float:left;
	margin:5px 0 0 10px;
	padding:0px;
	width:855px;
	}	
		
#highlights-bar li{
	float:left;
	width:213px;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	color:#1C77A4;
	font-style:normal;
	font-size:11px;
	text-transform:uppercase;
	padding:0;
	margin:0
	}	
	
#highlights-wrapper{
	width:868px;
	text-align:center;
	float:right
}	

#hightlight-box{
	width:210px;
	height:160px;
	border:1px solid #E4F3F5;
	padding:0px;
	float:left;
	margin:-13px 2px 0 0;
	position:relative
	}		
	
#horizontal-booking-box{	
	width:210px;
	height:80px;
	border:1px solid #E4F3F5;
	padding:0px;
	float:left;
	margin:-13px 2px 0 0;
	position:relative
	}
	
#horizontal-booking-box .arcResInlineBookingSelect, #horizontal-booking-box .arcResInlineBookingTextBox{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#999;
}
	
#highlight-content{
	color:#E28F70;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center
	}
	
#highlight-content a{
	color:#E28F70;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	font-weight:bold
	}
	
#highlight-content img{
	padding:4px;
	position:relative;
	}	
	
#slogan{
	font-family:"Times New Roman", Times, serif;
	color:#1C77A4;
	font-size:20px;
	font-style:italic;
	text-align:center
	}		
		
#footer-menu a{
	color:#E28F70;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	text-decoration:underline
	}	
	
#footer-menu a:hover{
	color:#D55C2F;
	}		
					
#footer{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#006699;
	padding:3px 0 6px 0
}

#footer a{
	color:#006699;
}
	
			
#copyright{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#006699;
	}	
	

.h-spacer{
	margin:0 0 0 4px;
	float:left;
	}	
	
.v-spacer{
	margin:0 0 4px 0;
}		

form{
	margin:0
	}

	
/*-------------------------------------------------------------------------*/

fieldset
{
	border: 1px solid #F4C9B4;
	width:450px;
}

legend
{
	color: #CB7145;
	border: 1px solid #CB7145;
	background:#ECB9A3;
	font-size:14px;
	padding: 2px 6px
} 

.contact-form{
	background:#E1F1F0;
	width:235px;
	}

.contact-form-button{
	background:#ECB9A3;
	color: #CB7145;
	border:groove 2px;
	}
	
#rates table{
	text-align:left;
}

#rates td,th{	
	font-family:MS Sans Serif,Sans Serif,Arial,Helvetica,Verdana;
	size:9px
	}
#rates th{
	color:#336666;
	font-weight:bold
	}	
	

	
.photo_effect_white img{ 
	float: right; 
	padding: 4px; 
	background:#FFFFFF;
	border: #EBEBEB 1px ridge;
} 

	
.border-box{
	background: #FFFBF3;
	width:380px;
	border:#CD883A 1px dotted;
	text-align:center;
	padding:3px;
	}		
	
	
.highlight a{
	background: #DBBE88;
	padding:4px;
	font-weight:bold;
	text-align:center;
	width:300px;
	color: #CC3300
	}
	
.highlight a:hover{
	color: #FF0000
	}
	
	
/*Google Map*/	
/* Maps */
#mapContainer{
	width: 350px; 
	border: #fff 1px solid;
}

.mapTopLink {
	color: #FFFFFF;
}

#map{
	width: 350px; 
	height: 360px; 	
	border:#fff 2px solid
}

.mapOverlay{
	width: 230px;
	height:110px;
	color: #666666;
	font-size:11px;
	padding:0;
}	

.mapOverlay a{
	color: #666666;
}


.small-text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px
	}
	
/* Gallery */
#pgallery {
	text-align:center
	}
	
#pgallery img{
	padding:4px;
	background:#E1F1F0;
	border: #B4DFE2 1px solid;
	margin:0 3px 4px 0
	}
	
/* Slide Shows */
#galilery {
	text-align:center
	}
	
#gallery img{
	margin:0 3px 0 0
	}		

/* Guestbook Styles */

.required-text{
	font-size:9px;
	font-weight:normal;
	color:#993300
	}

	
.textbox{
	margin: 0;
	width:200px;
	background:#F0F8F8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#294B74;		
	}
	
	
.gbutton 
{
	color: #CB7145;
	border: 1px solid #CB7145;
	background:red;
	font-size:18px;
	padding: 2px
} 

.guestbookform input{
	margin: 0;
	width:200px;
	background:#F0F8F8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#294B74;		
	}
	

.GuestbookComment_container{
	background: #FCFCF3  url(../images/palmgarden-logo.png) right bottom no-repeat;   
	border: #000000 1px dashed;
	padding: 3px 5px 5px 5px;
	width:480px;
	overflow:auto
}