* {
	font-style: normal;
	text-decoration: none;
	text-align: left;
	text-indent: 0;
	margin: 0;
	padding: 0;
	}	
body {
	color: #fff;
	margin: 0; padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	font-size: 94%;
	line-height: 1.5;
	background: #04162E url(images/waves-BG.jpg) repeat-x top center;
}

:link,:visited {text-decoration: none;}
a img,:link img,:visited img, fieldset {border: none;}
address {font-style: normal;}
acronym { cursor: help; border-bottom: 1px dotted; font-weight: inherit; }
strong { font-weight: bold; }
legend { display: none;	}
label { display: block; }

a:link {color: #fff}
a:visited {color: #eee;}
a:hover {text-decoration: underline}
a:active {font-weight: bold; font-style: italic;}

div#container {
	width: 950px;
	margin: 0 auto;
}

div#header {
	width: 950px;
	height: 194px;
	background: url(images/header-BG.jpg) top center no-repeat;
	position: relative;
	margin: 0 auto;
}

a#logo {
	height: 145px;
	width: 255px;
	position: absolute;
	left: 30px;
	top: 23px;
	background: url(images/logo.jpg) bottom left no-repeat;
	text-indent: -999em;
	overflow: hidden;
}

	h1#header-montage {
	width: 601px;
	height: 167px;
	position:absolute;
	left:315px;
	top:28px;
	background: url(images/header-montage-BG.jpg) top left no-repeat;
	text-indent: -999em;
	overflow: hidden;
}

h2#strapline {
	height: 65px;
	background: url(images/strapline-BG.jpg) top left no-repeat;
	text-indent: -999em;
	overflow: hidden;
}

div#sidebar {
	width: 315px;
	height: 600px;
	background: url(images/l-shadow-BG.jpg) top right no-repeat;
	float: left;
}

ul#side-nav {
		margin-top: 53px;
		font-size: 15px;
		list-style: none;
}

ul#side-nav li a {
		margin-left: 28px;
		height: 41px;
		display: block;
		color: white;
		line-height: 35px;
		padding-left: 40px;
}

ul#side-nav li a#home {
		background: url(images/home-button-BG.jpg) top left repeat-x;
}
ul#side-nav li a#forsale {
		background: url(images/home-button-BG.jpg) top left repeat-x;
}

ul#side-nav li a#sail {
		background: url(images/sails-button-BG.jpg) top left repeat-x;
}

ul#side-nav li a#boat {
		background: url(images/boats-button-BG.jpg) top left repeat-x;
}

ul#side-nav li a#caravans {
		background: url(images/caravans-button-BG.jpg) top left repeat-x;
}

ul#side-nav li a#tent {
		background: url(images/tents-button-BG.jpg) top left repeat-x;
}

ul#side-nav li a#specialist {
		background: url(images/specialist-button-BG.jpg) top left repeat-x;
}

ul#side-nav li a#contact {
		background: url(images/contact-button-BG.jpg) top left repeat-x;
}
ul#side-nav  li  a#postage {
	background-image: url(images/postage-button-BG.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

div#sidebar address {
	margin: 40px 0 30px 75px;
}

div#sidebar p {
	margin: 40px 0 30px 75px;
}

div#sidebar address, div#sidebar p, div#sidebar a {
	font-size: 1.1em;
}

div#sidebar p {
	margin: 40px 0 30px 75px;
}

div#content-container {
	width: 635px;
	background: url(images/r-shadow-BG.jpg) top right no-repeat;
	float: right;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div#main-content {
	min-height: 600px;
	margin-right: 35px;
	background: #1D2B3E url(images/main-content-BG.jpg) top left repeat-x;
}

div#main-content .plain-heading {
	padding-left: 20px;
}

div#main-content p {
padding: 14px 20px 0 20px;
}

div#main-content .spotpic{
	margin-left: 20px;
	border: 3px solid #fff;
}

div#main-content ul {
font-weight: bold;
font-size: 1.1em;
padding: 14px 20px 0 40px;
}

div#main-content ul li {
margin-bottom: 8px;
}

div.section {
	width: 548px;
	margin: 0 auto;
	padding-bottom: 10px;
	background: url(images/section-bottom.png) bottom left no-repeat;
}

div#main-content div.section p {
padding: 1.1em 120px 1.1em 1.1em;
}

h2#sail-repairs {
	width: 548px;
	margin: 0 auto 0 auto;
	padding-top: 25px;
	text-indent: -999em;
	overflow: hidden;
	background: url(images/sails-header-BG.png) bottom left no-repeat;
}
h2#forsale {
	width: 548px;
	margin: 0 auto 0 auto;
	padding-top: 25px;
	text-indent: -999em;
	overflow: hidden;
	background: url(images/forsale-header-BG.png) bottom left no-repeat;
}

div#forsale {
	background: #183850 url(images/sail-pic.jpg) top right no-repeat;
}
div#sails {
	background: #183850 url(images/sail-pic.jpg) top right no-repeat;
}

h2#boat-covers {
	width: 548px;
	margin: 0 auto 0 auto;
	padding-top: 25px;
	text-indent: -999em;
	overflow: hidden;
	background: url(images/boat-covers-header-BG.png) bottom left no-repeat;
}

div#covers {
background: #183850 url(images/boat-pic.jpg) top right no-repeat;
}

h2#tents {
	width: 548px;
	margin: 0 auto 0 auto;
	padding-top: 25px;
	text-indent: -999em;
	overflow: hidden;
	background: url(images/tents-header-BG.png) bottom left no-repeat;
}

div#tent-repairs {
background: #183850 url(images/tent-pic.jpg) top right no-repeat;
}

h2#caravan-awnings {
	width: 548px;
	margin: 0 auto 0 auto;
	padding-top: 25px;
	text-indent: -999em;
	overflow: hidden;
	background: url(images/awnings-header-BG.png) bottom left no-repeat;
}

div#awnings {
background: #183850 url(images/awnings-pic.jpg) top right no-repeat;
}

h2#specialist-repairs {
	width: 548px;
	margin: 0 auto 0 auto;
	padding-top: 25px;
	text-indent: -999em;
	overflow: hidden;
	background: url(images/specialist-repairs-header-B.png) bottom left no-repeat;
}

div#repairs {
background: #183850 url(images/kite-pic.jpg) top right no-repeat;
}

div#footer {
	clear: both;
	padding-top: 30px;
	margin-bottom: 35px;
	background: url(images/footer-BG.png) top left	no-repeat;
}

div#footer p {
	text-align: center;
	width: 550px;
	margin-left: 20px;
}


div#footer p a:active {font-weight: normal; font-style: normal;}

/*  Price List Tables  */

table {
border-collapse: collapse;
border-spacing: 1px;
width: 500px;
margin: 0 auto;
}

td, th {
padding:6px 6px;
border-bottom:solid 1px #eee;
vertical-align:top;
}

table caption{
border-bottom: dashed #fff 1px;
text-align: left;
font-size: 1.2em;
}

thead {
border-bottom:solid 1px #ddd;
text-align:left;
}

tr.odd td, tr.odd th {
background:#edf3fe;
color: #1d2b3e;
}

table a:link {color: #fff; text-decoration: underline;}
table a:visited {color: #eee; text-decoration: underline;}
table a:hover {text-decoration: none;}
table a:active {font-weight: normal; font-style: normal;}
	
#contactform fieldset {
	position: relative;
	color: #fff;
	margin: 15px 0 0; padding: 0;
	background: 0;
	border: 0;
	}

	#contactform fieldset legend { display: none; }
	
	/* ->> Standard Input <<<---*/
	#contactform fieldset label {
		width: 150px;
		float: left;
		color: #fff;
		font: bold 14px/24px "Trebuchet MS", Verdana, Arial, Helvetica,	sans-serif;
		text-align: right;
		margin: 0; padding: 0;
		}
	#contactform fieldset input,
	#contactform fieldset select,
	#contactform fieldset textarea {
		width: 180px;
		float: left;
		font: 14px/18px Arial, Helvetica, sans-serif;
		margin: .25em 0 .5em 10px;
		}
		
	#contactform fieldset textarea {
		width: 250px;
		height: 100px;
		}
	#contactform fieldset p {
		width: 100%;
		float: left;
		clear: both;
		padding: 0 0 10px 0;
		margin: 0;
		}
	#contactform fieldset p.full label {
		width: 100%;
		text-align: left;
		margin: 0; padding: 0;
		}
	#contactform fieldset p.full input,
	#contactform fieldset p.full select {
		clear: both;
		margin-left: 160px;
		}

	/* ->> Submit <<<--- */
	div#main-content p.button {
		width: 100%;
		float: left;
		margin: 0 0 10px;
		padding: 0;
		}
	p.button span {
		margin-left: 160px;
		}
	p.button span input { margin: 0; padding: 0; }
	label span {
		display: block;
		position: relative;
		margin: -5px 0 0;
		padding: 0;
		color:#edc126;
		text-transform: uppercase;
		font-size:9px;
		line-height: 10px;
		text-align: right;
		}
	p.full label span.required { display: inline;	}

/* ->> Notices <<<--- */
div#main-content p.notice, div#main-content p.error {
	color: #000;
	font-size: .90em;
	margin: 20px;
	padding: 5px 5px 5px 30px;
	margin-right: 15px;
	background: #ebecd2 url(images/bg_notice.gif) no-repeat 5px center;
	border: 2px solid #333;
	}
div#main-content p.error { background: #ebecd2 url(images/bg_error.gif) no-repeat 5px center; }


p.notice span { font-weight: bold; }
	
ul#side-nav li a#prices {
	background-image: url(images/prices-button-BG-.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
div#postage {
	background-color: #183850;
	background-repeat: no-repeat;
	background-position: right top;
}
h2#postage {
	width: 548px;
	margin: 0 auto 0 auto;
	padding-top: 25px;
	text-indent: -999em;
	overflow: hidden;
	background-image: url(images/postage-header-BG.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
h2#links {
	width: 548px;
	margin: 0 auto 0 auto;
	padding-top: 25px;
	text-indent: -999em;
	overflow: hidden;
	background-image: url(images/links-header-BG.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
div#links {
	background-color: #183850;
	background-repeat: no-repeat;
	background-position: right top;
}

