/* imports */
@import url(../Scripts/greybox/gb_styles.css);

/* standard shell template */
html, body 
{
	margin:0;
	padding:0;
	border:0;
}

body
{		
	font-family: Arial;
	font-size: 75%;
	background: #FFF;
	text-align: center;	
	line-height: 18px;
	color: #302C2D;
}

.clear{
	clear:both;		
}

/* redefine */
form 
{
	padding: 0px;
	border: 0px;	
}

.standardformfield 
{
	font-family: Arial;
	font-size: 100%;
	color: #302C2D;
}

a 
{
	color: #302C2D;
	/*text-decoration: underline;*/
	text-decoration: none;
	border-bottom: dotted 1px #FFF;
}

a:hover 
{
	border-bottom: none;
}

/* construct */
#wrapper 
{
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position: relative;	
	width: 1004px;	
	background: #FFF url(../Images/SiteBackground.gif) repeat-y top left;
	padding-left: 22px;
}

	/* Header */
	#wrapper #header 
	{
		width: 960px;
		float: left;			
	}
	
		#wrapper #header h1 
		{
			margin: 0px;
			padding: 0px;
		}
				
			#wrapper #header h1 a 
			{
				display: block;
				width: 960px;
				height: 370px;
				border-bottom: none;				
			}
			
				#wrapper #header h1.home 
				{
					background: url(../Images/HeaderPhotos_Home.jpg) no-repeat top left;
				}
				
				#wrapper #header h1.accommodation 
				{
					background: url(../Images/HeaderPhotos_Accommodation.jpg) no-repeat top left;
				}
				
				#wrapper #header h1.team 
				{
					background: url(../Images/HeaderPhotos_Team.jpg) no-repeat top left;
				}
				
				#wrapper #header h1.holidaystructure 
				{
					background: url(../Images/HeaderPhotos_HolidayStructure.jpg) no-repeat top left;
				}
				
				#wrapper #header h1.holidaydates 
				{
					background: url(../Images/HeaderPhotos_HolidayDates.jpg) no-repeat top left;
				}
				
				#wrapper #header h1.faq 
				{
					background: url(../Images/HeaderPhotos_FAQ.jpg) no-repeat top left;
				}
				
				#wrapper #header h1.contact 
				{
					background: url(../Images/HeaderPhotos_Contact.jpg) no-repeat top left;
				}
								
					#wrapper #header h1 a span 
					{
						display: none;				
					}
			
	/* Content */	
	#wrapper #contentcontainer 
	{
		width: 926px;
		float: left;			
		padding-left: 34px;
	}  
	
		#wrapper #contentcontainer #panelone 
		{
			float: left;						
			width: 192px;			
		}
		
			#wrapper #contentcontainer #panelone #navigation 
			{
				width: 192px;
				float: left;
				height: 262px;				
				background: url(../Images/NavigationBackground.gif) no-repeat top left;
				padding-top: 11px;
			}
			
				#wrapper #contentcontainer #panelone #navigation ul 
				{
					margin: 0px;
					padding: 0px;
				}
				
					#wrapper #contentcontainer #panelone #navigation ul li 
					{
						list-style-type: none;
						display: inline;
					}
					
						#wrapper #contentcontainer #panelone #navigation ul li a
						{
							display: block;
							float: left;							
							width: 176px;
							border-bottom: none;
							height: 24px;
							color: #FFF;
							font-weight: bold;		
							font-size: 110%;
							padding-left: 16px;					
						}
						
							#wrapper #contentcontainer #panelone #navigation ul li.newslettersignup a
							{
								padding-top: 15px;
							}
						
							#wrapper #contentcontainer #panelone #navigation ul li a:hover 
							{
								color: #000;
							}
							
				#wrapper #contentcontainer #panelone #quickcontact 
				{
					width: 192px;
					float: left;
					margin-top: 25px;
					color: #797979;
					font-size: 120%;
					font-weight: bold;
					line-height: 180%;
				}		
				
					#wrapper #contentcontainer #panelone #quickcontact a 
					{
						color: #E73E97;
						border-bottom: dotted 1px #E73E97;
					}	
					
						#wrapper #contentcontainer #panelone #quickcontact a:hover 
						{
							border-bottom: none;
						}	
				
				#wrapper #contentcontainer #panelone #quickad 
				{
					width: 192px;
					float: left;
					margin-top: 19px;
				}					
		
		#wrapper #contentcontainer #paneltwo 
		{
			float: left;
			margin-left: 40px;
			width: 427px;	
		}
		
			#wrapper #contentcontainer #paneltwo h2 
			{
	margin: 0px 0px 0px 45px;
	padding: 0px;
	width: 338px;
	height: 57px;









	text-align; left;
	background-image: url(../Images/Headers_Luxury.gif);
	background-repeat: no-repeat;
			}			
			
				#wrapper #contentcontainer #paneltwo h2.home 
				{
					background: url(../Images/Headers_Home.gif) no-repeat top left;					
				}
				
				#wrapper #contentcontainer #paneltwo h2.accommodation 
				{
					background: url(../Images/Headers_Accommodation.gif) no-repeat top left;					
				}
				
				#wrapper #contentcontainer #paneltwo h2.sospateam 
				{
					background: url(../Images/Headers_Team.gif) no-repeat top left;					
				}
				
				#wrapper #contentcontainer #paneltwo h2.holidaystructure 
				{
					background: url(../Images/Headers_HolidayStructure.gif) no-repeat top left;					
				}
				
				#wrapper #contentcontainer #paneltwo h2.holidaydates 
				{
					background: url(../Images/Headers_HolidayDates.gif) no-repeat top left;					
				}
				
				#wrapper #contentcontainer #paneltwo h2.packages 
				{
					background: url(../Images/Headers_Packages.gif) no-repeat top left;					
				}
				
				#wrapper #contentcontainer #paneltwo h2.apartment 
				{
					background: url(../Images/Headers_Apartment.gif) no-repeat top left;					
				}
								
				#wrapper #contentcontainer #paneltwo h2.villa 
				{
					background: url(../Images/Headers_Villa.gif) no-repeat top left;					
				}
								
				#wrapper #contentcontainer #paneltwo h2.luxury 
				{
					background: url(../Images/Headers_Luxury.gif) no-repeat top left;					
				}
				
				#wrapper #contentcontainer #paneltwo h2.faq 
				{
					background: url(../Images/Headers_FAQ.gif) no-repeat top left;					
				}
				
				#wrapper #contentcontainer #paneltwo h2.contact 
				{
					background: url(../Images/Headers_Contact.gif) no-repeat top left;					
				}
				
				#wrapper #contentcontainer #paneltwo h2.privacypolicy 
				{
					background: url(../Images/Headers_PrivacyPolicy.gif) no-repeat top left;					
				}
				
				#wrapper #contentcontainer #paneltwo h2.accessibility 
				{
					background: url(../Images/Headers_Accessibility.gif) no-repeat top left;					
				}
				
				#wrapper #contentcontainer #paneltwo h2.sitemap 
				{
					background: url(../Images/Headers_SiteMap.gif) no-repeat top left;					
				}
				
				#wrapper #contentcontainer #paneltwo h2.termsconditions 
				{
					background: url(../Images/Headers_TermsConditions.gif) no-repeat top left;					
				}
				
					#wrapper #contentcontainer #paneltwo h2 span 
					{
						display: none;
					}
				
		#wrapper #contentcontainer #paneltwo #contenttextcontainer 
		{
			background: #E4E4DA;	
			width: 427px;
			float: left;		
		}
		
			#wrapper #contentcontainer #paneltwo #contenttextcontainer #textheader 
			{
				width: 427px;
				height: 54px;
				float: left;
				background: url(../Images/TextBackground_01.gif) no-repeat top left;
			}
			
			#wrapper #contentcontainer #paneltwo #contenttextcontainer #textarea 
			{
	width: 343px;
	min-height: 455px;
	background: url(../Images/TextBackground_02.gif) repeat-y top left;
	padding: 0px 42px 0px 42px;
	text-align: center;
			}
			
				#wrapper #contentcontainer #paneltwo #contenttextcontainer #textarea .highlight 
				{
					color: #E73E97;
				}
				
				#wrapper #contentcontainer #paneltwo #contenttextcontainer #textarea .viewphotos 
				{
					padding-left: 56px;
					height: 38px;
					line-height: 38px;
					background: url(../Images/Gallery_Photo.jpg) no-repeat left;					
					border-bottom: 0px;		
					text-decoration: underline;						
					display: block;
				}
				
				#wrapper #contentcontainer #paneltwo #contenttextcontainer #textarea .viewvideo 
				{
					padding-left: 56px;
					height: 38px;
					line-height: 38px;
					background: url(../Images/Gallery_Video.jpg) no-repeat left;
					display: block;
					border-bottom: 0px;		
					text-decoration: underline;	
					margin-top: 10px;					
				}
				
					#wrapper #contentcontainer #paneltwo #contenttextcontainer #textarea .viewphotos:hover, #wrapper #contentcontainer #paneltwo #contenttextcontainer #textarea .viewvideo:hover 
					{
						text-decoration: none;
					}
			
				#wrapper #contentcontainer #paneltwo #contenttextcontainer #textarea a 
				{
	color: #E73E97;
	border-bottom: dotted 1px #E73E97;
	font-size: 100%;
				}
				
					a:hover 
					{
						border-bottom: none;						
					}
					
				/* FAQ List */
				#wrapper #contentcontainer #paneltwo #contenttextcontainer #textarea #faqlist 
				{
					margin: 0px;
					padding: 0px;
					float: left;
				}
				
					#wrapper #contentcontainer #paneltwo #contenttextcontainer #textarea #faqlist li 
					{						
						list-style-type: none;						
					}
					
						#wrapper #contentcontainer #paneltwo #contenttextcontainer #textarea #faqlist li.faqquestion 
						{
							cursor: pointer;
							margin-top: 10px;
						}
						
						#wrapper #contentcontainer #paneltwo #contenttextcontainer #textarea #faqlist li.faqanswer
						{							
							margin-top: 10px;
						}
			
			#wrapper #contentcontainer #paneltwo #contenttextcontainer #textfooter 
			{
				width: 427px;
				height: 60px;
				background: url(../Images/TextBackground_03.gif) no-repeat top left;
			}
		
		#wrapper #contentcontainer #panelthree 
		{
			float: left;
			margin-left: 57px;
			width: 184px;			
		}
		
			#wrapper #contentcontainer #panelthree img 
			{
				margin-bottom: 17px;
			}
	
	/* Footer */
	#wrapper #footer 
	{
		width: 960px;
		float: left;
		height: 43px;
		line-height: 43px;
		text-align: right;
		background: #E73E97;
		margin: 20px 0px 10px 0px;
	}
	
		#wrapper #footer ul 
		{
			margin: 0px;
			padding: 0px;	
		}	
		
			#wrapper #footer ul li 
			{
				display: inline;
				list-style-type: none;
				color: #FFF;
				padding-right: 10px;
			}
			
				#wrapper #footer ul li a 
				{
					color: #FFF;
				}
