@charset "utf-8";
/* CSS Document */

html {
	/* Always show a scrollbar for short pages. non-ie browsers */
    height: 100%;
	margin-bottom: 1px;
	/* IE hack */
	font-size: 100%;
	overflow-x: hidden; 
}

body {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font: 62.5% Arial, Helvetica, sans-serif;
	background: #FFFFFF url(../images/template/bk-spread.gif) no-repeat center top;
}

a {
	color: #00abe4;
	text-decoration: underline;
}
a:hover {
	color: #0099CC;
	text-decoration: underline;
}
form {
	display: inline;
}


.page-top-stripe {
	width: 100%;
	padding: 0px;
	margin: 0px;
	background: url(../images/template/top-stripe-blue.png) repeat-x;
	height: 103px;

}

.page-top-cont {
	width: 940px;
	margin: auto;
}

.page-holder {
	width: 920px;
	padding: 0 10px;
	margin: 0 auto;
	
	
}
.main-logo {
	margin: 0px;
	padding: 0px 0px 10px;
	float: left;
	height: 80px;
	width: 160px;
	background: url(../images/template/main-logo.gif) no-repeat;
}
.strapline {
	margin: 0px;
	padding: 0px 0px 10px;
	float: right;
	height: 80px;
	width: 350px;
}
.main-nav {
	background: url(../marina/images/template/mainnav/nav-bk.gif) repeat-x;
	margin: -7px 0px 5px;
	padding: 0px 10px 0px 0px;

	height: 30px;
	width: 910px;
	list-style-image: none;
	list-style-type: none;
}
.main-nav li {
	display: inline;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 30px;
}
.main-nav .link-portal {
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px 85px 0px 15px;
	padding: 8px 0px 0px;
	float: left;
	height: 22px;
	width: 100px;
}
.main-nav .link-contact {
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px 10px 0px 23px;
	padding: 8px 0px 0px;
	float: left;
	height: 22px;
	width: 100px;
}

.main-nav li {
	display: inline;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 30px;
}
.main-nav li.first {
float: left;
}

.main-nav .telephone {
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	color: #00abe4;
	text-decoration: none;
	margin: 0px 0px 0px 5px;
	padding: 6px 0px 0px 10px;
	float: right;
	height: 24px;
}

.main-nav .link-off {
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px 0px 0px 5px;
	padding: 6px 20px 0px 10px;
	float: left;
	height: 24px;
	background: url(../marina/images/template/mainnav/dot-off.gif) no-repeat right center;
}
.main-nav .link-off:hover {
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	color: #00abe4;
	text-decoration: none;
	margin: 0px 0px 0px 5px;
	padding: 6px 20px 0px 10px;
	float: left;
	height: 24px;
	background: url(../marina/images/template/mainnav/dot-off.gif) no-repeat right center;
}
.main-nav .link-on {
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px 0px 0px 5px;
	padding: 6px 20px 0px 10px;
	float: left;
	height: 24px;
	background: url(../marina/images/template/mainnav/dot-on.gif) no-repeat right center;
}


.main-nav a:hover {
	color: #0099CC;
	text-decoration: none;
}


.footer {
	margin: 10px 0 0 0;
	padding: 38px 0 0px;
	float: left;
	width: 100%;
	font-size: 1.2em;
	color: #999999;
	background: url(../../images/template/footer-stripe.gif) repeat-x;
	height: 410px;
	text-align: center;
	display: inline;
}




/************ JONNY WAS HERE ****************/

#productsTop {
overflow: hidden;
width: 100%;
}

#productsBottom {
margin: 10px 0 0 0;
overflow: hidden;
width: 100%;
}


.txtLeft {
	width: 310px;
	height: 290px;
	padding: 20px 20px;
	font-size: 1.2em;
	color: #fff;
	float: left;
	margin: 0 10px 0 0;
}

#productsTop .txtLeft {
	background: url(../images/template/marina-products.jpg) no-repeat;
}

#productsBottom .txtLeft {
	background: url(../images/template/leisure-products.jpg) no-repeat;
}

.imgBox {
	float: left;
	width: 560px;
	height: 330px;
}

.txtLeft p {
	width: 300px; 
	margin: 15px 0; padding: 0;
}

#productsTop {
	
}

#productsTop .txtLeft h2 {
	background: url(../images/template/marina-products-text.gif) top left no-repeat;
	text-indent: -9999px;
	padding: 0; margin: 0;
}

#productsTop .latestNews {
	background: url(../images/template/latest-news-marina.jpg) no-repeat;
}

#productsBottom .latestNews {
	background: url(../images/template/latest-news-leisure.jpg) no-repeat;
}

#productsBottom .txtLeft h2 {
	background: url(../images/template/leisure-products-text.gif) no-repeat;
	text-indent: -9999px;
	padding: 0; margin: 0;
}


.latestNews {
	width: 940px;
	height: 100px;
	float: left;
	color: #fff;
	font-size: 1.2em;
	margin: 10px 0 0 0;
}

.latestNews h3 {
	padding: 8px 0 5px; margin: 0;
}

.latestNews p {
	margin: 0;
	padding: 0;
}

.latestNews a {
	color: #fff;
}

a.view {
	display: block;
	width: 100px;
	height: 80px;
	float: left;
	margin: 10px 0 0 0;
	text-indent: -9999px;
}

.latestNewsCont {
	width: 420px;
	margin: 0 0 0 380px;
	float: left;
}

.txtLeft .dotted {
	border-top: 1px dotted #fff;
	border-bottom: 1px dotted #fff;
	width: 190px;
	padding: 10px 0;
	font-size: .9em;
}

.txtLeft ul {
	margin: 0;
	width: 200px;
	padding: 0 0 0 0;
	overflow: hidden;
	font-size:.9em;
}

.txtLeft li {
	float: left;
	padding: 0 10px 0 0;
	list-style-position: inside;
}

.txtLeft a {
	font-weight: bold;
	text-decoration: underline;
	color: #fff;
}

.txtLeft .dotted strong {
	width: 100%;
	display: block;
	font-size: 1.6em;
}



.footerLinks {
	height: 146px;
	width: 940px;
	margin: 0 auto 20px auto;
	padding: 10px 0 0 50px;
	background: url(../images/template/footer-stripe-cat.gif) repeat-x;
}

.footerLinks ul {
	padding:10px 0 0 0; margin: 0 0 0 20px;
	font-size: 1.1em;
	width:870px;
	overflow: hidden;
	float: left;
}

.footerLinks li {
	list-style-type: none;
	float: left;
	padding: 0 5px 0 0;
	margin: 0 0 10px 0;
}

.footerLinks li a {
	display: block;
	float: left;
	text-decoration: none;
	padding: 0 5px 0 0;
}

#footerBottom {
background: url(../images/template/footer-bg-green.gif) center no-repeat;
color: #caf995;
margin-bottom: 55px;
}

#footerBottom a {
	color: #caf995
}


#footerBottom h4 {
	background: url(../images/template/leisure-product-cats.gif) no-repeat;
	width: 382px;
	height: 37px;
	text-indent: -9999px;
	margin: 0 0 0 20px;
	display: block;
	float: left;
}

#footerTop {
background: url(../images/template/footer-bg-blue.gif) center no-repeat;
color: #41c6f3;
}

#footerTop h4 {
	background: url(../images/template/marina-product-cats.gif) no-repeat;
	width: 282px;
	height: 37px;
	text-indent: -9999px;
	margin: 0 0 0 20px;
	display: block;
	float: left;
}

#footerTop a {
	color: #41c6f3;
}