/* Template by # */
@font-face {
	font-family: 'BookAntiqua-Bold';
	src: url('../fonts/antquab.eot');
	src: url('../fonts/antquab.eot?#iefix') format('embedded-opentype'), url('../fonts/antquab.woff') format('woff'), url('../fonts/antquab.ttf') format('truetype'), url('../fonts/antquab.svg#antquab') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	background: #0d3c57 url(../images/bg-body.jpg) repeat-x center top;
	font-family: Arial;
	margin: 0px;
}
img {
	border:0;
}
#page {
	height: auto;
	margin: 0 auto;
	width: 960px;
}
#logo, #footnote a.logo {
	background:url(../images/logo.png) no-repeat;
	display:block;
}
#connect ul li a, #content #main div div input.submit {
	background:url(../images/icons.png) no-repeat;
}
#header {
	background: url(../images/bg-headliner.jpg) no-repeat left 72px;
	width: 960px;
	margin: 0px auto;
	position: relative;
}
#login, #service {
	height:auto;
	width:auto;
	list-style-type:none;
	margin-bottom:15px;
	margin-top:30px;
	padding:0 10px
}
#login {
	float:left;
}
#service {
	float:right;
}
#login li, #service li {
	float:left;
	line-height: 25px;
	margin-left:20px;
}
#login li.first, #service li.first {
	margin-left:0;
}
#login li a, #service li a {
	color:#074f69;
	text-decoration:none;
}
#login li a:hover, #service li a:hover, #login li.selected a, #service li.selected a {
	/* color:#932e0c; */
	font-weight:bold;
}
#login li span, #service li span {
	color:#074f69;
	font-size: 22px;
	padding-left: 20px;
}
#header div {
	clear:both;
	height:126px;
	width:929px;
	padding-right: 31px;
	position:relative;
}
#logo {
	float:left;
	background-position:0 0;
	height:81px;
	width:254px;
	margin-left:10px;
	margin-top:18px;
}
#header div div {
	height:auto;
	width:200px;
	padding-right:25px;
	padding-top:15px;
	position:absolute;
	right:30px;
	top:0;
}
#header div div p {
	color:#d3d3d3;
	margin:0;
	text-align:right;
}
#navigation {
	list-style-type:none;
	margin:0;
	padding:15px 0 0 25px;
}
#navigation li {
	float:left;
	line-height:25px;
	margin:0 10px;
}
#navigation li a {
	color:#d3d3d3;
	font-size:14px;
	line-height:24px;
	padding:0 10px;
	text-decoration:none;
	text-shadow:-1px -1px #000;
}
#navigation li:hover, #navigation li.selected {
	background-color:#011a1d;
	border-bottom:1px solid #000;
}
#navigation li a:hover, #navigation li.selected a {
	color:#e0df9d;
}
/*------------------------- Content -------------------------*/ 
#content {
	height:auto;
	width:auto;
	min-height:480px;
}
#content p, #content p a {
	color:#868466;
	font-size:14px;
	line-height:24px;
}
#content #navigation {
	background:url(../images/bg-content-menu.jpg) no-repeat;
	height:42px;
	width:610px;
	position:relative;
}
#content div.header {
	background-color:#f8f4e3;
	border-radius:5px;
	height:445px;
	margin:-5px 0px 35px 10px;
}
#content div.header h2, #content #main h2 {
	color:#9f3805;
	font-family:BookAntiqua-Bold;
	font-size:20px;
	line-height:24px;
	margin:0 0 12px;
}
div.purchase {
	font-size:14px;
	height:24px;
	line-height:24px;
	width:156px;
	margin:0px auto;
	position:relative;
	text-align:center;
}
div.purchase span, div.purchase a {
	float:left;
	background-color:#006864;
	color:#fff;
	height:24px;
	width:78px;
	border-radius:5px 0 0 5px;
	text-shadow:none;
}
div.purchase a {
	float:right;
	background-color:#213d47;
	border-radius:0 5px 5px 0;
	text-decoration:none;
}
div.purchase a:hover {
	background-color: #0f242c;
}
#products {
	float:left;
	width:180px;
	padding:15px 25px 10px;
	min-height:405px;
	text-align:center;
}
#products ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#products ul li {
	margin-top:20px;
}
#products ul li.first {
	margin-top:0;
}
#products ul li {
	color:#213e47;
	font-size:14px;
}
#products ul li img {
	border:1px solid #e9e7c9;
	margin-top:6px;
}
#products ul li div.purchase {
	margin:-18px auto 0;
}
#figure {
	float:left;
	background:url(../images/frame.jpg) no-repeat;
	height:450px;
	width:440px;
	margin-top:-14px;
	padding:10px;
	position:relative;
}
#figure div {
	width:36px;
	position:absolute;
	top:26px;
	right:11px;
}
#figure div a {
	background:url(../images/buttons.gif) no-repeat;
	display:block;
}
#figure div a.equipments {
	background-position:-46px 0;
	height:139px;
	width:36px;
	margin-top:3px;
}
#figure div a.boats {
	background-position:0 0;
	height:89px;
	width:36px;
}
#updates {
	float:left;
	height:auto;
	width:194px;
	margin:15px 20px;
	min-height:390px;
}
#updates ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#updates ul li.first {
	border:none;
	margin:0;
	padding:0;
}
#updates ul li {
	line-height:24px;
	border-color:#ccc8b9;
	border-style:solid none none;
	border-width:1px;
	margin-top:10px;
	padding-top:10px;
}
#updates ul li > a {
	color:#213e47;
	display: block;
	font-size: 14px;
	margin: 0;
	text-align:justify;
	text-decoration: none;
}
#updates ul li a:hover {
	text-decoration: underline;
}
#updates ul li span {
	color:#868466;
	font-size:12px;
	text-align:justify;
}
#updates ul li span a {
	color:#868466;
	text-decoration:none;
}
#content #main {
	background-color:#F8F4E3;
	display:inline-block;
	height:auto;
	border-radius:5px;
	margin-left:10px;
	margin-top:-47px;
	padding:47px 14px 30px;
}
#content #main div {
	float:left;
	height:auto;
	width:auto;
}
#content #main div p {
	margin:15px 0;
	padding-left:10px;
}
#content #main div p a {
	color:#868466;
}
#content #main div#featured {
	width: 668px;
}
#content #main div#featured h2 {
	margin:24px 0 0;
	padding-left:10px;
}
#content #main div#featured ul {
	display:inline-block;
	height:auto;
	list-style-type:none;
	margin:0;
	padding:0;
}
#content #main div#featured ul li {
	float:left;
	width:166px;
	text-align:center;
}
#content #main div#featured ul li img {
	border:1px solid #e9e7c9;
	margin:0 0 10px;
}
#content #main div#featured ul li a {
	color:#213e47;
	display:block;
	font-size:14px;
	line-height:20px;
	margin:0 auto 10px;
	padding: 0 10px;
	text-decoration:none;
	text-shadow:1px 1px #fff;
}
#content #main div#featured ul li p {
	font-size:12px;
	line-height: 18px;
	width:auto;
	margin:0;
	padding:0 10px;
}
#content #main div div {
	float: none;
	height:auto;
	width:230px;
	padding-left:23px;
}
#content #main div div h2 {
	line-height:24px;
	padding-right:70px;
}
#content #main div div p {
	color:#868466;
	font-size:14px;
	line-height:23px;
	width:auto;
	margin:0;
	padding:0 0 6px;
}
#content #main div div form {
	height:30px;
	width:230px;
}
#content #main div div input.input {
	float:left;
	color:#ababab;
	font:12px/18px Arial, Helvetica, sans-serif;
	height:18px;
	width:215px;
	border:1px solid #e3ddc1;
	padding-bottom:5px;
	padding-left:10px;
	padding-top:5px;
}
#content #main div div input.submit {
	float:left;
	background-position:-119px -204px;
	cursor:pointer;
	height:14px;
	width:15px;
	border:0;
	margin-left:-22px;
	margin-top:8px;
}
#content #main div div input.submit:hover {
	background-position:-119px -170px;
}
#content #main div div.first {
	height:auto;
	width:230px;
	margin-bottom:40px;
}
#content #main div div.first h2 {
	padding-right:30px;
}
/*------------------------- Inner Pages -------------------------*/
#header #navigation {
	position:absolute;
	bottom:25px;
	right:41px;
}
#contents {
	display:inline-block;
	background-color:#f8f4e3;
	border-radius:5px;
	min-height:900px;
	width:950px;
	margin:-5px 0px 35px 10px;
	padding:0px 0px 30px;
}
#contents div {
	margin:30px 0;
	padding:0 30px;
}
#contents div.purchase {
	margin:0 auto;
}
#contents h2, #contents .highlight h2 {
	color:#9f3805;
	font-family:BookAntiqua-Bold;
	font-weight:normal;
	margin:30px 0;
	padding:0 30px;
	text-transform:uppercase;
}
#contents h4 {
	color: #817c66;
	margin:0 0 15px;
	text-transform:uppercase;
}
#contents h5 {
	color:#274346;
	font-size:14px;
	line-height:24px;
	margin:0;
	text-shadow:1px 1px #fff;
	text-transform:uppercase;
}
#contents p, #contents p a {
	color:#88836f;
	font:14px/24px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 24px;
	text-align:justify;
}
#contents p a:hover {
	color:#6e6420;
}
#contents b {
	color:#274346;
	display:block;
	line-height:28px;
	margin-bottom:20px;
}
/*------------------------- About us Page -------------------------*/
#contents div.highlight {
	background-color:#918f80;
	padding:30px 30px 0;
}
#contents div.highlight h2 {
	color:#fff;
	font-size:20px;
	line-height:24px;
	margin:0px 0 15px;
	padding:0;
}
#contents div.highlight p, #contents div.highlight p a {
	color:#e5e4e1;
	line-height: 28px;
	padding:0 0 30px;
}
#contents div.highlight p a:hover {
	color:#fffac2;
}
/*------------------------- Blog Page -------------------------*/
#blog .section {
	float:left;
	width:650px;
	margin:0 30px 0 0;
	padding:0;
}
#contents #blog b {
	font:bold 14px/24px Arial, Helvetica, sans-serif;
	margin:0;
	text-shadow:1px 1px #fff;
}
#blog .sidebar {
	float:right;
	width:210px;
	margin:0;
	padding:0;
}
#blog .sidebar ul {
	margin:0;
	color:#88836f;
	font-size:x-small;
	margin:0 0 30px;
	padding-left:15px;
}
#blog .sidebar ul li a {
	color:#88836f;
	font:14px/24px Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-shadow:1px 1px #fff;
}
#blog .sidebar ul li a:hover {
	text-decoration:underline;
}
/*------------------------- Product and Clearance Page -------------------------*/
#contents div.products {
	padding:0;
}
#contents div.products h2 {
	padding-left:30px;
}
#contents div.products p {
	padding:0 30px 20px;
}
#contents div.products ul {
	display:inline-block;
	list-style-type:none;
	margin:18px 0 0;
	padding:0;
}
#contents div.products ul li {
	float:left;
	height:340px;
	width:237px;
	margin:0 0 50px;
	text-align:center;
}
#contents div.products ul li > a {
	float:left;
	display:inline-block;
	height:185px;
	border-bottom:1px solid #fff;
	margin:0 30px 10px;
}
#contents div.products ul li > a:hover {
	filter:alpha(opacity=80);
	opacity:0.8;
}
#contents div.products ul li img {
	border:1px solid #e9e7c9;
}
#contents div.products ul li em {
	color:#213e47;
	font:14px/24px Arial, Helvetica, sans-serif;
	display:block;
}
#contents div.products ul li p {
	line-height:22px;
	width:156px;
	text-align:center;
}
/*------------------------- Featured Products Page -------------------------*/
#contents div.featured {
	padding:0;
}
#contents div.featured h2 {
	padding-left:30px;
}
#contents div.featured p {
	padding:0 30px 20px;
}
#contents div.featured ul {
	display:inline-block;
	list-style-type:none;
	margin:0;
	padding:0;
}
#contents div.featured ul li {
	float:left;
	height:240px;
	width:475px;
	margin:0 0 50px;
}
#contents div.featured ul li > a {
	float:left;
	display:inline-block;
	height:185px;
	border-bottom:1px solid #fff;
	margin:0 20px 10px 30px;
}
#contents div.featured ul li > a:hover {
	filter:alpha(opacity=80);
	opacity:0.8;
}
#contents div.featured ul li img {
	border:1px solid #e9e7c9;
}
#contents div.featured ul li em {
	color:#1e363a;
	display:block;
	font-style:normal;
	margin-bottom:10px;
}
#contents div.featured ul li p {
	min-height:164px;
	line-height:22px;
	*padding-left:0;/** Needed for IE7 **/
}
#contents div.featured ul li div.purchase {
	margin:0 0 0 19px;
}
/*------------------------- Gift Card Page -------------------------*/
#contents div.gift-card img {
	float:right;
	margin-right:30px;
}
#contents div.gift-card ul {
	color:#2f3d3e;
	list-style-type:none;
	margin:0;
	padding:0 10px;
}
#contents div.gift-card ul li {
	background:url(../images/arrow.jpg) no-repeat left center;
	color:#213e47;
	font:bold 14px/24px Arial, Helvetica, sans-serif;
	padding-left:30px;
}
/*------------------------- Help Page -------------------------*/
#contents div.help ul {
	color:#868466;
	margin:0 0 50px;
	padding-left: 15px;
}
#contents div.help ul li p {
	padding-bottom:0;
	padding-left:8px;
}
/*------------------------- Sign in page -------------------------*/
#contents #sign-in {
	background-color:#ffffff;
	color:#88836f;
	height:258px;
	width:470px;
	border:1px solid #e9e7c9;
	border-radius:5px;
	margin:100px auto;
	padding:0;
}
#sign-in h2 {
	border-bottom:1px solid #754133;
	margin:20px 0 30px;
	padding-bottom:20px;
	padding-left:40px;
}
#sign-in form {
	width:390px;
	margin:0 auto;
}
#sign-in form label {
	display:inline-block;
	font:14px/24px Arial, Helvetica, sans-serif;
	width:80px;
}
#sign-in form input.txtfield {
	height: 26px;
	width: 298px;
	line-height:26px;
	border:1px solid #e9e7c9;
	margin: 0 0 20px;
	padding: 2px;
}
#sign-in input.button {
	float:right;
	background-color:#8f8e7f;
	color:#fff;
	cursor: pointer;
	font:14px/24px Arial, Helvetica, sans-serif;
	border: 0px;
	border-radius:4px;
	margin: 0px;
	padding: 4px 10px;
}
#sign-in input.button:hover {
	background-color: #868466;
}
/*------------------------- Register page -------------------------*/
#contents div.registration form table {
	color:#88836f;
	border-collapse:separate;
	margin-top:20px;
}
#contents div.registration form table tbody tr td {
	vertical-align: top;
	padding:5px;
}
#contents div.registration form table tbody tr td:first-child label {
	display:block;
	font:14px/24px Arial, Helvetica, sans-serif;
	text-align:right;
}
#contents div.registration form table tbody tr td input.txtfield {
	color:#ababab;
	font:14px/24px Arial, Helvetica, sans-serif;
	height: 26px;
	width: 298px;
	line-height:26px;
	border:1px solid #b4b198;
	margin: 0px;
	padding: 2px;
}
#contents div.registration form table tbody tr td.checkbox label {
	cursor:pointer;
	margin-left:142px;
	text-align:left;
}
#contents div.registration form table tbody tr td.checkbox input {
	border:1px solid #b4b198;
	margin-right:8px;
	padding:0px;
}
#contents div.registration form table tbody tr td textarea {
	color:#ababab;
	font:14px/24px Arial, Helvetica, sans-serif;
	height:52px;
	width:300px;
	border:1px solid #b4b198;
	overflow:auto;
	resize:none;
}
#contents div.registration form table tbody tr td.last {
	padding-left:144px;
}
#contents div.registration form table tbody tr td input.button {
	background-color:#8f8e7f;
	color:#fff;
	cursor: pointer;
	font:14px/24px Arial, Helvetica, sans-serif;
	border: 0px;
	border-radius:4px;
	margin: 0 0 8px;
	padding: 4px 10px;
}
#contents div.registration form table tbody tr td input.button:hover {
	background-color: #868466;
}
#contents div.registration form table tbody tr td.last span {
	display:block;
}
/*------------------------- Footer -------------------------*/
#footer {
	background:url(../images/footer-bg.png) no-repeat top left;
	display:inline-block;
	width:940px;
	margin:43px auto 0;
	padding:0 10px 30px;
}
#footer #footnote {
	float:left;
	width:312px;
	text-align:center;
}
#footer #footnote a.logo {
	background-position:0 -91px;
	height:81px;
	width:254px;
	margin:0 auto 30px;
}
#footer #footnote span {
	color:#5286a3;
	font-size:12px;
	line-height:20px;
	text-shadow:0 1px 1px #093046;
}
#footer div.navigation {
	float:left;
	display:inline-block;
	text-align:center;
}
#footer div.navigation div {
	float:left;
	width:106px;
	margin-left:50px;
	text-align:left;
}
#footer div.navigation ul {
	list-style:none;
	margin:0;
	padding:0;
}
#footer div.navigation ul li {
	line-height:26px;
}
#footer div.navigation div h3, #connect h3 {
	color:#5286a3;
	font-family:BookAntiqua-Bold;
	font-size:14px;
	line-height:20px;
	margin:0 0 5px;
	text-shadow:-1px 2px #093046;
	text-transform:uppercase;
}
#footer div.navigation ul li a {
	color:#5286a3;
	font-size:12px;
	line-height:20px;
	text-decoration:none;
	text-shadow:-1px 2px #093046;
}
#footer div.navigation ul li a:hover, #footer div.navigation ul li.selected a {
	color:#7cbadd;
}
#connect {
	float:left;
	width:195px;
	margin-left:80px;
}
#connect ul {
	display:inline-block;
	margin:15px 0;
	padding:0;
}
#connect ul li {
	float:left;
	list-style-type:none;
}
#connect ul li a {
	display:block;
	height:44px;
	width:65px;
}
#connect ul li a.fb {
	background-position:-89px 0;
	width:40px;
	margin:0 10px 0 0;
}
#connect ul li a.twitter {
	background-position:-75px -55px;
}
#connect ul li a.googleplus {
	background-position:-75px -108px;
	margin:0 0 0 10px;
}
#connect ul li a.fb:hover {
	background-position:-14px 0;
	width:40px;
	margin:0 10px 0 0;
}
#connect ul li a.twitter:hover {
	background-position:0 -55px;
}
#connect ul li a.googleplus:hover {
	background-position: 0 -108px;
	margin:0 0 0 10px;
}
