/* ----======== Reseting All Browsers ========---- */		
    
    body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
    {
    margin:0;
    padding:0;
    }
    
    fieldset, img { border:0; }
    
    ul {  }
    
    caption, th { text-align:left; }
    
    h1, h2, h3, h4, h5, h6
    {
    font-size:100%;
    font-weight:normal;
    }
    
    abbr, acronym { border:0; }
    
    /* ----======== HTML Selectors ========---- */
    
    html {  }
    
    body
    {
    text-align: center;
    margin: auto;
    background: #A3B8C0 url(../images/bg.gif);
    color: #3b7e97;
    font-size: 13px;
    padding-bottom: 5px;
    font-family: Arial, Helvetica, sans-serif;
    }
    
    h1
    {
    color: #3b7e97;
    margin-bottom: 15px;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    }
    
    h1 span.highlight
    {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    }
    
    h2
    {
    color: #3b7e97;
    margin-bottom: 15px;
    font-size: 16px;
    }
    
    h3
    {
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 15px;
    color: #3B7E97;
    }
    
    h4
    {
    font-size: 16px;
    margin-bottom: 15px;
    color: #fff;
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    }
    
    p
    {
    line-height: 17px;
    margin-bottom: 15px;
    }
    
    a
    {
    color: #3b7e97;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    }
    
    #content a:hover
    {
    border-bottom: 1px solid #3b7e97;
    }
    
    .clear { clear: both; }
    
    a.button
    {
    display: block;
    background: #8CB7C7;
    padding: 10px 0px;
    color: #fff !important;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    border: none !important;
    font-weight: bold;
    }
    
    a:hover.button
    {
    border: none !important;
    }

    #content ul { margin-bottom: 10px; padding-left: 20px; margin-left: 0px; }
    
    #content li
    {
    background: url(../images/bullet.gif) no-repeat 0 7px;
    line-height: 18px;
    padding-bottom: 5px;
    padding-left: 0px;
    margin-left: 0px;
    }
    
    .line 
    {
    background: url(../images/line.gif) repeat-x;
    height:2px !important;
    margin-bottom: 15px;
    overflow:hidden;
    }
    
    .noBorder
    {
    border: none !important;
    }
    
    /* ----======== Layout ========---- */
    
    #wrapper
    {
    text-align: left;
    margin: auto;
    width: 960px;
    border: 1px solid #fff;
    margin-top: 15px;
    position: relative;
    }
    
    #header
    {
    border-bottom: 1px solid #fff;
    }
    
    #flashFrame
    {
    width: 595px;
    float: left;
    height: 365px;
    overflow: hidden;
    border-right: 1px solid #fff;
    }
    
    #page
    {
    background: #D3E7EE;
    }
    
    #content
    {
    width: 328px;
    padding: 15px 18px 0 18px;
    float: left;
    height: 350px;
    overflow: auto;
    }
    
    #footer
    {
    height: 63px;
    overflow: hidden;
    border-top: 1px solid #fff;
    }
    
    .hidden
    {
    display: none;
    }
    
    #footer ul
    {
    padding: 0; 
    margin: 0;
    list-style: none;
    }
    
    #footer ul li
    {
    float: left;
    height: 63px;
    }
    
    #footer ul li a
    {
    height: 63px;
    display: inline-block;
    border: none !important
    }
    
    #footer ul li a:hover, .active a
    {
    border: none;
    background-position: bottom left !important;
    }
    
    .beachsuites a
    {
    background: url(../images/suites.gif) no-repeat top left;
    width: 144px;
    }
    .location a
    {
    background: url(../images/location.gif) no-repeat top left;
    width: 119px;
    }
    .gallery a
    {
    background: url(../images/gallery.gif) no-repeat top left;
    width: 113px;
    }
    .friends a
    {
    background: url(../images/friends.gif) no-repeat top left;
    width: 179px;
    }
    .rates a
    {
    background: url(../images/rates.gif) no-repeat top left;
    width: 92px;
    }
    .contact a
    {
    background: url(../images/contact.gif) no-repeat top left;
    width: 112px;
    }
    .home a
    {
    background: url(../images/home.gif) no-repeat top left;
    width: 90px;
    }
	.specials a
    {
    background: url(../images/specials.gif) no-repeat top left;
    width: 111px;
    }
    

#gallery
    {
    width: 356px;
    padding: 7px 0px 0 8px;
    float: left;
    height: 358px;
    overflow: hidden;

    }
    
#gallery ul
{
margin: 0;
padding: 0;
list-style: none;
padding-top: 3px;
}

#thumbnails li
{
list-style: none;
float: left;
padding: 0;
margin: 0;
width: 81px;
height: 81px;
overflow: hidden;
display: block;
float: left;
margin-right: 8px;
margin-bottom: 8px;
cursor: pointer;
color: #000;

}

#thumbnails li:hover
{
}

#thumbnails li.active
{
}


#thumbnails a
{
width: 85px;
height: 85px;
overflow: hidden;
display: block;
float: left;
margin-right: 10px;
margin-bottom: 10px;
color: #000;
}

#thumbnails a:hover
{
color: #000;
}

#thumbnails img
{
color: #000;
}
    
    
#frmSS43
{
text-align: left;
width: 320px;
background: #EFFBFF;
padding: 4px 4px 8px 4px;
}

#frmSS43 h3
{
margin: 0;
}

.formField
{
padding: 2px;
background: #fff;
border: 1px solid #8CB7C7;
color: #3b7e97;
font-size: 12px;
width: 200px;
}

td
{
padding: 4px;
}