body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	background-color:#D7E5F2;

}
#top {
width:750px;
height:175px;
background-image: url("images/beachtop.jpg");

}
#banner {
float:left;
z-index:1;
width:400px;
height:86px;
padding-left:5px;
border-color:#CCCCCC;
/*border-width:1px 0px 1px 0px;
border-style:solid;*/
}
#phone {
/*position:relative; top:10px;*/
float:right;
width:320px;
height:28px;
padding:5px 0 0 0;
z-index:2;
}
#quicksearch{float:left; margin:10px 0 0 20px;	width:300px; max-width:350px;  height: 219px;	background-image: url("images/beachbtmlt-not.jpg");}

#beachrt{float:left; margin:0; width:30px; height: 219px; background-image: url("images/beachbtmrt-not.jpg"); }

#pagecontainer{
  display: block;
  text-align:left;
  margin:0;
  width:750px;
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  background-color:white;
  height:100%;
}
#iframebooking{
/*border:1px solid red;*/
width:750px;
height:600px;
margin:0;
padding:0;
}
#piclinks1
{
height: 220px; width:320px; 
float:left;
/*border:1px dotted red;*/
padding:10px 0 0 0;
}
#piclinks2
{
height: 120px; width:320px; 
float:left;

margin:30px 5px 0 20px;
}


#piclinks1 img, #piclinks2 img
{
padding:0 5px 10px 0;
}


A{text-decoration:none} 
#newsimage{
width:111px;
height:2em;
float:left;
padding:15px 0 0 0 ;
}
#newsimage img{ float:left;
padding-left:5px;}
#ticker{
width:625px;
overflow:hidden;
height:20px;
float:left;
padding:15px 0 0 0 ;
}
#ticker a:link {
color:#666666;
font-weight:bold;}
a img {border: none; } 




#nav-menu
{

position:relative; top:20px;
height:60px;
width:750px;
margin:0 0 0 0;
}

#nav-menu ul
{
	float:left;
	margin:40px 0 0 0;
	list-style: none;
	padding: 0;
	height:20px;
}

#nav-menu li
{
	float: left;
	margin: 0 1.5px;
	padding: 0;
	text-align: center;
}

#nav-menu li a
{
	background: url("images/background.gif") #fff bottom left repeat-x;
	height: 20px;
	line-height: 20px;
	width: 90px;
	display: block;
	/*border: 1px solid #dcdce9;*/
	border: 1px solid #BED3D2;

	color: #0d2474;
	text-decoration: none;
	
	
}
#nav-menu li a:hover
{
	background:   url("images/backgroundhover.gif") #fff bottom left repeat-x;
	color:#0d2474;
	font-weight:bold;
}
/* Commented backslash hack hides rule from IE5-Mac \*/

#nav-menu li a
{
float: none
}

#logos{
float:right;
width:145px;
height:62px;
}
#abtalogo
{
padding:5px 0 0 0 ;
float:left;
width:60px;
}
#iatalogo
{
padding: 20px 0 0 12px;
float:left;
width:70px;
}

End IE5-Mac hack 

 
/*Menu1 settings*/

#contentblock
{
position:absolute;
top:10em;
right:5em;
border:solid 0.1em #0099FF;
width:60em;
}


#menu1{
float:left;
width:150px;
height:150px;
margin:20px 0 0 15px;
/*border: 2px dotted red;*/
}
#menu1 ul
{
margin:0px;
padding:0px;
width: 12em;
height:13em;
list-style: none;
font-size:1.2em;
border-left:solid 0.1em #0099FF;
}

#menu1 li
{
	float: left;
	padding: 0;
	text-align: left
}
#menu1 li a
{
	height: 2em;
	line-height: 2em;
	width: 15em;
	display: block;
	/*background:inherit;*/
	color: #0d2474;
	text-decoration: none;
}

#menu1 li a strong
{
	/*background:inherit;*/
	color:#FFFFFF;
}

#menu1 li a:hover strong
{
	/*background:inherit;*/
	color: #26a;
} 
#menu1 li a:hover
{
	/*background:inherit;*/
	color:#663333;
	font-weight:bold;
}
#middleblock{
margin:20px 50px 0 60px;
/*background:url("images/oasisfairjan091.jpg") no-repeat center ;
background:url("images/starfish-girl1.jpg") no-repeat center ;
*/
width: 380px;
height: 253px;

float:left;
margin:5px 10px 0 20px;
margin:40px 0px 0 0px;
color:#FF0000;
text-align:center;

}
#middleblock #smallimg a{
		display:block;
		float:left;

		line-height:100px;
		/*overflow:hidden;*/
		position:relative;
		z-index:100;		
	}
	#middleblock span {
		display:none;
		float:left;
width: 580px;
height: 700px;
			/*overflow:hidden;*/
		position:absolute;top:-350px;left:-150px;
		z-index:200;		
	}
#middleblock #smallimg a:hover span{	
display:block;

}
	
/*
#middleblock #smallimg a:hover #bigimg {
position:absolute;top:100px;left:50px;
}


#middleblock h4 {
Color:#CC3300;
}

#middleblock a {
font-weight:100;
font-size:12px;
}

#middleblock p {
font-size:14px;
margin:10px 0 0 10px;
}
#middleblock img{
margin:10px 0 0 120px;
border:1px solid blue;
}

#middleblock a{
		display:block;
		float:left;

		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:100;		
	}
	#middleblock a img{
		float:left;
width: 380px;
height: 459px;
		

	}
#middleblock a:hover{
			overflow:visible;
			z-index:1000;
			border:none;
			width: 580px;
			height: 700px;	
			position:absolute;
			top:50px;left:50px;
		}
#middleblock a:hover img{
			width: 580px;
			height: 700px;	
}

*/

#cruiselink{
position:relative; left:20px; top:10px;
width:180px;
float:left;

}
#bookinglink{
position:relative; left:100px; top:20px;
width:180px;
float:left;

}

/* Commented backslash hack hides rule from IE5-Mac \*/
 #menu1 li a
{
float: none
}
/* End IE5-Mac hack */

#menu2{
float:left;
width:150px;
height:150px;

}
#menu2 ul
{
	margin:20px;
    padding:0px;
	width: 100px;
	height:13em;
	list-style: none;
	padding: 0;
	font-size:1.2em;
	border-left:solid 0.1em #0099FF;
}

#menu2 li
{
	float: left;
	padding: 0;
	text-align: left;
}
#menu2 li a
{
	height: 2em;
	line-height: 2em;
	width: 15em;
	display: block;
	/*background:inherit;*/
	color: #0d2474;
	text-decoration: none;
}

#menu2 li a strong
{
	/*background:inherit;*/
	color:#FFFFFF;
}

#menu2 li a:hover strong
{
	/*background:inherit;*/
	color: #26a;
} 
#menu2 li a:hover
{
	/*background:inherit;*/
		color:#663333;
	font-weight:bold;
}

/* Commented backslash hack hides rule from IE5-Mac \*/
 #menu2 li a
{
float: none
}
/*End IE5-Mac hack */

#menu2
{
width:1em;
}
 /* set background images for corners */

.rbroundbox { float:left; border:0px dotted green; margin-left:150px; margin-top:20px;width:450px; height:110px; max-height:160px; overflow:hidden; clear: left;}
.rbtoprow {float:none; width:100%;}
.rbbordertop {float:left; background:url("images/bordertop.gif") repeat-x; width:400px; height:16px;}
.rbborderrt { margin-right:18px; background:url("images/borderrt.gif") right repeat-y ; }
.rbborderbtm {float: left; width:400px; height:16px; background:url("images/borderbtm.gif") repeat-x;}
.rbcontent{text-align:justify; width:400px; padding:0 0 0 15px; background:url("images/borderlft.gif") left repeat-y;}

.rbcontent a {font-size:12px; color:#FF0000; text-align:center;}

.rbcorner{float:left; height:16px; width:16px; }

.offersroundbox {float:left; margin-left:10px; width:650px;border:0px dotted green;  }
.offersroundbox h3 {width:600px; text-align:center; text-decoration:underline; color:#2D89E5;}
.offerstoprow {float:none; width:100%;}
.offersbordertop {float:left; background:url("images/bordertop.gif") repeat-x; width:600px; height:16px;}
.offersborderrt {margin-right:18px; background:url("images/borderrt.gif") right repeat-y; border:0px dotted red;}
.offersborderbtm {float: left; width:600px; height:16px; background:url("images/borderbtm.gif") repeat-x;}
.offerscontent{min-height:600px; width:600px; padding:0 0 0 15px; background:url("images/borderlft.gif") left repeat-y;}
.offerscorner{float:left; height:16px; width:16px; }

#offersblock {
border:0px dotted green;
margin:10px 0px 0 60px;
width:652px;
height:100%;
overflow:hidden;
clear:left;
}

div#terms {z-index: 100;float:left;}

div#terms a {display: block; width:200px;}
div#terms a:hover {color:#000000; border-right: 5px double white;}
div#terms a span {display: none;}
div#terms a:hover span {
  position:absolute; top:400px; left:180px;
  display: block;
  z-index: 100;
  width:800px; 
  height:500px; 
  background-color:#D6DAE4;
  border:solid 1px;
  padding: 5px; margin: 10px; 
  color:#000000;
  font: 10px Verdana, sans-serif; text-align: left;}


#abtanote{
height:40px;
border-bottom: 1px solid #CCCCCC;

}
.footer
{
width:700px;
text-align:center;
margin-top:2em;
margin-left:5em;
}
#copyright {width:200px; float:right;}
.trailer{width:650px;}