/* CSS Document */



/*******************************************************************************************************************/

/* Redefined Tags  */

/*******************************************************************************************************************/



* {padding: 0; margin: 0; }



body {background-color:#32302E;  font-family: Arial, Helvetica, sans-serif; text-align: left; font-size:13px;}



h1 {font-size:22px; margin: 0px 0px 8px 0px; padding: 0px 0px 0px 20px; color:#333333; font-family:'Trebuchet MS';}



h2 {font-size:18px; margin: 25px 0px 10px 20px; padding: 0px 0px 0px 0px; color:#000066; font-family:'Trebuchet MS';}

.home-boxes {margin: 0px 0px 15px 0px !important; padding: 0px 0px 0px 0px; color:#333333 !important; font-weight:normal;}



h3 {font-size:20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color:#333333; font-family:'Trebuchet MS';}



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

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



.red {color:#891227;}

.blue {color:#0B405D;}

.lightblue {color:#006699;}







/*******************************************************************************************************************/

/* Template  */

/*******************************************************************************************************************/



.wrapper {margin: 8px auto; width:963px;}

/*.top-banner {height:94px; width: 963px; border-bottom: 7px solid #CC9900; margin: 0px 0px 0px 0px; float:left; }*/

.top-banner {width: 963px; border-bottom: 7px solid #CC9900; margin: 0px 0px 0px 0px; float:left; }

.logo {width:420px; float:left;  margin: 22px 0px 0px 0px;}

/*.logo {width:420px; float:left; height:94px; margin: 22px 0px 0px 0px;}*/

.top-links {width:340px; height:12px; margin: 21px 0px 0px 183px; float:left;  }

.top-nav {width:533px; height:38px; float:left; margin: 23px 0px 0px 0px; }



.main-banner {width:963px; height: 250px; float:left; border-top: 1px solid #000;}



#flash_banner {width:727px; float:left; height:250px;}

.banner-right {width:236px; float:left;}

#flash_info {width:236px; float:left; height:213px; }



.small-banner {width:963px;float:left; border-top: 1px solid #000;}



.page {width:957px; float:left; background-color:#FFFFFF; padding: 6px 0px 0px 6px;}

.page-inner {width:951px; background-color:#FFFFFF; background-image:url(../images/page-bg.jpg); background-repeat:repeat-x; float: left; }



/*.left {width: 697px; margin: 36px 17px 0px 7px; float: left; }*/

.left {width: 697px; margin: 36px 0px 0px 0px; float: left; padding: 0px 14px 0px 7px;}

.left ul {list-style-type: none; margin: 0px 0px 20px 20px;}

.left li {list-style-type: none; color:#333; background-image:url(../images/arrow-yellow.png); background-repeat:no-repeat; background-position:0px 6px; padding: 0px 0px 5px 10px;}





/* Search Facility */



.searchbox {width: 236px; float:left; height:37px; background-color:#087EA5;}

.searchbox form {margin:0px; padding:0px;}

.searchbox input {margin:9px 0px 0px 10px; padding:2px; width:154px; font-size:11px; color:#333; background-color:#FFF; border:0;}

.searchbox .button {margin:9px 15px 0px 0px; padding:0px; float:right;  width:41px; height:20px;}



.search-results iframe { width: 670px; margin-left:20px; } 













/* At a glance Sections */



.right-glance {width:205px; float: left; margin: 27px 0px 0px 0px; padding: 0px 0px 0px 0px;}

.right-glance-top {width:205px; height:63px; background-image:url(../images/glance-top.gif); background-repeat:no-repeat; padding-top:10px;}

.rg-top-heading {font-size:21px; margin: 0px 0px 4px 16px; color:#FFF; font-family:'Trebuchet MS';}

.rg-top-sub {font-size:13px; margin: 0px 0px 0px 16px; color:#FFF; }

.right-glance-body {background-color:#A39561; background-image:url(../images/glance-bot.gif); background-repeat:no-repeat; background-position:bottom; padding-bottom:17px;}

.rg-content {background-color:#FFF; margin: 10px 0px 0px 10px; width:176px; padding: 15px 0px 0px 8px; background-image:url(../images/content-bg.gif); background-repeat:no-repeat;}

.rg-content-heading {color:#087EA5; font-size:14px; font-weight:bold; margin: 0px 0px 10px 0px;}

.rg-content-para {color:#333; padding: 0px 8px 15px 0px; font-size:12px; line-height:17px;}

.rg-content ul {list-style-type: none; margin: 0px 0px 10px 0px; background-image:url(../images/dots.gif); background-repeat:repeat-x; background-position:bottom; width:167px; padding-bottom:12px;}

.rg-content li {list-style-type: none; color:#333; background-image:url(../images/arrow-yellow.png); background-repeat:no-repeat; background-position:0px 6px; padding: 0px 0px 5px 10px; margin-left:3px;}



/* Right Hand Side */



.right {width:205px; margin: 27px 0px 0px 0px; float: left; border-left:1px solid #DED6CE; padding: 10px 0px 20px 14px;}

.right #twitter_div ul, .right ul#right-page-nav {list-style-type: none; margin: 15px 0px 10px 5px; font-size:11px;}

.right #twitter_div li, .right ul#right-page-nav li {list-style-type: none; margin: 0px 0px 10px 0px; background-image:url(../images/arrow-yellow.png); background-repeat:no-repeat; background-position:0px 6px; padding: 0px 0px 0px 10px;}

.right-divider {background-image:url(../images/dots.gif); background-repeat:repeat-x; width:195px; margin: 20px 0px 0px 0px;}



.subnav {float: left; width:150px; border-right:1px solid #DED6CE; padding: 10px 10px 20px 10px; margin: 27px 0px 0px 0px;}

.subnav ul {list-style-type: none; margin: 15px 0px 10px 0px; font-size:11px;}

.subnav li {list-style-type: none; margin: 0px 0px 10px 0px; background-image:url(../images/arrow-yellow.png); background-repeat:no-repeat; background-position:0px 6px; padding: 0px 0px 0px 10px;}

.subnav li ul {margin: 8px 0px 12px 0px;}

.subnav li ul li {padding: 0px 0px 3px 10px; margin: 0px 0px 0px 0px; background-image:url(../images/arrow-blue.png); background-repeat:no-repeat; background-position:0px 6px;}

.subnav-heading {font-size:18px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color:#000066; font-family:'Trebuchet MS'; font-weight:bold;}



/* Calls to Action  */

.blog-cta {width:198px; background-image:url(../images/dots-bg.gif); background-repeat:repeat-x; background-position:bottom; padding-bottom:20px; margin-bottom:20px;}
.blog-title {font-size:15px; color:#087EA5; background-image:url(../images/dots-bg.gif); background-repeat:repeat-x; padding-bottom:3px; font-weight:bold;}

.blog-cta ul {list-style-type: none !important; margin: 15px 0px 10px 0px; font-size:13px; color:#333333;}
.blog-cta li {list-style-type: none !important; margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px;}
.blog-date {font-size:11px; color:#999999;}


.twitter-feed {width:198px;}

.twitter-title {font-size:15px; color:#087EA5; background-image:url(../images/dots-bg.gif); background-repeat:repeat-x; padding-bottom:3px; font-weight:bold;}



#twitter_update_list {margin: 10px 0px 0px 0px !important;}

#twitter_update_list li {background-image: none !important; font-size:12px; padding: 0px !important; color:#333333; line-height:18px;}



.tips-cta {width:198px;}

.tips-cta p {font-size:12px; color:#333333; line-height:18px; margin-bottom:15px;}





/* Misc Page Stuff  */



.hotel-listing {clear:both; margin: 10px 0px 25px 20px; }

.hotel-listing-heading {font-size:15px; font-weight:bold; margin-bottom:10px;}

.listing {margin: 0px 0px 20px 0px; color:#333333; line-height:18px; padding-right:10px;}



.divider-bar {background-image:url(../images/dots.gif); background-repeat:repeat-x; margin: 0px 0px 0px 20px; }

.centre {width: 526px; margin: 36px 17px 0px 7px; float: left; }

.centre ul {list-style-type: none; margin: 0px 0px 20px 20px;}

.centre li {list-style-type: none; color:#333; background-image:url(../images/arrow-yellow.png); background-repeat:no-repeat; background-position:0px 6px; padding: 0px 0px 5px 10px;}



.content-para {margin: 0px 0px 20px 20px; color:#333333; line-height:18px; padding-right:10px;}

.breadcrumbs {font-size:11px; margin: 0px 0px 20px 20px; padding-right:10px; line-height:16px;}

.photo {margin: 3px 0px 25px 0px; padding: 0px 20px 0px 20px; }

.photo p {font-size:11px;  padding: 0px 0px 0px 0px; margin: 7px 2px 0px 0px; color:#333333; }



.mini-map {float:right; width:213px; height:200px; margin: 0px 5px 10px 10px; }

.mini-map p {font-size:12px; color:#333; margin: 180px 10px 0px 0px; text-align:right;}



.arrow-up {margin: 0px 5px 2px 0px;}











/* Homepage Boxes */



.boxes-top {width:680px; background-image:url(../images/boxes-bg.gif); background-repeat:repeat-x; float:left; height: 230px; margin: 10px 0px 0px 0px; padding: 24px 0px 0px 17px; }

.box {width:209px; float:left; margin: 0px 16px 0px 0px; padding: 0px 0px 0px 0px;}



.boxes-bot {width:680px; background-image:url(../images/page-bg-bot.jpg); background-repeat:repeat-x; background-position:bottom; float:left; height: 210px; margin: 10px 0px 30px 0px; padding: 0px 0px 24px 17px; }



.box-heading {font-size:18px; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; color:#333333; font-family:'Trebuchet MS';}



.feature {background-image:url(../images/dest-antigua-bg.jpg); background-repeat:no-repeat; float:left; margin: 0px 0px 0px 0px; padding: 50px 0px 0px 0px; width:691px; height:220px;}

.feature-left {float:left; width:415px;}

.feature-details {width:180px; height: 120px; float:left; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 74px;}

.feature-details td {font-size:11px; color:#555555;}

.feature p {padding: 0px 0px 0px 15px; line-height:18px;}

.feature-heading {display:none;}







/* Text CTA  */



.textcta {margin: 30px 0px 30px 20px; padding: 10px 0px 0px 0px; width:500px; background-image:url(../images/dots.gif); background-repeat:repeat-x; float:left;}

.textcta p {color:#333333; background-image:url(../images/arrow-yellow.png); background-repeat:no-repeat; background-position:0px 4px; padding: 0px 0px 0px 10px;}



/* Bottom Border  */



.bottom-border {width:951px; height:57px; background-image:url(../images/bottom-border-bg.jpg); background-repeat:repeat-x; background-color:#FFFFFF; float: left; margin: 20px 0px 0px 0px; border-top: 1px solid #DED6CE;}

.bottom-left {float: left; margin: 18px 0px 0px 0px; padding-left:15px;}

.bottom-right {float: right; margin: 18px 0px 0px 0px; padding-right:15px;}

.bottom-border p {font-size:11px; color:#B1A69A;}

.bottom-border a {text-decoration:none; color:#B1A69A;}

.bottom-border a:hover {text-decoration:underline;}

.copyright {float:right; margin: 10px 20px 10px 0px;}

.copyright p {font-size:11px; color:#6B6865;}





/*******************************************************************************

* Galleries											   *

*******************************************************************************/



#gallery {margin:0px 0px 0px 20px; padding:0px; border:1px solid #cfcfcf; width:498px;}

#gallery .largeimage {margin:0; padding:5px; }

#gallery .largeimage img{}

#gallery .thumbs {margin:0; padding:5px 0px 5px 3px; border-top:1px solid #cfcfcf; background:#f5f5f5; overflow:auto;}

#gallery .thumbs img {margin:0; padding:5px 0px 4px 5px; float:left; display:inline }

#gallery .thumbs .clear {margin:0; padding:0; clear:both; font-size:1px; height:1px; line-height:1px;}

#gallery .thumbs p {margin:10px 0px 5px 5px; font-size:12px;}





/**************************************************************************************************************************/

/* Contact form */

/**************************************************************************************************************************/



.text-box {float:left; width: 320px; margin: 0px 25px 0px 0px;}

.form-box {float:left; width: 320px; background-color:#FFFFFF;}



input.txt, textarea {padding: 2px 2px 2px 2px; margin: 2px 0px 0px 0px;}

















/*******************************************************************************

* Main Drop Down Navigation												   *

*******************************************************************************/



#container-nav  img

{

z-index: -1

}

#container-nav p{font-size:0.7em; position: absolute; left: -1000em; width: 20em;}

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

#container-nav li{margin: 0 0 0 0px; padding:  0 0 0 0px; list-style: none;	display:block; float:left; position:relative; }



/* TOP LEVEL LIST */

#container-nav li ul{ position:absolute; top:38px;  font-size:11px; width:100px; display: none; z-index:2; }



/* SECOND LEVEL LIST */

#container-nav li ul ul{ position:absolute; top:0px;  margin-left:130px;  font-size:11px; width:120px; display: none; z-index:3; }



/*#container-nav li ul ul{display:block; position:relative; top:0px;  font-size:1.0em; width:170px; }*/





/* THIRD LEVEL LIST */

#container-nav li ul ul ul{display:block; position:relative; top:0px; margin-left:0px; font-size:11px; width:130px; }



/* ALL LISTS */

#container-nav li ul li{display:block; position:relative;

	color: #777; /* COLOUR OF NON-LINK */

	background: #fff;

	border: 1px solid #ccc;

	border-top: 0;}



/* THIRD LEVEL LIST */

#container-nav li ul li li li{display:block; position:relative;

	color: #777;

	background: #fff;

	border: 0px solid #ccc;

	border-top: 1px solid #eee;

	}



#container-nav li a{float: left;

	padding: 38px 0px 0px 0px;

	overflow: hidden;

	height: 0px !important;

	height /**/:38px; /* for IE5/Win only */

	background-repeat:no-repeat; text-decoration: none;}

	

#container-nav li a:hover{background-position: 0 -38px;}

#container-nav a:active, #container-nav a.selected , #container-nav li.currentSection a{	background-position: 0 -76px;	}



#home a{ background-image:url(../images/template/top-nav/home.gif); width:59px; margin-right:0px; margin-left:0px;}

#destinations a{ background-image:url(../images/template/top-nav/destinations.gif); width:95px; margin-right:0px;}

#hotels a{ background-image:url(../images/template/top-nav/hotels.gif); width:59px; margin-right:0px;}

#weddings a{ background-image:url(../images/template/top-nav/weddings.gif); width:173px; margin-right:0px;}

#about a{ background-image:url(../images/template/top-nav/about.gif); width:147px; margin-right:0px;}



#container-nav li .nolink	{display:block; background-color:#ebebeb;

	padding: 5px 5px 5px 5px; font-weight:bold; width:120px;}

	

/* TOP LEVEL LIST */	

#container-nav li ul li a{

	float:none;

	background-image:none;

	display:block;

	padding: 5px 5px 5px 5px;

	overflow:hidden;

	height: 13px !important;

	width:120px;

	height /**/:13px; /* for IE5/Win only */

	background-repeat:no-repeat;

	color:#002979; /* LINK COLOUR */

	background-color:#f6f6f6;}



	#container-nav li ul li a:hover{color:#0176AC; background-color:#fff;} /* LINK HOVER COLOUR */

	

	/* SECOND LEVEL LIST */	

	#container-nav li ul li li a{background-color:#f6f6f6; padding: 5px 5px 5px 5px; width:130px;}

	

	/* THIRD LEVEL LIST */

	#container-nav li ul li li li a{background-color:#f6f6f6; padding: 5px 5px 5px 15px; width:120px; background-image:url(../images/arrow-yellow.png) !important; background-repeat:no-repeat ; background-position:7px 10px !important;}

	

	#container-nav li ul li li li a:hover {background-image:url(../images/arrow-yellow.png) !important; background-repeat:no-repeat; background-position:7px 10px;}



	



#container-nav li#destinations ul{left:0px;}

#container-nav li#about ul{left:0px;}

#container-nav li#weddings ul{left:0px;}

#container-nav li#hotels ul{left:0px;}



#container-nav li#weddings ul ul{left:0px;}



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

#container-nav  li:hover ul ul, #container-nav  li.over ul ul{ display: none; } /* The magic */

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