.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

.buffer_left {
	padding-left: 10px;	
}

.blackbackground {
	font-size:smaller;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFBF0;
	padding:5px;
}

.styleBeaches {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	line-height:18.0pt;
}

#navigation4 a {
	font-size: small;
	/*font:11px arial;*/
	font-family: Arial, Helvetica, sans-serif;
	color: #2A3FAA;
	font-weight:normal;
	text-decoration: none;
	letter-spacing:0.1em;
	/*display:table-cell;*/
	display:compact;
	padding:0px;
	border-right-width: 0px;
	border-left-width: 0px;
	}
#navigation4 a:hover {
	color:#FFFBF0;
	background-color: #8080FF;
	}

.cool_link a {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	color: #2A3FAA;
	font-weight:normal;
	text-decoration: none;
	/*letter-spacing:0.1em;*/
	}
.cool_link a:hover {
	color:#FFFBF0;
	/*background-color: #8080FF;*/
	background-color: #A6CAF0;
	}
/*
.cool_link a:active {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	color: #2A3FAA;
	font-weight:normal;
	text-decoration: blink;
	letter-spacing:0.1em;
	}
*/
.cool_link a:visited {
	text-decoration: none;
	color: #2A3FAA;
	}


/* CSS for Culture navigation */
.culture
{
	position: relative;
	font-family: arial, helvetica, sans-serif;
	/* background: url(url(../images/Puerto_Rico/culture_2.jpg)) no-repeat; */
	white-space: nowrap;
	display: block;
	width: 100px;
	height: 25px;
	margin: 0;
	padding: 0;
}

.culture a
{
	display: block;
	color: black;
	font-size: 11px;
	width: 100px;
	height: 25px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
	background-image: url(../images/Puerto_Rico/culture_2.jpg);
}

.culture img
{
	width: 100px;
	height: 25px;
	border: 0;
}

* html a:hover
{
	visibility:visible
}

.culture a:hover img
{
	visibility:hidden;
}

.culture span
{
	position: absolute;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
} 




/* CSS for Beaches navigation  */

.beaches {
	position: relative;
	font-family: arial, helvetica, sans-serif;
	/* background: url(url(../images/Puerto_Rico/beaches_2.jpg)) no-repeat; */
	white-space: nowrap;
	display: block;
	width: 100px;
	height: 25px;
	margin: 0;
	padding: 0;
}

.beaches a
{
	display: block;
	color: black;
	font-size: 11px;
	width: 100px;
	height: 25px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
	background-image: url(../images/Puerto_Rico/beaches_2.jpg);
}

.beaches img {
	width: 100px;
	height: 25px;
	border: 0
}

* html a:hover {
	visibility:visible
}

.beaches a:hover img {
	visibility:hidden;
}

.beaches span {
	position: absolute;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
} 

/* CSS for Home navigation  */

.Home {
	position: relative;
	font-family: arial, helvetica, sans-serif;
	/* background: url(url(../images/Puerto_Rico/Home_2.jpg)) no-repeat; */
	white-space: nowrap;
	display: block;
	width: 100px;
	height: 25px;
	margin: 0;
	padding: 0;
}

.Home a
{
	display: block;
	color: black;
	font-size: 11px;
	width: 100px;
	height: 25px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
	background-image: url(../images/Puerto_Rico/home_2.jpg);
}

.Home img {
	width: 100px;
	height: 25px;
	border: 0
}

* html a:hover {
	visibility:visible
}

.Home a:hover img {
	visibility:hidden;
}

.Home span {
	position: absolute;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
} 



/* CSS for island navigation  */
.island {
	position: relative;
	font-family: arial, helvetica, sans-serif;
	/* background: url(url(../images/Puerto_Rico/island_2.jpg)) no-repeat; */
	white-space: nowrap;
	display: block;
	width: 100px;
	height: 25px;
	margin: 0;
	padding: 0;
}

.island a {
	display: block;
	color: black;
	font-size: 11px;
	width: 100px;
	height: 25px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
	background-image: url(../images/Puerto_Rico/island_2.jpg);
}

.island img {
	width: 100px;
	height: 25px;
	border: 0
}

* html a:hover {
	visibility:visible
}

.island a:hover img {
	visibility:hidden;
}

.island span {
	position: absolute;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
} 



/* CSS for Hot Spots navigation  */

.hotspots {
	position: relative;
	font-family: arial, helvetica, sans-serif;
	/* background: url(url(../images/Puerto_Rico/hotspots_2.jpg)) no-repeat; */
	white-space: nowrap;
	display: block;
	width: 150px;
	height: 25px;
	margin: 0;
	padding: 0;
}

.hotspots a {
	display: block;
	color: black;
	font-size: 11px;
	width: 150px;
	height: 25px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
	background-image: url(../images/Puerto_Rico/hotspots2.jpg);
}

.hotspots img {
	width: 150px;
	height: 25px;
	border: 0
}

* html a:hover {
	visibility:visible
}

.hotspots a:hover img {
	visibility:hidden;
}

.hotspots span {
	position: absolute;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
} 




/* CSS for Contact navigation  */

.contact {
	position: relative;
	font-family: arial, helvetica, sans-serif;
	/* background: url(url(../images/Puerto_Rico/contact_2.jpg)) no-repeat; */
	white-space: nowrap;
	display: block;
	width: 100px;
	height: 25px;
	margin: 0;
	padding: 0;
}

.contact a {
	display: block;
	color: black;
	font-size: 11px;
	width: 100px;
	height: 25px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
	background-image: url(../images/Puerto_Rico/contact_2.jpg);
}

.contact img {
	width: 100px;
	height: 25px;
	border: 0
}

* html a:hover {
	visibility:visible
}

.contact a:hover img {
	visibility:hidden;
}

.contact span {
	position: absolute;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
} 



/* CSS for Merchandise navigation */

.merchandise {
	position: relative;
	font-family: arial, helvetica, sans-serif;
	/* background: url(url(../images/Puerto_Rico/merchandise_2.jpg)) no-repeat; */
	white-space: nowrap;
	display: block;
	width: 150px;
	height: 25px;
	margin: 0;
	padding: 0;
}

.merchandise a {
	display: block;
	color: black;
	font-size: 11px;
	width: 150px;
	height: 25px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
	background-image: url(../images/Puerto_Rico/merchandise_2.jpg);
}

.merchandise img {
	width: 150px;
	height: 25px;
	border: 0
}

* html a:hover {
	visibility:visible
}

.merchandise a:hover img {
	visibility:hidden;
}

.merchandise span {
	position: absolute;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
} 


/* CSS for travel navigation  */


.travel {
	position: relative;
	font-family: arial, helvetica, sans-serif;
	white-space: nowrap;
	display: block;
	width: 100px;
	height: 25px;
	margin: 0;
	padding: 0;
}

.travel a {
	display: block;
	color: black;
	font-size: 11px;
	width: 100px;
	height: 25px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
	background-image: url(../images/Puerto_Rico/forum_2.jpg);
}

.travel img {
	width: 100px;
	height: 25px;
	border: 0
}

* html a:hover {
	visibility:visible
}

.travel a:hover img {
	visibility:hidden;
}

.travel span {
	position: absolute;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

.smallFont {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:xx-small;
	color:#000000;
	text-decoration: none;
}

.smallFont a {
	color:#2A00FF;
	text-decoration: none;
}
.smallFont a:visited {
	color:#2A00FF;
	text-decoration: none;
}
.smallFont a:hover {
	color:#FFFF00;
}



/* CSS for scrolling */

.contentpages {
	position: absolute;
	left: 230px;
	top: 70px;
	width: 400px;
	height: 350px;
	overflow: visible;
	z-index: 35;
	visibility: visible;

	}

.contentpages h1 {
		color: #000000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 15pt;
		height: 10px;
				}
				
.contentpages h2 {
		font-size: 13pt;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		margin: 10px;
}
.contentpages h3 {
		font-size: 10pt;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;

}
.contentpages p {
		font-size: 8pt;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
}
.contentpages td {
		font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
}

.contentpagesscroll {
	position: absolute;
	left: 162px;
	top: 618px;
	width: 460px; /* size of outermost window */
	height: 350px;
	visibility: hidden;
	overflow: scroll;
	font-size: 7pt;
	z-index: 13;
	}
	
.contentpagesscroll td {
font-size: 11px;
color: #000000;
}


.contentpagesscroll p {
		color: #000006;
		text-decoration: none;
		font-size: 8pt;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		margin: 10px;
 		}

.contentpagesscroll ul {
		left: 230px;
		margin: 0;
		list-style-type: none;
		color: #000000;
		top: 60px;
		margin: 0;
		padding: 0 10px 0 10px;
		width: 430px;
		border-bottom: 1px solid #fff;
		background-color: #E8E8E8;
		font-family: "Century Gothic", Arial, sans-serif; 
		font-weight: normal;
		font-size: 10pt;
		height: 10px;
		}

.contentpagesscroll a:hover {
		color: #99A189;
		text-decoration: none;
 		}
		
.contentpagesscroll a {
		color: #000000;
		text-decoration: none;
 		}

.contentpagesscroll h5 {
		color: #666666;
		text-decoration: none;
		margin: 10px;
		font-family: "Century Gothic", Arial, sans-serif; 
		font-weight: normal;
		font-size: 10pt;
 		}

/* **************** End of Scrolling CSS ***********************************************/


/* **************** Begining of Hover CSS *******************************************/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	/* Firefox does not like these settings
	top: -33px;
	left: -45px;
	*/
	z-index: 1;
}

.hoverbox img
{
	vertical-align: top;
	width: 100px;
	height: 100px;
}

.hoverbox td
{
	display: table-cell;
	float: left;
	position: relative;
}

.hoverbox .preview
{
	width: 250px;
	height: 250px;
}

/* **************** End of Hover CSS *******************************************/

/* **************** Begining Hover_Cuisine CSS *********************************/

.hoverbox_cuisine
{
	cursor: default;
	list-style: none;
}

.hoverbox_cuisine a
{
	cursor: default;
}

.hoverbox_cuisine a .preview
{
	display: none;
}

.hoverbox_cuisine a:hover .preview
{
	display: block;
	position: absolute;
	/* Firefox does not like these settings
	top: -33px;
	left: -45px;
	*/
	z-index: 1;
}

.hoverbox_cuisine img
{
	vertical-align: top;
	width: 100px;
	height: 100px;
}

.hoverbox_cuisine td
{
	display: table-cell;
	float: left;
	position: relative;
}

.hoverbox_cuisine .preview
{
	width: 220px;
	height: 220px;
}

/* **************** End of Hover_Cuisine CSS *************************************/



/* **************** Begining of Hover2 CSS *******************************************/

.hoverbox2
{
	cursor: default;
	list-style: none;
}

.hoverbox2 a
{
	cursor: default;
}

.hoverbox2 a .preview
{
	display: none;
}

.hoverbox2 a:hover .preview
{
	display: block;
	position: absolute;
	top: -150px;
	left: -150px;
	z-index: 0;
}

.hoverbox2 img
{
	vertical-align: top;
	width: 100px;
	height: 100px;
}

.hoverbox2 td
{
	display: inline;
	float: left;
	position: relative;
}

.hoverbox2 .preview
{
	width: 400px;
	height: 400px;
}
/* **************** End of Hover2 CSS *******************************************/


/* **************** Begining of Hover Casino CSS *******************************************/

.hoverbox_casino
{
	cursor: default;
	list-style: none;
}

.hoverbox_casino a
{
	cursor: default;
}

.hoverbox_casino a .preview
{
	display: none;
}

.hoverbox_casino a:hover .preview
{
	display: block;
	position: absolute;
	top: -150px;
	left: -150px;
	z-index: 0;
}

.hoverbox_casino img
{
	vertical-align: top;
	width: 115px;
	height: 100px;
}

.hoverbox_casino td
{
	display: inline;
	float: left;
	position: relative;
}

.hoverbox_casino .preview
{
	width: 375px;
	height: 375px;
}
/* **************** End of Hover Casino CSS *******************************************/


/* **************** Begining of Hover Nature 1 CSS *******************************************/

.hoverbox_nature1
{
	cursor: default;
	list-style: none;
}

.hoverbox_nature1 a
{
	cursor: default;
}

.hoverbox_nature1 a .preview
{
	display: none;
}

.hoverbox_nature1 a:hover .preview
{
	display: block;
	position: absolute;
	top: -125px;
	left: -150px;
	z-index: 0;
}

.hoverbox_nature1 img
{
	vertical-align: top;
	width: 215px;
	height: 100px;
}

.hoverbox_nature1 td
{
	display: inline;
	float: left;
	position: relative;
}

.hoverbox_nature1 .preview
{
	width: 400px;
	height: 400px;
}
/* **************** End of Hover nature 1 CSS *******************************************/



/* **************** Begining of Hover Nature 2 CSS *******************************************/

.hoverbox_nature2
{
	cursor: default;
	list-style: none;
}

.hoverbox_nature2 a
{
	cursor: default;
}

.hoverbox_nature2 a .preview
{
	display: none;
}

.hoverbox_nature2 a:hover .preview
{
	display: block;
	position: absolute;
	top: -100px;
	left: -35px;
	z-index: 0;
}

.hoverbox_nature2 img
{
	vertical-align: top;
	width: 215px;
	height: 116px;
}

.hoverbox_nature2 td
{
	display: inline;
	float: left;
	position: relative;
}

.hoverbox_nature2 .preview
{
	width: 417px;
	height: 319px;
}
/* **************** End of Hover nature 2 CSS *******************************************/



/* **************** Begining of Hover Nature 3 CSS *******************************************/

.hoverbox_nature3
{
	cursor: default;
	list-style: none;
}

.hoverbox_nature3 a
{
	cursor: default;
}

.hoverbox_nature3 a .preview
{
	display: none;
}

.hoverbox_nature3 a:hover .preview
{
	display: block;
	position: absolute;
	top: -100px;
	left: -35px;
	z-index: 0;
}

.hoverbox_nature3 img
{
	vertical-align: top;
	width: 100px;
	height: 100px;
}

.hoverbox_nature3 td
{
	display: inline;
	float: left;
	position: relative;
}

.hoverbox_nature3 .preview
{
	width: 400px;
	height: 400px;
}
/* **************** End of Hover nature 3 CSS *******************************************/


/* **************** Begining of Hover Nature 4 CSS *******************************************/

.hoverbox_nature4
{
	cursor: default;
	list-style: none;
}

.hoverbox_nature4 a
{
	cursor: default;
}

.hoverbox_nature4 a .preview
{
	display: none;
}

.hoverbox_nature4 a:hover .preview
{
	display: block;
	position: absolute;
	top: -125px;
	left: -270px;
	z-index: 0;
}

.hoverbox_nature4 img
{
	vertical-align: top;
	width: 100px;
	height: 100px;
}

.hoverbox_nature4 td
{
	display: inline;
	float: left;
	position: relative;
}

.hoverbox_nature4 .preview
{
	width: 400px;
	height: 400px;
}
/* **************** End of Hover nature 4 CSS *******************************************/

/* **************** Begining of Hover snork 1 CSS *******************************************/

.hoverbox_snork1
{
	cursor: default;
	list-style: none;
}

.hoverbox_snork1 a
{
	cursor: default;
}

.hoverbox_snork1 a .preview
{
	display: none;
}

.hoverbox_snork1 a:hover .preview
{
	display: block;
	position: absolute;
	top: -100px;
	left: -100px;
	z-index: 0;
}

.hoverbox_snork1 img
{
	vertical-align: top;
	width: 215px;
	height: 200px;
}

.hoverbox_snork1 td
{
	display: inline;
	float: left;
	position: relative;
}

.hoverbox_snork1 .preview
{
	width: 375px;
	height: 375px;
}
/* **************** End of Hover snork 1 CSS *******************************************/

/* **************** Begining of Hover snork 2 CSS *******************************************/

.hoverbox_snork2
{
	cursor: default;
	list-style: none;
}

.hoverbox_snork2 a
{
	cursor: default;
}

.hoverbox_snork2 a .preview
{
	display: none;
}

.hoverbox_snork2 a:hover .preview
{
	display: block;
	position: absolute;
	top: -50px;
	left: -50px;
	z-index: 0;
}

.hoverbox_snork2 img
{
	vertical-align: top;
	width: 215px;
	height: 150px;
}

.hoverbox_snork2 td
{
	display: inline;
	float: left;
	position: relative;
}

.hoverbox_snork2 .preview
{
	width: 300px;
	height: 230px;
}
/* **************** End of Hover snork 2 CSS *******************************************/


/* **************** Begining of Hover snork 3 CSS *******************************************/

.hoverbox_snork3
{
	cursor: default;
	list-style: none;
}

.hoverbox_snork3 a
{
	cursor: default;
}

.hoverbox_snork3 a .preview
{
	display: none;
}

.hoverbox_snork3 a:hover .preview
{
	display: block;
	position: absolute;
	top: -150px;
	left: -150px;
	z-index: 0;
}

.hoverbox_snork3 img
{
	vertical-align: top;
	width: 215px;
	height: 150px;
}

.hoverbox_snork3 td
{
	display: inline;
	float: left;
	position: relative;
}

.hoverbox_snork3 .preview
{
	width: 500px;
	height: 375px;
}
/* **************** End of Hover snork 3 CSS *******************************************/

/* **************** Begining of Hover snork 4 CSS *******************************************/

.hoverbox_snork4
{
	cursor: default;
	list-style: none;
}

.hoverbox_snork4 a
{
	cursor: default;
}

.hoverbox_snork4 a .preview
{
	display: none;
}

.hoverbox_snork4 a:hover .preview
{
	display: block;
	position: absolute;
	top: -150px;
	left: -150px;
	z-index: 0;
}

.hoverbox_snork4 img
{
	vertical-align: top;
	width: 215px;
	height: 150px;
}

.hoverbox_snork4 td
{
	display: inline;
	float: left;
	position: relative;
}

.hoverbox_snork4 .preview
{
	width: 500px;
	height: 333px;
}
/* **************** End of Hover snork 4 CSS *******************************************/

/* **************** Begining of Hover Hotel CSS *******************************************/

.hoverbox_hotel
{
	cursor: default;
	list-style: none;
}

.hoverbox_hotel a
{
	cursor: default;
}

.hoverbox_hotel a .preview
{
	display: none;
}

.hoverbox_hotel a:hover .preview
{
	display: block;
	position: absolute;
	top: -150px;
	left: -150px;
	z-index: 0;
}

.hoverbox_hotel img
{
	vertical-align: top;
	width: 100px;
	height: 100px;
}

.hoverbox_hotel td
{
	display: inline;
	float: left;
	position: relative;
}

.hoverbox_hotel .preview
{
	width: 400px;
	height: 336px;
}
/* **************** End of Hover Hotel CSS *******************************************/