html { margin: 0; padding: 0; height: 100%; }
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0; padding: 0; height: 100%;
	background: url(../images/background-fade.png) repeat-x;
	background-position: bottom;
	background-attachment: fixed; 
	background-color: #def;
}

td, th {
	font-family: Arial, Helvetica, sans-serif;
}

div#header {
	width: 920px; height: 80px;
	margin: 0 10px 0 10px;
	padding: 0 0 0 0;
	background: url(../images/container-top.png) no-repeat;
}

div#container {
	margin: 0px 10px 0 10px;
	padding: 0 0 0 0;
	width: 920px;
	background: url(../images/container-background.png) repeat-y;
}

div#containerBottom {
	width: 920px;
	margin: 0 10px 20px 10px;
	padding: 0 0 0 0;
	background: url(../images/container-bottom.png) no-repeat;
	background-position: top;
}

div#footer {
	width: 920px;
	margin: 20px 10px 20px 10px;
	padding: 0 0 0 0;
	text-align: center; font-size: 10px; color: #def;
}
div#footer p { margin: 0; }
div#footer a { color: #def; }
div#footer a:hover { color: #fed; }
div#todo {
	float: left;
	width: 200px; height: 190px;
	padding: 0; margin: 0 0 0 10px;
	background: url(../images/todo-bottom.gif) no-repeat; background-position: bottom;
	background-color: #33669c;
}

div#slideshow {
	width: 200px; height: 190px;
	padding: 0; margin: 0 0 0 20px;
	background-color: #fff;
	float: left;
}

div#topnav {
	width: 670px; height: 190px;
	padding: 0; margin: 0 0 0 10px;
	background: url(../images/topnav-background.jpg) no-repeat;
	float: left;
}

div#topnav p { 
	padding: 0; margin: 158px 0 0 0;
	text-align: right;
	font-size: 16px; font-weight: bold; line-height: 20px;
}

div#topnav p a { color: white; text-decoration: none; margin: 0 20px 0 0; padding: 0; }
div#topnav p a:hover { text-decoration: underline; }
div#main {
	width: 570px;
	padding: 0; margin: 10px 0 0 20px;
	background-color: #ffe;
	float: left;
	background: url(../images/main-background.jpg) repeat-y;
	background-position: top right;
}

div#right_bar {
	width: 300px;
	padding: 0; margin: 10px 0 0 10px;
	/*background-color: #efe;*/
	float: left;
}

div#video {
	width: 300px;
	height: 79px; 
	/*background: url(../images/video-box.gif) no-repeat;*/
	padding: 0; margin: 0;
}

div#right_todo {
	width: 300px;
	height: 300px;
	padding: 0; margin: 10px 0 0 0;
	background: url(../images/todo-home-bottom.gif) no-repeat;
	background-position: bottom;
	background-color: #00669c;
}

div#right_todo h1#right_todo_top { 
	background: url(../images/todo-home-top.gif) no-repeat;
	padding:0; margin: 0; line-height: 40px; }

div#right_todo div { 
	width: 285px; height: 80px; 
	padding: 0 0 0 0; margin: 0 0 5px 5px; }
div#right_todo div h1 { padding: 0 0 0 110px; margin: 0; line-height: 16px; font-size: 16px; color: #fff; }
div#right_todo div p { padding: 0 0 0 110px; margin: 2px 0 0 0; line-height: 13px; font-size: 10px; color: #fff; }
div#right_todo div a { color: #ff0; text-decoration: underline; }
div#todo_diving { background: url(../images/todo-home-diving.gif) 6px 0 no-repeat; }
div#todo_tours { background: url(../images/todo-home-tours.gif) 6px 0 no-repeat; }
div#todo_village { background: url(../images/todo-home-village.gif) 6px 0 no-repeat; }

div.clearer {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}

/* Video Floater */
div#videofloat {
	position: absolute;
	width: 420px;
	top: 250px;
	left: 250px;
	background: url(../images/overlay.png) repeat;
	border: 2px solid white;
}

div#videofloat a.closebox {
	position:absolute; right: 5px; top: 5px; padding: 2px 5px;
	color: black; font-size: 10px; background-color: #FF6; border: 1px dotted white; 
}