/*
	Caleta Hotel
	----------------------------------
	Dark Blue: #000033;
	Medium Blue: #88A5C7;
	Light Blue: #9FB7D1;
	
	
*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000033;
	background-color: #FFFFFF;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin:0px;
	margin-left:10px;
}
/* ignore IE 5 Mac \*/
*html body{margin-left:0px;}
/* end */
#container{
	width:780px;
	text-align:left;
	background-image: url(images/background.gif);
	background-repeat: repeat-y;

}
#containerReservations{
	width:780px;
	text-align:left;
	background-color:#9FB7D1;
}

#header{
	display:block;
	height:95px;
	background-color:#ffffff;
}
	#header img{
		margin-top:10px;
		margin-bottom:10px;
		float:left;
	}
	
	/* Email Drop Box */
	#fmEmailBox{
		text-transform:uppercase;
		font-family: "Times New Roman", Times, serif;
		font-size: 140%;
		color: #000033;
		font-weight:bold;
		float:right;
		margin-top:30px;
		padding-left:10px;
	}
	#fmEmailBox .textField{
		width:150px;
		border:1px solid #000033;
		color:#000033;
	}
	#fmEmailBox .submitButton{
		width:60px;
		border:1px solid #000033;
		color:#000033;
		height:20px;
		background-color:#FFFFFF;
		margin-left:5px;
	}

	/* -------------- */
#topNav{
	height:25px;
	background-color:#000033;
	display:block;
	clear:both;
}

	#topNav ul{
		margin:0px;
		padding:0px;
		list-style:none;
	}
	#topNav ul li{display:inline;}
	#topNav ul li a{
		display:block;
		float:left;
		text-transform:uppercase;
		color:#FFFFFF;
		text-decoration:none;
		padding-left:10px;
		padding-right:10px;
		height:19px;
		padding-top:4px;
		font-weight:bold;
		border-bottom:2px solid #000033;
	}
	#topNav ul li a:hover{
		background-color:#88A5C7;
		color:#000033;
		border-bottom:2px solid #FFFFFF;
	}
	/* Ignore IE 5 MAC \*/
	*html #topNav ul li a{height:25px;}
	/* end */

/* -------------------------------------------------------- */
#leftNav{
	display:block;
	width:187px;
	float:left;
}
	#leftNav ul{
		margin:0px;
		padding:0px;
		list-style:none;
		margin-top:20px;
		margin-left:12px;
	}
	/* Ignore IE 5 MAC \*/
	*html #leftNav ul{margin-left:0px;}
	/* end */
	#leftNav ul li{
		display:block;
		text-align:center;
		margin-bottom:5px;
	}
	#leftNav ul li a{
		padding:5px;
		border:1px solid #FFFFFF;
		height:21px;
		display:block;
		width:150px;
		color:#ffffff;
		text-decoration:none;
		text-transform:uppercase;
		font-size:90%;
	}
	#leftNav ul li a:hover{background-color:#000033;}
	#contactDetails{
		display:block;
		width:150px;
		color:#FFFFFF;
		margin-top:50px;
		margin-left:20px;
		font-size:90%;
		margin-bottom:20px;
	}
	#contactDetails a{color:#FFFFFF;}
	#contactDetails a:hover{color:#000033;}
	
#mainContent{
	float:left;
	margin-left:20px;
	margin-top:20px;
	margin-right:-10px;
	margin-bottom:40px;
	width: 570px;
}

*html #mainContent{width:560px;}
/* ignore IE 5 Mac \*/
*html #mainContent{width:560px;}
/* end */
	
	#contentLeft{
		width:289px;
		float:left;
		border-right:1px dashed #000033;
		padding-right:20px;
		margin-top:20px;
	}
	/* ignore IE 5 MAC \*/
	*html #contentLeft{
		width:308px;
		float:left;
		border-right:1px dashed #000033;
		padding-right:20px;
		margin-top:20px;
	}
	/* end */
	#contentLeft2{
		width:510px;
		float:left;
		padding-right:20px;
		margin-top:20px;
	}

	#contentRight{
		width:190px;
		padding-left:12px;
		padding-right:8px;
		margin-top:20px;
		float:left;		
	}
	/* Ignore IE 5 MAC \*/
	*html #contentRight{width:228px;}
	/* end */
	#content2{
		width:550px;
		padding-right:20px;
		margin-top:20px;
	}

#footerNav{
	clear:both;
	height:125px;
	background-color:#ffffff;
	width:780px;
}
	#footerNav ul{
		margin:0px;
		padding:0px;
		list-style:none;
		text-align:center;
		margin-top:30px;
	}
	#footerNav ul li{
		display:inline;
		text-align:center;
	}
	#footerNav ul li a{
		text-transform:uppercase;
		color:#000033;
		padding-left:5px;
		padding-right:5px;
		text-decoration:none;
		margin-bottom:10px;
		text-align:center;
		height:15px;
		font-size:90%;
	}
	#footerNav ul li a:hover{text-decoration:underline;}

/* ------------------------------------------------------------------------- */
/* General Styling */

h1{
	text-transform:uppercase;
	font-family: "Times New Roman", Times, serif;
	font-size: 130%;
	color: #FFFFFF;
}
h2{
	text-transform:uppercase;
	font-family: "Times New Roman", Times, serif;
	font-size: 110%;
	color: #000033;
}
hr.dashed{
	height:1px;
	border-bottom:1px dashed #000033;
	border-top:0px none;
}
p{line-height:160%;}
p.intro{font-weight:bold;}
iframe{
	width:660px;
	height:520px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000033;
}
/* Banners */
ul.offerBanners{
	list-style:none;
	margin:0px;
	padding:0px;
}
ul.offerBanners li{
	margin-bottom:10px;
}
a{
	color:#000033;
}
.offerDescription{
	display			: block;
	height			: 60px;
	overflow		: hidden;
}
.testimonials{
font-size:100%;
}	

.contactTable{
	font-size:100%;
}
.contactTable td{
	vertical-align:top;
}

.rightImage{
	margin-left			: 5px;
}

#content {
	float:left;
	clear: left;
}