/*.. 	Reset	.................................................................. */	
  
  

   		body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}



/*..	Defaults	.................................................................. */


		body 	
			{
			font-family:  Arial, sans-serif;
			font-size:  12px;
			line-height: 22px;
			color: #333;
			background: #f9fbf4 url('../images/background.gif') 0px -15px repeat-x;
			margin-top: -15px;
	     	}
	     	
		a,
      	a:link,
      	a:active,
      	a:visited
      		{
      		color: #336699;
      		text-decoration: underline;
      		}
      				
      	a:hover
      		{
      		text-decoration: none;
      		}     	
	
		#main
			{
			width: 750px;
			display: block;
			margin: 0px auto;
			position: relative;
			}	    
	 	
	     	
/*..	Header	.................................................................. */	     	
	    

	     h1
	     	{
			position: absolute;
			top: 0px;
			left: 0px;
	     	display: block;
	     	width: 320px;
	     	height: 117px;
	     	background: #FFF url('../images/logo.gif') top left no-repeat;
	     	}
	     	
	     h1 a,
	     h1 a:link,
	     h1 a:active,
	     h1 a:visited
	     	{
	     	display: block;
	     	width: 320px;
	     	height: 117px;     	
	     	text-indent: -999px;
	     	overflow: hidden;
	     	}
	

/*..	Navigation	.................................................................. */

		#header
			{
			display: block;
			height: 333px;
			}

		#header ul#nav
			{
			display: block;
			position: absolute;
			top: 121px;
			left: 0px;
			width: 760px;
			}	     	
			
		#header ul#nav li 
			{
			_float: left;
			}
						
		#header ul#nav li a,
		#header ul#nav li a:link,
		#header ul#nav li a:active,
		#header ul#nav li a:visited,
		#header ul#nav li strong
			{
			color: #FFF;
			text-decoration: none;
			text-transform: uppercase;
			font-size: 11px;
			line-height: 45px;
			display: block;
			float: left;
			padding: 0px 24px;
			border-top: 1px solid #427095;
			border-left: 1px solid #355b7b;
			border-right: 1px solid #254b6c;
			font-weight: normal;
			}

		#header ul#nav li a:hover,
		#header ul#nav li strong
			{
			background-color: #22415c;
			font-weight: normal;
			}
		
		#header #title
			{
			display: block;
			position: absolute;
			top: 166px;
			left: 0px;
			width: 760px;
			height: 145px;
			}
		
		#header ul#languages
			{
			position: absolute;
			top: 50px;
			right: 20px;
			}
		
		#header ul#languages li
			{
			display: block;
			float: left;
			margin: 0px 0px 0px 20px;
			}
		
		#header ul#languages li a,
		#header ul#languages li a:link,
		#header ul#languages li a:active,
		#header ul#languages li a:visited
			{
			color: #adc4d6;
			text-decoration: none;
			}

		#header ul#languages li a:hover
			{
			color: #FFF;
			text-decoration: none;
			}
		
					
	     		
/*..	Content	.................................................................. */

		#content
			{
			clear: both;
			}	     	
	
		#content .column
			{
			width: 50%;
			float: left;
			}
			
		#content .small
			{
			clear: left;
			width: 30%;
			}	
			
		#content .medium
			{
			width: 40%;
			}				
			
		#content .large
			{
			width: 60%;
			}
			
		#content .micro
			{
			width: auto !important;
			}
			
		#content .single
			{
			width: 100%;
			}								
		
		#content .secondary
			{
			width: 40%;
			padding-left: 40px;
			}
			
		#content h3
			{
			font-size: 18px;
			color: #336699;
			font-weight: 200;
			margin: 20px auto;
			}
			
		#content h3.alt
			{
			color: #F37F01;
			margin: 0px 0px 30px 0px;
			}			
		
		.orange
			{
			color: #F37F01;
			}
		#content h4
			{
			font-size: 14px;
			color: #c23030;
			font-weight: bold;
			margin: 10px auto;
			}
			
		#content h5
			{
			font-size: 34px;
			color: #c23030;
			font-weight: 200;
			margin: 10px auto;
			}						
		
		#content ul.destinations
			{
			display: block;
			float: left;
			width: 45%;
			}
			
		#content ul.destinations li
			{
			list-style: none inside url('../images/arrow.gif');
			}
			
		#content p
			{
			text-align: justify;
			margin: 0px 0px 20px 0px;
			padding-right: 25px;
			}
			
		#content p.disclaimer
			{
			font-size: 11px;
			color: #999;
			}
			
		#arrival-date,
		#return-date
			{
			width: 80px !important;
			color: #000 !important;
			border: 0px;
			}
							
		div.macaron
			{
			float: right;
			background: #FFF url('../images/best-prices.gif') left top no-repeat;
			display: block;
			width: 72px;
			height: 72px;
			text-indent: -999px;
			overflow: hidden;
			margin-right:15px;
			}
			
		label
			{
			font-weight: bold;
			color: #444;
			display: block;
			line-height: 25px;
			}
			
		p.booknow
			{
			clear: left;
			padding: 20px 0px ;
			}
			
		table tr td
			{
			border-bottom: 1px solid #DEDEDE;
			line-height: 35px;
			padding-right: 15px;
			font-size: 13px;
			}
			
		table.details tr td
			{
			line-height: 20px!important;	
			vertical-align: top;
			}
			
		table.details tr td
			{
			border-bottom: 0px;
			margin-bottom: 0px;
			}				
		
		table.details tr td.photo
			{
			padding-right: 0px;
			text-align: right;
			}			
			
		p.view-all a,
		p.view-all a:link,
		p.view-all a:active,
		p.view-all a:visited
			{
			display: block;
			clear: left;
			color: #F37F01;
			text-decoration: underline;
			padding-top: 20px;
			}

		p.view-all a:hover
			{
			text-decoration: none;
			}
		
/*..	Contact form	.................................................................. */

		form table#contact
			{
			margin-bottom: 20px;
			}
	
		form table#contact input,
		form table#contact textarea
			{
			width: 225px;
			height: 20px;
			border: 1px solid #CCC;
			margin: 10px 0px 10px 15px;
			}	   
			
		form table#contact textarea
			{
			height: 125px !important;
			}	   			  	
		
		form table#contact input.submit
			{
			width: 150px;
			}
			
		form table#contact td
			{
			vertical-align: top;
			padding-right: 0px;
			border-bottom: 0px;
			border-top: 1px solid #DEDEDE;
			}
		
			
		
/*..	Footer	.................................................................. */

		#footer
			{
			padding: 20px 0px;
			margin: 20px auto;
			border-top: 1px solid #DEDEDE;
			clear: left;
			color: #999;
			}	 
			
		#footer a,
		#footer a:link,
		#footer a:active,
		#footer a:visited
			{
			color: #999;
			text-decoration: underline;
			}

		#footer a:hover
			{
			color: #336699;
			text-decoration: none;
			}
			
		
		#footer .payment
			{
			float: right;
			}
		
		    	
			

/*..	Clearfix	.................................................................. */	     	
	clearfix:after 
		{
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
		}
 
	.clearfix
		{
		display: inline-block;
		}
 
	html[xmlns] .clearfix 
		{
		display: block;
		}
 
	* html .clearfix
		{
		height: 1%;
		}