@charset "utf-8";
/* CSS Document */


.toprow {background:#039cdc; text-align:center; padding:10px; color:#fff; font-weight:bold; font-size: 25px;}
.toprow a {color:#fff; font-size: 25px; font-weight:bold;}
.toprow a:hover {color:#fff;}

.logonav {padding: 30px 0; border-bottom: 1px dashed #ccc;}
.wellcome {padding:20px 0; text-align:center;}

.callus {background:#039cdc; margin:20px 0 0 0; padding:20px 0; text-align:center; color:#fff; font-size:16px;}
.callus a {-webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3); box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3); background-image: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-shadow: none; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; background-color: #0093d0; border: none; color: white !important; font-size: 13px; line-height: 20px; padding: 8px 15px; text-align: center; font-weight: 700;}

.button {text-align:center; margin:20px 0 0 0; }
.button a {-webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3); box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3); background-image: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-shadow: none; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; background-color: #039cdc; border: none; color: white !important; font-size: 13px; line-height: 20px; padding: 8px 15px; text-align: center; font-weight: 700; transition: all .5s ease-in-out;}
.button a:hover {color:#fff; transition: all .5s ease-in-out;}

.welcome {margin:30px 0; background:#f2f2f2; padding:30px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.welcome h1 {margin:0 !important; color:#039cdc; font-size: 28px;}
.welcome hr {margin-top: 10px; margin-bottom: 10px; border: 0; border-top: 1px solid #cbcbcb;}
.innerrates {}
.innerrates h3 {background:#c3c4c4; padding:10px; text-align:center; color:#484848;}
.innerrates h1 {text-align:center;}

/* Online Reservation */
.onlinereservation {padding:0 20px 20px 20px; float:left; width:100%; background:#000;}
.onlinereservation h2, .onlinereservation p {color:#fff;}
.onlinereservation a {font-size:20px; color:#fd6934; text-decoration:none; transition:color .5s ease-in-out;}
.onlinereservation a:hover {color:#ff875b; transition:color .5s ease-in-out;}
.onlinereservation input, .onlinereservation select, .onlinereservation textarea {width:100%; margin:15px 0 0 0; padding:10px; border:0px;}
.onlinereservation textarea {height:70px;}
.onlinereservation span {color:#fff; margin:15px 0 0 0; float:left;}
.onlinereservation input[type="submit"] {background:#039cdc; color:#fff; font-weight:bold; transition: background .5s ease-in-out;}
.onlinereservation input[type="submit"]:hover {background:#0374a3; transition:background .5s ease-in-out;}
#flip {text-align: center; border: solid 1px #c3c3c3; color: #fff; font-weight: bold; cursor: pointer; -webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3); box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3); background-image: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-shadow: none; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; background-color: #039cdc; border: none; color: white !important; font-size: 13px; line-height: 20px; padding: 8px 15px; text-align: center; font-weight: 700; transition: all .5s ease-in-out;
}
.return_trip {width:100%; background:#2759ab; padding:10px 0; text-align:center; float:left; text-transform:uppercase; box-shadow:inset 0px 0px 20px #044f79;}
.return_trip a {color:#fff; text-shadow:0px 2px 3px rgba(0, 0, 0, 0.3);}
.return_trip a:hover {color:#fff;}

#panel {
    background-color:#000000;
}
#panel {
    padding: 30px;
    display: none;
}

.firstfooter {color:#999; background-color:#444; padding:40px 0;}
.firstfooter h3 {color:#fff;}
.firstfooter a {color:#fff;}
.firstfooter hr {color:#999;}
.firstfooter p {color:#a8a8a8;}

.lastfooter {background-color:#000; padding:30px 0; text-align:center;}
.lastfooter p {color:#cfcfcf;}
.lastfooter a {color:#cfcfcf;}

.reservebutton {margin:30px 0;}

 /* ===============                      ===============
                   Phones and Handhelds
   ===============                      =============== */
@media only screen and (max-width: 599px) {
.logonav img {width:100%;}
.contact a {font-size: 15px;}
	
.innerrates {border-bottom:1px solid #ccc; margin:0 0 30px 0;}
.callus a {display:block;}
}

@media only screen and (max-width: 549px) and (min-width: 400px) {
.logonav img {width:100%;}
.contact a {font-size: 15px;}
	
.innerrates {border-bottom:1px solid #ccc; margin:0 0 30px 0;}
.callus a {display:block;}
}

@media only screen and (max-width: 650px) and (min-width: 550px) {
.logonav img {width:100%;}
	
.innerrates {border-bottom:1px solid #ccc; margin:0 0 30px 0;}
.callus a {display:block;}
}

/* ===============                      ===============
                         Tablets
   ===============                      =============== */
@media only screen and (max-width: 990px) and (min-width: 600px) {
}

/* ===============                      ===============
                         Laptops
   ===============                      =============== */
@media only screen and (max-width: 1125px) and (min-width: 1000px) { 

}