div#preload { display: none; }

body { font: normal 11px arial; margin: 0px; padding: 0px; }
h1 { color: #653315; font-family: Georgia,  serif; font-style: italic; font-size: 27px; margin-top: 6px; margin-bottom: 8px; font-weight: normal; }
h1.large { font-size: 3.0em; margin-bottom: 18px; }
h2 { color: #653315; font-size: 20px; font-style: italic; font-weight: normal; margin-top: 4px; margin-bottom: 4px;}
h2 a { color: #653315; font-weight: normal; margin-top: 4px; margin-bottom: 4px; text-decoration: none; }
h3 { color: #653315; font-size: 16px; font-style: italic; font-weight: normal; margin-top: 4px; margin-bottom: 4px;}
p { color: #312d29; margin-top: 5px; margin-bottom: 6px; padding: 0px; }
.content ul li {  color: #4e3721; font: normal 11px arial; font-size: 1.1em; } 
form { margin: 0px; padding: 0px; }
a { color: #216900 }
a:hover { color: #2d8e01 }
div.clear { clear: both; }
.pgtop { vertical-align: top; }
.error, .errors { color: red }
a img { border: none }

.outercontainertop { width: 1000px; height: 10px; background-image: url(../images/main-background-top.gif); margin: 0px auto; }
.outercontainercentral { width: 1000px; background-image: url(../images/main-background.gif); margin: 0px auto; }
.outercontainerbottom { width: 1000px; height: 8px; background-image: url(../images/main-background-bottom.gif); margin: 0px auto; }
.container { width: 976px; margin: 0px auto; }

.header { position: relative; background-image: url(../images/header-background.gif);  height: 130px; width:100%; }
.header a, .header .emphasis { color: #c85e00 }

.header .logo { position: absolute; top: 20px; left: 40px; border: none; }

.header .strapline { position: absolute; left: 310px; top: 25px }
.header .strapline p { margin:0px;  font-size: 27px; color: #6b3010; font-family: Georgia, Times, serif; font-style: italic; }

.header .contacttel { position: absolute; left: 310px; top: 75px }
.header .contacttel p, .header .contactemail p { margin:0px; font-size: 19px; color: #312d29;  }

.header .contactemail { position: absolute; left: 550px; top: 75px }
.header .contactemail p a { text-decoration: none; }

.menubar { background: #312d29; height:41px; width:100%; font-size: 13px; color: white; margin: 2px 0px; position: relative; }

.menubar input { float: left; }

.mobmenu { display: none; }

.googlesearch { width: 120px; }
.nav ul { float: left; margin: 3px 0px 0px 170px; padding: 0px; list-style: none; padding-bottom: 1px; text-transform: uppercase;  }
.nav ul li { float: left;  position: relative; font-size: 1em; padding: 0px 0px; text-align:center }
.nav ul li a { height: 29px; display: block; text-decoration: none; color: #fff; padding: 1px 12px 4px 12px; margin-top: 1px; border-right: 1px solid #57504a; }
.nav ul li.lastone a { border-right: none; padding-left: 13px; padding-right: 5px }
.nav ul li a.highlight { background-color : #e0dcd9; color: #362310; display: block; text-decoration: none; padding: 5px; margin-top: 1px; border-right: 1px solid #57504a; }
.nav ul li.head a { background: #3a2612; font-size: 1.1em; }
.nav ul li:hover { background-color : #e0dcd9; color: #362310 }
.nav ul li:hover a { color: #362310 }
.nav ul li:hover .dropdown { color: #362310; background-color : #e0dcd9;}
.nav li .dropdown { z-index: 1000; position: absolute; left: -1px; top: 34px; border: 1px solid black; display:none; padding-bottom: 5px; background-color : #e0dcd9; } /* Second level frame */
.nav li .dropdown ul { width: 150px; padding: 0px 0px 1px 0px; margin: 0px; }
.nav ul li .dropdown  ul li { text-transform: none; float:none; font-size: 0.9em;  height: 20px; margin: 0px; padding: 0px;  } /* Second level item */
.nav ul li .dropdown  ul li a { margin: 0px; padding: 3px 2px 0px 2px; border: 0px; } /* Second level link */
.nav ul li .dropdown  ul li a:hover {color: #ca9c55 }
.nav ul li .dropdown ul li .dropdown { position: absolute; padding: 0px 0px 0px 2px; left: 150px; top: -1px; border: 1px solid black; display:none; padding-bottom: 4px; background-color : #e0dcd9; } /* Second level frame */
.nav ul li .dropdown ul li .dropdown ul { width: 220px; } 
.nav ul li .dropdown ul li .dropdown ul li a { width: auto; } 

/* Holly Hack. IE Requirement \*/
* html .nav ul li { float: left; height: 1%; }
* html .nav ul li a { height: 1%; }
/* End */

.nav ul li:hover .dropdown, .nav ul li.over .dropdown { display: block; } /* The magic */
.nav ul li .dropdown ul li:hover .dropdown, .nav ul li .dropdown ul li.over .dropdown { display: block; } /* The magic */

.featurebar { height: 266px; background: #e2e8dd;  }

.featurebar .quoteblock { width: 215px; height: 252px; float: left; position: relative; }
.featurebar .quoteblock img.openquote { position: absolute; top: 2px; left: 2px; }
.featurebar .quoteblock img.closequote { position: absolute; bottom: 2px; right: 2px; }
.featurebar .quoteblock .quote { position: absolute; left: 20px; top: 20px; z-index: 10; width: 182px; }
.featurebar .quoteblock .quote .quoteheading a { color: #6B3010; text-decoration: none; font-size: 15px; font-weight: bold; font-style: italic; font-family: Georgia, Times, serif; }
.featurebar .quoteblock .quote .quoteheading a:hover { color: black; }
.featurebar .quoteblock .quote .heading { font-size: 15px; font-weight: bold; }
.featurebar .quoteblock .quote .quotetext { font-size: 15px; font-weight: normal; font-style: italic; font-family: Georgia, Times, serif; }
.featurebar .quoteblock .quote .source { font-size: 15px; font-weight: normal; }

#flashcontent1 { width: 540px; height: 250px; border: 1px solid #8f857b }
.featurebar .latestnews { background: #cec9bf; width: 183px; height: 232px; float: left;  margin: 7px 0px 0px 2px; padding: 10px; }
.featurebar .latestnews h3 { font-size: 15px; font-weight: bold; color: #312d29; margin-top: 0px; }
.featurebar .latestnews .newsheading { font-size: 12px; font-weight: bold; margin-bottom: 0px; }
.featurebar .latestnews .news { font-size: 12px; margin-top: 0px}

.mainimage { float: left; margin: 7px }
.mainimage img.banner, .mainimage img { width: 540px; height: 250px; border: 1px solid #8f857b;  position: relative; }
.mainimage img.banner { position: absolute; }
.mainimageCountry { width: 540px; height: 250px; }
.imagebanner { width: 540px; height: 250px; position: relative; margin-bottom: 0px; }
.imagebanner .controls { position: absolute; bottom: 10px; right: 15px;  }
.imagebanner .controls img { cursor: pointer; width: auto; height: auto; border: none }

.countrycentral .mainimage { margin: 0px 10px 5px 0px; }
.countrycentral .mainimage img { border: none; }

.destinationmenu {  float: left; width: 221px; margin: 0px 9px 0px 0px; }
.destinationmenu .placeholder { width: 1px; height: 400px; float:right; }

.fulldestinationmenu { float: left; background: #b9d4a5; width: 200px; margin: 0px 0px 0px 0px;  padding: 0px 10px}
.fulldestinationmenu ul { margin: 10px 0px; padding: 0px; list-style: none; }
.fulldestinationmenu ul li { border-top: 1px solid #e6efdf; padding: 4px 5px;  }
.fulldestinationmenu ul li.selected { background: #d5e5c9; font-weight: bold; }
.fulldestinationmenu ul li.lastone { border-bottom: 1px solid #e6efdf; }
.fulldestinationmenu ul li a { font-size: 15px; color: #312d29; text-decoration:none; }
.fulldestinationmenu ul li a:hover { color: #9c734a } 
.fulldestinationmenu ul li ul { margin: 0px; }
.fulldestinationmenu ul li ul li a { font-size: 12px; color: #312d29; text-decoration:none; }

.regionmenu h3 { font-size: 18px; font-weight: bold; text-align: center; }
.regionmenu h3 a { text-decoration: none; color: #312D29}
.regionmenu ul li.heading { text-align: center; padding: 4px 5px 0px 5px; font-size: 15px; border-top: none; border-bottom: 1px solid #d5e5c9; background: #d5e5c9; }
.regionmenu ul li { border-top: 1px solid #e6efdf; }
.regionmenu ul li ul li { text-align: left; border-top: 1px solid #e6efdf; }
.regionmenu ul li ul li.selected a { color: #653315; } 

.mainsection {  }
.mainsection h1 { margin-top: 0px; padding-top: 10px; }
.mainsection p { font-size: 1.1em; margin-bottom: 10px; }

.mainsection .copyarea { float:left; width: 540px; margin: 0px 0px 0px 10px;  }
.countrycentral .copyarea { float:left; width: 540px; margin: 0px 0px; }
.countrycentral .weather { width: 540px; margin-bottom: 15px; }

.regionsin, .activitiesin, .accommodationin, .itinerariesin  { clear: both;   }
.regionsin .image, .activitiesin .image, .accommodationin .image, .itinerariesin .image { float:left;   }
.regionsin .image img, .activitiesin .image img, .countrycentral .accommodationin .image img, .itinerariesin .image img { width: 100px; border: 1px solid #333333; margin: 0px 10px 10px 0px } 
.regionsin .intext .heading a, .activitiesin .intext .heading a, .accommodationin .intext .heading a, .itinerariesin .intext .heading a { font-size: 15px; color: #653315; text-decoration:none; }
.regionsin .intext .heading a:hover, .activitiesin .intext .heading a:hover, .accommodationin .intext .heading a:hover, .itinerariesin .intext .heading a:hover { color: #9c734a } 


#res { background: blue !important; }

.regionHeader, .accommodationHeader { margin: 0px; padding: 0px }
.regionSubHeader, .accommodationSubHeader { margin: 0px 10px 0px 0px !important; }

.quicklinks { float: right; }
.quicklinks p { margin: 0px; }
.quicklinks .backtotop { font-weight: bold; margin: 5px 0px 10px 0px;  }
.quicklinks .backtotop  a { text-decoration: none; }
img.feedback { float: right; border: 1px solid #8f857b; margin: 0px auto; }

.breakoutright { float:right; width: 203px; margin-top: 2px; }
.countrycentral .breakoutright { width: 196px; margin: 0px 0px 0px 0px; }
.countrycentral .breakoutright .map { height: 250px; width: 196px }
.breakoutright .greyblock { background: #e1e0de; margin-bottom: 2px; text-align: center; }
.breakoutright .greyblock img.atol { margin: 11px 0px; }
.breakoutright .greyblock img.tourismconcern { margin: 5px 0px 5px 5px; float: left; width: 110px }
.breakoutright .greyblock img.facebook { margin: 22px 0px; }
.breakoutright .greyblock img.headshot { margin: 5px 0px 5px 5px; float: left; width: 84px }

.breakoutright .orangeblock, .breakoutleft .orangeblock { padding: 4px 3px; background: #ed9e00; margin-bottom: 2px; text-align: center; }

.offersheading { color: #6b3010; font-family: Georgia, Times, serif; font-style: italic; }

.fb-like { position: absolute; top: -20px; left: 0px; }

.breakoutleft { float:left; width: 214px; margin-top: 2px; }
.breakoutleft .aboutblock { background-image: url(../images/header-background.gif); margin-bottom: 2px; text-align: center; height: 120px; }
.breakoutleft .aboutblock a { font-size: 20px; color: #6b3010; font-family: Georgia, Times, serif; font-style: italic; text-decoration: none; margin-top: 5px; }

.breakoutright .blogblock { background: #e1e0de; margin-bottom: 2px; padding: 10px 0px; text-align: center; }
.breakoutright .blogblock a { font-size: 16px; color: rgb(107, 48, 16); font-family: Georgia,Times,serif; font-style: italic }
.breakoutright .returnblock p { margin: 0px; padding: 5px; text-align:center; font-size: 12pt }
.breakoutright .returnblock p a { font-size: 16px; color: rgb(107, 48, 16); font-family: Georgia,Times,serif; font-style: italic }

.brochureblock { position:relative; background: #ed9e00; margin-bottom: 30px; }
.brochureblock img.brochure { position: absolute; top: 10px; left: 89px }
.brochureblock .heading { padding: 10px; font-size: 1.3em; width: 80px; color: #312d29; font-weight: bold; }
.brochureblock .text {  padding: 0px 10px 10px 10px; width: 80px; font-size: 1.1em;  }
.brochureblock .text a { color: #312d29; }

.accommodationThumbnailHeader { background: #a69e8f; text-align: center; height: 30px; margin: 0px; padding: 0px }
.accommodationThumbnail { width: 196px; }

.itinerariesbreakout { margin: 0px 0px 2px 0px; min-height: 250px; background: #cec9bf;}
.itinerariesbreakout.mainsite { background: #DDDDDD}
.itinerariesbreakout.bespokeitin .content { background: none }
.itinerariesbreakout.bespokeitin .content p { font-size: 9pt; font-weight: bold; margin: 10px 10px 0px 10px }
.itinerariesbreakout.bespokeitin .content p a { text-decoration: none }
.itinerariesbreakout .header { min-height: 25px !important; height: auto !important; padding-bottom: 5px !important; border-bottom: 1px solid #e6efdf; }
.itinerariesbreakout .header, .accommodationThumbnailHeader { background: #a69e8f; text-align: center; height: 30px; margin: 0px; padding: 0px;  }
.accommodationThumbnailHeader { margin-bottom: 2px; }
.itinerariesbreakout .header h3, .accommodationThumbnailHeader h3 { font-size: 15px; font-weight: bold; font-family: Georgia, Times, serif; font-style: italic; padding: 6px 0px 0px 0px; margin: 0px;  }
.itinerariesbreakout .content { background: #cec9bf; margin: 0px }
.itinerariesbreakout.mainsite .content { background: #DDDDDD}
.itinerariesbreakout .content ul { padding: 0px; margin: 0px; list-style: none; }
.itinerariesbreakout .content ul li { border-bottom: 1px solid #e6efdf; padding: 4px 5px; }
.itinerariesbreakout .content ul li a { font-size: 13px; color: #312d29; text-decoration:none; }
.itinerariesbreakout .content ul li a:hover { color: #9c734a } 
.itinerariesbreakout p.itinrequest { margin: 10px 5px 0px 5px; padding-bottom: 8px  }
.itinerariesbreakoutfacebook { text-align: center; margin: 0px; padding: 10px 10px; background: #cec9bf;}

.regioninwords { padding-bottom: 10px; background: #E2E8DD !important; position: relative; z-index: 0; min-height: 240px; font-size: 11px}  
.regioninwords .content, .regioninwords .header { background: none; z-index: 2; position: relative;  }
.regioninwords .header { border-bottom: 0px; text-align: left  } 
.regioninwords .header h3 { padding: 10px 10px 5px 10px}
.regioninwords .content p { padding: 0px 10px}
.regioninwords .quoteblock img.openquote { position: absolute; top: 2px; left: 0px; z-index: 1 }
.regioninwords .quoteblock img.closequote { position: absolute; bottom: 2px; right: 2px; z-index: 1 }

.featurebox { width: 231px; float: left; margin: 10px 19px 10px 0px; }
.featureboxlastone { width: 231px; float: left; margin: 10px 0px 10px 0px; }
.featurebox p, .featureboxlastone p { margin-left: 0px; margin-right: 0px; margin-bottom: 6px;  }
.featurebox h2, .featureboxlastone h2 { margin-left: 0px; font-family: Georgia, Times, serif; font-style: italic; font-size: 17px; color: #653315}

.gmsupport a img { border: none; }
.gmsupport table { width: 95%; margin: 0px auto }

.sitelinks { background: #312d29; padding: 0px 5px; }
.sitelinks h3 { margin-bottom: 0px; border-bottom: 1px dotted #676460; padding-bottom: 5px; color: white; font-style: italic; font-family: Georgia, Times, serif; }
.sitelinks .destinations { float: left; width: 300px; margin: 10px 30px 10px 10px; }
.sitelinks .activities { float: left; width: 300px; margin: 10px 30px 10px 10px; }
.sitelinks .otherpages { float: left; width: 240px; margin: 10px 30px 10px 10px; }
.sitelinks table { margin: 0px; padding: 0px; border-collapse: collapse; }
.sitelinks table td { vertical-align: top; padding: 0px 30px 0px 0px;  }
.sitelinks a { color: #a6a29c; text-decoration: none; }
.sitelinks a:hover { color: white; }

.footer { position: relative; background: #1e1c19; height:60px; color: white; font-family: Georgia, Times, serif; font-style: italic; font-size: 14px;  }
.footer p.contact { margin: 0px; padding: 0px; color: white; position: absolute; left: 15px; top: 20px; }
.footer .contacttel { position: absolute; left: 480px; top: 22px }
.footer .contacttel p, .footer .contactemail p { font: normal 12px arial; margin:0px; color: #a6a29c;  }

.footer .contactemail { position: absolute; left: 670px; top: 22px }
.footer .contactemail p a { color: #a6a29c; }
.footer .contactemail p a:hover { color: white; }

.footer .facebook { position: absolute; left: 890px; top: 39px; }

.subfooter { width: 976px; margin: 0px auto 10px auto; position: relative; }
.subfooter .credits { float: right; }
.subfooter .credits a { color: #a6a29c; text-decoration: none }
.subfooter .copyright { float: left; }

.clearfix:before, .clearfix:after { content: " "; display: table; }  
.clearfix:after { clear: both; }  
.clearfix { *zoom: 1; }  

@media screen and (max-width: 800px)
{
  .outercontainertop { width: 100%; height: 0px; background: none; }
  .outercontainercentral { width: 100%; background: none; }
  .outercontainerbottom { width: 100%; background: none; }
  .container { width: 100%; margin: 0px auto; }
  
  .header .logo { top: 10px; left: calc(50% - 100px);}
  .header .strapline { display: none; }
  .header .contactemail { left: 50%; margin-left: -160px; top: 110px }
  .header .contactemail p { font-size: 10px; }
  .header .contacttel { left: 50%; margin-left: 30px; top: 110px }
  .header .contacttel p { font-size: 10px; }
  
  .mobmenu { display: block; color: white; position: absolute; right: 50px; top: 6px; font-weight: bold; }
  .nav { height: auto; width: 200px; padding: 0px; z-index: 1000; position: absolute; right: 0px; }  
  .nav ul { display: none; height: auto; margin: 42px 0px 0px 0px; background: #E1E0DE; }  
  .nav ul li { clear: both; border-bottom: 1px dashed #444444; display: block; float: none; padding: 10px 0px 5px 0px; margin: 2px 5px 2px 5px; width: 190px; }
  .nav ul li:first-child { padding-top: 5px; }
  .nav ul li a { height: auto; margin: 0px; padding: 0px; border: none; color: #444; text-align: left; width: 100%; text-indent: 0px; font-size: 10pt }
  .nav ul li:hover { background: none; }
  .nav ul li br { display: none; }
  .nav ul li.lastone {border-bottom: none; }
  .nav ul li.lastone a { padding-left: 0px;  }
  .nav ul li .dropdown { position: relative; top: 8px; display: block; width: 100%; padding: 0px; margin: 0px; background: none; border: none;  }
  .nav ul li .dropdown li { border: none; text-align: right; padding: 0px; margin: 0px}
  .nav ul li .dropdown li a { text-align: right; padding: 0px; margin: 0px; font-size: 8pt; font-style: italic; }
  
  .nav a#pull { display: block; width: 100%; position: relative; }  
  .nav a#pull:after { content:""; width: 30px;  height: 30px; display: inline-block; position: absolute; right: 5px; top: 10px;
        background: url('../images/nav-icon.png') no-repeat; }   
  
  h1 { font-size: 20px; }
  h2 { font-size: 16px; }
  h3 { font-size: 14px; }

  
  .quoteblock { display: none; }
  .latestnews { display: none; }
  .countrycentral { margin-top: 0px; }
  .countrycentral .copyarea { margin: 0px 0px 0px 5px }  
  .countrycentral .mainimageCountry, .countrycentral .mainimageRegion { margin: 5px 7px 0px 7px; }
  .countrycentral .quicklinks { margin-top: 10px; }
  .featurebar .mainimage, .countrycentral .mainimage { text-align: center; margin: 5px auto 0px auto; width: 100%; }
  .countrycentral .mainimage { margin: 0px auto; }
   .imagebanner { margin: 0px auto; }
  .featurebar .mainimage img.banner, .countrycentral img.banner.mainimageAccommodation  { width: 100% !important; height: auto; display: block; }
  .featurebar { height: auto }
  
  .breakoutleft { display: none; }
  .breakoutright { display: none; }
  
  .destinationmenu { display: none; }
  img.weather { width: 100% !important}
  
  ul.sitemap { padding-left: 5px }
  
  .mainsection .copyarea { width: calc(100% - 20px); }
  .gmsupport { display: none; }
  .sitelinks { padding: 5px 0px}
  
  .footer { width: 100%; height: 80px; }
  .footer p.contact { top: 12px}
  .footer .contacttel { margin-right: 3px; text-align: right; position: relative; left: 0px; top: 47px; }
  .footer .contactemail { margin-right: 3px; text-align: right; position: relative; left: 0px; top: 47px; }
  .footer .facebook { display: none; }
  .subfooter { width: 100%; position: relative; }
  .subfooter .copyright { position: absolute; left: 2px; top: -5px }
  .subfooter .credits { position: absolute; right: 2px; top: 10px }
}

@media screen and (max-width: 550px)
{
  .featurebar .mainimage .controls img, .countrycentral .imagebanner .controls img { width: auto !important; height: auto  !important }
  .imagebanner, .countrycentral .mainimage { width: 320px; height: 148px; position: relative; margin-bottom: 0px; }
  .countrycentral .mainimage { width: calc(100% - 15px); height: auto; }
  .featurebar .mainimage img { width: 95% !important; height: auto !important; }
  .featurebar .mainimage img.banner, .countrycentral .mainimage img { width: 100% !important; height: auto }
  .featurebar { height: auto }
}

@media screen and (max-width: 340px)
{
  .imagebanner { width: 310px; }
    .header .contactemail { left: 10px; top: 110px; margin-left: 0px; }
  .header .contactemail p { font-size: 10px; }
  .header .contacttel { left: 190px; top: 110px; margin-left: 0px;}
  .header .contacttel p { font-size: 10px; }
  .sitelinks .destinations, .sitelinks .activities, .sitelinks .otherpages { float: none; }
}