html{
	width:100%;
	height:100%;
}
body {
	width:100%;
	height:100%;
	background:#2c5e7f url(../img/bg.gif) repeat-x;
}

* {
	padding: 0;
	margin: 0;
	list-style:none;
}
a img{
	border:0;
}
.clear{
	clear:both;
}

#Header {
	background:url(../img/logo_bfly.jpg) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width:1200px;
	height:220px;
}

#Navigation {
	position: absolute;
	bottom: 15px;
	left: 435px;
}

#Navigation li {
		font-family:Arial, sans-serif;
		font-size: 16px;
		float:left;
		color:#60c2f3;
		margin:0 4px;
	}
	
		#Navigation li a {
			display:block;
			color:#124560;
			text-decoration:none;
		}
			#Navigation li a:hover {
			color:#60c2f3;
			}

#SubNavigation {
	position: absolute;
	top: 1px;
	left: 16px;
}

#SubNavigation li {
		font-family:Arial, sans-serif;
		font-size: 14px;
		float:left;
		color:#457494;
		margin:0 4px;
	}
	
		#SubNavigation li a {
			display:block;
			color:#a8b0aa;
			text-decoration:none;
		}
			#SubNavigation li a:hover {
			color:#457494;
			}


#Meta {
	position: absolute;
	bottom: 15px;
	right:0px;
}

#Meta li {
		font-family:Arial, sans-serif;
		font-size: 14px;
		float:left;
		color:#60c2f3;
		margin:0 2px;
	}
	
		#Meta li a {
			display:block;
			color:#124560;
			text-decoration:none;
		}
			#Meta li a:hover {
			color:#60c2f3;
			}


.Box1 {
	position:absolute;
	top:220px;
	left:0px;
	width:420px;
	height:420px;
	background:#FFF;
	padding-bottom:1px;
	padding-top:1px;
}

.Box2 {
	position:absolute;
	top:220px;
	left:420px;
	width:500px;
	height:312px;
	padding:30px 20px 20px 20px;
	background:#FFF;
}


.Box2 h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 36px;
	color: #457494;
	font-weight: normal;
	line-height: 40px;
	margin-top:-15px;
	padding-bottom:25px;
}

.Box2 h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 20px;
	color: #457494;
	font-weight: normal;
	line-height: 24px;
}

.Box2 p {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color:#434343;
	line-height: 22px;
	padding: 13px 0;
}

.Box2 a {
	color:#60c2f3;
	text-decoration:none;
}

.Box3 {
	position:absolute;
	top:220px;
	left:960px;
	width:240px;
	height:420px;
	background:url(../img/BgBox3.gif) no-repeat;
}

.Box3 p {
	position:absolute;
	bottom:8px;
	left:13px;
	font-family:Arial, sans-serif;
	line-height:23px;
	font-size:13px;
	color:#457494;
}

.Box3 a {
	font-family:Arial, sans-serif;
	text-decoration:none;
	font-size: 12px;
	color:#a8b0aa;
}

.BookNow {
	position:absolute;
	top:192px;
	left:972px;
}

.Unord {
	position:absolute;
	top:642px;
	left:1146px;
}

.Social {
	position:absolute;
	bottom:45px;
	left:13px;
}

.Logos {
	position:absolute;
	top:642px;
	left:420px;
}




.Box2 div {
	font-family: Arial, sans-serif;
	font-size: 14px;
	color:#434343;
	line-height: 22px;
	padding: 13px 0;
	OVERFLOW: auto; 
	HEIGHT: 280px;
	width: 515px;
}

.Box2 div.home {
	font-family: Arial, sans-serif;
	font-size: 14px;
	color:#434343;
	line-height: 22px;
	padding: 13px 0;
	OVERFLOW: auto; 
	HEIGHT: 326px;
	width: 515px;
}