@import "reset.css";

body {
  margin:0px;
  padding:0px;
  font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:black;
}

br.clear {
  height:1px;
  clear:both;
}

#outer {
  width:1049px;
  padding-left:1px;
  margin:0px auto;
  background-image:url("../images/background.jpg");
  background-repeat:repeat-y;
}

#container {
  width:907px;
  margin:0px 71px;
}

#header {
  background-color:rgb(0,121,194);
  height:83px;
}

#header #logo {
  float:left;
  height:83px;
}

#header #banner-text {
  float:left;
  padding:10px;
  font-size:24px;
  color:white;
  line-height:1.25em;
}

#header #abta {
  width:200px;
  float:right;
  background-color:white;
  height:83px;
  line-height:1.2em;
}

#header #abta img {
  float:left;
}

#header #abta p {
  padding-top:6px;
}

#nav {
  background-color:rgb(211,238,255);
  margin:5px 12px;
  height:36px;
}

#nav ul li {
  float:left;
  display:block;
}

#nav ul li.contact {
  float:right;
}

#nav ul li a {
  display:block;
  padding:8px 10px;
  font-size:16px;
  color:black;
  text-decoration:none;
  border-top:solid 2px rgb(211,238,255);
  border-bottom:solid 2px rgb(211,238,255);
}

#nav ul li a:hover {
  border-bottom:solid 2px rgb(0,121,192);
}

#nav ul li.active a {
  border-bottom:solid 2px rgb(0,121,192);
  background-color:rgb(255,221,0);
  border-top:solid 2px rgb(255,221,0);
  
}

#main {
  width:907px;
}

#main #leftColumn {
  width:588px;
  float:left;
  padding:10px;
}

#main #rightColumn {
  width:279px;
  float:right;
  margin:10px;
}

#main #leftColumn .main-image {
  width:575px;
  height:225px;
  background-repeat:no-repeat; 
}

#main #leftColumn #beach {
  background-image:url("../images/beach-photo.jpg");
}

#main #leftColumn #usa-flag {
  background-image:url("../images/usa-flag.jpg");
}

#main #leftColumn #cruise-top {
  background-image:url("../images/luxury-cruise-top.jpg");
}

#main #leftColumn #goa-top {
  background-image:url("../images/goa-top.jpg");
}

#main #leftColumn #package-top {
  background-image:url("../images/all-inclusive-package-top.jpg");
}

#main #leftColumn .main-image .text-bg {
  background-color:white;
  opacity:0.9;
  width:280px;
  position:absolute;
  /*left:10px;
  top:10px;*/
 /* float:left;*/
  height:200px;
  margin-top:10px;
  margin-left:10px;
  filter:alpha(opacity=90);
}

#main #leftColumn .main-image .text {
  font-size:20px;
  line-height:1.3em;
  padding:8px;
  opacity:1;
  position:absolute;
  width:264px;
  margin:10px;
}

#main #leftColumn .main-image .text .hilight {
  font-weight:bold;
  color:rgb(0,121,194);
}

#main #leftColumn .main-image .text p {
  margin-bottom:10px;
}

#main #leftColumn .main-image .text p.call {
  font-size:16px;
}

#main #rightColumn h2 {
  font-size:30px;
  font-weight:bold;
  color:rgb(0,121,194);
  margin-bottom:0.5em;
}

#main #rightColumn ul#deals li {
  border:solid 1px #999;
  display:block;
  list-style-type:none;
  padding:5px;
  margin-bottom:1em;
}

#main #rightColumn ul#deals li.odd {
  background-color:rgb(254,252,236);
}

#main #rightColumn ul#deals li.even {
  background-color:rgb(229,241,249);
}

#main #rightColumn ul#deals li h3 {
  font-size:20px;
  margin-bottom:10px;
} 

#main #rightColumn ul#deals li div.picture {
  width:131px;
  height:91px;
  float:left;
}

#main #rightColumn ul#deals li div.quote {
  float:left;
  width:136px;
}

#main #rightColumn ul#deals li div.quote p.price {
  font-size:30px;
  color:rgb(0,121,194);
  font-weight:bold;
  text-align:center;
}

#main #rightColumn ul#deals li div.quote p.per-person {
  font-size:16px;
  font-weight:bold;
  text-align:center;
  margin-top:4px;
}

#main #rightColumn ul#deals li div.quote p.quote-no {
  font-size:16px;
  font-style:italic;
  text-align:center;
  margin-top:4px;
}

#main #rightColumn ul#deals li div.details {
  clear:both;
  font-size:14px;
  line-height:1.25em;
  padding:10px;
}

#main #leftColumn #specials {
  margin-top:1em;
}

#main #leftColumn #specials h2 {
  font-size:30px;
  color:rgb(0,121,194);
  margin-bottom:0.5em;
}

#main #leftColumn #specials ul li {
  list-style-type:none;
  display:block;
  width:95px;
  float:left;
  margin-left:8px;
  margin-right:8px;
  margin-bottom:20px;
}

#main #leftColumn #specials ul li div.picture {
  height:95px;
  width:95px;
  background-color:rgb(0,121,194);
}

#main #leftColumn #specials ul li h4 {
  text-align:center;
  margin-bottom:4px
}

#main #leftColumn .reasons ol {
  margin:0px;
  padding:0px;
}

#main #leftColumn .reasons ol li {
  list-style-type:none;
  background-repeat:no-repeat;
  padding-left:50px;
  height:42px;
  line-height:42px;
  font-size:20px;
  margin-bottom:8px;
}

#main #leftColumn .reasons ol li.reason_1 {
  background-image:url("../images/bullet-1.jpg");
}

#main #leftColumn .reasons ol li.reason_2 {
  background-image:url("../images/bullet-2.jpg");
}

#main #leftColumn .reasons ol li.reason_3 {
  background-image:url("../images/bullet-3.jpg");
}

#main #leftColumn .reasons ol li.reason_4 {
  background-image:url("../images/bullet-4.jpg");
}

#main #leftColumn .reasons ol li.reason_5 {
  background-image:url("../images/bullet-5.jpg");
}

#main #leftColumn .reasons ol li span.t_and_c {
  font-size:12px;
}

#main #leftColumn .reasons h2 {
  font-size:30px;
  color:rgb(0,121,194);
  margin-bottom:0.5em;
}

#main #leftColumn div.villas h2 {
  font-size:30px;
  color:rgb(0,121,194);
  margin-bottom:0.5em;
}

#main #leftColumn div.villas p {
  font-size:14px;
  line-height:18px;
}

#main #leftColumn div.villas img {
  float:right;
  padding:15px;
  clear:right;
}

#main #leftColumn div.villas dl {
  font-size:14px;
  line-height:18px;
}

#main #leftColumn div.villas dd {
  float:left;
  
}

#main #leftColumn div.villas dt {
  float:left;
  margin-right:1em;
  clear:left;
  width:80px;
  line-height:1.5em;

}

#contact {
  background-color:rgb(255,221,3);
  text-align:center;
  padding:10px;
}

#contact h2 {
  font-size:30px;
  color:rgb(0,121,194);
  margin-bottom:0.5em;
}

#contact #contact-details {
 /* margin-bottom:10px;*/
}

#contact #contact-details h3 {
  color:rgb(0,121,194);
  font-size:28px;
}

#contact #contact-details div {
  font-size:28px;
}

#contact #contact-details div div {
  margin:10px 10px;
}

#contact #contact-details div.contact-left {
  width:423px;
  text-align:right;
  float:left;
  margin-right:20px;
}

#contact #contact-details div.contact-right {
  width:423px;
  text-align:left;
  float:left;
  margin-left:20px;
}

#main #leftColumn #newsletter-signup {
  float:left;
  width:274px;
  padding:10px;
  font-size:16px;
  line-height:1.3em;
}

#main #leftColumn #newsletter-signup h2 {
  font-size:24px;
  font-weight:normal;
  color:rgb(0,121,194);
  margin-bottom:0.5em;
}

#main #leftColumn #newsletter-signup input {
  display:block;
  padding:4px;
  margin:8px 0px;
}

#main #leftColumn #newsletter-signup label {
  display:block;
  margin-top:8px;
}

#main #leftColumn #newsletter-signup p a {
  margin:12px 0px;
  display:block;
  font-weight:bold;
  color:black;
}

#main #leftColumn #about {
  float:left;
  width:274px;
  padding:10px;
  font-size:16px;
  line-height:1.3em;
}

#main #leftColumn #about p {
  margin-bottom:1em;
}

#main #leftColumn #about h2 { 
  font-size:24px;
  font-weight:normal;
  color:rgb(0,121,194);
  margin-bottom:0.5em;
}

#main #leftColumn div.info {
  font-size:24px;
  text-align:center;
  padding:0.6em;
  margin:0.25em 0;
}

#main #leftColumn div.info div.line-1 {
  font-size:32px;
  margin-bottom:8px;
}

#main #leftColumn div.info.yellow {
  background-color:rgb(255,221,0);
  color:rgb(0,121,194);
}

#main #leftColumn div.info.blue {
  color:white;
  background-color:rgb(0,121,194);
}

#main #leftColumn #blurb {
  margin:15px 0;
}

#main #leftColumn #blurb h2 {
  color:rgb(0,121,194);
  font-size:24px;
  margin:0.25em 0;
}

#main #leftColumn #blurb h3 {
  color:rgb(0,121,194);
  font-size:20px;
  margin:0.5em 0;
}

#main #leftColumn #blurb p {
  margin:1em 0;
  font-size:14px;
  line-height:18px;
}

#main #leftColumn .blurb-image {
  margin:15px 0px;
}

#contact #email, #contact #shop {
  float:left;
  width:423px;
  text-align:center;
  margin-top:5px;
  font-size:18px;
}

#contact a, #shop span {
  color:rgb(0,121,194);
}

#footer #abta2 {
  /*text-align:center;*/
  height:83px;
  width:200px;
  margin:10px 353px;
  line-height:1.2em;
}

#footer #abta2 img {
  float:left;
}

#footer #abta2 p {
  padding-top:6px;
}


#main #contactLeft {
  width:432px;
  float:left;

}

#main #contactRight {
  float:left;
  width:432px;

}

#main h1 {
  font-size:30px;
  font-weight:bold;
  color:rgb(0,121,194);
  margin-bottom:0.5em;
}

#main #contactUs {
  padding:15px;
}

#main #contactUs #contactLeft {
  margin-bottom:20px;
}

#main #contactUs #contactLeft div.email a {
  color:rgb(0,121,194);

}

#main #contactUs #contactLeft div.email {
  margin-bottom:1em;
}

#main #contactUs #contactLeft div.phone {
  font-size:24px;
  font-weight:bold;
  color:rgb(0,121,194);
  margin-bottom:0.5em;
}

#main #contactUs  h2 {
  font-size:24px;
  font-weight:normal;
  margin:0.8em 0em 0.5em 0em;
}

#main #contactUs form ul {
  margin:0px;
  padding:0px;
}

#main #contactUs form ul li {
  list-style-type:none;
  display:block;
  margin:0px;
  padding:0px;
  clear:both;
}

#main #contactUs  label {
  float:left;
  /*position:absolute;*/
  width:100px;
  line-height:1.2em;
  font-size:1.2em;
  clear:left;
}

#main #contactUs  .message-details {
  /*position:absolute;*/
  float:left;
  width:100px;
  clear:left;
  /*margin-top:1.8em;*/
}

#main #contactUs input[type=text] {
  display:block;
  margin-bottom:0.5em;
  width:250px;
  float:left;
  /*margin-left:100px;*/
}

#main #contactUs  input[type=submit] {
  width:120px;
  margin-left:230px;
  margin-top:5px;
  margin-bottom:5px;
  padding:3px;
  cursor:pointer;
}

#main #contactUs  textarea {
  width:250px;
  float:left;
 /* margin-left:100px;*/
}

#main #contactUs div.required {
  font-size:1.2em;
  color:rgb(0,121,194);
  font-weight:bold;
  margin-bottom:0.5em;
}

#main #contactUs .contact-form {
  padding:12px;
}

#main #contactUs .callback-form {
  background-color:rgb(243,248,252);
  border: solid 1px rgb(98,98,98);
  padding:0px 12px 12px 12px;
}

#main #contactUs #google-map {
  border:solid 3px rgb(0,121,194);
}