/* -------------------------------- */
/* toolkitCore */
html {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
form {margin:0px;}

body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-image:url(bkg.jpg); /* update, change or remove this image if it doesn't apply to your site design */
	background-repeat:repeat-x;
	background-color:#9fbdcc;
	background-position: top center;
	text-align:center;
}
	/*Do not put font-family here. Put it in your #content div.*/


p {
	padding-top:0px;
	margin-top:0px;
}
	/* keep these attibutes in here*/



/* /toolkitCore  */

/* -------------------------------- */

#container {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#topArea {
	position:relative;
	width:950px;
	height:185px;
	background-image:url(top.png);
	background-repeat:no-repeat;
}

.logo {
	position:absolute;
	top: 32px;
	left: 61px;
}

#flash {
	width:950px;
	height:366px;
	position:relative;}
	
#flashMask	{
	width:950px;
	height:366px;
	z-index:50;
	position:absolute;
	}
#flashContent{
	width:622px;
	height:366px;
	position:absolute;
	right:15px;
	top:0px;
	text-align:center;
	background-color:#FFFFFF;
	z-index:10;
	}	
	
#flashContent p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	}	
	
#flashContent a, #flashContent a:link {
	color:#4c829e;
	text-decoration:underline;
}	

#flashContent a:hover{
	color:#4c829e;
	text-decoration:none;
}	

#content {
	background-image:url(contentBkg.png);
	background-repeat:repeat-y;
}

#leftColumn {
	width:314px;
	height:310px;
	margin-left:14px;
	float:left;
	}

#graphicTitle{
	width:528px;
	height:104px;
	float:left;
	}
#rightColumn{
	float:left;
	margin-left:31px;
	width:528px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#7d8287;
	}
#rightColumn p {
	margin-top:0px;
	padding-top:0px;
	margin-bottom:15px;
	}
	/* IMPORTANT!!!! Please use padding-bottom:15px on ALL p classes.
	This will provide the best cross-browser compatibility on paragraph spacing*/	
#rightColumn a, rightColumn a:link {
	color:#4c829e;
	text-decoration:underline;
}
#rightColumn a:hover {
	text-decoration:none
}

#footer {
	width:950px;
	height:53px;
	margin-bottom:50px;
	clear:both;
	}

.clearSpace {clear:both;}

/* ----- Booking Mask Items ---- */
#bookingMask{
	width:525px;
	height:80px;
	position:absolute;
	top:98px;
	right:64px;
	}
#bookingMaskRelative{
	position:relative;
	width:525px;
	height:80px;
}

input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:center;
	width:65px;
	}
select
	{font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	width:35px;
	}
.checkInLabel{
	position:absolute;
	left:56px;
	top:10px;
	}
.inputdate {
	position:absolute;
	left:105px;
	top:10px;
	}
.calendar {
	position:absolute;
	left:184px;
	top:8px;
	}

.nightsLabel{
	position:absolute;
	left:217px;
	top:10px;
}
.inputNights {
	position:absolute;
	left:256px;
	top:10px;
	}
.adultsLabel{
	position:absolute;
	left:301px;
	top:10px;
}	
.inputAdults {
	position:absolute;
	left:338px;
	top:10px;
	}
.childrenLabel{
	position:absolute;
	left:383px;
	top:10px;
}	
.inputChildren {
	position:absolute;
	left:429px;
	top:10px;
	}		
.submitbtn {
	position:absolute;
	left:199px;
	top:40px;
	}