body{
 font-family:Verdana, Geneva, sans-serif;
 color:#5b5b5b;
 font-size:13px;
 text-align:center;
 background-image:url(../design_images/bg.jpg);
 background-color:#ddd2a6;
 background-repeat:repeat-x;
 background-position:center top;
 height:100%;
 margin:0;
 padding:0;
}

a:link { color:#044695; text-decoration:none; font-weight:normal;}
a:visited { color:#044695; text-decoration:none; font-weight:normal;}
a:hover { color:#044695; text-decoration:underline; font-weight:normal;}
a:active { color:#044695; text-decoration:none; font-weight:normal; }

* {behavior: url(iepngfix.htc)}

p{
	padding-top:3px; 
	padding-top:3px
	}


acronym{
 cursor: help;
}

#container{
 width:874px;
 text-align:left;
 margin-left:auto;
 margin-right:auto;
}

.IE6Fix{
	display:none
	}

/* Header */

#Top{
	float:left;
	width:874px;
	z-index:100;
}

	#Top .logo{
		position:absolute;
		left:50%;
		margin-left:-430px;
		}
		
		#Top .logo img{
		}
		
		#Top .logo h2{
			display:none;
		}
		
		#Top .logo a{
			display:block;
			width:100%;
			height:100%;
		}
		
	#Top .left{
		float:left;
		text-align:right;
		padding:8px 0 0 209px;
		background:url(../design_images/tagline.gif) no-repeat bottom right;
		}
		
			#Top .left h4{
				display:none;
			}
			
			#Top .left img{
				border:0;
			}
			
			#Top .left a , #Top .left a:link , #Top .left a:active , #Top .left a:visited {
				color:#000;
				text-decoration:none;
			}
			
			#Top .left a:hover {
				text-decoration:underline;
			}

/* Banners */

.bannerHolder{
	float:left;
	width:874px;
	text-align:center;
	padding:10px 0 9px 0;
	z-index:0;
	}

/* Main Area */

#mainAreaHome{
	float:left;
	width:854px;
	padding:10px;
	line-height:150%;
}

#mainAreaSub{
	float:left;
	width:950px;
	background:#FFF;
	padding:15px;
	line-height:150%;
}

/* Cool 01 Home */

	#mainAreaHome #col01{
		float:left;
		width:140px;
	}
	
		#mainAreaHome #col01 img:hover{
			opacity:0.8;
			filter:alpha(opacity=80);
		}
	
		
/* Cool 02 Home */

	#mainAreaHome #col02{
		float:left;
		width:390px;
		margin:0 30px 0 30px;
	}
	
	#mainAreaHome #col02B{
		float:left;
		width:680px;
		margin:0 0 0 30px;
		text-align:justify;
	}
		
		#mainAreaHome #col02B .hometitle{
			width:300px;
			height:27px;
			background:url(../design_images/ttl_welcome.png) no-repeat;
		}
		
			#mainAreaHome #col02 .title h1{
				display:none;
				}
				
		#mainAreaHome #col02 .description{
			width:288px;
			background:url(../design_images/f_project_bottom.jpg) no-repeat;
			padding:10px 0 0 0;
		}
				
		#mainAreaHome #col02 img{
			width:288px;
			border:0px;
		}
		
	
		#mainAreaHome #col02B h1{
			font-family:Arial, Helvetica, sans-serif;
			font-size:20px;
			font-weight:normal;
			color:#07356b;
			margin:5px 0 10px 0;
		}
		
			#mainAreaHome #col02B hr{
				color:#07356b; 
				height:1px; 
				background:#07356b; 
				border:0px;
				margin:0 0 0 0;
				padding:0;
			}
		
			#mainAreaHome #col02B ul{
				list-style:disc;
				text-align:left;
				margin:0;
				padding:0;
			}
				
				#mainAreaHome #col02B li{
					padding-left:15px;
					float:none;
					display:list-item;
					list-style:none;
					background:url(../design_images/bullet.gif) no-repeat top left;
					margin:0;
					margin-left:15px;
					margin-bottom:5px;
				}
	

/* Col 03 Home */
	#mainAreaHome #col03{
		float:left;
		width:255px;
		padding:0 0 0 0;
	}
	
		#mainAreaHome #col03 img:hover{
			opacity:0.8;
			filter:alpha(opacity=80);
		}
	
	
		#mainAreaHome #col03 p, #holidayOwnership .col02 p{
			text-align:right;
			color:#07356b;
			margin:5px 0 5px 0;
		}
		
		#mainAreaHome #col03 input, #holidayOwnership .col02 input{
			border:0;
			padding:2px;
		}
		
		#mainAreaHome #col03 .button, #holidayOwnership .col02 .button, .button{
			background:url(../design_images/bg_btn.jpg) no-repeat #07356b;
			color:#FFF;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			padding:3px 8px 3px 8px;
			border:0;
			text-align:center;
			cursor:pointer;
		}
		
		#mainAreaHome #col03 .button:hover, #holidayOwnership .col02 .button:hover{
			opacity:0.8;
			filter:alpha(opacity=80);
			}
		
		#mainAreaHome #col03 .title{
			width:121px;
			height:35px;
			background: url(../design_images/ttl_book_room.png) no-repeat;
		}
		
		#mainAreaHome #col03 .title2{
			width:135px;
			height:35px;
			background:url(../design_images/ttl_client_access.png) no-repeat;
			margin:30px 0 0 0;
		}
		
			#mainAreaHome #col03 .title h2, #mainAreaHome #col03 .title2 h2{
				display:none;
				}
				
	/* Book Now Sub */
	
	#mainAreaHome #col01 p{
			color:#07356b;
			margin:5px 0 5px 0;
		}
		
		#mainAreaHome #col01 input{
			border:0;
			padding:2px;
			width:90px;
		}
		
		#mainAreaHome #col01 .button{
			background:url(../design_images/bg_btn.jpg) no-repeat #07356b;
			color:#FFF;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			padding:3px 8px 3px 8px;
			border:0;
			min-width:80px;
			text-align:center;
			cursor:pointer;
		}
		
		#mainAreaHome #col01 .button:hover{
			opacity:0.8;
			filter:alpha(opacity=80);
			}
		
		#mainAreaHome #col01 .title{
			width:121px;
			height:35px;
			background: url(../design_images/ttl_book_room.png) no-repeat;
			margin:15px 0 0 0;
		}
		
			#mainAreaHome #col01 .title h2{
				display:none;
				}
		

		
	/* Holiday Ownership */
	
		#holidayOwnership{
			float:left;
			width:854px;
			padding: 0 10px 10px 10px;
			line-height:150%;		
			}
			
			#holidayOwnership .col01 {
				float:left;
				width:560px;
				}
				
				#holidayOwnership .col01 p {
					margin:10px 0 0 0;
				}
				
			#holidayOwnership .col01 .title{
				width:250px;
				height:27px;
				background:url(../design_images/ttl_holiday_ownership.png) no-repeat;
				margin:0 0 0 0;
			}
			
				#holidayOwnership .col01 .title h2{
					display:none;
				}
				
				
		#holidayOwnership .col02 {
				float:right;
				width:255px;
				margin:0 0 0 30px;
				}
				
		#holidayOwnership .col02 .title{
			width:155px;
			height:35px;
			background:url(../design_images/ttl_client_access.png) no-repeat;
			margin:0 0 0 0;
		}
		
			#holidayOwnership .col02 .title h2{
				display:none;
				}
		
	/* Menu */
	#menu{
		width:140px;
		margin:15px 0 0 0;
	}
	
		#menu ul, li{
			margin:0;
			padding:0;
			list-style:none;
		}
		
		
		#menu li a, #menu li a:link, #menu li a:visited, #menu li a:active {
			padding:0 0 4px 5px;
			float:none;
			text-decoration:none;
			display:list-item;
			list-style:none;
			border-bottom: 1px solid #07356b;
			background:url(../design_images/menu_bullet_01.gif) no-repeat top left;
			color:#606060;
			font-size:12px;
			font-weight:bold;
			margin-bottom:5px;
			height:100%;
		}
		
		#menu li a:hover{
			padding-left:5px;
			color:#07356b;
		}
		
		#menu li ul li a, #menu li ul li a:link, #menu li ul li a:visited, #menu li ul li a:active {
			padding:0 0 4px 20px;
			margin-left:10px;
			text-decoration:none;
			border: 0 0 1px 0 solid #CCC;
			background:url(../design_images/menu_bullet_01.gif) no-repeat top left;
			color:#333;
			font-size:10px;
			margin-bottom:5px;
		}
		
		#menu li ul li a:hover{
			padding-left:25px;
			color:#666;
		}
		
/* Content Area */

#contentArea{
	float:left;
	padding:20px;
	width:915px;
	min-height:250px;
	height:auto !important;
	height:250px;
}

	#contentArea .date{
		margin-top:-5px;
		margin-bottom:7px;
			
	}
		
		
#content{
	width:735px;
	float:left;
	margin-left:30px;
	}
	
	#content hr{
		color:#d7d6bc; 
		height:1px; 
		background:#d7d6bc; 
		border:0px;
		margin:0;
		padding:0;
	}
	
	#content ul {
		list-style:disc;
		text-align:left;
		margin:0;
		padding:0;
	}
		
		#content li {
			padding-left:20px;
			float:none;
			display:list-item;
			list-style:none;
			background:url(../design_images/bullet.gif) no-repeat top left;
			font-size:10px;
			margin:0;
			margin-left:10px;
			margin-bottom:5px;
		}
		
	
/* Overviews */

.overview
{
	width:670px;
	padding: 0 0 5px 0;
	border-bottom:2px #fff solid ;
	margin:10px 6px 0 0;
	float:left;
	min-height:115px;
	height:auto !important;
	height:115px;
}
.overview h3
{
	margin:0px;
	color:#04376e;
	padding:0px;
	font-size:14px;
	padding-bottom:3px;
	font-weight:bold;
}

.overview h3 a
{
	text-decoration:none;
	font-weight:bold;
	color:#04376e;
}

.overview img{
	float:left;
	margin-right:15px;
	width:100px;
	height:95px;
	border:4px solid #fff;
}

.overview p{
	float:left;
	width:530px;
	border:0px;
	text-align:justify;
}
		
		
/* Footer */

#footer{
	float:left;
	color:#777;
	width:854px;
	text-align:left;
	border-top: 1px solid #07356b;
	padding:20px 20px 10px 0;
	color:#07356b;
	font-size:10px;
}

	#footer a, #footer a:link, #footer a:visited, #footer a:active {
		color:#07356b;
		font-size:9px;
		text-decoration:none;
	}
		
		
	#footer a:hover{
		text-decoration:underline;
	}

	
	#footer img{
		float:left;
	}
	
/* Contact us */

#contact{
   width:400px;
   float:left;
   margin:10px 0 0 0;
}

#contact h3{
	color:#04376e;
	font-size:14px;
	font:Arial, Helvetica, sans-serif;
	padding:0 0 0 10px;
	margin:0;
}

#contact_form{
   padding:10px 10px 0 10px;
   width:380px;

}


#contact_form .row{
                text-align:right;
                padding-bottom:10px;
}

#contact_form .textbox{
                border:1px solid #747474;
                width:200px;
                font-size:12px;
                color: #747474;;
                margin-left:7px;
                vertical-align:text-top;
}

#contact_form .button{
            background:url(../design_images/bg_btn.jpg) no-repeat #07356b;
			color:#FFF;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			padding:3px 8px 3px 8px;
			border:0;
			min-width:80px;
			text-align:center;
			cursor:pointer;
}

#contact_detail {
	width:210px;
	margin:10px 20px 10px 10px ;
	border-right:1px solid #04376e;
	padding:0 20px 0 0;
	float:left
	}
	
	#contact_detail h3{
		color:#04376e;
		font-size:14px;
		font:Arial, Helvetica, sans-serif;
		padding:0 0 0 0;
		margin:0;
	}
	
.ContactMap{
	float:left;
	width:450px;
	padding:10px 10px 10px 80px;
	}

#cart_widget{
	float:left;
	background:url(../design_images/cart_bg.jpg) top no-repeat #d1c8ac;
	width:141px;
	height:109px;
	margin:20px 0 20px 0;
}

	#cart_widget p{
		padding:30px 5px 5px 5px;
		line-height:23px;
	}
	
	#cart_widget a:hover{
		text-decoration:none;
		font-weight:bold;
	}
	
.mandatory
{
	color:#B00000;
	font-weight:bold;	
	font-size:15px;
}

#dataTale
{
	margin-left:auto;
	margin-right:auto;
	color:#07356b;
}

#dataTale .textbox
{
	width:120px;
	border:0;
	padding:2px;
}

#dataTale .textbox2
{
	width:200px;
	border:0;
	padding:2px;
}

#dataTale .checkbox
{
	width:20px;
}

#col02B .form
{
	width: 680px;
	float: left;
	margin-top: 25px;
}

	#col02B .form p
	{
		margin-top: 0px;
	}

	#col02B .form .line
	{
		width: 680px;
		float: left;
		min-height:50px;
		height:auto !important;
		height:50px;

	}
	
		#col02B .form .line p
		{
			color: #07356B;
			float: left;
			width: 140px;
			margin-right: 20px;
			margin-top: 0px;
			padding-top: 0px;
			text-align: right;
		}
	
		#col02B .form .line .column
		{
			width: 50%;
			float: left;
			height: 10px;
			min-height: 10px;
			height: auto;
		}
			
			#col02B .form .line .field
			{
				float: left;
				border: 0;
				padding: 2px;
			}
		
			#col02B .form .line .radio
			{
				float: left;
			}
			
			#col02B .form .line .checkbox
			{
				float: left;
			}
			
			#col02B .form .line .label
			{
				width: 80px;
				margin-right: 10px;
				margin-left: 40px;
				color: #5B5B5B;
			}
			
			#col02B .form .line .date
			{
				width: 40px;
				margin-right: 10px;
				margin-left: 40px;
				color: #5B5B5B;
			}
		
		#col02B .form.label
		{
			width: 80px;
			margin-right: 10px;
			margin-left: 40px;
			color: #5B5B5B;
		}

	#col02B .form .compulsory
	{
		color: red;
	}

	#col02B .form h3
	{
		color: #07356B;
		font-size: 15px;
		font-family: Arial,Helvetica,sans-serif;
	}
	
	#col02B .form h3.title
	{
		float: left;
		margin-top: 0px;
	}
	
	#col02B .form select
	{
		float: left;
		margin-left: 20px;
		border: 0px;
	}
	
#col02B h2
{
	color: #07356B;
	font-size: 16px;
	font-family: Arial,Helvetica,sans-serif;
	width: 100%;
	float: left;
}

#col02B .text
{
	width: 300px;
	border: 0px;
	padding: 2px;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 13px;
}

#col02B .right
{
	width: 100%;
	text-align: right;
	font-family: 
}

#col02B .form
{
	width: 680px;
	float: left;
	margin-top: 25px;
}

	#col02B .form p
	{
		margin-top: 0px;
	}

	#col02B .form .line
	{
		width: 680px;
		float: left;
		min-height:50px;
		height:auto !important;
		height:50px;

	}
	
		#col02B .form .line p
		{
			color: #07356B;
			float: left;
			width: 140px;
			margin-right: 20px;
			margin-top: 0px;
			padding-top: 0px;
			text-align: right;
		}
	
		#col02B .form .line .column
		{
			width: 50%;
			float: left;
			height: 10px;
			min-height: 10px;
			height: auto;
		}
			
			#col02B .form .line .field
			{
				float: left;
				border: 0;
				padding: 2px;
			}
		
			#col02B .form .line .radio
			{
				float: left;
			}
			
			#col02B .form .line .checkbox
			{
				float: left;
			}
			
			#col02B .form .line .label
			{
				width: 80px;
				margin-right: 10px;
				margin-left: 40px;
				color: #5B5B5B;
			}
			
			#col02B .form .line .date
			{
				width: 40px;
				margin-right: 10px;
				margin-left: 40px;
				color: #5B5B5B;
			}
		
		#col02B .form.label
		{
			width: 80px;
			margin-right: 10px;
			margin-left: 40px;
			color: #5B5B5B;
		}

	#col02B .form .compulsory
	{
		color: red;
	}

	#col02B .form h3
	{
		color: #07356B;
		font-size: 15px;
		font-family: Arial,Helvetica,sans-serif;
	}
	
	#col02B .form h3.title
	{
		float: left;
		margin-top: 0px;
	}
	
	#col02B .form select
	{
		float: left;
		margin-left: 20px;
		border: 0px;
	}
	
#col02B h2
{
	color: #07356B;
	font-size: 16px;
	font-family: Arial,Helvetica,sans-serif;
	width: 100%;
	float: left;
}

#col02B .text
{
	width: 300px;
	border: 0px;
	padding: 2px;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 13px;
}

#col02B .right
{
	width: 100%;
	text-align: right;
	font-family: 
}
