@charset "utf-8";
/* CSS Document
   Main Reset   */
* {margin: 0;padding: 0;}
html{color:#000;background-color:#141442;font-size:62.5%;height:100%;}
body {height:100%;font-family: "Times New Roman", Times, serif; background-color:#141442;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,span{margin:0;padding:0;}
img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
abbr,acronym{border:0;font-variant:normal;}
input,textarea,select{font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
.clear {clear: both;}

/* Header Styling */

#wrap {
  width: 800px;
  background-color: #141442;
  min-height: 100%;
  height: auto !important;
  margin: 0 auto -3em;
}
#header {
  height: 130px;
  background: #3D3D66 url(../images/headerBG.jpg) repeat-x;
}
#header h1 a {
  color: #CCC;
  float:left;
  font-family: "Times New Roman",Times,serif;
  font-size: 2.5em;
  font-style: italic;
  margin: 1.8em 0 0 1.5em;
  text-decoration: none;
}
#slogan {
  height: 100px;
  width: 500px;
  font-size: 2em;
  color: #000;
  float: right;
  background: #CCC url(../images/sloganBG.jpg) repeat-x;
}
p.line1 {
  margin-top: 1em;
}
p.line1, p.line2 {
  text-align: center;
  color: #000066;
  font-size: 1.2em;
}
#nav {
  width: 500px;
  height: 30px;
  background-color: #3D3D66;
  background-image: url(../images/meniuBG.jpg);
  float: right;
}
#nav ul {
  margin-top: 0.5em;
}
#nav li {
  display: inline;
  font-size: 1.7em;
  font-size: 1.3em;
  font-weight: bold;
  font-style: normal;
  margin-left: 0.5em;
}
#nav li a {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  color: #000000;
  text-decoration: none
}
#nav li a:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  color: #000099;
  text-decoration: none;
}

#nav li a.active {
  color: #000099;
}
#foto1, #foto2 {
  width: 300px;
  height: 170px;
  background-color: #CCCCCC;
  float: left;
}
#foto2 h2 {
  color: #FFFFFF;
  font-size: 2em;
  margin: -8em 0 0 1.5em;
  text-align: center;
  width: 11em;
}
#links {
  width: 200px;
  height: 170px;
  background-image: url(../images/juostaBG.jpg);
  background-repeat: repeat-x;
  float: left;
}
#links ul {
  margin-top: 3.5em;
}
#links li {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  margin-left: 3.5em;
  margin-top: 1.5em;
  font-size: 1.5em;
  font-weight: bold;
  list-style-image: url(../images/rodykle.png);
}

#links li a {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  color: #FFFFFF;
  text-decoration: none;
}

#links li a:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  color: #000066;
  text-decoration: none;
}
#foto-bar {
  margin-top: -12px;
}

/* Sidebar Styling */
#sidebar {
  float: left;
  width: 300px;
  background-color: #3D3D66;
}
#sidebar h2 {
  color: #CCC !important;
}
#sidebar p {
  color: #CCC;
  margin: 1em 2em;
}
#sidebar a {
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #CCC;
  font-size: 1.5em;
}
#sidebar a:hover {
  color: #FFFF99;
}
#slider {
  width: 250px; /* important to be same as image width */
  height: 250px; /* important to be same as image height */
  position: relative; /* important */
  overflow: hidden; /* important */
  margin: 5px 0 0 25px;
}
#sliderContent {
  width: 250px; /* important to be same as image width or wider */
  position: absolute;
  top: 0;
  margin-left: 0;
}
.sliderImage {
  float: left;
  position: relative;
  display: none;
}
.sliderImage span {
  position: absolute;
  font: 10px/15px Arial, Helvetica, sans-serif;
  padding: 5px 13px;
  width: 250px;
  background-color: #000;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  color: #fff;
  display: none;
}
.sliderImage span strong {
  font-size: 14px;
}
.top {
  top: 0;
  left: 0;
}
.bottom {
  bottom: 0;
  left: 0;
}

/* Main Content Styling */

#facebook_link {
  float: right;
  margin: -1.5em .3em 0 0;
}

#home-wrap, #contact-wrap, #airport-wrap, #port-wrap {
  background-image: url(../images/home-bg.png);
  background-repeat: repeat-y;

}
#home-content {
  width: 500px;
  float: right;
  background-color: #CCC;
}
#home-content h2, #services-content h2, #rates-content h2, #terms-content h2, #contact-content h2, #reservations-content h2, #airport-content h2, #port-content h2, #sidebar h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.8em;
  font-weight: bold;
  color: #333;
  text-align: center;
  padding: 1em 0;
}
#reservations-content h2 {
  margin-bottom: -1.2em;
}
#home-content p {
  font-size: 1.5em;
  color: #333;
  margin: 0 2em 2em 2em;
}

/* Services Page Styling */
#services-content p.items {
  padding: 0 0 0 2em;
  font-style: italic;
}
#services-content {
  clear: both;
  background-color: #CCC;
}
#services-content h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6em;
  font-weight: bold;
  color: #666;
  text-align: center;
  padding: 0 0 1em 0;
}
#services-content p {
  font-size: 1.5em;
  color: #333;
  padding: 0 2em 2em 2em;
}
.pictures {
  margin:0 auto;
  width:84%;
}

/* Fleet Page Styling */
.vehicle {
  clear: both;
}
.vehicle h2 {
  color: #333;
  font-size: 1.7em;
  padding: 1.2em 0;
  text-align: center;
}
.vehicle img {
  float: left;
  margin: 2em 0 -0.8em 10em;
}
.vehicle p {
  font-size: 1.4em;
  color: #333;
  padding-left: 27em;
}
#fleet-content {
  background-image: url(../images/fleetBK.png);
  background-repeat: repeat-y;
  clear: both;
}
p.make {
  font-size: 1.4em;
  color: #3D3D66;
  font-style: italic;
}
#vehicle-last img {
  margin-bottom: 1.8em;
}

/* Rates Page Styling */
#rates-content {
  clear: both;
  background-color: #CCC;
}
.smallPrint {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  color: #CC0000;
  margin-left: 8em;
  margin-top: -0.8em;
  margin-bottom: 1em;
  width: 80%;
}
#ratesOrlando,#ratesOut,#ratesSanford,#ratesCruise,#charter {
  width: 80%;
  border: thin solid #333333;
  text-align: center;
  margin-right: auto;
  margin-bottom: 1em;
  margin-left: auto;
}
th,td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  color: #333333;
  width: 8em;
  text-align: center;
}
td, .noBorder {
  font-weight: normal;
  border-top-width: thin;
  border-right-width: thin;
  border-top-style: dotted;
  border-right-style: dotted;
  border-top-color: #666666;
  border-right-color: #666666;
}
.noBorder {
  border-right-style: none;
}
.location {
  text-align: left;
  width: 25em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  color: #333333;
}
.redStar {
  color: #CC0000;
  margin: 0;
}

/* Reservations Page Styling */
/* All styling is in reservations.css file in css folder */


/* Contact Page Styling */
.required {
  font-size: 1.2em;
  color: #CC0000;
}
#contact-content {
  float: left;
  background-color: #CCC;
  width: 500px;
}
#contact-content a {
  color: #990000;
  font-size: 1.8em;
  padding-left: 10em;
}
.input-error {
  text-align: center;
  font-size: 2em;
  color: #990000;
  padding: .5em;
  display: none;
}
h3.contact {
  font-size: 1.5em;
  color: #999999;
  font-weight: bold;
  text-align: center;
  margin-top: 1em;
}
#sidebar p.contactUs, address {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  color: #999;
  margin: 2em 2em;
  text-align: justify;
}
.email, .phone {
  font-size: 0.8em !important;
  color: #CCC;
}
#contact-form fieldset {
  width: 70%;
  margin: 0 auto;
  border: 0;
}
#contact-form label {
  font-size: 1.5em;
  color: #333;
}
#contact-form input {
  width: 15em;
  font-size: 1.5em;
  margin-bottom: .8em;
  padding: .3em;
  border: 1px solid #999;
}
#contact-form textarea {
  font-size: 2em;
  width: 21em;
  border: 1px solid #999;
}
#contact-form button {
  margin: 2em .5em;
}
.error {
  color: #990000;
  font-size: 1.6em;
  margin-left: 4.5em;
}
.thanks {
  text-align: center;
  padding: 3em 0 1em 0;
  font-size: 2.5em;
}
.goback {
  color: #333;
  font-size: 0.8em;
  font-size: 1.5em;
}
#contact-form .contact-btn {
  font-size: 1.5em;
  margin: 1em 0 1em 12em;
  width: 8em;
}
.error-show {
  background-color: #ffcccc;
  border: 1px solid red !important;
}

/* Terms and Conditions Page Styling */
#terms-content {
  clear: both;
  background-color: #CCC;
}
#terms-content img {
  float: left;
  margin-bottom: 28em;
}
#terms-content p {
  font-size: 1.5em;
  color: #333;
  margin: 0 2em 2em 2em;
}
#terms-content p.warning {
  color: #CC0000;
  padding-left: 12em;
}
#terms-content p.last {
  padding-bottom: 2em;
}

/* Airport and Port Page Styling */
#airport-content, #port-content {
  width: 500px;
  float: right;
  background-color: #CCC;
}
#airport-content p, #port-content p {
  font-size: 1.5em;
  color: #333;
  margin: 0 2em;
}

/* Footer Styling */
#footer, .push {
  height: 3em;
}
#footer ul {
  text-align: center;
}
#footer li {
  display: inline;
}
#footer li a, #footer a {
  color: #666;
}
#footer p {
  color: #666;
  text-align: center;
}