@import url(menu.css);


body {
	background: #4D1A0D url(../images/background.png) repeat-x;
	font-family: "Lucida Grande", Candara, tahoma;
}

* {
	margin: 0px;
	padding: 0px;
}

a img {border:none;}
a, a:active{
	outline: none;
	color: #980707;
}


#container {
	width: 940px;
	margin: 0px auto 30px auto;
	background: #fff;
	border-top: 0px none #980707;
	border-right: 4px solid #980707;
	border-bottom: 4px solid #980707;
	border-left: 4px solid #980707;
}
#header {
	background: url(../images/topbar.jpg) no-repeat;
	height: 239px;
	color: #fff;
	padding: 30px 30px 0 525px;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 40px;
	letter-spacing: 0.1em;
	margin: 0px 0 9px 0;
}
h2 {
	color: #980707;
	font-size: 20px;
	padding-bottom: 12px;
}

h2.whatnow {
	clear: both;
	padding-top: 12px;
}

h3 {
	font-size: 17px;
	color: #585858;
	margin: 0 0 2px 0;
}

p {
	font-size: 16px;
	margin: 0 0 12px 0;
	line-height: 24px;
}

p.intro {
	line-height: 28px;
	font-size: 14px;
}

b { color: #980707; }

#content {
	background: url(../images/propeller.png) no-repeat right bottom;
	min-height: 380px;
}

#sub-fenders {
	float: left;
	width: 283px;
	background: url(../images/sub-fenders.jpg) no-repeat;
	margin: 0 22px;
}

#sub-ropework {
	float: left;
	width: 283px;
	background: url(../images/sub-ropework.jpg) no-repeat;
}

#sub-mooring-ropes {
	background: url(../images/sub-mooringropes.jpg) no-repeat;
	float: left;
	width: 283px;
	margin: 0 22px;
}
.index-box { height: 480px; }
.index-box h2 {
	font-size: 20px;
	color: #B30000;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #999;
}
.index-box-link {
	display: block;
	height: 240px;
	text-indent: -9999px;
}
#content2 {
	clear: both;
	border-top: 1px solid #999;
	margin: 20px;
	padding: 12px 150px 0 0;
}

#footer {
	background: #980707;
	height: 30px;
	padding: 12px 0px 0 6px;
}

#footer a {
	color: #FFF;
	text-decoration: none;
	font-size: 13px;
	padding: 0 12px;
}

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

.left {
	float: left;
	margin-right: 12px;
}

img.border { border: 4px solid #591509; }

div.product {
	clear: both;
	padding: 12px 0 0px 0;
}

div.product img {
	float: left;
	border: 1px solid #591509;
	margin-right: 12px;
}