/* common markup based styling */
body {
    font-family: Tahoma, Verdana, Arial;
    font-size: 12px;
    background: #333333 url(../images/body_bg.jpg) top center repeat-x;
    color: #333333;
    width: 98.25%;
    height: 100%;
}


h2 {
    font-size: 20px;
    font-weight: normal;
    float: left;
    font-family: Trebuchet MS, Arial;
    clear: both;
    padding: 0px 0px 5px 0px;
    margin: 10px 0px 0px 0px;
    border-bottom: 1px solid #333333;
}

h3 {
    font-size: 18px;
    font-weight: normal;
    float: left;
    font-family: Trebuchet MS, Arial;
    clear: both;
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 20px 0px;
    width: 100%;
    position: relative;
}

h4 {
    font-size: 22px;
    font-weight: normal;
    text-align: center;
    font-family: Trebuchet MS, Arial;
    clear: both;
    padding: 0;
    margin: 10px 0 0 0;
}

h5 {
    font-size: 30px;
    font-weight: normal;
    text-align: center;
    font-family: Trebuchet MS, Arial;
    clear: both;
    padding: 0;
    margin: 10px 0 0 0;    
}

h6 {
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    font-family: Trebuchet MS, Arial;
    clear: both;
    padding: 0;
    margin: 5px 0 0 0;    
}


a {
   color: #333333;
   text-decoration: underline;
}


a:hover {
   color: #333333;
   text-decoration: underline;
}

img {
    border: none;
}

.cond_com {
    display: none;
    width: 1% !important;
    height: 1% !important;
    font-size: 1px;
    margin: 0 !important;
}
    
.bold {
    font-weight: bold;
}

p {
    margin: 10px 0 20px 0;
    position: relative;
    width: 100%;
}
 
.noflash{
    background: url(../images/header_bg.jpg) center top no-repeat;
    width: 780px;
    height: 225px;
    top: 0px;
    margin-top: 0; 
}

.noflashtext{
    top: -200px;
    left: 20px;
    margin-bottom: -55px;
    background: #ffffff;
    width: 300px;
    padding: 5px;
} 


/* main page wrapper - centers and scales the page - sets background images */

#page_wrap {
    top: 5px;
    width: 780px;
    background: url(../images/bg.jpg) center center repeat-y;
    position: static;
    margin: 0 auto 15px auto;    
}

#page_head {
    width: 780px;
    height: 225px;
    position: relative;
    clear: both;
}
    
#page_head object{
    width: 780px;
    height: 225px;
    position: relative;    
}

#page_foot {
    width: 780px;
    height: 98px;    
    background: url(../images/footer_bg.jpg) center center no-repeat;
    position: relative;
    clear: both;
}

#page_foot_content {
    width: 760px;
    position: relative;
    clear: both;
    padding: 0px 10px 0px 10px;
    text-align: right;
    font-size: 10px;
}

#page_foot_copyright {
    width: 640px;
    margin: 60px 0 0 120px;
    position: relative;
    clear: both;
    padding: 0px 10px 0px 0;
    font-size: 10px;
    color: #ffffff;
}

#page_foot_copyright a{
    color: #ffffff;
}

/* navigation */

#nav {
    top: -63px;
    width: 780px;
    height: 40px;
    position: relative;
    z-index: 30
}

#nav ul {
    float: left;
    margin: 0px 0px 0px -15px;
    position: relative;
    font-family: Trebuchet MS, Arial;
}

#nav ul li{
    list-style: none;
    display: inline;
    margin: 0px 10px 0px 0px; 
}

#nav ul li a{
    color: #c0c0c0;
    font-size: 18px;
    text-transform: capitalize;
    text-decoration: none !important;   
}

#nav ul li ul{
    color: #c0c0c0;
    font-size: 14px;
    z-index: 100;
    display: none;    
    position: absolute;
    list-style: none;
    padding: 0;
    margin: 0;
    left: 80px;
    top: 22px;
    border-top: 4px solid #333333;       
}

#nav ul li:hover{
    border: 0;     
}

#nav ul li:hover ul{
    display: block;         
}


#nav ul li ul li a{
    width: 118px;
    display: block;
    background: #666666;
    padding: 1px 10px 1px 10px;
    text-align: center;
    font-size: 14px;
    border-bottom: 1px solid #333333;      
}

#nav ul li ul li a:hover{
    background: #333333;    
    font-size: 14px;       
}


#nav ul li a:hover{
    color: #ffffff;
    text-decoration: none !important;
}

#sitemap_path {
    float: left;
    left: 10px;
    font-size: 11px;
    background: url(../images/sitemap_path_bg.gif) no-repeat right top;
    padding: 7px 25px 7px 14px;
    position:relative;
    z-index: 30;
}


/* main content */

#content {
    width: 760px;
    margin: 0px 10px 0px 10px;
    height: auto;
    position: relative;
    clear: both;
    top: -40px;
}

/* index content */

#index_text {
    width: 760px;
    float: left;
    height: auto;
    margin: 20px 0px 10px 0px;
    text-align: justify;
    position: relative;
    clear: both;
}


.index_imgs {
    width: 760px;
    float: left;
    height: 170px;
    margin: 20px 0px 10px 0px;
    position: relative;
    clear: both;
}

.overlay_text {
    float: left;
    z-index: 30;
    color: #ffffff;
    font-size: 18px;
    font-family: Trebuchet MS;
    padding: 0 0 7px 10px !important;
    position: relative;
    text-decoration: none !important;
    top: -30px;
    width: 150px;
    margin: 0 0 -30px 0!important;
    background: #333333;
    text-align: left;
    }
    
.sml_overlay_text {
    float: left;
    z-index: 30;
    color: #ffffff;
    font-size: 15px;
    font-family: Trebuchet MS;
    padding: 1px 0 3px 10px !important;
    position: relative;
    text-decoration: none !important;
    top: -44px;
    width: 150px;
    margin: 0 !important;
    background: #333333;
    text-align: left;
    }
    
        
.index_imgs a {
    text-decoration: none !important;
    }    
 
    
.160sq {
    width: 160px;
    height: 160px;
    border: 0;
}


/* hotel content */


#hotel_text {
    width: 561px;
    height: auto;
    position: relative;
    clear: left;
    float: left;
    text-align: left;    
}

#hotel_imgs {
    width: 199px;
    height: auto;
    position: relative;
    clear: right;
    float: right;
    top: -100px;
}

#hotel_imgs img {
    height: 160px;
    width: 160px;
    float: left;
    margin: -10px 0px 0px 39px;
    position: relative;
}

.magnify {
    height: 34px !important;
    width: 34px !important;
    left: 126px !important;
    top: -24px !important;
    position: relative !important;
    z-index: 40 !important;
}
    

#disclaimer {
    clear: both;
    font-size: 10px;
    text-align: left;
    margin: 20px 0 0 0;
    padding: 10px 0 0 0;
}
#callto {
    width: 150px;
    top: -10px;
    margin: 0px 0px 0px 39px;
    border: solid 5px #333333;
    position: relative;
    background: #333333;
    color: #ffffff;
    text-align: left;
    clear: left;
    font-size: 14px;         
}

#price {
    width: 150px;
    margin: 0px 0px 0px 39px;
    border: solid 5px #333333;
    position: relative;
    background: #333333;
    color: #ffffff;
    text-align: left;
    clear: left;
    font-size: 14px;         
}

#quote_btn {
    width: 160px;
    height: 30px;
    margin: 10px 0px 0px 39px;
    position: relative;
    background: url(/images/quote_btn.jpg) center top no-repeat;
    color: #ffffff;
    clear: left;
    text-align: center;         
}

#quote_btn_top {
    width: 160px;
    height: 30px;
    margin: 0 0 20px 39px;
    position: relative;
    background: url(/images/quote_btn_top.jpg) center bottom no-repeat;
    color: #ffffff;
    clear: left;
    text-align: center;         
}

#quote_btn a, #quote_btn_top a {
    color: #c1c1c1;
    font-family: Trebuchet MS !important;
    font-size: 18px;
    margin: auto auto auto auto;
    text-decoration: none !important;
    font-weight: bold;
    top: 3px;
    position: relative;
}

#quote_btn a:hover, #quote_btn_top a:hover {
    color: #ffffff;
    text-decoration: none !important;
    font-weight: bold;
}

/* resort content */

#resort_text {
    width: 760px;
    float: left;
    height: auto;
    margin: 20px 0px 10px 0px;
    position: relative;
    clear: both;
}

#resort_text p {
    width: 300px;
    float: left;
    height: auto;
    margin: 0 10px 0 0;
    text-align: left;
    position: relative;
    float: left;
    clear: left;
}

#hotel_list_container {
    background: #f0f0f0;
    border: solid 1px #c0c0c0;
    float: right;
    width: 428px;
    padding: 10px;
    margin: 0 0 -38px 0;
    top: -48px;
    position: relative;
}

.hotel_list_item {
    width: 100%;
    height: auto;
    margin: 0px 0px 10px 0px;
    position: relative;
    clear: both;
    top: 0px;       
}

.hotel_list_item_img {
    border: 0;
    margin: 0px 10px -29px 0px;
    position: relative;
    float: left;
    width: 160px;
    height: 160px;
    clear: left;
    top: -49px;
}

.hotel_list_item h3 {
    width: 255px;
    position: relative;
    padding: 0  0 5px 0 !important;
    margin: 0px 0px 10px 0px !important;
    border-bottom: solid 1px #c0c0c0;
    text-align: left;
    font-size: 14px;
    float: right;
    clear: none;
    font-weight: bold; 
}

.hotel_list_item h3 a{
    text-decoration: none !important;
}

.hotel_list_item_container {
    position: relative;
    clear: both;
    width: 100%;
}

.hotel_list_item_text {
    width: 255px;     
    float: left;
    text-decoration: none;
    word-spacing: 0.25em;
    text-align: left;
    letter-spacing: 0;
    line-height: 1.3em;
    font-size: 0.9em;
    position: relative;
    clear: right;
    padding: 0;
    margin: auto 0;
    height: auto;
       
}

/* Star Ratings */

#star_rating_4 {
    background: url(/images/stars.jpg) left top;
    margin: 3px 0 3px 0;
    position: relative;
    height: 17px;
    width: 89px !important;
}

#star_rating_4plus {
    background: url(/images/stars.jpg) left top;
    margin: 3px 0 3px 0;
    position: relative;
    height: 17px;
    width: 99px !important;
}

#star_rating_5 {
    background: url(/images/stars.jpg) left top;
    margin: 3px 0 3px 0;
    position: relative;
    height: 17px;
    width: 109px;
    float: left !important;
}

#star_rating_5plus {
    background: url(/images/starsplus.jpg) left top;
    margin: 3px 0 3px 0;
    position: relative;
    height: 17px;
    width: 125px;
    float: left !important;
}

#star_rating_ {
    background: url(/images/stars.jpg) left top;
    margin: 3px 0 3px 0;
    position: relative;
    height: 17px;
    width: 109px !important;
    
}

#star_rating {
    position: relative;
    float: left;
    clear: left;
    width: 100%;
    height: 17px;
    margin: 0 0 15px 0;
}

#star_rating_deluxe {
    background: url(/images/deluxe.jpg) left top;
    margin: 3px 0 3px 0;
    position: relative;
    height: 17px;
    width: 50px !important;
    
}

#star_rating_a {
    background: url(/images/class_a.jpg) left top;
    margin: 3px 0 3px 0;
    position: relative;
    height: 17px;
    width: 55px !important;
    
}



/* site-wide image classes */

.img_center {
    height: 160px;
    width: 160px;
    float: left;
    margin: 10px 0px 0px 39px;
    position: relative;  
}

.img_left {
    height: 160px;
    width: 160px;
    float: left;
    margin: 10px 0px 0px 0px;
    position: relative;  
}

.img_right {
    height: 160px;
    width: 160px;
    float: left;
    margin: 10px 0px 0px 39px;
    position: relative;  
}

#dest_callto {
    height: 160px;
    width: 359px;
    float: left;
    margin: 10px 0px 0px 39px;
    position: relative;
    background: #333333 !important;
    color: #ffffff;
    }

#dest_callto p{
    margin: 10px;
    width: auto;
    padding: 0 !important;
    text-align: left;
}

/* contact form */

.contactForm {
    width: 480px;
    float: left;
    position: relative;
    display: inline;
}

.formfieldset{
    border: 1px solid #c0c0c0;
    padding: 10px;
    margin: -6px 0 20px 0;
    padding-top: 20px;
    width: 460px;
    float: left;
}

.form_label_column {
    width: 170px;    
}

.form_input_column {
    width: 250px;    
}

.form_info_column {
    width: 40px;    
}

.forminput_norm {
    width: 250px;
    font-family: Tahoma, Verdana, Arial;
    font-size: 12px;
    color: #333333;
    background: #f0f0f0;
    border: 1px solid #c0c0c0;
}

.forminput_norm:hover, .forminput_small:hover, .forminput_tiny:hover, .forminput_comments:hover, .forminput_norm:focus, .forminput_small:focus, .forminput_tiny:focus, .forminput_comments:focus {
    background: #ffffff;
    border: 1px solid #c0c0c0;
}

.forminput_small {
    width: 100px;
    font-family: Tahoma, Verdana, Arial;
    font-size: 12px;
    color: #333333;
    background: #f0f0f0;
    border: 1px solid #c0c0c0;
}

.forminput_tiny {
    width: 50px;
    font-family: Tahoma, Verdana, Arial;
    font-size: 12px;
    color: #333333;
    background: #f0f0f0;
    border: 1px solid #c0c0c0;
}

.forminput_comments {
    width: 410px;
    height: 100px;
    position: relative;
    border: 1px solid #c0c0c0;
    font-family: Tahoma, Verdana, Arial;
    font-size: 12px;
    color: #333333;
    background: #f0f0f0;
    padding: 5px;
}

.contactForm fieldset table{
    padding: 0;
    border: 0;
    margin: 0;
}

legend {
    color: #333333;
}

.error_summary {
    border: solid 1px red;
    background: url(/images/error_bg.jpg) top left repeat-x;
    color: #000000;
    margin: 0 0 20px 0;
}

.success_summary {
    border: solid 1px #00BE09;
    background: url(/images/success_bg.jpg) top left repeat-x;
    color: #000000;
}

.error_summary, .success_summary{
    position: relative;
    padding: 10px;
}

.error_summary h1, .success_summary h1{
   padding-left: 70px;
   padding-top: 15px;
   padding-bottom: 20px;
   font-size: 18px;
}

.error_summary h1{   
   background: url(/images/warning.gif) top left no-repeat;
   border-bottom: solid 1px red;  
}

.success_summary h1{   
   background: url(/images/success.gif) top left no-repeat;
   border-bottom: solid 1px #00BE09;  
}


.validator {
    font-weight: bold;
    font-size: 16px;
}

#contact_info {
    width: 243px;
    padding: 10px;
    margin: 0 0 0 10px;
    float: right;
    display: inline;
    text-align: left;
    border: 1px solid #c0c0c0;
    background: #f0f0f0;
     
}

/* Jump-to-Destination Form */

form#jumpto {
    float: right;
    padding: 0 10px 0 0;
    position: static;
    margin: 10px 0  -30px 0;
    z-index: 100;
}

form#jumpto select{
    border: 1px solid #333333;
}

form#jumpto select optgroup {
    font-style: normal;
}