html,body {
	background:					#20b3f2 url(../images/bg.jpg) repeat-x;
	background-position:		top left;
}

body {
	color: 						#FFFFFF;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					11px;
	margin: 					0;
	padding: 					0;
}

img {
   behavior: 					url("src/pngbehavior.htc");
}


/** layout
------------------------------------------------------------------ */

div#wrapper {
	margin: 					0 auto;
	width: 						100%;
}

div#logo {
	position:					absolute;
	left: 						50%;
	margin-left: 				-108px;
	width: 						216px;
	height:						130px;
	z-index:					2;
}

div#navbar {
	margin: 					0 auto;
	width: 						100%;
	height:						50px;
	padding-top:				67px;
	border-bottom:				1px solid #197cc0;
	background:					url(../images/bg.gif) repeat-x;
	background-position:		top center;
}

div#navigation {
	margin: 					0 auto;	
	width: 						960px;
	height:						32px;
}

div#content {
	margin: 					0 auto;
	width: 						960px;
	height:						345px;
}

div#content-one {
	width:						200px;
	float:						left;
}

div#content-two {
	width:						320px;
	float:						left;
	margin:						0 0 0 60px;
}

div#content-three {
	width:						320px;
	float:						right;
}

div#feature {
	margin: 					0 auto;
	width: 						960px;
	height:						340px;
}

div#feature-one {
	width:						200px;
	float:						left;
}

div#feature-two {
	width:						720px;
	height:						335px;
	overflow:					none;
	position:					absolute;
	left: 						50%;
	top:						500px;
	margin-left: 				-240px;
	z-index:					1;
}

div#flash-feature {
	width:						730px;
	height:						380px;
	overflow:					none;
	position:					absolute;
	left: 						50%;
	top:						458px;
	margin-left: 				-250px;
	z-index:					1;
}

div#photos {
	position:					absolute;
	left: 						50%;
	margin-left: 				240px;
	width: 						206px;
	top:						570px;
	height:						47px;
	z-index:					2;
	background: 				url(../images/resort.png) 0px 0px;
	cursor:						pointer;
}

div#photos:hover {
	background: 				url(../images/resort.png) 0px -47px;
	cursor:						pointer;
}

div#footer {
	width:						100%;
	margin: 					0 auto;
	border-top:					1px solid #4bc0f3;
}

/** layout inside
------------------------------------------------------------------ */
div#header {
	width:						960px;
	height:						45px;
	margin: 					0 auto;
	padding: 					40px 0 0 0;
}

div#feature-image {
	width:						900px;
	height:						160px;
	margin: 					0 auto;
	padding: 					0 0 30px 0;
}

div#content-inside {
	margin: 					0 auto 30px auto;
	width: 						960px;
	background:					#FFFFFF;
	overflow:					hidden;
}

div#content-sitemap,
div#content-left {
	margin: 					40px 0 0 0;
	padding:					0 0 20px 30px;
	width: 						570px;
	float:						left;
}

div#content-right {
	margin: 					30px 0 30px 0;
	width: 						240px;
	height:						670px;
	float:						right;
	padding:					40px 60px 30px 30px;
	background:					#FFFFFF url(../images/image-pool.jpg) no-repeat;
	background-position:		bottom left;
}

div#content-right-location {
	margin: 					30px 0 30px 0;
	width: 						240px;
	height:						670px;
	float:						right;
	padding:					40px 60px 30px 30px;
	background:					#FFFFFF url(../images/image-beach.jpg) no-repeat;
	background-position:		bottom left;
}

div#content-right-chawang {
	margin: 					0;
	width: 						240px;
	height:						523px;
	float:						right;
	padding:					0 60px 0 30px;
	background:					#FFFFFF url(../images/image-chawang.jpg) no-repeat;
	background-position:		top left;
}

div#content-right-villa {
	margin: 					30px 0 30px 0;
	width: 						240px;
	height:						670px;
	float:						right;
	padding:					40px 60px 30px 30px;
	background:					#FFFFFF url(../images/image-villa.jpg) no-repeat;
	background-position:		bottom left;
}

div#content-full {
	margin: 					40px 0 0 0;
	padding:					0 0 30px 30px;
	width: 						900px;
	float:						left;
}

div#content-rates {
	margin: 					40px 0 0 0;
	padding:					0 0 30px 30px;
	width: 						900px;
	float:						left;
}

div#content-base {
	margin: 					40px 0 0 0;
	padding:					0 0 30px 30px;
	width: 						570px;
	float:						left;
}

div#content-full.feature {
	margin: 					30px 0 0 30px;
	padding-bottom:				20px;
	width: 						900px;
	float:						left;
}

div#services {
	width: 						570px;
	overflow:					hidden;
	float:						left;
}

div#services-left {
	width: 						300px;
	float:						left;
}

div#services-right {
	width: 						240px;
	float:						right;
}

div#map {
	border:						1px solid #6b97c1;
	width: 						568px;
	margin-top:					15px;
}

div#form {
	border:						1px solid #c4e3f0;
	width: 						540px;
	background:					#dbeef6;
	padding:					5px 0px 30px 28px;
	margin-top:					10px;
}

div#form.middle {
	border:						1px solid #c4e3f0;
	width: 						540px;
	background:					#dbeef6;
	padding:					5px 0px 30px 28px;
	margin-top:					15px;
}

div#form.last {
	border:						1px solid #c4e3f0;
	width: 						540px;
	background:					#dbeef6;
	padding:					5px 0px 30px 28px;
	margin-top:					15px;
}

div#footer-inside {
	width:						960px;
	margin: 					0 auto;
	padding: 					30px 0 45px 0;
}

/** text
------------------------------------------------------------------ */
p {
	padding-bottom: 			10px;
	line-height:				20px;
}

p strong {
	font-weight:				bold;
}

a {
	text-decoration:			none;
	color:						#b2e7ff;
}

a:hover {
	text-decoration:			none;
	color:						#FFFFFF;
}

h5 {
	padding: 					45px 0 0 40px;
}

h6 {
	padding: 					17px 0 0 40px;
}

div#content h3 {
	padding:					35px 0 20px 0;
	font-size:					14px;
	font-family:				Georgia, "Times New Roman", Times, serif;
	color:						#FFFFFF;
	font-weight:				normal;	
}

div#content h4 {
	font-size:					14px;
	font-family:				Georgia, "Times New Roman", Times, serif;
	color:						#FFFFFF;
	line-height:				25px;
	font-weight:				normal;
}

div#content-one span{
	font-family:				Georgia, "Times New Roman", Times, serif;
	font-style:					italic;
	font-size:					11px;
	line-height:				20px;
}

div#content-right-location h6 {
	margin:						0;
	color:						#286ba4;
	padding:					10px 0 0 0;
	
}

div#feature-one p {
	padding:					120px 0 20px 0;		
}

div#flash-feature p {
	padding:					120px 0 20px 0;		
}

div#feature h4 {
	padding:					5px 0 0 0;		
}

div#form p {
	padding:					15px 0 0 0;
}

div#form h3 {
	padding:					20px 0 0 0;
	font-size:					14px;
	font-family:				Georgia, "Times New Roman", Times, serif;
	color:						#286ba4;
	font-weight:				normal;	
}

div#form h5 {
	padding:					10px 0 0 0;
	margin:						0;
}

div#footer h5 {
	color:						#b2e7ff;
	float:						right;
	line-height:				110%;
	padding-top:				28px;
	font-weight:				normal;
}

div#content-inside p {
	color:						#223443;
}

div#content-inside a {
	color:						#0056c0;
	text-decoration:			none;
}

div#content-inside a:hover {
	color:						#0056c0;
	text-decoration:			none;
	border-bottom:				1px solid #0056c0;
}

div#content-inside h2 {
	font-size:					14px;
	font-family:				Georgia, "Times New Roman", Times, serif;
	color:						#286ba4;
	line-height:				25px;
	font-weight:				normal;
}

div#content-inside h3 {
	font-size:					14px;
	font-family:				Georgia, "Times New Roman", Times, serif;
	color:						#286ba4;
	font-weight:				normal;
}

div#content-inside h4 {
	font-size:					14px;
	font-family:				Georgia, "Times New Roman", Times, serif;
	color:						#286ba4;
	padding-top:				30px;	
	font-weight:				normal;
}

div#content-inside h5 {
	margin:						10px 0 15px 0;
	padding:					0px;
}

div#content-inside h6 {
	color:						#286ba4;
	padding-top:				10px;
}

div#services ul li {
	padding: 					0px 0px 0px 20px;
	margin: 					0px;
	font-size:					11px;
	list-style: 				none;
	color: 						#223443;
	line-height:				20px;
	background: 				url("../images/arrow.gif") no-repeat 0.2em 0.8em;
}

div#content-sitemap ul li,
div#content-left ul li,
div#content-right-villa ul li {
	padding: 					0px 0px 0px 20px;
	margin: 					0px;
	font-size:					11px;
	list-style: 				none;
	color: 						#223443;
	line-height:				20px;
	background: 				url("../images/arrow.gif") no-repeat 0.2em 0.8em;
}

div#content-rates ul li {
	padding: 					0px 0px 0px 20px;
	margin: 					0px;
	font-size:					11px;
	list-style: 				none;
	color: 						#223443;
	line-height:				20px;
	background: 				url("../images/arrow.gif") no-repeat 0.2em 0.8em;
}

div#footer p {
	color:						#b2e7ff;
	text-decoration:			none;
}

div#footer a {
	color:						#b2e7ff;
	text-decoration:			none;
}

div#footer a:hover {
	color:						#FFFFFF;
	text-decoration:			none;
}

div#footer ul {
	color:						#b2e7ff;
	line-height:				110%;
	padding:					0;
}

div#footer ul li {
	border-right:				1px solid #4bc0f3;
	float:						left;
	padding:					0 11px;
}

div#footer ul li.first {
	padding-left:				0;
}

div#footer ul li.last {
	border:						0;
}

.imgborder {
	border:						3px solid #dbecf2;
}

/** forms
------------------------------------------------------------------ */
input {
	background-color: 			#f0fbff;
	border:						1px solid #c4e3f0;
	padding:					6px;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					11px;
	line-height:				20px;
}

input:hover,
input:focus {
	background-color: 			#FFFFFF;
	border:						1px solid #c4e3f0;
	padding:					6px;
}

select {
	color: 						#223443;
	background-color: 			#f0fbff;
	border:						1px solid #c4e3f0;
	padding:					6px;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					11px;
	line-height:				20px;
}

select:hover,
select:focus {
	color: 						#223443;
	background-color: 			#FFFFFF;
	border:						1px solid #c4e3f0;
	padding:					6px;
}

textarea {
	color: 						#223443;
	background-color: 			#f0fbff;
	border:						1px solid #c4e3f0;
	padding:					6px;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					11px;
	line-height:				20px;
}

textarea:hover,
textarea:focus {
	color: 						#223443;
	background-color: 			#FFFFFF;
	border:						1px solid #c4e3f0;
	padding:					6px;
}

/** gallery
------------------------------------------------------------------ */
div#gallerycontainer {
	width:						900px;
}

#gallery {
	margin: 					0;
}

#gallery li {
	float: 						left;
	list-style-type: 			none;
	text-align: 				left;
}

#gallery li a {
	display: 					block;
	margin:						0 16px 16px 0;
	height:						130px;
	width: 						283px;
	background-color: 			#FFFFFF;
	text-decoration: 			none;
	border:						3px solid #dbecf2;
}

#gallery li.end a {
	margin:						0;
}

#gallery li a:hover {
	border:						3px solid #c0dbe5;
}


/** tables-argh!
------------------------------------------------------------------ */
table {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					11px;
	line-height:				14px;
	color:						#223443;
	border-collapse: 			collapse;
	width: 						900px;
}

table strong {
	font-weight:				bold;
}

table.form {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					11px;
	line-height:				14px;
	color:						#223443;
	border-collapse: 			collapse;
	width: 						506px;
}

table.form td {
	padding: 					0px;
	text-align:					left;
	border:						none;
}

table.form td:first-child {
	width: 						280px;
}

table.formdate {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					11px;
	line-height:				14px;
	color:						#223443;
	border-collapse: 			collapse;
	width: 						506px;
}

table.formdate td {
	padding: 					0px;
	text-align:					left;
	border:						none;
}

table.formdate td:first-child {
	width: 						57px;
}

th {
	padding: 					10px 10px 10px 10px;
	background:					#c4e3f0;
	text-align: 				left;
	border:						1px solid #FFFFFF;
}

td {
	padding: 					0px;
	text-align:					center;
	background:					#dbeef6;
	border:						1px solid #FFFFFF;
}

td:first-child {
	width: 						250px;
}

/** flowers
------------------------------------------------------------------ */
div#flowers {
	width:						406px;
	height:						246px;
	position:					absolute;
	left: 						50%;
	top:						830px;
	margin-left: 				100px;
	z-index:					1;
	overflow:					none;
}

div#flowers-two {
	width:						355px;
	height:						242px;
	position:					absolute;
	left: 						50%;
	top:						915px;
	margin-left: 				170px;
	z-index:					1;
	overflow:					none;
}

div#flowers-three {
	width:						215px;
	height:						193px;
	position:					absolute;
	left: 						50%;
	top:						185px;
	margin-left: 				285px;
	z-index:					1;
	overflow:					none;
}

div#flowers-four {
	width:						355px;
	height:						242px;
	position:					absolute;
	left: 						50%;
	top:						860px;
	margin-left: 				100px;
	z-index:					1;
	overflow:					none;
}

div#flowers-five {
	width:						355px;
	height:						242px;
	position:					absolute;
	left: 						50%;
	top:						1080px;
	margin-left: 				0px;
	z-index:					1;
	overflow:					none;
}