html { height: 100%; }
body { 
min-height: 100%; height: 100%; 
background-color: #b0c5d7;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
height: 100%;
}


h4 {
    position: relative;
    margin-left: 20px;
    font-size: 12px;
    font-style: italic;
    color: #2c8a37;
}


#wrapper {
    width: 1000px;
    min-height: 650px;
    margin-top: 10px;
    padding-top: 10px;
    background-color: #ffffff;
}

#header {
    width: 980px;
    height: 100px;
    margin-bottom: 10px;
    background: url(../images/logo.png);

}

#book_now {
    width: 180px;
    height: 100px;
    margin-bottom: 0px;
    background: url(../images/logo.gif) top right no-repeat;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 100;

}

#menu {
    width: 980px;
    height: 20px;
    margin-bottom: 10px;

}

#flashphoto {
    width: 980px;
    height: 360px;
    margin-top: 20px;
    margin-bottom: 10px;


}

#underphoto {
    width: 980px;
    height: 120px;
    margin-bottom: 10px;
    background-color: #CFE4AF;
}

#content_home {
    clear:both;
    width: 960px;
    min-height: 100px;
    padding: 20px;
    padding-top: 10px;
    background-color: #54898C;
    color: #ffffff;


}

#content {
    clear:both;
    width: 1000px;
    min-height: 100px;
    background-color: #54898C;
    color: #ffffff;


}





#under_reserve {
    width: 310px;
    padding: 5px;
    margin: 3px;
    float: left;
    text-align: left;
    font-size: 11px;

}

#under_specials {
    width: 310px;
    padding: 5px;
    margin: 3px;
    float: right;
    text-align: left;
    font-size: 11px;

}


.under_header{
    font-family: georgia;
    font-size: 16px;
    font-weight: normal;
    color: #44658f;
}

.under_header_green{
    font-family: georgia;
    font-size: 16px;
    font-weight: normal;
    color: #48632f;
}

.under_header_red{
    font-family: georgia;
    font-size: 16px;
    font-weight: normal;
    color: #ff0000;

}


#page_left_col {
    float: left;

    width: 160px;
    margin: 10px;
    background-color: #CFE4AF;
    padding: 5px;
    font-size: 11px;
    text-align: left;
    
}

#page_right_col {
    float: right;
    width: 800px;

    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;


}








h1{
    font-family: georgia;
}   
h2{
    font-family: georgia;
}
h3{
    font-weight: 100;
}

a{
    text-decoration: underline;
    font-weight: none;
    color: #385478;  
}

a:hover{
     text-decoration: none;
    font-weight: none;
    color: #5e7a9d;   
}

.rooms_toggle {
    color: #000000;
}


div.hr {
  height: 1px;
width: 80%;
  background: #b1b2b2 no-repeat scroll center;
  margin: 5px;
}
div.hr hr {
  display: none;
}

div.hr_full {
  height: 1px;
width: 770px;
left: 3px;
  background: #b1b2b2 no-repeat scroll center;
  margin: 5px;
}
div.hr_full hr {
  display: none;
}

.smalllink {
      font-family: arial;
    font-size: 10px;
    text-decoration: underline;
    line-height: 150%;
    font-weight: none;
    color: #385478;  
}



.smalllink:hover{
    text-decoration: underline;
    line-height: 150%;
    font-weight: none;
    color: #5e7a9d;
}


.room_info {
    background: url(../images/rooms_bg.jpg) no-repeat bottom center;
    
}

.room_info img {
    margin: 10px;
    border: 0px;
        -webkit-box-shadow: 0 0 5px #111;
        -moz-box-shadow: 0 0 5px #111;
    
}



.contact_bg {
    background: url(../images/contact_bg.jpg) no-repeat left;

}

.img_shadow {
        -webkit-box-shadow: 0 0 15px #111;
        -moz-box-shadow: 0 0 15px #111;
}








/* ---------------------- Dolphin nav ---------------------- */
#tabs30{position:relative;height:33px;font-family: georgia; font-size:12px;font-weight:bold;background:#fff url(../images/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 15px;}
#tabs30 ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#tabs30 ul li{display:block;float:left;margin:0 1px;}
#tabs30 ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 24px;height:33px;}
#tabs30 ul li a span{padding:12px 22px 0 0;height:21px;float:left;}
#tabs30 ul li a:hover{color:#fff;background:transparent url(../images/dolphin_bg-OVER.gif) repeat-x bottom left;}
#tabs30 ul li a:hover span{display:block;width:auto;cursor:pointer;}
#tabs30 ul li a.current,#tabs30 ul li a.current:hover{color:#fff;background:#1D6893 url(../images/dolphin_left-ON.png) no-repeat top left;line-height:275%;}
#tabs30 ul li a.current span{display:block;padding:0 23px 0 0;width:auto;background:#1D6893 url(../images/dolphin_right-ON.png) no-repeat top right;height:33px;}
/* ---------------------- END Dolphin nav ---------------------- */

            
.awesome, .awesome:visited {
    background: #222 url(../images/alert-overlay.png) repeat-x; 
    display: inline-block; 
    padding: 5px 10px 6px; 
    color: #fff; 
    text-decoration: none;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
    margin-left: 5px;
    top: -3px;
}

    .awesome:hover                            { background-color: #111; color: #fff; }
    .awesome:active                            { top: 1px; }
    .small.awesome, .small.awesome:visited             { font-size: 11px; padding: ; }
    .awesome, .awesome:visited,
    .medium.awesome, .medium.awesome:visited         { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
    .large.awesome, .large.awesome:visited             { font-size: 14px; padding: 8px 14px 9px; }
    
    .green.awesome, .green.awesome:visited        { background-color: #91bd09; }
    .green.awesome:hover                        { background-color: #749a02; }
    .blue.awesome, .blue.awesome:visited        { background-color: #2daebf; }
    .blue.awesome:hover                            { background-color: #007d9a; }
    .red.awesome, .red.awesome:visited            { background-color: #ff0000; }
    .red.awesome:hover                            { background-color: #ff9e9e; }
    .magenta.awesome, .magenta.awesome:visited        { background-color: #a9014b; }
    .magenta.awesome:hover                            { background-color: #630030; }
    .orange.awesome, .orange.awesome:visited        { background-color: #ff5c00; }
    .orange.awesome:hover                            { background-color: #d45500; }
    .yellow.awesome, .yellow.awesome:visited        { background-color: #ffb515; }
    .yellow.awesome:hover