/* Start of CMSMS style sheet 'GSP Main - 2010' */
/***** GSP MARINE STYLESHEET *****/
/***** Author:   Phil Morrow *****/


* {
	margin: 0;
	padding: 0;
	}

html, body {
	height: 100%;
}

body {
	background:#F9F9F3 url(./images/back-top.jpg) repeat-x top;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 90%;
	line-height: 150%;
	}

img {
	border: 0;
	}

#fleet img {
	padding: 8px 15px 2px 15px;
	}

table {
	margin: 15px;
	margin-top: 5px;
	}

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

td {
	padding: 3px 0;
	vertical-align: top;
	}

table img {
	padding: 0;
	}

#boatimages img, #boatimages-mav img {
	margin-bottom: 15px;
	margin-left: 25px;
	border: 1px solid #DBDCD6;
	padding: 10px;
	}

#boatimages img:hover, #boatimages-mav img:hover {
	border: 1px solid #3E6B8F;
	background-color: #F6F6EE;
	}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -5em; /* the bottom margin is the negative value of the footer's height */
	}

.header {
	margin: 0 auto;
	width: 560px;
	background: url(./images/logo.jpg) no-repeat top left;
	padding-left: 200px;
	height: 140px;
	}

#menu {
	padding: 0;
	margin: 0;
	width: 520px;
	height: 44px;
	position: relative;
	top: 96px;
	left: 40px;
}

#menu a {
	display: block;
	float: left;	
	height: 44px;
	width: 130px;
	}

#menu a.nmist	{	background: url(./images/nav-nmist.jpg) top left no-repeat;		}
#menu a.welc	{	background: url(./images/nav-welc.jpg) top left no-repeat;		}
#menu a.contact {	background: url(./images/nav-contact.jpg) top left no-repeat;	}
#menu a.navmav 	{	background: url(./images/nav-mav.jpg) top left no-repeat;	}

#menu a:hover {
	width: 130px;
	height: 44px;
	background-position: 0 -44px;
	}

.content {
	margin: 10px auto;
	width: 760px;
	color: #767676;
	}

.content p, .boatcontent p {
	text-align: justify;
	padding: 15px;
	padding-bottom: 0;
	}

.boatcontent {
	margin: 25px auto;
	width: 760px;
	color: #767676;
	background: #FBFBF8 url(./images/wide-tiled.gif) repeat-y center;
	}

.wide-content .first {
	background: url(./images/wide-top.gif) no-repeat left top;
	}

.wide-content {
	background: #FBFBF8 url(./images/wide-tiled.gif) repeat-y center;
	}

.wide-content .last {
	background: url(./images/wide-bottom.gif) no-repeat left bottom;
	padding-bottom: 13px;
	}

.welcome {
	background: url(./images/welcome.gif) no-repeat top left;
	padding-top: 35px;
	}

#boatimages { 
	padding-top: 195px;
	background: url(./images/nmist-floorplan.gif) no-repeat top right;
	width: 250px;
	float: left;
	}

#boatimages-mav {
	padding-top: 195px;
	background: url(./images/maverick-floorplan.gif) no-repeat top right;
	width: 250px;
	float: left;
	}

#boatinfo { 
	float: right;
	width: 470px;
	margin-top: -10px;
	}

#charters-title {
	background: #F9F9F3 url(./images/solentcharters.gif) no-repeat top left;
	height: 34px;
	width: 760px;
	}

#corporate-title {
	background: #F9F9F3 url(./images/corporateevents.gif) no-repeat top left;
	height: 34px;
	width: 760px;
	margin-top: 30px;
	}

#contactform { 
	margin-top: 25px;
	width: 470px;
	float: left;
	background: url(./images/mid-tiled.gif) repeat-y top center;
	}

#contactinfo { 
	margin-top: 50px;
	float: right;
	width: 250px;
	}

#contactform-top {
	height: 45px;
	width: 470px;
	background: url(./images/mid-top.gif) no-repeat top center;
	}

#contactform-bottom {
	height: 13px;
	width: 470px;
	background: url(./images/mid-bottom.gif) no-repeat top center;
	}

.boattop {
	height: 70px;
	width: 760px;
	margin: 0px auto;
	background: url(./images/wide-top-nm.gif) no-repeat top center;
	}

.boattop-mav {
	height: 70px;
	width: 760px;
	margin: 0px auto;
	background: url(./images/wide-top-mv.gif) no-repeat top center;
	}

.clearboat {
	clear: both;
	height: 13px;
	width: 760px;
	margin: 0px auto;
	background: url(./images/wide-bottom.gif) no-repeat top center;
	}

leftfloat {
	width: 350px;
	float: left;
	}

#location {
	width: 360px;
	background: #FBFBF8 url(./images/thin-tiled.gif) repeat-y center;
	}

#fleet { 
	width: 360px;
	background: #FBFBF8 url(./images/thin-tiled.gif) repeat-y center;
	}

#rightfloat {
	float: right;
	width: 360px;
	}

.boats {
	background: url(./images/boats.jpg) no-repeat top left;
	height: 236px;
	margin-bottom: 20px;
	margin-top: 30px;
	width: 360px;
	}

#about { 
	width: 360px;
	background: #FBFBF8 url(./images/thin-tiled.gif) repeat-y center;
	}

#about p {
	line-height: 180%;
	}

#fleet-title {
	background: #F9F9F3 url(./images/currentfleet.gif) no-repeat top left;
	height: 34px;
	width: 360px;
	margin-top: 20px;
	}

#about-title {
	background: #F9F9F3 url(./images/aboutus.gif) no-repeat top left;
	height: 34px;
	width: 360px;
	}

#location-title {
	background: #F9F9F3 url(./images/location.gif) no-repeat top left;
	height: 43px;
	width: 360px;
	margin-top: 15px;
	}

#location .last {
	font-size: 11px;
	font-style: italic;
	background: url(./images/thin-bottom.gif) no-repeat left bottom;
	padding: 5px 15px 13px 15px;
	}
	

#map {
	width: 330px;
	height: 330px;
	margin: 5px auto 0 auto;
	}

#about .first, #fleet h3 {
	background: url(./images/thin-top.gif) no-repeat top left;
	}

#fleet p {
	padding: 15px;
	padding-bottom: 0;
	}

#fleet h3 {
    text-indent: -9999px;
	display: block;
	height:12px;
	}

#fleet a {
	display: block;
	text-align: right;
	font-size: 85%;
	text-decoration: underline;
	color: #3E6385;
	}

a.boxlink {
	display: block;
	text-align: center;
	padding: 10px;
	text-decoration: underline;
	color: #3E6385;
	background: #F3F3EB;
	margin-top: 12px;
	}

#fleet a:hover {
	text-decoration: none;
	}

a.boxlink:hover {
	text-decoration: none;
	background: #EAEDEE;
	}

p.small {
	padding-top: 0;
	margin-left: 15px;
	margin-top: 15px;
	font-size: 85%;
	font-style: italic;
	padding-left: 25px;
	background: url(./images/pdf.gif) no-repeat top left;
	}

a.small-link {
	text-decoration: underline;
	color: #3E6385;
	}

a.small-link:hover {
	text-decoration: none;
	}

#about .last, #fleet .last {
	background: url(./images/thin-bottom.gif) no-repeat left bottom;
	padding-bottom: 13px;
	}

.clear {
	clear: both;
	height: 43px;
	width: 100px;
	margin: 20px auto;
	background: url(./images/hr.gif) no-repeat top center;
	}

.footer, .push {
	height: 5em; /* .push must be the same height as .footer */
	}

.footer {
	background:#352E2C url(./images/back-footer.jpg) repeat-x top;
	text-align: center;
	color: #645F5C;
	}

.footer p {
	font-size: 85%;
	padding-top: 8px;
	}

.footer a {
	color: #645F5C;
	text-decoration: underline;
	}

.footer a:hover {
	text-decoration: none;
	}

/* End of 'GSP Main - 2010' */