body {
	text-align: left;
	background: #eee url(images/sect-b-stripes.gif) repeat-x left top;
}

#container {
	width: 769px;
	text-align: left;
	background: white;
}

#logo {
	width: 768px;
	height: 64px;
	position: relative;
}

#logo a, #logo a span {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 768px;
	height: 64px;
	background: white url(images/sect-t-clarks.gif) no-repeat left top;
}

#page-title {
	height: 80px;
	background: white;
	position: relative;
}

#page-title h1 {
	margin: 0px;
}

#page-title img {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
}

.nav {
	background: #6cbd9d url(images/sect-n-nav.gif) no-repeat 0px 0px;
	height: 32px;
	width: 768px;
}

.nav ul {
	margin: 0px;
	padding: 0px 0px 0px 118px;
}

.nav ul li {
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style: none;
}

.nav ul li a {
	display: block;
	float: left;
	height: 32px;
	position: relative;
	background: url(images/sect-n-nav.gif) no-repeat 0px 0px;
}

.nav ul li a span {
	display: block;
	width: 100%;
	height: 32px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(images/sect-n-nav.gif) no-repeat 0px 0px;
	cursor: pointer;
}

#link-charters a, #link-charters a span { width: 140px; background-position: -118px 0px; }
#link-charters a:hover span, body.charters #link-charters a span { background-position: -118px -32px; }
#link-fleet a, #link-fleet a span { width: 84px; background-position: -258px 0px; }
#link-fleet a:hover span, body.fleet #link-fleet a span { background-position: -258px -32px; }
#link-testimonials a, #link-testimonials a span { width: 106px; background-position: -342px 0px; }
#link-testimonials a:hover span, body.testimonials #link-testimonials a span { background-position: -342px -32px; }
#link-itineraries a, #link-itineraries a span { width: 93px; background-position: -448px 0px; }
#link-itineraries a:hover span, body.itineraries #link-itineraries a span { background-position: -448px -32px; }
#link-about a, #link-about a span { width: 79px; background-position: -541px 0px; }
#link-about a:hover span, body.about #link-about a span { background-position: -541px -32px; }
#link-contact a, #link-contact a span { width: 95px; background-position: -620px 0px; }
#link-contact a:hover span, body.contact #link-contact a span { background-position: -620px -32px; }
#link-home a, #link-home a span { width: 53px; background-position: -715px 0px; }
#link-home a:hover span { background-position: -715px -32px; }

#body {
	padding-top: 2ex;
	padding-left: 118px;
	line-height: 1.8;
}

#body p {
	margin: 0px 8px 2ex;
}

#body ul {
	margin: 0px 8px 2ex;
	padding: 0px;
}

#body ul li {
	margin: 0px 0px 1ex;
	padding: 0px 0px 0px 24px;
	display: block;
	list-style: none;
	background: url(images/main-b-bullet.gif) no-repeat 8px 7px;
}

#body h3 {
	border-bottom: 1px solid #6CBD9D;
	margin: 2ex 8px 2ex;
	padding: 0px;
	font-size: 11px;
}

#body h3 span {
	border-bottom: 3px solid #6CBD9D;
	padding-bottom: 4px;
}

#footer {
	padding-left: 126px;
}

table.contact {
	position: relative;
	left: -100px;
}

table.contact td {
	vertical-align: top;
}

table.contact label {
	display: block;
	text-align: right;
	width: 92px;
	font-weight: bold;
}

table.contact input.text,
table.contact textarea {
	width: 300px;
	font: 11px Verdana, sans-serif;
	border: 1px solid #6CBD9D;
	background: #eee;
}

table.contact input.button {
	font: 11px Verdana, sans-serif;
	font-weight: bold;
	background: #6CBD9D;
	border: 1px solid #365E4E;
	border-color: #B5DDCD #365E4E #365E4E #B5DDCD;
	color: white;
}