body,
	html
{
	margin: 0;
	padding: 0;
	background: #d1ffb6;
	color: #000;
}

body
{
	min-width: 792px;
	margin: 0 auto;
}

#wrapper
{
	background-image: url(images/drop_shadow.jpg);
	background-repeat: no-repeat;
	width: 800px;
	height: 1200px;
}

#wrapperlong
{
	background-image: url(images/drop_shadow_long.jpg);
	background-repeat: no-repeat;
	width: 800px;
    height:1375px;
}

#topbar {
    position:absolute; 
    left: 36px; 
    top: 37px;
    height: 26px;
	width: 720px; 
	background-image: url(images/topbar.gif); 
	}
	
        #topbar {
            font-family:arial;
            color:#9cf782;
            font-size:15px;
            text-align:right;
            }            

#topbarlong {
    position:absolute; 
    left: 36px; 
    top: 36px;
    height: 27px;
	width: 720px; 
	background-image: url(images/topbar.gif); 
	}
	
        #topbarlong {
            font-family:arial;
            color:#9cf782;
            font-size:15px;
            text-align:right;
            }            


#header
{
	position: absolute;
	left: 36px;
	top: 62px;
	height: 275px;
	width: 720px;
}

#navbar
{
	position:absolute;
	left:36px;
	top:325px;
	background-image: url(images/navbar.gif);
	height: 35px;
	width: 720px;
	background-repeat: no-repeat;
}
        
        .navbar
        {
            font-family: arial;
            font-weight:bold;
            font-size: 14px;
            color: #9cf782;
            text-align: right;
            padding-left:30px;
        }
        
        .navbar a
        {
            color: #ffffff;
            text-decoration: none;
        }
        
        .navbar a:hover
        {
            color: #9cf782;
           
        }
        
#subnavbar
{
	position:absolute;
	left:66px;
	top:350px;
	background-image: url(images/subnavbar.gif);
	height: 25px;
	width: 690px;
}
        
        .subnavbar
        {
            font-family: arial;
            font-weight:bold;
            font-size: 13px;
            color: #ffffff;
            padding-left:15px;
        }
        
        .subnavbar a
        {
            color: #811788;
            text-decoration: none;
        }
        
        .subnavbar a:hover
        {
            color: #ffffff;
           
        }

        
#title
{
	position: absolute;
	left: 36px;
	top: 275px;
	background-image: url(images/titlepalm.gif);
	height: 50px;
	width: 720px;
	background-repeat: no-repeat;
}

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

/* BEGIN index ...................*/    
#main
{
	position:absolute;
	left:37px;
	top:350px;
	width:390px;
	padding:20px;
	background-color:#d1ffb6;
}

#main 
{
	font-family: arial;
	font-size: 12px;
	color: #000000;
	text-align: left;
	line-height:1.3;
	font-weight:normal;
	z-index:200;
}

/* BEGIN rooms ...................*/ 
#roommain
{
	position:absolute;
	left:37px;
	top:380px;
	width:400px;
	padding-left:30px;
	padding-right:20px;
	background-color:#d1ffb6;
}

.room 
{
	font-family: arial;
	font-size: 12px;
	color: #000000;
	text-align: left;
	font-weight:normal;
}


.indent {
    margin-left:10px;
    margin-top:-.1em;
    font-family: arial;
	font-size: 12px;
	color: #000000;
	text-align: left;
	font-weight:normal;
    }

#roomimage
{
	position:absolute;
	left:480px;
	top:375px;
	width:260px;
	height:410px;
	border:8px #ce83bf solid;

}

#rooms
{
    position:absolute;
    left:80px;
    top:920px;
    width:620px;
}

/* BEGIN ancon ...................*/ 
#anconmain
{
	position:absolute;
	left:48px;
	top:385px;
	width:388px;
	padding:0 20px 0 20px;
	background-color:#d1ffb6;
	border-right:2px #ce83bf solid;
}

.ancon 
{
	font-family: arial;
	font-size: 12px;
	color: #000000;
	line-height:1.3;
	text-align: left;
	font-weight:normal;
}

#anconimage 
{
    position:absolute;
    left:476px;
    top:375px;
    width:280px;
    background-color:#ce83bf;
}

#anconside
{
	position:absolute;
	left:500px;
	top:590px;
	width:230px;
	
}

.side 
{
	font-family: arial;
	font-size: 12px;
	color: #000000;
	line-height:1.2;
	font-weight:normal;
}

/* BEGIN index testimonials .................*/ 
#test
{
	position:absolute;
	left:466px;
	top:350px;
	width:270px;
	height:150px;
	background: #f77e2d;
	
}

.testimonials
{
	font-family: arial;
	font-size: 13px;
	color: #000000;
	text-align: left;
	padding:0 0 0 20px;
	font-weight:normal;
}

/* BEGIN tours................ */ 
#tours
{
	position:absolute;
	left:466px;
	top:500px;
	width:270px;
	height:30px;
	background: #811787;
	
}

.tour 
{
	font-family: arial;
	font-size: 20px;
	color: #ffffff;
	text-align: left;
	padding:0 10px 0 10px;
	letter-spacing:2px;
	font-weight:normal;
}

/* BEGIN map................ */
#map
{
	position:absolute;
	left:466px;
	top:530px;
	width:290px;
	background: #d288e6;
	z-index:100;
}

.maps 
{
	font-family: arial;
	font-size: 12px;
	color: #000000;
	text-align: left;
	line-height:2.5;
	font-weight:normal;

}

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

/* BEGIN birds......... */ 

#topcontent 
{
	position:absolute;
	left:65px;
	top:390px;
	width:640px;
	background-color:#d1ffb6;
}

#leftcontent {
	position:absolute;
	left:65px;
	top:500px;
	width:180px;
	background-color:#d1ffb6;
}

#centercontent {
	position:absolute;
	left:275px;
	top:500px;
	width:210px;
	border-left:2px #ce83bf solid;
	background-color:#d1ffb6;
}

#rightcontent {
	position:absolute;
	left:485px;
	top:500px;
	width:210px;
	border-left:2px #ce83bf solid;
	background-color:#d1ffb6;
}

#sloth {
	position:absolute;
	left:260px;
	top:670px;
	width:200px;
}

#hawk {
	position:absolute;
	left:445px;
	top:800px;
	width:200px;
}

.content 
{
	font-family: arial;
	font-size: 13px;
	color: #000000;
	line-height:1.3;
	text-align: left;
	font-weight:normal;
}

/* BEGIN about.......... */ 
#aboutmain
{
	position:absolute;
	left:48px;
	top:390px;
	width:240px;
	padding:0 20px 0 20px; 
	background-color:#d1ffb6;
}

#aboutimage 
{
    position:absolute;
    left:336px;
    top:375px;
    width:360px;
    border:30px #b757a1 solid;
    background-color:#b757a1;
}

#aboutquote
{
    position:absolute;
    top:770px;
    left:335px;
    width:330px;
    padding-left:40px;
    border-left: 1px #b757a1 solid;
}

.abouthead
{
    font-family: arial;
    font-weight:bold;
    font-size: 14px;
    font-style:italic;
    color:#811788;
    text-align: left;
}

/* BEGIN testimonials page........... */
#lefttest 
{
	position:absolute;
	left:57px;
	top:400px;
	width:310px;
	background-color:#d1ffb6;
}

.test 
{
	font-family: arial;
	font-size: 13px;
	color: #000000;
	text-align: left;
	line-height:1.2;
	font-weight:normal;
}
 
 #righttest 
{
    position:absolute;
    left:380px;
    top:400px;
    width:320px;
    border-left:2px #ce83bf solid;
    padding-left:20px;
 }

/* BEGIN location page */  
#directions
    {
        position:absolute;
        left:380px;
        top:375px;
        width:356px;
        background: #d288e6;
        
    }
#locations
{
	position:absolute;
	left:57px;
	top:395px;
	width:310px;
	background-color:#d1ffb6;
}

.location 
    {
        font-family: arial;
        font-size: 13px;
        color: #000000;
        text-align: center;
        padding:10px;
        line-height:1.5;
        font-weight:normal;
    }
    
#directions a
    {
    text-decoration:none;
    color:#000;
    }
    
    #directions a:hover
    {
    color:#ffffff;
    }
 
  #citymap 
{
    position:absolute;
    left:380px;
    top:490px;
    width:320px;
    border-left:2px #ce83bf solid;
    padding-left:20px;
 }
 
/* BEGIN links page........... */ 
#links
{
    position:absolute;
    top:385px;
    left:66px;
    width:660px;
}

.links
{
    font-family:arial;
    font-size:10px;
    color:#000;
    font-weight:normal;
    text-align:left;
    line-height: 5px
    font-weight:normal;
}

/* BEGIN reservation page................*/
#reservations
{
	position:absolute;
	left:37px;
	top:420px;
	width:678px;
	padding:20px;
	background-color:#d1ffb6;
}

.reservation 
{
	font-family: arial;
	font-size: 12px;
	color: #000000;
	text-align: left;
	line-height:1.3;
	font-weight:normal;
}

.reservations a
{
    color: #811788;
    text-decoration: none;
}
        
.reservations a:hover
{
    color: #f77e2d;
           
}

 ul 
    {
    font-family: arial;
    font-size: 12px;
    color: #000000;
    text-align: left;
    line-height:1.4;
    font-weight:normal;
    }
    
ul
  {
  margin-left: 0;
  margin-top: 0;
  padding-left: 1em;
  }
  
li
  {
  margin: 0;
  padding: 0;
  font-weight:normal;
  }

.caption
    {
    font-family:arial;
    font-size:10px;
    font-weight:normal;
    margin-top:-1em;
    text-align:right;
    }
    
/* BEGIN bottompalm image */ 
#bottompalm
{
    position:absolute;
    left:36px;
    top:994px;
    z-index:0;
    width:721px;
    height:120px;
    background-image:url (images/bottompalm.jpg);
}

/* BEGIN footers........... */
#footer
{
	position:absolute;
	left:40px;
	top:1130px;
	width:700px;
	background: #d1ffb6;
	
}

#footerlong
{
	position:absolute;
	left:40px;
	top:1250px;
	width:700px;
	background: #d1ffb6;
	
}

.footertext
{
	
	font-family: arial;
	font-size: 12px;
	color: #000000;
	text-align: center;
	font-weight:normal;
}