html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background: #d5ead5 url(../images/bg.jpg) top repeat-x;
}

#page-wrapper-outer {
	width: 953px;
	margin: auto;
}

.clear-it {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

#header-l {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	width: 132px; 
	height: 176px; 
	font-size: 1px;
}

#header-r {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	width: 821px;
	height: 176px;
	background: url(../images/header-r.jpg);
	font-size: 1px;
}

/************** Nav ****************/

#nav {
	padding: 150px 0 0 0;
}

#nav ul {
	width: 769px; 
	height: 17px; 
	background: url(../images/nav.jpg) no-repeat 0 0;
	position: relative; /** Places image at the top of the page **/
	top: 0px; /** Determines the height from the top of the page **/
	left: 0px;
	list-style: none;
	margin: 0; padding: 0;
}
#nav li {
	display: inline;
}
#nav li a:link, #nav li a:visited {
	border: none;
	height: 17px; /** height of the button in active state **/
	display: block; 
	position: absolute; 
	top: 0; 
	text-indent: -7000px; /** Removes li text from the screen **/
	outline: none;
}


#nav li.services a:link, #nav li.services a:visited { 
	left: 0px;
	width: 98px;
}
#nav li.vessel a:link, #nav li.vessel a:visited { 
	left: 98px;
	width: 93px;
}
#nav li.bio a:link, #nav li.bio a:visited { 
	left: 191px;
	width: 129px;
}
#nav li.map a:link, #nav li.map a:visited { 
	left: 320px;
	width: 59px;
}
#nav li.rates a:link, #nav li.rates a:visited { 
	left: 379px;
	width: 80px;
}
#nav li.testi a:link, #nav li.testi a:visited { 
	left: 459px;
	width: 146px;
}
#nav li.links a:link, #nav li.links a:visited { 
	left: 605px;
	width: 70px;
}
#nav li.contact a:link, #nav li.contact a:visited { 
	left: 675px;
	width: 93px;
}


#nav li.services a:hover {
	background: url(../images/nav.jpg) no-repeat -0px -17px; 
}
#nav li.vessel a:hover {
	background: url(../images/nav.jpg) no-repeat -98px -17px; 
}
#nav li.bio a:hover {
	background: url(../images/nav.jpg) no-repeat -191px -17px; 
}
#nav li.map a:hover {
	background: url(../images/nav.jpg) no-repeat -320px -17px; 
}
#nav li.rates a:hover {
	background: url(../images/nav.jpg) no-repeat -379px -17px; 
}
#nav li.testi a:hover {
	background: url(../images/nav.jpg) no-repeat -459px -17px; 
}
#nav li.links a:hover {
	background: url(../images/nav.jpg) no-repeat -605px -17px; 
}
#nav li.contact a:hover {
	background: url(../images/nav.jpg) no-repeat -675px -17px; 
}


#nav li.services-on a:link, #nav li.services-on a:visited { 
	left: 0px;
	width: 98px;
	background: url(../images/nav.jpg) no-repeat -0px -17px;
}
#nav li.vessel-on a:link, #nav li.vessel-on a:visited { 
	left: 98px;
	width: 93px;
	background: url(../images/nav.jpg) no-repeat -98px -17px;
}
#nav li.bio-on a:link, #nav li.bio-on a:visited { 
	left: 191px;
	width: 129px;
	background: url(../images/nav.jpg) no-repeat -191px -17px;
}
#nav li.map-on a:link, #nav li.map-on a:visited { 
	left: 320px;
	width: 59px;
	background: url(../images/nav.jpg) no-repeat -320px -17px;
}
#nav li.rates-on a:link, #nav li.rates-on a:visited { 
	left: 379px;
	width: 80px;
	background: url(../images/nav.jpg) no-repeat -379px -17px;
}
#nav li.testi-on a:link, #nav li.testi-on a:visited { 
	left: 459px;
	width: 146px;
	background: url(../images/nav.jpg) no-repeat -459px -17px;
}
#nav li.links-on a:link, #nav li.links-on a:visited { 
	left: 605px;
	width: 70px;
	background: url(../images/nav.jpg) no-repeat -605px -17px;
}
#nav li.contact-on a:link, #nav li.contact-on a:visited { 
	left: 675px;
	width: 93px;
	background: url(../images/nav.jpg) no-repeat -675px -17px;
}



/************** Sub-Nav ****************/

#sub-nav-home {
	width: 953px;
	height: 23px; /*35*/
	padding: 12px 0 0 0;
	background: url(../images/sub-nav-bg.gif) repeat-x;
	text-align: center;
	font: bold 14px/16px arial, sans-serif;
	color: #333333;
}

#sub-nav {
	width: 953px;
	height: 23px; /*35*/
	padding: 12px 0 0 0;
	background: url(../images/sub-nav-bg.gif) repeat-x;
	text-align: center;
	font: bold 12px/14px arial, sans-serif;
	color: #669999;
}

#sub-nav a:link, #sub-nav a:visited {
	font: bold 12px/14px arial, sans-serif;
	color: #669999;
	text-decoration: none;
}

#sub-nav a:hover {
	color: #333300;
}

#sub-nav a.ison:link, #sub-nav a.ison:visited {
	font: bold 12px/14px arial, sans-serif;
	color: #333300;
	text-decoration: none;
}

#sub-nav a.ison:hover {
	color: #333300;
}

#no-sub-nav {
	width: 953px;
	height: 5px;
	background: url(../images/no-sub-nav-bg.gif) repeat-x;
	font-size: 1px;
	line-height: 1px;
}

/************** Content ****************/

#content-home {
	width: 953px;
	margin: 0;
	padding: 0;
	font-size: 1px;
}

#content {
	width: 953px;
	background: url(../images/body-bg.jpg) repeat-y;
	padding: 0;
}

#content-l {
	float: left;
	display: inline;
	width: 470px; /*550*/
	padding: 20px 55px 0 25px;
	color: #003300;
	font: 12px/20px arial, sans-serif;
}

#content-l a:link, #content-l a:visited {
	color: #990000;
	font: 12px/20px arial, sans-serif;
}

#content-l a:hover {
	color: #d20000;
}

#content-l .larger {
	font: bold 16px/20px arial, sans-serif;
	color: #990000;
}

#content-l .green {
	/*color: #003300;*/
}

#content-r {
	float: left;
	display: inline;
	width: 390px;
	padding: 35px 0 0 0;
	font: 12px/14px verdana, sans-serif;
	color: #000000;
}


/************** Footer ****************/

#footer {
	width: 953px; /*953*/
	height: 39px; /*39*/
	padding: 0px 0 0 0px;
	background: url(../images/footer-bg.jpg);
	color: #ccffcc;
	font: 11px/13px arial, sans-serif;
}

#footer #footer-l {
	width: 400px; /*550*/
	float: left;
	display: inline;
	text-align: center;
	padding: 7px 100px 0 50px;
}

#footer #footer-r {
	width: 403px; /*403*/
	padding: 15px 0 0 0;
	float: left;
	display: inline;
}

#footer a:link, #footer a:visited {
	color: #ccffcc;
	font: 11px/13px arial, sans-serif;
	text-decoration: none;
}

#footer a:hover {
	color: #add7ad;
}

/************** Footer 2 ****************/

#footer2 {
	width: 403px; /*953*/
	height: 24px; /*115*/
	padding: 91px 0 0 550px;
	color: #ccffcc;
	font: 11px/13px arial, sans-serif;
}

#footer2 a:link, #footer2 a:visited {
	color: #ccffcc;
	font: 11px/13px arial, sans-serif;
	text-decoration: none;
}

#footer2 a:hover {
	color: #add7ad;
}