@charset "UTF-8";
/* CSS Document */

 body {
	 margin-top:auto;
	 margin-left:auto;
	 margin-right:auto;
	 background-color: #000;}
	 
	header{ display:block;
	width: 100%;
	height: 120px;
	top:auto;
	background-color: #F8FFF0;
	border-bottom-color:#666;
	border-bottom-style: 1px solid;
	
	} 
	
	#logo{
	position: absolute;
	float: left;
	left: 16px;
	top: 17px;
}
	
	#headerContact {
	position: absolute;
	float: right;
	top: 4px;
	margin-right: 10px;
	font: 18px Futura;
	text-shadow: 0px 0px 5px #FFFFFF;
	text-align: right;
	left: 75%;
	color: #666632;
	}
	
	#headerLinks {
		float:right;
		bottom: 0px;
		margin-right: 10px;
		text-align:right}
		
	a.header:link,  a.header:hover, a.header:visited, a.header:active {
	font: 15px "Tahoma";
	text-decoration: none;
	padding: 15px;
	color: #999965;
}

div.mainContent{
	position:relative;
	background-color:#FFF;
	width: 850px;
	height: 1450px;
	top:auto;
	margin:auto;
	border-left: 1px solid;
	border-right: 1px solid;}
		
	#searchForm {
		background: rgb(248, 255, 240); opacity: 0.8;
		width: 320px;
		height: 300px;
		border: 2px solid #FFF;}
		
	#searchArea{
		width: 850px;
		height: 306px;
		background-image:url(Images/tulumPanoramic.jpg);
		background-repeat:no-repeat;
		font:12px "Tahoma";
		text-indent: 2em;
		color: #666632;}

	#offer{
		width: 850px;
		height: 38px;
		background-color: #999965;
	    font: 14px "Tahoma";
		color:#FFF;
		text-indent: 2em;
		font-variant:normal;
		padding-top: 5px;}
		
		img.bookNow {
			float:right; 
			padding: 2px;}
		
			img.flightStats {
				padding-right: 6px;
			}
			img.openService {
				padding-right: 6px;
			}
			
	#contactRight{
		background-image:url(Images/phone.jpg);
		background-repeat:no-repeat;
		padding: 2px 8px 2px 80px;
	margin: 2px 0;
	font: 14px Futura;
	color: #009;
	text-indent: 2em;
	line-height: 25px;
	}
	
	#destinations{
		margin-top: 15px;
		background-image:url(Images/destinations.jpg);
		background-repeat:no-repeat;
		width: 260px;
		height:auto;
		padding-top: 50px;}
		
		a.dest:link { font: 14px "Tahoma"; color: #666; text-decoration: none; line-height:20px; padding-left: 5px;}
	a.dest:hover { font: 14px "Tahoma"; color: #666; text-decoration: underline; line-height:20px; padding-left: 5px;}
    a.dest:active { font: 14px "Tahoma"; color: #666; text-decoration: none; line-height:20px; padding-left: 5px;}
	a.dest:visited { font: 14px "Tahoma"; color: #666; text-decoration: none; line-height:20px; padding-left: 5px;}	
			
	#menuRight{
	float: right;
	text-align: center;
	width: 330px;
	padding: 0px;
	margin: 2px;
		}
		
	h1{font: 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	color: #666632;}
	h2{font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	color: #CC0001;}
	h3{font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	color:#CC0001;}
	h4{font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	color: #666632;}
	
	div.content {
	height: auto;
	float: left;
	font: 12px "Tahoma";
	text-align: left;
	text-indent: 2em;
	text-wrap: normal;
	padding:5px;
	width: 500px;}
	
		div.content1 {
	height: auto;
	float: left;
	font: 12px "Tahoma";
	text-align: left;
	text-indent: 2em;
	text-wrap: normal;
	padding:5px;
	width: 840px;}
	
		p.comments {font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	color: #009;}
		
		a.intext:link { font: 12px "Tahoma"; color: #666; text-decoration: none;}
	a.intext:hover { font: 12px "Tahoma"; color: #666; text-decoration: underline;}
    a.intext:active { font: 12px "Tahoma"; color: #666; text-decoration: none;}
	a.intext:visited { font: 12px "Tahoma"; color: #666; text-decoration: none;}	
	
ul{
	list-style:none;}
	
	input, select, textarea {border: 1px solid #999;
	font: 11px Tahoma, Geneva, sans-serif;
	color: #333;}
	label {font: 12x Tahoma, Geneva, sans-serif;
	color: #333;}
	
		fieldset { border: 1px solid #666;
		
		}

footer{display:block;
	 width: 850px;
	height:150px;
	margin:auto;
	bottom:auto;
	background-color: #F8FFF0;
	border-left: 1px solid;
	border-right: 1px solid;}
	
	.footerBlock{
		float:left;
		width: 220px;
		height: auto;
		margin-left: 10px;
		padding-left: 2px;
		}
		#footerText{ 
		float:right;
		width: 500px;
		height: 50px;
		border-top: 1px solid #666;
		font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; 
		text-align: right;
		color: #FFF;
		padding-right: 5px;
		margin-left: 25px;}
		
	a.footerLink:link { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: left; color: #666; text-decoration: none;}
	a.footerLink:hover { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: left; color: #666; text-decoration: underline;}
    a.footerLink:active { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: left; color: #666; text-decoration: none;}
	a.footerLink:visited { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: left; color: #666; text-decoration: none;}
	
	.reservations ul {
    width:340px;
    list-style-type:none;
    list-style-position:outside;
}
.reservations li{
    padding:5px;
    border-bottom:1px solid #eee;
}
	
	.reservations li:last-child {
    border-bottom:1px solid #777;
}

:required {
box-shadow: #C33; /* Firefox (tested v6) adds red shadow by default */
}

input:required:focus {
  border: 1px solid red;
  outline: none;
}

input:required:hover {
  opacity: 1;
}