/* CSS Document Mentenawai */

html, body {
	padding:0;
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	background:url(/images/lo-bk.jpg) repeat-x #fff;
	font-size:85%;
	height:100%;
}

hr {
	border: none 0;
	border-top: 1px dashed #8cb4b9;/*the border*/
	width:400px;
	margin-left:0;
	margin-bottom:20px;
	margin-top:20px;
	height: 1px;}




p {
	margin: 0 0 1em 0;
	font-size:12px;
	line-height: 16px;
	padding: 0 0 0 10px;
}

a, a:link, a:active, a:visited {
	color:#003366;
	font-weight:bold;}

a:hover {
	color: #FF9900;}	
	
	
/* ~~~~~~~~~~~~~~MAIN~~~~~~~~~~~~~~~~ */
#container {
	margin:auto;
	width:995px;
}
	
/* ~~~~~~~~~~~~~~TOP~~~~~~~~~~~~~~~~ */

#top {
	width:995px;
	float:left;
	height: 97px;
	background:url(/images/lo-top.gif) no-repeat;}	
	
#logo {
	width:257px;
	float:left;
	height: 97px;}	
	

/* ~~~~~~~~~~~~~~MENU CODE~~~~~~~~~~~~~~~~ */

#menutop {
	width:372px;
	float:left;
	height: 22px;
	padding:44px 0 0 366px;
}

#menutop ul {
	display: inline;
	margin: 0;
	padding: 0;}

#menutop li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;}

#menutop li a {
	float:left;
	height:22px;
	display:block;}
	
#menutop li.about a{
	background-image: url(/images/menu/1.gif);
	background-position:top;
	width: 86px;
	text-indent: -999999px;
	overflow: hidden;}

#menutop li.about a:hover{
	background-position:bottom;}
	
#menutop li.contact a{
	background-image: url(/images/menu/2.gif);
	background-position:top;
	width: 286px;
	text-indent: -999999px;
	overflow: hidden;}

#menutop li.contact a:hover{
	background-position:bottom;}
	
/* ~~~~~~~~~~~~~~MENU CODE~~~~~~~~~~~~~~~~ */

#menu {
	width:616px;
	float:left;
	height: 22px;
	padding:0 0 0 122px;
}

#menu ul {
	display: inline;
	margin: 0;
	padding: 0;}

#menu li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;}

#menu li a {
	float:left;
	height:22px;
	display:block;}
	
#menu li.boat a{
	background-image: url(/images/menu/3.gif);
	background-position:top;
	width: 135px;
	text-indent: -999999px;
	overflow: hidden;}

#menu li.boat a:hover{
	background-position:bottom;}
	
#menu li.mentawai a{
	background-image: url(/images/menu/4.gif);
	background-position:top;
	width: 95px;
	text-indent: -999999px;
	overflow: hidden;}

#menu li.mentawai a:hover{
	background-position:bottom;}
	
#menu li.bali a{
	background-image: url(/images/menu/5.gif);
	background-position:top;
	width: 62px;
	text-indent: -999999px;
	overflow: hidden;}

#menu li.bali a:hover{
	background-position:bottom;}
	
#menu li.nias a{
	background-image: url(/images/menu/6.gif);
	background-position:top;
	width: 158px;
	text-indent: -999999px;
	overflow: hidden;}

#menu li.nias a:hover{
	background-position:bottom;}
	
#menu li.central a{
	background-image: url(/images/menu/7.gif);
	background-position:top;
	width: 166px;
	text-indent: -999999px;
	overflow: hidden;}

#menu li.central a:hover{
	background-position:bottom;}
	
/* ~~~~~~~~~~~~~~END MENU CODE~~~~~~~~~~~~~~~~ */

#header {
	float:left;
	width:995px;
	height:391px;
	position:relative;
}
	

/* ~~~~~~~~~~~~~~CONTENT~~~~~~~~~~~~~~~~ */
	
#content {
	width:906px;
	float:left;
	padding: 12px 26px 0 64px;
	background:url(/images/lo-contentbk.gif) no-repeat;
}

#contentbk {
	width:995px;
	float:left;
	padding: 0;
	background:url(/images/lo-cross.gif);
}

#contentip {
	width:795px;
	float:left;
	padding: 12px 145px 0 95px;
	background:url(/images/lo-contentbkip.gif) no-repeat;
}

#contentip p{
	margin: 0 0 1em 0;
	font-size:12px;
	line-height: 16px;
	padding: 0;
}

#contentbkip {
	width:995px;
	float:left;
	padding: 0;
	background:url(/images/lo-crossip.gif);
}

#box {
	width:200px;
	float:left;
	padding: 0 26px 0 0;
}

	
/* ~~~~~~~~~~~~~~FOOTER~~~~~~~~~~~~~~~~ */	
#footer {
	width:995px;
	background:url(/images/lo-footer.gif) no-repeat;
	height:50px;
	float:left;
}	
/* ~~~~~~~~~~~~~~CLASSES~~~~~~~~~~~~~~~~ */	
h1 {
	font-family: "Arial Narrow", Arial;
	font-size:28px;
	color:#000;
	margin:0;
	padding:0;
	font-weight:normal;
}

h1.h1-indo, h1.h1-mentawai, h1.h1-bali, h1.h1-nias, h1.h1-central-america, h1.h1-about, h1.h1-contact, h1.h1-specials {
	display:block;
	width:350px;
	height:0;
	overflow:hidden;
	padding:26px 0 0 0;
}
h1.h1-indo { background:url(/images/h1-boat-charters.gif) no-repeat; }
h1.h1-mentawai { background:url(/images/h1-mentawai.gif) no-repeat; }
h1.h1-bali { background:url(/images/h1-bali.gif) no-repeat; }
h1.h1-nias { background:url(/images/h1-nias-and-beyond.gif) no-repeat; }
h1.h1-central-america { background:url(/images/h1-central-america.gif) no-repeat; }
h1.h1-about { background:url(/images/h1-about-us.gif) no-repeat; }
h1.h1-contact { background:url(/images/h1-contact-us-booking-information.gif) no-repeat; }
h1.h1-specials { background:url(/images/h1-featured-specials.gif) no-repeat; }

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0;
	padding:10px 0 20px 0;
	color:#000000;
}
	
#footer-copy {
	text-align:right;
	color:#CCCCCC;
	margin:10px 0;
	padding:10px 0;
	clear:both;
}
#footer-copy a, #footer-copy a:link, #footer-copy a:active, #footer-copy a:visited { text-decoration:none; color:#CCCCCC; }
#footer-copy a:hover { color:#FF9900; }