@charset "UTF-8";

body {
	
	padding: 0;
	text-align: center;
	color: #000000;
	
	 font-family: "Karla", sans-serif;
	font-weight: 200;
  font-optical-sizing: auto;
  font-style: normal;
	
	
	font-size: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-size: 100%;
	background-size: contain;
	background-image:url(images/background/2017/bg-coolestcarib-caribbean-island-info-travel-directory.jpg);
	background-position: center -110px;
	background-repeat: no-repeat;
	background-color:white;
	background-attachment: local;
}




 #container {
	 
	text-align: left;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 100%;
	 
}


	

   .divider {                /* minor cosmetics */
        display: table; 
        font-size: 24px; 
        text-align: center; 
        width: 75%;             /* divider width */
        margin: 30px auto;          /* spacing above/below */
        }
    
.divider span { display: table-cell; position: relative; }


.divider span:first-child, .divider span:last-child {
            width: 50%;
            top: 24px;              /* adjust vertical align */
            -moz-background-size: 100% 2px;   /* line width */
            background-size: 100% 2px;      /* line width */
            background-position: 0 0, 0 100%;
            background-repeat: no-repeat;
        }
   
.divider span:first-child {       /* color changes in here */
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#000));
            background-image: -webkit-linear-gradient(180deg, transparent, #000);
            background-image: -moz-linear-gradient(180deg, transparent, #000);
            background-image: -o-linear-gradient(180deg, transparent, #000);
            background-image: linear-gradient(90deg, transparent, #000);
        }
  
.divider span:nth-child(2) {
            color: #000; padding: 0px 5px; width: auto; white-space: nowrap;
        }
  

.divider span:last-child {        /* color changes in here */
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000), to(transparent));
            background-image: -webkit-linear-gradient(180deg, #000, transparent);
            background-image: -moz-linear-gradient(180deg, #000, transparent);
            background-image: -o-linear-gradient(180deg, #000, transparent);
            background-image: linear-gradient(90deg, #000, transparent);
        }



#logoCoolest {
	
	text-align: left;
	padding:10px 0px 0px 4%
}

#logoCoolest img {
	
	width:17%;
	height:auto;
}

.antispam { display:none;}


html {
  scroll-behavior:smooth;
}

.overlay {
   background:transparent; 
   position:relative; 
   width:100%;
   height:500px; /* your iframe height */
   top:500px;  /* your iframe height */
   margin-top:-500px;  /* your iframe height */
}

.orbP {
	
	margin-bottom:10px;
}



.advertiseTable {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 25px;
	border: solid 1px rgba(17,81,132,1.00);
}

.advertiseTable th {
	color: rgba(255,255,255,1);
	padding: 15px;
	font-size: 120%;
	background-color:rgba(17,81,132,1.00);
	border-top-width: 25px;
	border-top-style: solid;
	

}

.advertiseTable td { 
    
    padding:3px 10px; 
}


.advertiseTable tr:nth-child(even) { /*(even) or (2n+0)*/
	background-color:rgba(17,81,132,.3);
}
.advertiseTable tr:nth-child(odd) { /*(odd) or (2n+1) ; */
background-color:rgba(17,81,132,.1);

}

.advertiseTable tr:last-child {
	
	background-color: rgba(250,103,0,1.00);
	color:white;
	
}


#jokesDiv {
	
	padding: 0px 20%;
}

#pollDiv {
	
	width:90%;
	
padding:25px 5%;
}

 #header {
	 
	height: 90px;
	text-align: left;
	background-image: url(images/headerImage.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	min-width: 100%;
	margin-right: auto;
	margin-left: auto;
}

a:hover, a:active, a:focus {
	
  outline:0px;
  outline:none;
}

h1,h2,h3 {
	
	  font-family: "Platypi", serif;
  font-optical-sizing: auto;
	font-weight:normal;	
	margin-top:0px;
	margin-bottom:0px;
}

.introduction h1 {
	
	
	font-size:140%;
}

 #header h1 {
	 
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
} 


#menuContainer {
	
    margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
height: 300px;
background-color: rgba(36,134,223,1);
text-align: center;
min-width: 100%;
width: 100%;
}

#menu2015 {
	
	height: 130px;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	width: 94%;

	padding: 10px 0 0 6%;

	background-size:25%;
	
	
}


#menu2015 ul {
	
padding:0px;
list-style-type: none;
text-align: left;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left:auto;

	
}

#menu2015 ul li {
	
	float: left;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

}

#menu2015 ul li:first-child {
	
}

#menu2015 ul li:last-child a {
	
	
}

#menu2015 ul li:nth-child(n+29) a {
	
	padding-bottom: 25px;
	
}
#menu2015 ul li:nth-child(6) a {
	
}

#menu2015 ul li:nth-child(12) a {
	
}

#menu2015 ul li:nth-child(-n+12){

	
}

#menu2015 ul li a {
	
	font-weight:bold;
	display:block;
	height: 40px;
	color: rgba(255,255,255,1);
	text-decoration: none;
	line-height: 40px;
	text-align: left;
	font-size: 120%;
	width: 250px;
	padding-left:50px;
	
}

#menu2015 ul li a:hover {
	
	color: rgba(255,255,255,1);
	background-color:rgba(250,102,1,1.00);
	transition: all 0.3s ease-in-out;
}

#menu2015 ul li ul {
	
	position: absolute;
	top: 40px;
	visibility: hidden;
	right: 0px;
	z-index:100;
}

#menu2015 ul li:hover ul {
	
	visibility: visible;
}

#menu2015 ul li ul li a {
	
	background-color: rgba(21,133,211,1);
	font-weight: bold;
	display: block;
	height: 35px;
	color: rgba(255,255,255,1);
	text-decoration: none;
	line-height: 35px;
	text-align: left;
	font-size: 110%;
	width: 240px;	
	border-bottom-color:rgba(249,249,249,1.00) solid 1px;
	
}

#menu2015 ul li ul li a:hover {
	
	background-color:rgba(250,102,36,1.00);
	color: rgba(255,255,255,1);
}

#menu2015 ul li ul li ul {
	
	position: absolute;
	visibility: hidden;
	right: 0px;
	z-index:100;
}

.introductionContent #menuElsewhere {
	height: 80px;
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 82%;
	background-color: rgba(36,134,223,1.00);
	float: none;
	margin-right: 9%;
	margin-left: 9%;

}
	  
	  
.featured-thumbnail img {
max-width: 90%;
height: auto !important;
}	  
	  
	  
	  
#menuElsewhere{
	height: 80px;
line-height: 80px;
	text-align: center;
list-style-image: none;
	list-style-type: none;
	padding: 0px;
	margin-top: 30px;
	margin-bottom: 15px;
	width: 44%;
	background-color: rgba(36,134,223,1.00);
	float: left;
	margin-right: 32%;
	margin-left: 32%;
	font-size:120%;

}

#menuElsewhere a {
	
	color:white;
	text-decoration: none;
}


#menuElsewhere ul {
	
	list-style-type: none;
	text-align: center;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	padding: 5px;
	width: 100%;	
}

#menuElsewhere ul li {
	
	float: left;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-radius: 20px;
	border-radius: 0px;
	width: 98%;
}

#menuElsewhere ul li:first-child {
	
}

#menuElsewhere ul li:last-child a {
	
}

#menuElsewhere ul li:nth-child(n+16) a {
	
}
#menuElsewhere ul li:nth-child(6) a {
	
}

#menuElsewhere ul li:nth-child(12) a {
	
}

#menuElsewhere ul li:nth-child(-n+12){

	
}

#menuElsewhere ul li a {
	
	font-weight:bold;
	display:block;
	height: 40px;
	color:rgba(252,253,253,1);
	text-decoration: none;
	line-height: 40px;
	text-align: center;
	font-size: 120%;
	width: 100%;
	border-radius: 20px;
	
}

#menuElsewhere ul li a:hover {
	
	color:rgba(0,153,204,1);
	background-color: rgba(14,88,112,.9);
	transition: all 0.3s ease-in-out;
	border-radius: 15px;
}

#menuElsewhere ul li ul {
	
	position: absolute;
	top: 40px;
	visibility: hidden;
	left:0%;
	z-index:100;
	width:100%;
}

#menuElsewhere ul li:hover ul {
	
	visibility: visible;
}

#menuElsewhere ul li ul li a {
	
	background-color: rgba(0,26,68,1);
	font-weight: bold;
	display: block;
	height: 45px;
	color: rgba(255,255,255,1);
	text-decoration: none;
	line-height: 45px;
	text-align: center;
	font-size: 90%;
	width: 100%;
	border-bottom: rgba(252,253,253,1) 1px solid;	
	
}

#menuElsewhere ul li ul li a:hover {
	
	
	color: rgba(255,255,255,.9);	
	
}

#menuElsewhere ul li ul li ul {
	
	position: absolute;
	visibility: hidden;
	z-index:100;
}


	  
#ViewMoreDiv #menuElsewhere{
	
	list-style-image: none;
	list-style-type: none;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 90%;
	background-color: rgba(36,134,223,1.00);
	float: none;
	margin-right: auto;
	margin-left: auto;
	
	line-height: 50px;
	text-align: center;
	font-size: 150%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	height: 50px;
	font-weight: bold;
	
	  }
	  
#ViewMoreDiv #menuElsewhere a{
	  
	  
	  text-decoration:none;
color:rgba(255,255,255,1);
	  }
	  
	  
	  
	  
#menu {
	
background-color: rgba(36,134,223,1);
list-style-image: none;
list-style-type: none;
padding: 0px;
margin-top: 0px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
	width: 100%;
height:auto;
}


#menu ul li:nth-child(even) { /*(even) or (2n+0)*/
}
#menu ul li:nth-child(odd) { /*(odd) or (2n+1)*/
	
}

#menu ul li:nth-child(1n+7){ 

/*(even) or (2n+0)*/


}


#menu ul {
	
padding: 0px;
list-style-type: none;
text-align: center;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width:100%;
	
}

#menu ul li {
	float: left;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
background-color: rgba(36,134,223,1.00);
	width:20%;
	
}

#menu ul li:first-child {

	
}

#menu ul li:last-child a {
	

	
	
}

#menu ul li:nth-child(n+16) a {
	
	
		
}

#menu ul li:nth-child(6) a {
	
	
	
}

#menu ul li:nth-child(12) a {
	
	
	
	
}

#menu ul li:nth-child(18) a {
	
	
	
}



#menu ul li:nth-child(-n+18){
	
	
	
}

#menu ul li a {
	

	display:block;
	height: 50px;
	color: rgba(255,255,255,1);
	text-decoration: none;
	line-height: 50px;
	text-align: center;
	font-size: 90%;
	border-right:solid 1px rgba(255,255,255,.4);
	border-bottom:solid 1px rgba(255,255,255,.4);
}

#menu ul li a:hover {
	
	color: rgba(36,134,223,1);
	background-color: rgba(255,255,255,1);
	transition: all 0.3s ease-in-out;
}

#menu ul li ul {
	
	position: absolute;
	top: 50px;
	visibility: hidden;
	right: 0px;
	z-index:100;
}

#menu ul li:hover ul {
	
	visibility: visible;
}

#menu ul li ul li a {
	
	background-color:rgba(36,134,223,1);
	font-weight: bold;
	display: block;
	height: 45px;
	color: rgba(255,255,255,1);
	text-decoration: none;
	line-height: 45px;
	text-align: center;
	font-size: 90%;

	border-right: solid 1px rgba(255,255,255,.4);	
	
}




#menu ul li ul li  {
	
	width:100%;	
	
}

#menu ul li ul li a:hover {
		
	color: rgba(36,134,223,1);
	background-color: rgba(255,255,255,1);
		
}


 #mainContent {
	 
	width: 100%;
	margin-top: 0px;
	margin:0px;
	padding-top: 75px;
     padding-bottom:75px;
	 font-size:100%;
     
     
    background-image:url("images/icons/dividerPalm.png");
    
    background-position: bottom center;
    background-repeat: repeat-x;
}



 #mainContentNoHeader {
	 
	max-width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	padding-top: 220px;
}






#mainContentGallery {
	
	padding-right: 1%;
	padding-bottom: 10px;
	padding-left: 1%;
}

 #footer {
	 
text-align: left;
width:80%;
	 padding:100px 10%;
	font-size: 120%;
	letter-spacing: 1px;
	line-height: 30px;
		  background-color:rgba(17,81,131,1.00);

	 color:white;
} 

#footer a {
	
	color:white;
	font-weight: normal;
	
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
	
	
}

 #footer p { 
	 
	 margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */ padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ font-size: 80%; }


.address { 
	
	font-weight: bold; color: #F17B24; padding-top: 1px; padding-bottom: 1px; padding-left: 15px; font-size: 90%; 
}

.profileCompanyCategory {
	
	color: black;
	height: 30px;
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 1px;
	
}

.profile {
	
	color: #333;
	line-height: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.profileDescription {
	
	line-height: 30px;
	font-size:160%;
	
}

.profileDescriptionHome {
	
	line-height: 35px;
	
	font-size:130%;
	
	
}



.featuredBizCategory {
	
	color:black;
	font-size: 90%;
	line-height:50px;
}

.textAbout { 
	
	padding-left: 10px; 

}

.smallRedItalics 

{ 
	
	font-size: 80%; font-style: italic; font-weight: lighter; color: #D60000; 

}


.profileCompanyLogo {
	color: #333333;
	padding: 20px;
	margin: 0px 0px 10px;
}
.accent {
	
	font-weight: bolder; 
	color:rgba(245,104,1,1.00);
}

.toursHeading {
	

	text-align: center;
	font-size:120%;
	color:rgba(245,104,1,1.00);
	line-height: 40px;
}

.toursHeading p {
	

	line-height: 25px;
}

.toursHeading h1 {
	
	font-size:250%;
	
}

.profileCompanyName {
	color: #0451B3;
	font-size: 105%;
	background-repeat: repeat-x;
	background-position: center top;
	font-weight: bold;
	margin-top: 35px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 6px 7px 3px;
	background-image: url(images/background_accordionTabs_blueStripes.png);
	letter-spacing: 1px;
	text-transform: uppercase;

	border-radius: 5px;
	
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #63A5F9;
	border-right-color: #DFEFFF;
	border-bottom-color: #DFEFFF;
	border-left-color: #DFEFFF;
}
.profileBlockHeading {
	
 font-family: "Platypi", serif;

	color: black;
	font-weight: bold;
	letter-spacing: 1px;

	text-transform: capitalize;
	
	font-size: 180%;
	
	background-image: url("images/logo/2024/caribbean-info-orange-ball.png");
    background-size:30px;
	
	
	background-repeat: no-repeat;
	background-position: 15px center;
	margin: 0px;
	padding:20px 20px 20px 65px;
	line-height: 30px;
	
	background-color:rgba(255,102,0,.1);
	border-bottom: 5px solid rgba(249,104,1,1.00);
}
.profileCompanyTel { color: #333333; }
.profileTable { padding-bottom: 15px; width: 100%; }
.text_island { font-size: 85%; padding: 10px 2px 10px 3px; color: #333; line-height: 30px; }

.profileDivBlock {
	 font-family: "Karla", sans-serif;
	font-weight: 200;

	color: #333;
	line-height: 30px;
	
	margin-top: 10px;
	padding-bottom:30px;


}

.profileDivBlock a{
	
text-decoration: none;
}

.profileDivBlock:hover {
	
	
	
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	
}
.fltlft { /* this class can be used to float an element left in your page */
	margin-right: 8px;
	width: 58%;
	font-size: 100%;
	line-height: 32px;
	clear: both;
	float: left;
}
.firstLetterDescription { font-size: 200%; padding: 5px 12px 1px; margin-right: 5px; background-image: url(images/background_accordionTabs_blueStripes.png); background-repeat: repeat-x; background-position: center top; border: 3px solid #83B712; }
.firstLetter { color: #FFF; background-color: #666; padding: 2px 3px 2px 2px; margin-right: 1px; }
.firstLineAbout { font-size: 100%; padding: 6px 12px; background-color: #FFF; background-image: url(images/background_accordionTabs_blueStripes.png); background-repeat: repeat-x; background-position: center top; border-top: 2px solid #83B712; border-right: 2px solid #83B712; border-bottom: 2px solid #83B712; border-left: 2px solid #83B712; color: #000; }
.firstWordsAbout {
	font-size: 100%;
	padding: 1px 7px 1px 5px;
	background-repeat: repeat-x;
	background-position: center top;
	background-image: url(images/background_accordionTabs_blueStripes.png);
	background-color: #FFF;
	margin-top: 30px;
	margin-bottom: 7px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	color: #0451B3;
	border-top: 3px solid #DFEFFF;
	border-right: 1px solid #DFEFFF;
	border-bottom: 3px solid #DFEFFF;
	border-left: 1px solid #DFEFFF;
	border-radius: 5px;
	
	
	
}
.firstLineAboutHeading { font-size: 120%; padding: 1%; background-color: #F3F3F3; border: thin solid #A5ECFA; font-weight: bold; width: 98%; margin-top: 3px; margin-bottom: 3px; }

.fltlftText { float: left; width: 48%; }

.frame {
	float: right;
	height: 187px;
	width: 249px;
	padding: 10px;
	border: 1px solid #C8DEFB;
	background-repeat: repeat-x;
	background-position: center -260px;
	background-image: url(images/background_body_blueStripes.jpg);
	text-align: center;
	
border-radius: 7px;
}
.frameForLogos {
	float: right;
	margin-left: 5px;
	padding: 1px;
	text-align: center;

	border-radius: 3px;
	border:1px solid rgba(205,205,205,1.00);
	margin-bottom: 25px;

}



.frameForBizRepresent {
		

	padding: 15px;
	text-align: center;

	border-radius: 3px;
	border: 0px none rgba(25,112,161,1);
}

.frameForBizRepresent img {
	
	text-align: center;
	
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	margin:0px;
}
.clear {
	display: block;
	clear: left;
	visibility: hidden;
	margin-top: 6px;
	margin-bottom: 6px;
}
.navBar { background-color: #6DB0E7; color: #FFF; }
#navBar {
	width: 780px;
	color: #FFF;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}
.profileBlockText {
	
	width: 90%;
	float: left;
	padding:5% 5% 2% 5%;
	font-size:100%;
	
	
	
}

.homeCaribServices .profileBlockText {
	
	
	padding:75px 7% 75px;
	margin-bottom:0px;
	width:86%;
	font-size:100%;
	
}


.profileBlockCoolFactor {
	width: 93%;
	clear: both;
	height: 32px;
	padding-top: 2px;
	padding-right: 3%;
	padding-bottom: 7px;
	padding-left: 3%;
}
.profileBlockPhoto {

	float: right;
	background-position: center center;
	height: auto;
	margin-bottom: 7px;
	padding: 5px
	15px 0px 15px;
}

.profileBlockPhoto img {
	
	height:360px;
	width:360px;
	
}




.coolfactorBottom {
	float:left;
	color: rgba(255,255,255,1);
	line-height: 30px;
	
	padding-right: 5px;
	padding-left: 10px;
	font-size: 130%;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 10px;
}

.profileBlockContact {
	color: black;
	line-height: 30px;
	clear: both;
	padding: 15px;
	margin-bottom: 25px;
	font-size: 110%;
	
	background-color:rgba(233,242,254,1.00);
	border-bottom: none;

}


.profileBlockContact a {
	color:rgba(102,102,102,1);
}

.profileBlockContact a:hover {
	text-decoration: none;
}
.profileAddress {
	font-size: 80%;
	color: #333;
	background-color: #DFEEFE;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 12px;
	
}
.verticalLine { font-size: 140%; font-weight: normal; color: #666; padding-right: 5px; padding-left: 5px; }
.pictureAboutBlock {
	margin-top: 15px;
	border-radius: 7px;
	
}

.framePicIntroduction {
	
	
	margin-bottom: 25px;
	height: 250px;
	width: 250px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	
	
	border:rgba(255,255,255,.9) 5px solid ;
}

.framePicIntroContainer {
	
background-color:rgba(36,134,223,.1);
	float: left;
	margin-top: 0px;
	
	border-radius: 0px;
	
	margin-right: 15px;
	margin-bottom: 20px;
	padding:25px;
	text-align: center;
}

.aboutIntro {
	float: left;
	margin-left: 20px;
	line-height: 30px;
	margin-top: 15px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	width: 400px;
}

.introduction {
margin-left: 0px;
margin-right:0px;
line-height: 30px;
	
padding:15px 3% 50px;
	
    background-color: white;



}


.introduction:hover {
}
.headlineOneParagraph {
	float: left;
	margin-left: 10px;
	line-height: 20px;
	margin-top: 15px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 230px;
	color: #FFF;
	background-color: #001939;
}
.inputText { padding: 20px; }
#login { padding: 30px 2px 2px; float: left;  }

.indexMainContent {
	
margin-top: 0px;
padding-top:75px;
line-height: 30px;
	margin-bottom: 0px;
	height: 100%;
	
	color: #000000;
	margin-right: auto;
	margin-left: auto;

}



.indexMainContentContent {
	line-height: 30px;
	height: 100%;
	font-size: 16px;
	
	color: #333;
    padding-bottom:50px;
}

.caribbeanDirectory {
	margin: 0px 50px 0px;
}

.ContactAdvertise {
	
	padding:0px 10%;
	
	font-size:120%;
	line-height: 40px;
	
	
}

.ContactAdvertise ul li {
	
	list-style-image:url("images/logo/list-bullet-coolestcarib-caribbean-travel-guide.png");
	list-style-position: center left;
	
	

	
	
}



.updateSelect { font-size: 70%; }
#navBar a {  color: #E6E6E6; text-decoration: none; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; border: 2px solid transparent; }
#navBar a:hover { color: #000; text-decoration: none; padding: 5px 10px; border: 2px solid #83B712; background-image: url(images/background_accordionTabs_blueStripes.png); background-repeat: repeat-x; background-position: center center; }
.headingsOfPage {
	color: #FFF;
	padding-left: 25px;
	font-size: 180%;
}
.textfields {
	background-repeat: repeat-x;
	background-position: center bottom;
	border-top-width: 4px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #1970A0;
	border-right-color: #1970A0;
	border-bottom-color: #1970A0;
	border-left-color: #1970A0;
	padding: 10px;
	height: 40px;
	width: 95%;
	font-size: 150%;
}


.textArea{
	background-repeat: repeat-x;
	background-position: center bottom;
	border-top-width: 4px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #1970A0;
	border-right-color: #1970A0;
	border-bottom-color: #1970A0;
	border-left-color: #1970A0;
	width: 95%;
	padding: 10px;
	font-size: 150%;
}
.textFieldsTitles {
	letter-spacing: 1px;
	font-size: 130%;
}

.coolFactor {
	

	color:rgba(250,102,36,1.00);

	font-size: 110%;
	margin-top:10px;
	display: inline-block;
	font-weight: bold;
	
}


.homeCaribServices .coolFactor {
		
		font-size:150%;
color:rgba(250,102,36,1.00);
	display:inline-block;
	}

.websiteDesignCredit {
}
.coolFactorContent {
	color: #000;
	font-weight: bold;
	line-height: 40px;
	display:inline-block;
}

.homeCaribServices .coolFactorContent {
	
	font-size:150%;

}

#siteMap {
	background-color: #0099CC;
	font-size: 70%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 30px;
	background-image: url(images/flags/caribbean-Flags-caribean-nations-caribbean-directory.jpg);
	background-position: center bottom;
	background-repeat: repeat-x;
	min-width: 100%;
	padding-right:2%;
	margin-right: 0px;
	margin-left: 0px;
}
#siteMap a {
	color: rgba(24,106,210,1);
	letter-spacing: 1px;
	text-decoration: none;
}
.introIntro a {
	
	color: rgba(209,86,4,1);
	text-decoration: underline;
}

.introIntro a:hover {
	
	
	text-decoration: none;
	
}
#siteMap a:hover { color: #000; letter-spacing: 1px; text-decoration: underline; }
.listingHeader { background-color: #DDEAFA; padding: 5px 5px 5px 0px; }
.listingHeaderFirstLetter { background-color: #DDEAFA; font-weight: bold; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 5px; }

.islandName {
	
color:white;
	line-height: 100px;
	height: 100px;
	text-align: center;
	
	padding:15px 0px;
background-color:rgba(17,81,132,1.00);
	
	margin:0px;


	font-size: 180%;
   

}

.islandName2025 {
	
color:rgba(250,103,1,1.00);
	line-height: 100px;
	height: 100px;
	text-align: center;
	
	padding:15px 0px;


	margin:0px;

	font-size: 180%;
    
    font-weight: bolder;

}

.islandName h2 {
	
	font-weight: normal;
}


.islandNameGallery {
	
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 250%;
	color: #FFFFFF;
	line-height: 100px;
	height: 100px;
	text-align: left;
	background-image: url(images/logo/logo-coolest-carib-dot-com-dot-only.png);
	background-repeat: no-repeat;
	background-position: 30px center;
	padding-left: 125px;
	background-color: rgba(14,88,112,1);
	border-radius: 5px 5px 0px 0px;
	margin-top: 50px;
}

.islandNameVideo {
	
	font-size: 140%;
	color: rgba(14,88,112,1);
	line-height: 90px;
	height: 90px;
	text-align: left;
	background-image: url(images/logo/logo-coolest-carib-dot-com-dot-only.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	border-radius: 5px 5px 0px 0px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(14,88,112,1);
}







.blueText {
	color: rgba(29,137,217,1.00);
  color:rgba(17,81,132,1.00);
	font-weight: bold;
}

.galleryPhotoFrame {
	
	background-color: #053E83;
	padding: 10px;
	border: 5px solid #E6E6E6;
	width: 400px;
	float: left;
	margin-top: 7px;
	margin-right: 7px;
	margin-bottom: 10px;
	margin-left: 7px;
}

.videoFrame {
	
	background-color: #000;
	padding: 10px;
	border: 2px solid #E6E6E6;
	width: 400px;
	margin: 7px;
	float: left;
}

.galleryCaption {
	
	font-size: 80%;
	margin-top: 10px;
	color: #CCC;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
}

.facts {
	
	width: 245px;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 20px;
	float: left;
	padding-right: 15px;
	color: #999;
	line-height: 21px;
	font-size: 90%;
	background-color: #F2F6F9;

border-radius: 7px;

}

.factsFun {
	
	color: rgba(0,0,0,1);
	line-height: 35px;
	font-size: 100%;
	text-align: left;
	
}

.factsHeading {
	
	font-weight: bold;
	text-align: left;
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin-top: 20px;
	color: rgba(255,255,255,1);
	margin-bottom: 10px;
	font-size: 120%;
	letter-spacing: 1px;
	background-color: black;
}

.divPicAndFacts {
	
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	width: 284px;
}

.factsContainer {
	
	padding: 0px;
	margin-top: 50px;
}

.factsHeadingMain {
	
	
	color: rgba(0,0,0,1);
	text-align: left;
	
	border-bottom-width: 6px;
	
	border-bottom-style: solid;
	
	border-bottom-color: rgba(0,0,0,1);
	padding-top: 15px;
	padding-bottom: 15px;
	margin:70px 0px 25px;
}




.socialNetwork {
	
	padding-top: 100px;
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

	
}

.socialNetworkIslands {
	
	
	padding-top: 0px;
	
	text-align: left;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-left:4%;

	
}

.socialNetwork img {
	padding: 5px;
	margin-right: 5px;
	width:45px;
	height:45px;
}

.socialNetworkIslands {
	
	
	padding-top: 0px;
	width: 96%;
	text-align: left;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-left:4%;

	
}


.socialNetworkIslands img {
	padding: 5px;
	margin-right: 5px;
	width:45px;
	height:45px;
}

.socialNetwork img:hover {

	background-image: url(images/social/hover-CoolestCarib-dot-Com-caribbean-directory.png);
	background-repeat: no-repeat;
	background-position: center center;

	transition: all 0.3s ease-in-out;
}

.advertBox {
	
	float: right;
	width: 220px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.advertBoxWebsite {
	
	font-size: 80%;
}

.galleryBox {
	
	float: left;
	width: 75%;
	color: rgba(0,0,0,1);
	padding: 0px;
}

.galleryTipBox {
	
	float: left;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: rgba(0,0,0,1);
}


.fb-send {
	height: 20px;
	padding-bottom: 13px;
	padding-left: 10px;
}


.fb {
	
	text-align: center;
	padding:25px 0px;
}


.buttonsGeneral {
		
padding:0% 0%;	
text-align: center;
font-size:0px;
width:100%;
		
}

.buttonsIslands {
		
padding:0% 0% 25px;	
text-align: center;
font-size:0px;
width:100%;
		
}

.columns {
	
display:inline-block;
	
background-color:rgba(29,137,217,.2);
    
  background-color:rgba(17,81,132,.2);
      
   
	
color:black;
width: 22%;



	
height: 50px;
line-height: 50px;
margin: 1%;

font-size:21px;
text-align: left;
	border-radius: 5px;
	


	
	
}



.columns img {
	
	margin-right:7px;
	margin-bottom:-15px;
	height:50px;
	width:25px;
	border-top-left-radius: 7px;
}



a .columns {
	
	color:black;
	text-decoration:none;
   
	
	
}

a .columns:hover {
    
    color:white;
    background-color:rgba(17,81,132,1.00);
}

.clickHereButtons {
	
display:inline-block;
font-size:20px;
background-color: rgba(255,102,0,1);

    color:white;
width: 22%;
height: 50px;
line-height: 50px; 
text-align: center;
margin: 1%;
border-radius: 3px;
  

}

.clickHereHeader {
	
	
color:white;

text-decoration: none;
	
}

.clickHereHeader:hover {
	
	
color:black;
	
}


.columnHeader {
	text-align: left;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;

	border-radius: 5px 5px 0px 0px;
}


.columns:hover {
	text-decoration: none;
	background-color:rgba(29,136,218,1.00);

	transition: all 0.3s ease-in-out;
	}
	
	
	.clickHereButtons:hover {
		
	text-decoration: none;
		background-color:rgba(255,102,0,.8);
		color:black;
	
	transition: all 0.3s ease-in-out;
	}

.columnBody {
	
text-align: left;
float:left;

}

.columns h3 {
	margin: 0px;
	padding: 0px;
}

.divHeadlineHeader {
	
	color: #001939;
	background-color: #FFF;
	text-align: left;
	padding: 5px;
}

.homeTextlft {
	
	line-height: 30px;
	padding-bottom: 25px;
	margin:0px 0px 0px;
	font-size:100%;
	
	text-align: left;
	padding-top: 150px;
	padding-right: 7%;
	padding-left: 7%;
	
	color:black;
    
   
	
	
}

.homeCaribServices {
	
	line-height: 30px;
	padding-bottom: 25px;
	margin:0px 0px 0px;
	font-size:100%;
	
	text-align: left;
	padding-top: 0px;
	padding-right: 0;
	padding-left: 0;
	
	color:black;
    
 
	
	
}

.blogDiv {
	
width: 100%;
    display: block;
padding:25px 0px 25px;
	
margin:0px;
font-size:100%;

text-align: left;



	
}

.subscribeDiv {
	

padding:75px 10% 25px;
	
margin:0px 0px 10px;
font-size:100%;
background-image: none;
text-align: left;

color:black;
	
	
}




.homeTextlft .facebookDiv {
		
font-size:150%;
	}






.blogHeadlines {
	
font-size:100%;
padding:50px 10%;
	color:black;

}

.blogHeadlines img {
	
	width:100%;
	height:auto;
}

.homeTextlft h1 {
	line-height:40px;
	
}




.featuredBiz {
	line-height: 30px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 50px;
	
	background-image: url(images/flags/caribbean-Flags-caribean-nations-caribbean-directory.jpg);
	background-repeat:repeat-x;
	background-position: center top;
	padding-top: 70px;
	padding-right: 5%;
	padding-bottom: 50px;
	padding-left: 5%;

}



.videoOfDay {
	background-color:black;
	text-align: center;
	padding:50px 5%;
	font-weight:normal;
	color:white;

	
	
}

.videoOfDay img {
	
	display:inline-block;
}

.picOfDay img {
	
	display:inline-block;
}


.socialMedia {
	padding-top: 25px;
	margin-right: 0px;
	margin-left: 0px;
	
	background-image: url(images/flags/caribbean-Flags-caribean-nations-caribbean-directory.jpg);
	background-repeat:repeat-x;
	background-position: center top;
	
}

#twitterDiv{
	padding: 0px 0%;
	font-size: 150%;
	min-height: 1200px;
}
#twitterDiv a{
	font-size: 90%;
	color: #BEDBFC;
}

.directory-headline1 {	color: rgba(255,255,255,1);
	font-size: 110%;
	font-weight: normal;
	margin-bottom: 7px;
	padding-bottom: 7px;
	background-color: rgba(0,0,0,1);
	padding-top: 7px;
	padding-left: 7px;
}

#flags {
	
	height: 100px;
	min-width: 100%;
	background-color: rgba(25,112,161,1);
	margin-right: 0px;
	margin-left: 0px;
	width: 100%;
}
.introductionContent {
	margin-left: 370px;
	padding-top:25px;
	padding-right:35px;
}
.introductionContentText {
	margin-bottom: 20px;
	font-size: 150%;
	line-height: 40px;
}

.introductionContentText a {
	color:rgba(250,102,1,1.00);
}


.introIntro {
	
	padding-right:10%;
	
}

.introIntro h1 {
	
	font-size:140%;
}



.SpryTabbedIslandName {
	font-size: 150%;
}

.orangeDot {
	font-size: 330%;
	line-height: 40px;
	
	background-color:rgba(250,103,0,1.00);
	margin-left:-5px;
}
#header {
	height: 60px;
	background-color: rgba(255,255,255,1);
	
	
	background-image: url(images/headerImage.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
	width: 820px;
}
.indexMainContentHeader {
}
.indexMainContentHeader {
	font-size: 180%;
	color: rgba(0,153,204,1);
}



blockquote {
	font-size:115%;
	text-align: left;
	line-height: 50px;

}


.websiteList {
	
padding:50px 10%;
	
}

.websiteList:hover{

	
}

.iconographic {
	color: #666;

	border-radius: 7px;
	margin-top: 0px;
	font-size: 80%;
	margin-right: 12px;
	margin-left: 12px;	
}


.orange {
	color: rgba(209,86,4,1);
}
.fltlftONLY {
	float: left;
}
.logo {
	background-image: url(images/logo/logo-coolest-carib-dot-com-name-only.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 960px;
	height: 130px;
}
.whiteBlock {
	background-color: rgba(255,255,255,1);

	border-radius: 7px;
	width: 470px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}


.whiteWeatherBlock {
	background-color: rgba(255,255,255,1);

	width: 100%;
	margin:0px 0px 50px 0px;
	padding:0% 0px;
	text-align: center;
}

.admin {
	color: rgba(204,204,204,1);
}
#subscribe {
	background-color: rgba(255,255,255,.6);
	float: right;
	margin-right: 0px;
}
.email {
	width: 60%;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 40px;
	font-size: 85%;
	text-align: left;
}
#tweetDiv {
	text-align: left;
	width: 960px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	height: 30px;
	z-index: 1000;
}

#selectStripes, #selectStripes2,
.selectIndex #selectIndex,  
.selectStThomas #selectStThomas, 
.selectStJohn #selectStJohn, 
.selectStCroix #selectStCroix, 
.selectTortola #selectTortola, 
.selectVirginGorda #selectVirginGorda, 
.selectPuertoRico #selectPuertoRico, 
.selectBarbados #selectBarbados, 
.selectGrandCayman #selectGrandCayman, 
.selectStLucia #selectStLucia, 
.selectStMartin #selectStMartin, 
.selectStKitts #selectStKitts, 
.selectSocialMedia #selectSocialMedia, 
.selectBlog #selectBlog, 
.selectGallery #selectGallery, 
.selectVideos #selectVideos, 
.selectDonation #selectDonation, 
.selectContactus #selectContactus, 
.selectFlorida #selectFlorida,
.selectJamaica #selectJamaica, 
.selectCozumel #selectCozumel, 
.selectAruba #selectAruba
{
	background-image: url(images/menuLines.png);
	background-repeat: no-repeat;
	background-position: left top;	
	
	

	
	}
 

#mc-embedded-subscribe {
width:20%;
font-size:110%;
	
	
}

#mc-embedded-subscribe-form {
	background-color: rgba(255,255,255,.0);
	text-align: left;
}

#subscribeAbsolute {
	position: absolute;
	left: 700px;
}

.donate {
	
	width: 86%;

	margin-bottom: 0px;
	font-size:150%;
	text-align: left;
    padding:50px 7%;
    

}


.randompics {

	border-radius: 15px;
	width: 700px;
	margin-right: auto;
	margin-left: 0px;
	margin-bottom: 25px;
	font-size: 100%;
	text-align: left;
}


.fb-like-box {
	padding: 25px;
}
.infographic2 {
	margin-top: -60px;
	z-index: -100;
}

.homePageMenu {

	
padding:15px 0px;

color:white;
text-align: center;
display:block;
margin:0px;
	background-color:
rgba(255,102,0,1);
     
}

.homePageMenu h2 {
	
	font-size:110%;
	color:White;
}


.homePageMenu a {
	

	color:white;
	font-size: 120%;
	letter-spacing: 1px;
	text-decoration:none;

	
	padding-left:12px;
	padding-right:12px;
	border-left:black 1px solid;
}

.homePageMenu a:first-child {
	
	border-left:none;
	
}

.homePageMenu a:hover {
	color:black;	
	text-decoration: underline;
letter-spacing: 1px;
	
	
}

.share {
	text-align: center;	
}


.share a img {

	display:inline-block;
padding:5px;
margin:9px;	
	width:10%;
	heigth:auto;
	
}

.share img:hover {
		background-color:rgba(204,204,204,1);
	
	transition: all 0.3s ease-in-out;	
}

#mc-embedded-subscribe-form {
}
#shareDiv {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.indexMainAdmin {
	background-color: rgba(255,255,255,1);
	padding: 50px;
}
.menu2 {
	margin-left:77%;
	width: 270px;
}

#LinkBackground {
	height: 180px;
	width: 100%;
	margin:0px 0%;
	position: absolute;
	top: 70px;
	left:0px; 
}


.radioBlock {
	padding: 15px;
	color: rgba(24,108,155,1);
	line-height: 30px;
}

.fb-page {
	text-align:center;
}

.homeTextlft small {
	line-height: 25px;
}

.picOfDayContainer {
	margin-left: 12px;
	margin-right: 12px;
	
	color: rgba(14,88,112,1);
	font-size: 100%;
	text-align: center;
	padding-top: 4%;
	padding-right: 4%;
	padding-bottom: 4%;
	padding-left: 4%;
	font-weight: normal;
}


.picOfDay {
	width: 100%;
	text-align: center;
	
}

.picOfDay img {
	width: 84%;
}

.picOfDay .youtube {
	width: 100%;
}

#videoContainer {
	padding: 15px;
}



.youtube {

}


iframe {
	
	border:0;

}

.galleryPageContainer {
	color: transparent;
	width: 96%;
	background-color: rgba(255,255,255,1);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 2%;
	padding-bottom: 10px;
	padding-left: 2%;
}

#galleryPageMenu {

	border-radius: 7px;
	background-color: rgba(255,255,255,1);
	margin-bottom: 25px;
	padding: 25px;
	margin-top: 25px;
}

#galleryPageMenu a {
	color: rgba(0,26,68,.6);
}

	

#ViewMoreDiv {
	margin-bottom: 25px;
}
.backToTop {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 25px;
	margin-bottom:150px;
}

#backToTop img {
	margin:10px;
	width:60px;
	height:60px;
}


.introductionContentText  iframe {
	width: 100%;
}

#widgetIframe  {
	width: 100%;
	
}

#expedia {
	width: 100%;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
}



.expediaCaribbean {
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 50px;
	
}


.homeTextlft table tr td {
	padding-bottom: 0px;
}

.homeTextlft table  {
	padding-bottom: 20px;
}

.updateMenu {
	padding-top: 25px;
	padding-bottom: 25px;
	margin-top: 25px;
	margin-bottom: 25px;
}

.smallHeader {
	
background-color:black;
text-align: center;
padding: 15px 0px;

color:white;
width: 100%;
margin: 25px 0px;
font-size: 160%;
	font-weight: bold;
}

.businessDiv {
	
	padding-bottom:50px;
}

.TopThings {
	font-family: "Platypi", serif;
    background-color: rgba(250,102,1,.1);
	
	padding: 10px 17px;
	color: black;
	margin:125px 0px 25px;
	font-size: 140%;
		line-height:50px;
	border-bottom:5px solid rgba(250,102,1,1);

}

.RadioHeading {
	
	
	
	
	background-color: rgba(250,102,1,1);
	padding: 15px;
	color: rgba(255,255,255,1);
	font-weight: bolder;
	margin:75px 0px 25px;
}

.clickPlay {
	
	
	display: block;
	
	
	padding:5px 0px;
	margin-top:5px;
}


.TopThingsCircles {
	
	font-family: "Platypi", serif;
font-weight: bolder;
color: rgba(255,255,255,1);

margin-right: 0px;
margin-left: 5px;
width:20px;
height:20px;
padding:20px;
background-image: url(images/logo/TopThingsCircle.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 35px;
}

.mapCaribbean {
	width: 100%;
	background-image: url(images/maps/map-caribbean-info-travel-guide.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	background-size:contain;
	background-size:100%;
}

#headerFixed {
	
	display: block;
	position: relative;
	width: 100%;
	z-index: 2000;
}

.loading {
	background-position: center 75px;
	background-image: url(images/background/2017/loading-coolestcarib-caribbean-travel-info-guide.gif);
	background-repeat: no-repeat;
}

#AudioBlock {
        
padding:25px;
background-color:rgba(245,104,1,1.00);
color:rgba(255,255,255,1.00);
margin:15px 0px;
	
           
        }
.test {
	width:80%;
	margin: 50px 10%;
	padding:50px;
	background-color:rgba(255,255,255,1.00);
}
.next {
	
	padding: 2%;
	margin: 5% 13%;
	width: 70%; 
	background-color:rgba(245,104,1,1.00);
	text-align: center;
	color:rgba(255,255,255,1.00);
}

.socialCoolestCarib {
	
	
	
	
}

#welcome {
	
	background-color:rgba(36,134,223,.2);
	
	margin:25px 0px 0px 0px;
	padding: 50px 10% 0px;
	line-height: 45px;
	font-size:100%;
	display:block;
}

#welcome a {
	
	text-decoration: underline;
	color:black;
}


#welcome h3 {
		
		line-height: 60px;
		
	}

.instagramWidget {
	
	text-align: center;
	padding:75px 50px;

}

.radioOfDay {
	
	text-align: left;
	padding:0px 10% 0px;
	
	
	color:black;
	
	
	
	min-height: 500px;
    
    
    
   
	
}



.freelance {
	
	text-align: left;
	padding:100px 15% 100px;
	

	
	
}

.MobileOnly {
	
	display:none;
}

.DesktopOnly {
	
	display:block;
}



.flagintro {
	
width:260px;
height:auto;	
	
}

.framePicIntroduction img {
	
	width:250px;
	height:250px;
}


.framePicIntroContainer .item a .border {
	
	height: 250px;
	width: 250px;
	margin-bottom:15px;
	border:rgba(255,255,255,.9) 5px solid;
}


.selectIndexSpan {
	text-align: left;
	padding-left:40px;
}

.IslandCategory {
	
	background-color:rgba(36,134,223,1.00);
	padding:12px 20px;
	color:white;

	display: inline-block;
	margin-bottom:15px;
	font-weight: bolder;
	font-size:120%;

}

.islandCategoryHome {
	
	  font-family: "Platypi", serif;
 
background-color:#FA6700;
height:40px;
line-height: 40px;
padding:5px 15px;
color:white;
display:inline-block;
margin-bottom:15px;

font-size:150%;
font-variant: normal;
font-weight: bold;
	
}

.islandCategoryHome  a

{
	text-decoration: none;
	color:white;
	

	
}

.islandCategoryHome ul {
	
	list-style-type: none;
	 list-style-type : '';
	padding:0px;
	margin:0px;
	
}

.islandCategoryHome ul li {
	


	 display: inline-block;
	

}



.blogTitle {
	font-size:140%;
}

.blogTitle h2 {
	
	line-height: 40px;
}

.blogExcerpt {
	font-size:140%;
	
}

.blogExcerpt::first-line {

  font-weight: bold;

}




.blogExcerpt a {
            visibility: hidden;
            position: relative;
        }
 
        .blogExcerpt a:after {
            visibility: visible;
            position: absolute;
            top: 0;
            left: 0;
            content: "Continue Reading";
	display:inline-block;
			white-space: nowrap;
            
            
              
  
  border: 1px solid rgba(29, 136, 218, 1.00);
  text-decoration: none;
  transition: background-color 0.3s ease, border-color 0.3s ease; /* Add smooth transition */

            
			 
            
            padding: 15px 25px;
			font-size:90%;
            background-color: transparent;
	         height: 20px;
	        line-height:20px;
            color:rgba(29, 136, 218, 1.00);
           
			
			
        }



.blogExcerpt a:hover:after {
    	background-color:rgba(29, 136, 218, 1.00);
    color: white;	
}



.bookHereButton {
	
	
padding:15px 0%;


margin:25px 40%;
	
width:20%;
text-align: center;
font-size:160%;
cursor:pointer;
text-decoration: none;
 background-color:rgba(17,81,132,1);
color:white;
	
border-radius: 5px;
	
	
}


.bookHereButton:hover {


    	background-color:
#FA6700;
    color: white;	
}




.seeMoreButton {
	

padding:15px 0%;


margin:25px 40%;
	
width:20%;
text-align: center;
font-size:150%;
cursor:pointer;
text-decoration: none;

}

.seeMoreTours {
	
padding:15px 0%;


margin:25px 15%;
	
width:70%;
text-align: center;
font-size:140%;
cursor:pointer;
text-decoration: none;

}



.seeMoreColor {
	
background-color:rgba(17,81,131,1.00);

color:white;
border-radius:
        5px;
	

    
   text-decoration: none;
    
    
    
   display: inline-block;

  transition: background-color 0.3s ease, border-color 0.3s ease; /* Add smooth transition */
  
    
	
}
/* Style the div container */
.seeMoreBiz {
  background-color:rgba(17,81,131,1.00);

color:white;
border-radius:
        5px;
	

    
   text-decoration: none;
    
    
    
   display: inline-block;

  transition: background-color 0.3s ease, border-color 0.3s ease; /* Add smooth transition */
    padding:15px 0%;
margin:25px 37%;
width:26%;
text-align: center;
    font-size:160%;
}

/* Style the anchor tag */
.homeCaribServices .seeMoreBiz a {
  color: white;
  text-decoration: none;
  transition: color 0.3s ease; /* Smooth transition for color change */
}

/* Hover effect for the div and anchor */
.seeMoreBiz:hover {
  cursor: pointer;
  background-color: rgba(29, 136, 218, 1.00); /* Change background on hover */
  border-color: rgba(29, 136, 218, 1.00); /* Optional: change border color on hover */
}

/* Change the color of the anchor when the div is hovered */
.homeCaribServices .seeMoreBiz:hover a {
  color: white; /* Change the color of the link text on hover */
}







.seeMoreColor a {

	text-decoration: none;
    
    color:white;
}


.seeMoreColor a:hover {

	color:white;
}

.seeMoreColor:hover {
    	background-color:black;
    color: white;	
}



.seeMoreWhite {
	
	border: solid 1px white;
	
}

.seeMoreWhite a {
	
	
	color:white;
}


.seeMoreWhite a:hover {
	
	

}

.seeMoreWhite:hover {
	
	background-color:darkgray;
	
	
}

a .seeMoreButton {
	
	text-decoration:none;
}

a .seeMoreTours {text-decoration:none;}

.seeMoreButton a {
	
	text-decoration:none;
}

.bookHereButton a {
	
	color:white;
	text-decoration: none;
	font-weight: bold;
}


.bookHereButton a:hover {
	

	text-decoration: underline;
}

.TopThings a {
	
	font-weight: normal;
	color:black;
	text-decoration: underline;
}


.wideDiv {
	
	
	font-size:150%;
}


.tagUS {
	padding:0px 0px 15px;
}








.facebook {
	
	min-height: 500px;
}

.special {
	background-color: rgba(250,102,36,1.00);
	color:white;
}


	
.ReadMore ul li {
	
	list-style-image:url("images/logo/list-bullet-coolestcarib-caribbean-travel-guide.png");
	list-style-position: center left;

}

.ReadMore {
	background-color:  black;
	padding:10px 15px;
	margin-top:25px;
}

.ReadMore a {
	
	color:white;
}

.CaribIsland {
	background-color:rgba(250,104,0,.9);
	color:white;
	padding:15px;
	
	font-size:350%;
}

.CaribDiv {
	padding:20px;
}

.blueDiv {
	
padding: 50px 0px 50px;

}






.blueRadio {
	
padding: 100px 0px 50px;

	


    background-color:rgba(29,136,218,.03);

}

.blueDiv a {
	
	
}

.blueDivText {
padding:25px 10% 0px;
text-align: left;
	font-size:150%;
line-height: 35px;
margin:0px 0px 0px;


}

.welcomeText  {
padding:0px 15% 0px;
text-align: center;
	font-size:160%;
line-height: 35px;
margin:0px 0px 0px;



}

.welcomeText a {
	color:black;

}

.blueDivText a {
color:black;
}





.borderDiv {
	

}

.videoBackground {
	background-color: rgba(210,231,249,1.00);
	

}




.radioDiv {
	background-color: white;
	min-height: 500px;
}

.aboutDiv {
	
	
	font-size:150%;
}

.aboutDiv h2 {
	
	
}

.aboutDiv h3 {
	
	font-size:90%;
}

.aboutDiv 
	 li {
		 list-style-image:url("images/logo/list-bullet-coolestcarib-caribbean-travel-guide.png");
	list-style-position:outside center left;
	
		
}


.elfsight-app-4da26b9d-272b-4a1b-98df-e458a2a8761c {
	height:auto;
}







.radioWidget {
	
}

.hgozis [class^="Playlist__Container"] {
height: auto !important;
}


[class^="Playlist__Container"] div {
max-height: none !important;
overflow: hidden !important;
	background-color: white;
	
}

[class*="Full__ImageContainer"] {
width: 140px;
height: 140px;
}

[class^="Status__Component"], [class^="PlaylistItem__Title"] {
font-size: 18px;
}

[class*="PlaylistItem__ImageContainer"] {
width: 70px;
height: 70px;
}







.ivisa {
	text-align: center;
	padding:100px 0px;
	background-color:black;
}

.subscribeDiv {
	
padding:0px 0px 25px;
	font-size:140%;
}

.videoPage {
	margin-top:100px;
}


.tip {
	font-size:150%;
	margin-bottom:50px;
}

.radioTitle {
	
	font-size:140%;
	margin-bottom:0px;
	
}


     .link {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
      }

.button {
	
	width:30%;
}


.confirmText {
	
	padding:50px 10%;
	color:black !important;
}



.succMsg {
	color:black;
}

.errMsg {
	color:black;
}

.headingCopy {
color: black;
letter-spacing: 1px;
padding:25px 0px;
font-size:300%;
text-align: center;
}


.center {
	text-align: center;
	padding:25px 0px;
	
}

.seeMoreTours {
	text-align: center;
	padding:25px 0px;
	font-size:150%;
	
}

.bold {
	font-weight: bold;
}


.donationText {
	

}


.orangeBall {
	
	background-image:url("images/logo/2024/caribbean-info-orange-ball.png");
	background-position: -900px bottom;
	background-repeat: no-repeat;
	background-size: 100%;
	
}

.subscribeHome {
    
    padding:50px 10% 25px;

    background-color:rgba(27,138,216,.1);
    
   
}

#videoofday {
    height:0px;
    margin:0px;
    padding:0px;
}

#participateThis {
    	
	margin:0px;
    padding:0px;
    height:0px;
}


#socialMedia {
    margin:0px;
    height:0px;
    padding:0px;
}

.background {
    
   background-color:rgba(17,81,132,.2);
    padding:50px 0px;
}


.participateDiv {
 padding: 160px 10% 50px;
    line-height:35px;
    font-size:140%;

}

.participateDiv h1 {
    
    line-height: 60px;
}

.participateDiv h2 {
    
    border-left: solid 15px rgba(17,81,132,1.00);
    padding-left: 15px;
    margin-bottom:15px;
   
    
}


/* iPad landscape */

@media (max-width: 768px) {
	
	
body {
	
	
	background-image:url(images/background/2017/bg-coolestcarib-caribbean-island-info-travel-directory.jpg);
	background-position: center -60px;
	background-attachment: local;
	
}
	
#logoCoolest {
		

padding:10px 0px 0px 2%
}

#logoCoolest img {
	
	width:25%;
	height:auto;
}
	
	#menu2015 {
	
	height: 80px;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	width: 96%;

	padding: 10px 0 0 4%;


	}
	
	
	.indexMainContent {
	
margin-top: 0px;
padding-top:0px;

}
	
	
	.headingCopy {
color: black;
letter-spacing: 0px;
padding:15px 0px;
font-size:280%;

}
	
	
.clickHereButtons {
	
font-size:18px;
width: 22%;
height: 40px;
line-height: 40px; 
	
}
	
.columns {
	
width: 30%;
text-align: left;
height: 40px;
line-height: 40px;
vertical-align: center;
margin: 1%;
color:rgba(250,251,247,1.00);
font-size: 22px;
	
}
	
.columns img {
	
width:auto;
height:40px;	
	margin-bottom:-10px;
	margin-right:5px;
}
	
.blueDiv {
	
line-height: 37px;
	}
    
.participateDiv {
line-height: 37px;

}
	
	.blueDivText{
	
line-height: 37px;
	}
	
	.welcomeText{
		
		padding: 50px 10%;
	
line-height: 37px;
	}
	
.seeMoreButton {
		
padding:25px 2%;
margin:50px 24%;
width:50%;
font-size:160%;
line-height: 50px;
border: 2% solid;
	
	
}
    
    .seeMoreBiz {
  padding:25px 2%;
margin:50px 24%;
width:50%;
font-size:160%;
line-height: 50px;
border: 2% solid;
}
.seeMoreTours {
		
padding:25px 2%;
margin:50px 24%;
width:50%;
font-size:160%;
line-height: 50px;
border: 2% solid;
	
	
}	
	
	
.islandName {
	

text-align: center;
background-image:none;
padding:15px 0px 15px 0px;


}
    
    .islandName2025 {
	

text-align: center;
background-image:none;
padding:15px 0px 15px 0px;


}
	
.radioTitle {
	
font-size:160%;	
	
}
	
.islandCategoryHome {
	
	
font-size:170%;
padding:10px 25px;

}

.radioOfDay {
	

padding:75px 10% 20px;
	
}
	
	.blogDiv {
	

padding:75px 0px 25px;
	
margin:0px;

	
}
    
    .subscribeDiv {
	

padding:75px 7% 25px;
	
margin:0px 0px 10px;

	
}
	
	.donationText {
	
	width:100%;
}
	
	.islandName h2 {
	
	font-weight: bolder;
}

}

/* iPhone */

@media (max-width: 576px) {




body {
	
	background-size: 115%;
	background-position: right top;
	
	background-image:url(images/background/2017/bg-coolestcarib-caribbean-island-info-travel-directory.jpg);
	background-repeat: no-repeat;
	background-attachment: local!important;
    -webkit-text-size-adjust: 100%;

	
}
	
	
	.orangeBall {
	
	
	background-position: -150px bottom;
		background-size:80%;

	
}
	
	
	#logoCoolest {
	
		padding:10px 0px 0px 10px
}

#logoCoolest img {
	
	width:56%;
	height:auto;
}
	
.headingCopy {
font-size:210%;
padding:5px 0px 15px;
}
	
	.columns img {
	
width:auto;
height:40px;	
	
}
	
	
.blueDiv {
	
	
padding: 25px 0px 25px;

}
    

	
	
.blueDivText {
	
	padding:0px 5%;
	
	line-height: 35px;
}
	
	
	.welcomeText {
	
	padding:25px 5%;
	
	line-height: 35px;
}
	
	


	.button {
	
	width:80%;
}
	
	
	.radioTitle {
	
	font-size:130%;
}
	.radioTitle h2 {
		
		line-height: 40px;
	}
	
	
	.subscribeDiv {
	
font-size:150%;
}
	
	
	
	.instagramWidget {
	text-align: center;
	padding:25px;

}


	
	
	
		.introIntro {
	
	padding-right:0%;

}
	
	.introIntro h1 {
		
		font-size:150%;
		line-height:35px;
		
	}
	
	.introductionContentText {
	
	font-size: 130%;
	line-height: 30px;
}
	
	
	
.homeTextlft .facebookDiv {
		
font-size:140%;
	line-height: 35px;
	}
	
	
.profileDescriptionHome {

font-size:150%;
line-height: 35px;
	}
	
	
	
	.homeCaribServices .IslandCategory {
	

	font-size:150%;

}
	

	
	
	
	.radioWidget {
	
min-height: auto;
}
	
	.elfsight-app-f4812634-ce60-4aba-a54b-5841109783b0 {
		
		font-size:200%;
	
	}
	
	
	
	.yottie-widget-video-info-title { 
    font-size:26px;
}

.yottie-widget-video-info-caption { 
    font-size:23px;
    height:100px;
}
	
	
	
	
	
	
.aboutDiv h2 {
		
	
	line-height: 85px;
		
	}
	
.aboutDiv {
		
		font-size:130%;
	line-height: 35px;
	}
	

.aboutDiv 
	 li {
		 list-style-image:url("images/logo/list-bullet-iphone-coolestcarib-caribbean-travel-guide.png");
	list-style-position:outside center left;
	 
}
	
	
.TopThings {
	
	padding: 20px;
	margin:75px 0px 25px;
	font-size: 140%;
	line-height:30px;

}
	
.wideDiv .TopThings {
		
font-size:120%;
	}
	
	
	
	
.SecondLine {
	
display: block;
font-size:80%;
width:100%;
	
}

	
	
	.bookHereButton {
	
		
	padding:15px 3%;
	

	display: inline-block;
	margin:25px 22%;
	
	width:50%;
	
	font-size:160%;

	
}
	
	
a .bookHereButton {

	color:white;
	

	
}
	
.seeMoreButton {

padding:20px 0%;


display: inline-block;
margin:50px 14%;
	
width:72%;
	
	font-size:160%;
	line-height: 50px;
	border: 2% solid;
	
}
    
    .seeMoreBiz {

padding:20px 0%;


display: inline-block;
margin:50px 14%;
	
width:72%;
	
	font-size:160%;
	line-height: 50px;
	border: 2% solid;
	
}
	
.seeMoreTours {	
	
	padding:20px 0%;


display: inline-block;
margin:50px 14%;
	
width:72%;
	
	font-size:160%;
	line-height: 50px;
	border: 2% solid;
	
}
	
	
	
#twitterDiv{
padding: 25px 0px;
font-size: 250%;
text-align: center;
	width:90%;
}
	
	.framePicIntroContainer .item a .border {
	
	height: 150px;
	width: 150px;
}
	
	.flagintro {
	
width:150px;
height:100px;	
	
}
	
	
	.framePicIntroduction img {
	
	width:150px;
	height:150px;
}

	
.caribbeanDirectory {
	margin: 0px 10px;
}
	
.ContactAdvertise {
	padding:25px 5%;
	size:150%;
	line-height: 30px;
}
	
	.ContactAdvertise h2 {
	
	line-height: 85px;
}
	
	.ContactAdvertise ul li {
	
	list-style-image:url("images/logo/list-bullet-iphone-coolestcarib-caribbean-travel-guide.png");
	list-style-position:outside;
	
	

	
	
}
	
#jokesDiv {
	
	padding: 0px 0%;
}
	
	


#header {
	
	 height:0px;
	 display:none;
	 visibility:hidden;
}


#headerFixed {
	
	background-color: rgba(28,134,217,.1);
	position:relative;
	
}


.indexMainContent {
	
margin-top: 0px;
	
}

.homePageMenu {
	
	
	font-size:120%;
	line-height: 30px;
	font-weight: 400;

}
	
	.homePageMenu a {
	
	
	color:black;
	

}
	
 
 
.selectStripes #selectStripes,
	.selectStripes2 #selectStripes2
 
 {
	background-image: url(images/menuLines.png);
	background-repeat: no-repeat;
	background-position: 5px 13px;	
	
 }
	 
	
	 
 #menu2015 {
	
height: 70px;
padding: 10px 0px 0px 3%;
width:97%;
 } 
 
 #menu2015 ul {
	 
	margin-left: 25px;
	
 }
	 
	 
	 

 #menu2015 ul li a {
	 

	font-size: 125%;
	 padding-left:45px;
	
}


  
	 #menuElsewhere {
	  
	height: 100px;
	  line-height: 100px;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 90%;
	  margin-left:5%;
	  margin-right:5%;
	  border-radius: 25px;
}
	


#menuElsewhere ul li a {

	height: 70px;
	line-height: 70px;
	font-size: 180%;
	width:100%;
	
	
}

#menuElsewhere ul li ul {
	
	top: 60px;
	left:-10px;
	
}




#menuElsewhere ul li ul li a {



	height: 70px;
	line-height: 70px;
	font-size: 170%;
	width: 860px;
	
	
}

.galleryTipBox {

	width: 90%;
	padding:0px 5%;
	font-size:90%;
	line-height:25px;
	
}
	



.coolfactorBottom {
	
	font-size:160%;
	
}


.buttonsIslands {
		

font-weight:bold;
	
padding:0% 0% 3px;	
		
		
	}
	
 
#menuContainer {

height:500px;

}
	  
	  
#menu {
		  
	
	
}





#menu ul  li{
	
	width:33%;
}
	
#menu ul li a {
	
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 90%;
	
		
	border-right:solid 1px rgba(255,255,255,.4);
}
#menu ul li a:hover {
	
	color:rgba(0,153,204,1);
	background-color: rgba(255,255,255,1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#menu ul li ul {
	
	position: absolute;
	top: 100px;
	visibility: hidden;
	right: 0px;
}
	
#menu ul li:hover ul {
	
	visibility: visible;
}
	
#menu ul li ul li a {
	
	
}

#menu ul li ul li a:hover {
	
	background-color: rgba(0,26,68,.9);
	color: rgba(255,255,255,1);	
	
}

.menu2 {
	
	margin-left: 50%;
width:150px;
}

blockquote {
	
	line-height: 30px;
	font-size: 100%;
	
}



#flags {
	
	height: 290px;
}


.socialNetwork {
	
	text-align: center;
	padding:15px 0% 0px;
	width:100%;
	margin-top: 25px;
}
	
	

.socialNetwork img {
	
	display:inline-block;
	padding: 5px;
	margin:0px 2px;
	width:40px;
	height:40px;
	border: 0; 
}

	.socialNetworkIslands img {
		
	padding: 5px;
	margin:10px;
	width:30px;
	height:30px;
	border: 0; 
}

 
	
.pictureAboutBlock {
	width:95%;
	
}
	
	
	
 
 #mainContent {
	 
	padding-top: 50px;
}
 
 #subscribe {
	 
	background-color: rgba(255,255,255,.6);
	margin-left: auto;
	margin-right: auto;
	margin-top:140px;
	width:100%;
	
 
 }
 
 .email {
	 
	width:90%; 
	height:60px;
	margin:10px 0px;
	font-size:90%;
 }

#mc-embedded-subscribe {
	
width:50%;
	
padding:15px 5px;
font-size:90%;
margin-bottom:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	text-align:center;
	
}
	


.columns {
	
	width: 48%;
	text-align: left;
	
	vertical-align: center;
	margin: 1%;
	color:rgba(250,251,247,1.00);
	font-size: 18px;
	
}
	
	a .columns {
	
	
	font-weight: normal;
	
}



.clickHereButtons {
	
width: 47%;
margin:1%;

font-size:19px;

	
vertical-align: center;
	
}

.clickHereHeader {
	


}


.columnHeader {
	
	
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	color:rgba(255,255,255,1.00);
	font-size: 215%;
	background-color: rgba(24,110,158,1);
	background-position: 10px;
}


.columnBody img {
	
	width: 424px;
	height:90px;
}


.islandName {
	
	height:60px;
	line-height: 60px;

	padding-top:15px;
	padding-bottom:15px;
	padding-left:0px;
	font-size:100%;
	text-align: center;
	background-image:none;
}
    
    
    .islandName2025 {
	
	height:60px;
	line-height: 60px;

	padding-top:15px;
	padding-bottom:15px;
	padding-left:0px;
	font-size:100%;
	text-align: center;
	background-image:none;
}
	
.radioOfDay {
	
	
	padding:25px 3% 20px;

	line-height: 55px;
}
	
	
	.freelance {
	
	text-align: center;
font-size:150%;	
padding:100px 7% 20px;

	line-height: 40px;
	
	
}
	


.islandName h2 {
	
font-size: 180%;
font-weight: bolder;

}


.homeTextlft {
	
	line-height: 40px;
	padding:50px 5%;
	margin:0px 0px 0px;
	
}
    
    .homeCaribServices {
	
	line-height: 40px;
	padding-bottom: 25px;
	margin:0px 0px 0px;
	
}
	
	.blogDiv {
	
	
	padding:50px 0%;
	margin:0px;
	
}
    
    .subscribeHome {
    
    padding:25px 10% 5px;

   
}
    
    
    
.subscribeDiv {
	
	
	padding:50px 5%;
	margin:0px 0px 50px;
	
}
	
	

.homeTextlft h1 {
	
	line-height:70px;
	
}


.featuredBiz {
	
	line-height: 40px;
	font-size: 130%;
	
	padding: 80px 2%;
}


.videoOfDay {
	
padding:25px 5%;
}
	
	.videoBackground {
	
	font-size:200%;

}



	
.websiteList {
	
line-height: 60px;
	padding: 50px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:25px;
	font-size: 200%;
	
}

.websiteList a {

	font-size:70%;

	
}




.iconographic {
	
margin-right:0px;
margin-left:0px;

}

.iconographic img {
	
width:920px;	
	
}

 #footer {
	 
width:90%;
	font-size: 140%;
	line-height: 30px;
	padding:50px 5%;
     
     margin:0px;
	
	
	
	
} 

#footer a {
	

}

.introduction {

padding:0 6%;
    margin:0px;
	display: block;
}

.introductionContent {
	
	margin-left: 0px;
	padding-right:0px;
	padding-top:0px;
}
	
	

	
	


	



.profileBlockText {
	
	color: rgba(51,51,51,1);
	
	float: left;
	line-height: 30px;
	
	
	width:98%;
	padding:00px 0%;
	
}
    
    .homeCaribServices .profileBlockText {
	
	
	float:none;padding:75px 5% 75px;
	margin-bottom:0px;
	width:90%;
	font-size:100%;
	
}

.profileBlockPhoto {
	
	float:none;
	height: 310px;
	width:310px;
	margin-bottom: 7px;
	padding:0px ;
	
}
    
    .homeCaribServices .profileBlockPhoto {
	
	width:100%;
	height:100%;
	margin-bottom: 7px;
	padding:15px  0px 10px;
	
}

.profileBlockPhoto img {
	
	height:310px;
	width:310px;
	
}
	
	
.homeCaribServices .profileBlockPhoto {
	
	width:100%;
	height:100%;
	margin-bottom: 0px;
	padding:15px  0px 10px;
	
}

.homeTextlft .profileBlockPhoto img {
	
	height:100%;
	width:100%;
	
}



.galleryBox {
	
	width:550px;
	
}

.advertBox {
	
	width:350px;
	
}

.advertBox img {
	
width:300px;
height:300px;	
	
}

.galleryContainer.clearfix a {
	
font-size:170%;	
}

.galleryContainer.clearfix .item a .border {
	
	width: 240px;
	height: 240px;
}




.factsHeadingMain {
	
font-size:120%;	
padding-left:0px;
padding-right:0px;
padding-top:25px;
padding-bottom:25px;
line-height:60px;

}
	
.whiteWeatherBlock {


	width: 100%;
	
}

.factsHeading {
	font-size:115%;
	margin-top:50px;
	margin-bottom:20px;
padding:15px;
}
	
.factsFun {
	
font-size:95%;	
line-height:30px;
padding:0%;

}


.framePicIntroduction {
	
	margin:0px;
	height: 150px;
	width: 150px;
	
}



.framePicIntroContainer {
	
width:150px;
padding:5px;
visibility: hidden;
display: none;
}
	



.profileBlockHeading {
	
	font-size: 135%;
	padding: 15px;
	background-image: none;
	line-height: 30px;
		border-bottom: 0px;
}

.profileBlockContact {
	
	font-size: 170%;
	padding: 25px;
	line-height:50px;
	margin-top:25px;
	
}



.advertBox a .frameForLogos img{
	
	width:250px;
	height:250px;
}

.donate {
	
	font-size:140%;
	line-height: 35px;
    padding:25px 2%;
}
	
.donate form input {
	
	width:auto;
	height:auto;
}



.socialMedia {
	
	padding-top: 25px;
	margin-right: 0px;
	margin-left: 0px;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	background-image: url(images/flags/caribbean-Flags-caribean-nations-caribbean-directory.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: rgba(255,255,255,.9);
}

.tintup {
	
width:930px;	
	
}

.socialMedia #vp12wZRA {
	
width:930px;	
	
}
	
#homePageMenu {
	
	font-size:270%;
	margin-bottom: 10px;
}
	
	
#homePageMenu a{
	
	
	line-height:50px;
	color:black;
}
	
#homePageMenu h2 {
		
	font-size:120%;	
	line-height:60px;
		
	}



.share a img {
	

padding:2%;
margin:2%;	
width:30%;
height:auto;
	
}
	
#LinkBackground {
	
	height: 110px;
	width: 100%;
	position: absolute;
	
	top: 130px;
}


.TabbedPanels {

	margin-right: 20px;
	margin-left: 20px;
}

.TabbedPanelsTab {
	
	font-size:200%;
}



.frameForBizRepresent {
	
	display:inline-block;
	padding: 5px;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	width: 400px;
	height: 400px;
	margin: 10px;
}


.picOfDayContainer {
	
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	color: rgba(0,0,0,1);
	background-color: rgba(255,255,255,.9);
	padding-bottom: 50px;
	text-align: center;
	font-weight: bold;
	font-size: 140%;
	padding-top: 25px;
	padding-right: 0px;
	padding-left: 0px;
}


.picOfDay {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
}
.picOfDay img {
	width: 100%;
	
}
	
	
.backToTop a img {
	
	width:20%;
	height:auto;
}

.galleryContainer #ViewMoreDiv #menuElsewhere{
	
	font-size: 90%;
	
	  }
	  
	  #ViewMoreDiv #menuElsewhere{
		  
	font-size: 180%;
	  }


.islandNameVideo {
	font-size: 110%;


}
	
	.homeTextlft .coolFactor {
		
		font-size:200%;
	}

.coolFactorContent {
	
	font-size:110%;
	line-height:30px;
}

.homeTextlft .coolFactorContent {
	
	font-size:150%;
	line-height:30px;
}
	
	



.smallHeader {

	font-size: 140%;
	line-height: 30px;
}



.expediaCaribbean {
	margin-right:0px;
	margin-left:0px;
}


.TopThingsCircles {
	background-size:25px;
	width:25px;
	height: 25px;
	font-size:90%;
}

	
	audio {
		
       width:100% !important;
       min-height: 100px;
       display:block;
    }


#AudioBlock {
height: auto;
width: 90%;
padding:5%;
font-size:160%;
	display: block;
           
        }
	
#audio{
		
display:inline-block;
	float: none;
	}
	
	.blogHeadlines {
	padding:25px 5%;
}
	
.islandCategoryHome {
	
	
font-size:150%;
line-height:40px;
    height:auto;
	
}
	
	.blogTitle {
	font-size:130%;
		
}
	
	
	
	.blogExcerpt {

}
	
	.blogHeadlines img {
		
		width:100%;
		height:auto;
	}
	
		.blogHeadlines h2 {
	line-height:40px;
}
	

	

	
	
	.DesktopOnly {
		
		display:none;
	}
	
	
	.MobileOnly {
	
	display:block;
}



[class^="Full__Title"] {
font-size: 40px;
}

[class*="Full__ImageContainer"] {
width: 200px;
height: 200px;
}

[class^="Status__Component"], [class^="PlaylistItem__Title"] {
font-size: 30px;
}

[class*="PlaylistItem__ImageContainer"] {
width: 120px;
height: 120px;
}

[class^="Playlist__Container"] div {
max-height: none !important;
overflow: hidden !important;
}

[class^="PlaylistItem__IconContainer"] svg {
width: 90px;
height: 90px;
}

[class^="DefaultButton__IconComponent"] {
flex: 0 0 80px;
}

[class^="DefaultButton__IconComponent"] {
height: auto !important;
}


[class^="VolumeControlSlider__Thumb"] {
height: 40px;
width: 40px;
}

[class^="VolumeControlSlider__Inner"] {
height: 190px;
}

[class^="VolumeControlSlider__Track"] {
width: 10px;
}

[class*="VolumeControlButton__VolumeControlButtonComponent"] {
margin-right: 20px;
}
	
.frameForLogos {
float:none;
	margin-left: 0px;
	padding: 0px;
	text-align: center;

	
	margin-bottom: 25px;

}
	 .profileDescription {
	
	
	
	font-size:140%;
	
}
	
.coolFactor {
	
color:rgba(250,102,36,1.00);
padding-top: 6px;
padding-right: 0px;
padding-bottom: 6px;
padding-left: 0px;
font-size: 120%;
margin-top:10px;
	
}
	.introductionContentText  iframe {
	width: 100%;
		height:auto;
}
    
    
    .participateDiv {
padding: 50px 3% 25px 3%;

}
    
    .participateDiv {
        
        
    font-size:130%;
    }
    
    
    .participateDiv h1 {
    
    line-height: 65px;
}

.participateDiv h2 {
    
  
    margin-top:25px;
   
    
}
	
}





