html { -webkit-text-size-adjust: none; }
body, div, table, td, select, input {font-family: Arial,Helvetica,sans-serif; font-size:12px; color:#55311a; line-height: 17px;} 

#main_body{ background-color: #E7E0CC; margin: 0 0 0 0; } 

A:a { color: #ac4982; TEXT-DECORATION: none; FONT-WEIGHT: normal;}
A:link { color: #ac4982; TEXT-DECORATION: none; FONT-WEIGHT: normal;}
A:visited { color: #ac4982; TEXT-DECORATION: none; FONT-WEIGHT: normal;}
A:active { color: #ac4982; TEXT-DECORATION: none; FONT-WEIGHT: normal;}
A:hover { color: #ac4982; TEXT-DECORATION: none; FONT-WEIGHT: normalg;}

.error{ color: #CC0000; font-weight: bold; }   

hr{ border: 0; height: 1px; color: #c1ae9d; background-color: #c1ae9d; }  
form {padding: 0px; margin: 0px;}
img {border: 0px;}

#outermost_home{  background: url( ../images/background.jpg );  background-position: top-left;  background-repeat: repeat-x; background-color: #ffffff;  }
#outermost_int{  background: url( ../images/background-int.jpg );  background-position: top-left;  background-repeat: repeat-x; background-color: #ffffff;  }

#top_outer { background: url( ../images/top-palms.png ); background-position: top; background-repeat: no-repeat;}
#top { height: 153px; width: 950px;  margin-right: auto; margin-left: auto;  }

#logo { float: left; }
#top-right { float: right; }
#top-nav {  text-align: right; margin-top: 15px; font-family: Garamond; color: #784e29; font-weight: bold; font-size: 13px;}

#phone { text-align: right; font-family: Garamond; color: #ae4a83; margin-top: 55px; }
#phone a { color: #ae4a83; }
#phone .phonesm{ font-family: Garamond; font-size: 17px; font-weight: normal;  color: #ae4a83; }
#phone .phone{ font-family: Garamond; font-size: 34px; font-weight: normal; color: #ae4a83; display: inline;}

#topbuttons { width: 980px; height: 43px;  margin-top: 6px; margin-bottom: 5px;  margin-right: auto; margin-left: auto; } 
#flash-outer { background-position: top; background-repeat: no-repeat; }
#tagline { position: absolute; margin-top: 85px; margin-left: 180px; }

#boxeswrap {z-index: 10; margin-right: auto; margin-left: auto; width: 980px; }
#boxesfullwrap { z-index: 40; position: absolute; width: 100%;  margin-top: -26px; height: 164px;  background: url( ../images/center-back.png ); background-position: center; background-repeat: no-repeat; }
#boxes { z-index: 50; position: absolute; width: 980px; padding-top: 25px; }

#box1 { float: left; width: 350px; padding-left: 33px;}
#box1 .search {border: 0px; margin: 7px 0 0 0; padding: 0px;}
#box1 #arriving, #departing{ width: 70px; cursor: pointer; }
#box1 #rooms, #adults{ width: 40px;}
#box1 td tr {padding: 0px;}
.titlepad { margin-bottom: 6px; }
.titlepad2 { margin-bottom: 0px; }
.boxtitle1 { font-family: Garamond; font-size: 30px; color: #784e29; font-weight: normal; margin: 0px; }

#box2 { float: left; width: 210px; padding-left: 22px; font-family: Times; font-size: 14px; color: #784e29; font-weight: bold; padding-right: 22px;}
#box2 a{font-family: Times; font-size: 14px; color: #784e29;  font-weight: bold;}
.boxtitle2 { font-family: Garamond; font-size: 30px; color: #ae724a; font-weight: normal; margin: 0px; }

.boximage { border: #c1ae9d 3px solid; margin-bottom: 4px; }
#boxarrow { float: left; width: 9px; padding-top: 45px; padding-left: 10px; padding-right: 10px; }

#boxarrowleft { float: left; width: 9px; padding-top: 45px; padding-left: 10px; padding-right: 10px; }
#boxarrowright { float: right; width: 9px; padding-top: 45px; padding-left: 10px; padding-right: 10px; }

#box3 { float: left; width: 263px; height: 163px; margin-left: 3px; margin-top: 2px; }
.boxtitle3 { font-family: Garamond; font-size: 30px; color: #ae4a83; font-weight: normal; margin: 0px; }
.boxtitle3-sm { font-family: Garamond; font-size: 16px; color: #ae4a83; font-weight: normal; margin: -5px 0 8px 0;  }



#content { width: 960px; margin-right: auto; margin-left: auto;  padding-top: 165px; padding-right: 0px; padding-left: 0px; padding-bottom: 40px; }


#content .htitle-sm { font-family: Garamond; color: #784e29; font-size: 30px; font-weight: normal; margin: 0px; padding-bottom: 0px; }


#content .htitle-lg { font-family: Garamond; color: #784e29; font-size: 45px; font-weight: normal; margin: -5px 0 0 0; padding-bottom: 20px; } 



#content h4 { font-family: Garamond; color: #ac4982; font-size: 30px; font-weight: normal; margin-top: 10px; margin-bottom: 10px; padding-bottom: 0px; text-transform: lowercase;}


#content h3 { font-family: Garamond; color: #ac4982; font-size: 18px; font-weight: normal; margin-top: 10px; margin-bottom: 4px; padding-bottom: 0px; text-transform: lowercase;}


#content h2 { font-family: Garamond; color: #784e29; font-size: 30px; font-weight: normal; margin: 0px; padding-bottom: 0px; text-transform: lowercase;}


#content h1 { font-family: Garamond; color: #784e29; font-size: 55px; font-weight: normal; margin: 0px; margin-bottom: 20px; text-transform: lowercase; border-bottom: solid #E8E1CE 1px; } 



#content hr{ border: 0; height: 1px; color: #c1ae9d; background-color: #c1ae9d; margin-top: 20px; margin-bottom: 20px; }  


#content .webcam-icon { float: right; margin-top: -7px;}

#content .button, .button a{
border-color: #c1ae9d;
background: url( ../images/button-back.gif );
background-position: top-left;
background-repeat: repeat-x; 
COLOR: #ffffff;
FONT-FAMILY: times;
FONT-SIZE: 13px;
FONT-WEIGHT: bold;
border-style: solid;
border-width: 3px;
padding-right: 10px;
padding-left: 10px;
padding-top: 4px;
padding-bottom: 7px;
}  




#family-outer { height: 310px; background: url( ../images/family-back-tile.gif ); background-position: top-left; background-repeat: repeat-x; background-color: #ffffff;  }
#family-background { height: 310px; background: url( ../images/family-back.jpg ); background-position: top; background-repeat: no-repeat; }
#family { width: 670px; margin-right: auto; margin-left: auto; color: #1e4456; padding-right: 290px; padding-top: 16px;}   
#family h3{ font-family: Garamond; font-size: 37px; color: #295f78; font-weight: normal; margin: 0px; padding-bottom: 0px; }   
#family span{ font-size: 51px;}

#footer-outer { background-color: #FAF6EA; border-top: 3px solid #DED3B6; height: 105px; padding-top: 18px; }
#footer { height: 90px; width: 960px; margin-right: auto; margin-left: auto; margin-bottom: 15px; }
#footer h4 { color: #784e29; font-family: Garamond; font-size: 30px; font-weight: normal; margin: 0px; padding-bottom: 5px; }
#footer h5 { color: #784e29; font-family: Garamond; font-size: 26px; font-weight: normal; margin: 0px; padding-bottom: 5px; }
#footer a {color: #55311a;}
#footer-bar { height: 3px; border-top: 1px solid #DED3B6; background-color: #ffffff; }

#email { float: left; border-right: #c1ae9d 1px solid; padding-right: 32px; width: 315px; height: 90px; }
#social { float: left; border-right: #c1ae9d 1px solid; padding-left: 32px; padding-right: 32px; width: 190px; height: 90px; }
#contact { float: left; padding-left: 32px; width: 150px; }
#contact2 { float: left; text-align: right; width: 175px; }

#special { border: #006891 1px solid; padding: 10px;}
#copyright_body {  width: 960px; padding-top: 20px; padding-bottom: 65px; margin-right: auto; margin-left: auto; }
#copyright_body a{color: #8E6C4C;}
#copyright_body span{border-right: 1px solid #8E6C4C; margin-left: 10px; margin-right: 10px; }

#copyright-left { float: left; width: 520px; font-size: 11px; color: #8E6C4C; line-height: 15px; }
#copyright-right { float: right; width: 400px; font-size: 11px; color: #8E6C4C; line-height: 15px;  text-align: right; }

#address { width: 981px; margin-right: auto; margin-left: auto; font-size: 12px; font-weight: bold;  color: #ffffff; background-color: #00adef; padding: 6px; text-align: center; }




#content ul { list-style-image: url('../images/bullet.png'); font-family: Arial; color: #55311a; padding-left: 40px; padding-bottom: 0px; padding-top: 10px; margin-left: 0px; margin-bottom: 0px; }

#content li { font-family: Arial; font-size: 12px;}



.blacktext { color: #000000; }



INPUT, SELECT, TEXTAREA {
BACKGROUND-COLOR: #FFFFFF;
BORDER-BOTTOM: #cccccc 1px solid;
BORDER-LEFT: #cccccc 1px solid;
BORDER-RIGHT: #cccccc 1px solid;
BORDER-TOP: #cccccc 1px solid;
COLOR: #55311a;
FONT-FAMILY: Verdana,Arial;
FONT-SIZE: 10px;
FONT-WEIGHT: normal;
LETTER-SPACING: 0px;
PADDING-LEFT: 3px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px;
line-height: 14px; 
}

.signupfield { width: 190px; BORDER: #784e29 1px solid; PADDING-LEFT: 4px; padding-right: 4px; padding-top: 6px; padding-bottom: 6px; line-height: 14px;}   
.blank { border-color: none; border-style: none; border-width: none; background-color: transparent; }


.form_button {
border-color: #c1ae9d; background: url( ../images/button-back.gif ); background-position: top-left; background-repeat: repeat-x;
COLOR: #ffffff;
FONT-FAMILY: times;
FONT-SIZE: 14px;
FONT-WEIGHT: bold;
border-style: solid;
padding-right: 10px;
padding-left: 10px;
padding-top: 4px;
padding-bottom: 4px;
border-width: 3px;
cursor: pointer;
 }




#navlist li.start
{
display: block;
float: left;
width: auto;
margin: 0px;
line-height: 37px;
 padding-left: 5px; padding-right: 5px;border-left: #9f8166 0px solid;
}

#navlist li
{
display: block;
float: left;
width: auto;
margin: 0px;
line-height: 37px;
 padding-left: 5px; padding-right: 5px;border-left: #9f8166 1px solid;
}

#navlist li a
{
display: block;
font-size: 16px;
font-family: Times;
color: #f8f1e0;
font-weight: bold;
text-decoration: none;
padding-left: 8px;
padding-right: 8px;
height: 37px;
}

#navlist li a:hover
{
display: block;
font-size: 16px;
font-family: Times;
color: #784e29;
font-weight: bold;
text-decoration: none;
background: url(../images/roll-left.jpg) top left no-repeat;
padding-left: 8px;
padding-right: 0px;
height: 37px;
}

#navlist li a:hover span
{
display: block;
background: url(../images/roll-right.jpg) top right no-repeat;
padding-left: 0px;
padding-right: 8px;
height: 37px;
}

#navlist li a:hover span span
{
background: url(../images/roll-tile.jpg) top repeat-x;
padding: 0px;
}

* {
margin: 0;
padding: 0;
}


#navlist2 li.nend{ padding-right: 0px; border-right: 0px solid #9F8166; }

#navlist2 li.temp {
display: block;
float: right;
width: auto;
margin: 0px;
line-height: 20px;
padding-left: 14px;
font-size: 13px; font-family: Times; color: #784e29; font-weight: bold; 

}

.temp span{font-size: 18px; font-family: Times; color: #784e29; font-weight: bold;}


#navlist2 li
{
display: block;
float: right;
width: auto;
margin: 0px;
line-height: 20px;
padding-left: 14px;
padding-right: 14px;
border-right: 1px solid #C0AD9C;
}

#navlist2 li a
{
display: block;
font-size: 16px;
font-family: Times;
color: #784e29;
font-weight: bold;
text-decoration: none;
}


#navlist2 li a:hover
{
display: block;
font-size: 16px;
font-family: Times;
color: #000000;
font-weight: bold;
text-decoration: none;
} 

.boxtext { font-family: Arial; font-size: 12px; color: #ffffff; line-height: 21px;}

.navbutSubTbl a{
position:relative; 
display:block;
}

.navbutSubTbl {
font-family: Arial, sans-serif;
color: #ffffff;
font-size: 11px;
background-color: #177bd0;
border-color: #177bd0;
border-style: solid;
border-top-width: 0px;
border-right-width: 0px; 
border-bottom-width: 0px;
border-left-width: 0px;
}

.navbutSubTbl a, .navbutSubTbl a:visited {  
position:relative; 
display:block; 
text-decoration: none; 
padding-top: 4px;
padding-bottom: 4px; 
padding-left: 8px;
padding-right: 12px; 
font-weight: bold;
font-family: Arial, sans-serif;
color: #ffffff; 
}

.navbutSubTbl a:hover {  
font-family: Arial, sans-serif; 
color: #ffffff;
font-weight: bold;
background-color: #289c89;
text-decoration: none;
}

.drop_pad{
margin-top: 0px;
margin-left: 0px;
z-index: 100;
}

.drop_border2{
border-color: #fffff;
border-style: solid;
border-top-width: 0px;
border-right-width: 2px; 
border-bottom-width: 2px;
border-left-width: 2px;
}	

.drop_border{
border-color: #fffff;
border-style: solid;
border-top-width: 0px;
border-right-width: 0px; 
border-bottom-width: 0px;
border-left-width: 0px;
}    

.drop_down {
BACKGROUND-COLOR: #FFFFFF;
BORDER-BOTTOM: #98B226 1px solid;
BORDER-LEFT: #98B226 1px solid;
BORDER-RIGHT: #98B226 1px solid;
BORDER-TOP: #D3D7E7 1px solid;
LETTER-SPACING: 0px;
}


/* homepage package slider */

/*
    Slides container
    Important:
    Set the width of your slides container
    Set to display none, prevents content flash
*/
.slides_container {
float: left;
margin-left: 3px;
margin-top: 2px;
width:263px;
display:none;
z-index: 100000;
}

/*
    Each slide
    Important:
    Set the width of your slides
    If height not specified height will be set by the slide content
    Set to display block
*/
.slides_container div {
    width:263px;
    height:118px;
    display:block;
}

/*
    Optional:
    Reset list default style
*/
.pagination {
    list-style:none;
    margin:0;
    padding:0;
}

/*
    Optional:
    Show the current slide in the pagination
*/
.pagination .current a {
    color:red;
}




#accommodations { float: right; width: 306px; margin-left: 25px; margin-top: 15px; margin-bottom: 25px; }

#accommodations img { border: #c1ae9d 3px solid;}

#meetings { float: right; width: 306px; margin-left: 25px; margin-top: 0px; margin-bottom: 25px; }

#meetings img { border: #c1ae9d 3px solid;}



#specials { float: right; width: 256px; margin-left: 25px; margin-top: 0px; margin-bottom: 25px; }

#specials img { border: #c1ae9d 3px solid;}



#directions { float: right; width: 425px; margin-left: 25px; border: #c1ae9d 3px solid; margin-top: 0px; margin-bottom: 25px; }



#credit-card {font-family: times; font-size: 14px; padding-top: 25px; padding-right: 15px; float: right;}