* { margin: 0; padding: 0; }

body {
	background: #000;
	color: #000;
	margin: 0;
	padding: 0;
	text-align: center;
	font: 100%/110% "Arial", Helvetica, sans-serif;
}

/* Layout
------------------------------------------------------------------*/

#outer {
	text-align: left;
	background: #000 url(../images/sub_bg.jpg) repeat-y center top;
}

	body#home #outer { background-image: none; }

#wrapper1 {
	width: 756px;
	margin: auto;
}

#contentwrap {
	display: block;
	font-size: 0.7em; /* Global Content Font Size */
}

#col-left {
	float: left;
	width: 197px;
	position: relative;
	color: #fff;
}

#col-left .padding {
	background: url(../images/sidebg.jpg) repeat-x 0 0;
}

.colwrap-right {
	float: right;
	width: 557px;
	position: relative;
}

	#col-centre {
		float: left;
		width: 60%;
	}
	
	#col-right {
		float: right;
		width: 39%;
	}
	
#links {
	float: right;
	width: 220px;
}

/* Header
------------------------------------------------------------------*/

#header {
	height: 330px;
	background: url(../images/sb3_1.jpg);
	font-size: 0.7em;
	position: relative;
	border-bottom:3px solid #000000;
}

	#home #header {
		height: 510px;
		background: url(../../../images/backgrounds/rotate.php) no-repeat 0 0;
		border: none;
	}

#headerinner {
	height: 103px;
	width: 756px;
	background: url(../images/header_sub.png) no-repeat 0 0;
}
	
	#header.headimg-product-range { background: url(../images/prodlist_1.jpg) no-repeat 0 0; }
	#header.headimg-funboat-introduction, #header.headimg-funboat-faqs, #header.headimg-funboat-gallery { background: url(../images/funboat_1.jpg) no-repeat 0 0; }
	#header.headimg-pico-introduction, #header.headimg-pico-faqs, #header.headimg-pico-gallery { background: url(../images/pico_1.jpg) no-repeat 0 0; }
	#header.headimg-vago-introduction, #header.headimg-vago-faqs, #header.headimg-vago-gallery { background: url(../images/vago_1.jpg) no-repeat 0 0; }
	#header.headimg-dart-16-introduction, #header.headimg-dart-16-faqs, #header.headimg-dart-16-gallery { background: url(../images/16_1.jpg) no-repeat 0 0; }
	#header.headimg-2000-introduction, #header.headimg-2000-faqs, #header.headimg-2000-gallery { background: url(../images/2000_1.jpg) no-repeat 0 0; }
	#header.headimg-bahia-introduction, #header.headimg-bahia-faqs, #header.headimg-bahia-gallery { background: url(../images/bahia_1.jpg) no-repeat 0 0; }
	#header.headimg-stratos-keel-introduction, #header.headimg-stratos-keel-faqs, #header.headimg-stratos-keel-gallery { background: url(../images/keel_1.jpg) no-repeat 0 0; }
	
	#header.headimg-about-us { background: url(../images/headimage01.jpg) no-repeat 0 0 }
	#header.headimg-resources { background: url(../images/headimage04.jpg) no-repeat 0 0 }
	body.page-6 #header { background: url(../images/headimage04.jpg) no-repeat 0 0; }

	#home #headerinner {
		background: none;
		width: 617px;
	}

#logo-sub {
	margin: 20px 10px 0 0;
	position: absolute;
	right: 0;
}

/* Footer
------------------------------------------------------------------*/

#footer {
	height: 50px;
	width: 756px;
	font-size: 0.65em;
	font-family: Tahoma, Helvetica, sans-serif;
	color: #444;
	border-top: 10px solid #E21E22;
	margin: auto;
	background: #000;
	margin-top: -10px;
	position: relative;
	text-align: right;
	line-height: 1.3em;
	padding: 4px 0 15px 0;
}
	#home #footer { border: 0; padding-top: 0; }

#footer p { margin: 0; }

	#footerleft { float: left; text-align: left; }
	
	#footerright {
		 float: right;
	}
	
	#footer a {
		color: #444;
		text-decoration: none;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}
	
/* Home Page Specific
------------------------------------------------------------------*/

#welcome {
	float: right;
	width: 270px;
	height: 230px;
	margin: -55px 0 0 50px;
	color: #fff;
	line-height: 1.2em;
	text-align: right;
	padding: 0 20px 0 60px;
}

#welcome h1 {
	float: right;
	width: 166px;
	height: 10px;
	margin: 0 0 10px 0;
	background: url(../images/welcome_text.gif) no-repeat 0 0;
	text-align: left;
	text-indent: -9999px;
}
#welcome h1 span { display: none; }

#welcome p { clear: right; }

#welcome a#logo-home {
	display: block;
	float: right;
	position: relative;
	width: 210px;
	color: #fff;
	margin-bottom: 10px;
}

#welcome a#logo-home span {
	display: none;
	position: absolute;
	top: 5px;
	right: 35px;
}

#welcome a:hover#logo-home span {
	text-indent: 0;
	color: #fff;
	display: block;
	text-decoration: none;
	cursor: pointer;
}

#latestnews {
	float: left;
	width: 400px;
	padding: 0 0 0 20px;
	margin-top: -25px;
}

#latestnews a.newsitem {
	display: block;
	float: left;
	background: url(../images/news_bg.png) no-repeat 0 0;
	color: #fff;
	width: 356px;
	line-height: 20px;
	padding: 0 0 0 30px;
	font-size: 0.9em;
	margin: 0 0 2px 0;
	text-decoration: none;
}
#latestnews a.newsitem:hover { color: #FF4467; }

#latestnews span {
	color: #FE1741;
	padding: 0 90px 0 0;
	float: right;
	cursor: pointer;
}

#latestnews img {
	margin: 0 0 5px 30px;
}

/* Subscribe */

#subscribe {
	background: #E21E22 url(../images/subscribe_bg.gif) no-repeat 100px 2px;
	width: 100%;
	color: #fff;
	font-size: 0.65em;
	position: relative;
	padding: 4px 0 5px 0;
}

#subscribe .padding { padding: 0 20px 1px 20px; height: 17px; }

#subscribe-heading { float: left; }
#phone-text { float: right; }

#subscribe p { margin: 0; }

#subscribe form input {
	padding: 0;
	background: none;
	border: none;
	color: #000;
}

#subscribe form li { padding: 0 0 0 8px; margin: -1px 0 0 0; }

#subscribe form input#first-name { width: 90px; margin: 0; padding-left: 7px; }
#subscribe form input#email-address { width: 120px; margin: 0 0 0 6px; padding: 0 0 0 10px; }
#subscribe form input#subscribe-btn { border: none; color: #fff; margin-left: 8px; font-weight: bold; }

#subscribe-text {
	position: absolute;
	bottom: 0;
	height: 15px;
	top: -15px;
	left: 0;
	padding: 0 30px 0 20px;
	background: url(../images/subscribe_bg2.gif) no-repeat top right;
}

/* banner ads, steve 291008 */
#banner-ads {
	width: 756px;
	margin: auto;
	background:#131313 url('../images/banner-ads-bg.gif') repeat-y;
	border-bottom:1px solid #801013;
	color:#fff;
	font-size:11px;
	overflow:hidden;
}

#ad-right {
float:right;
width:337px;
text-align:center;
padding:20px;
overflow:hidden;
}

#ad-left {
float:left;
width:337px;
padding:20px;
overflow:hidden;
}

#ad-left p, #ad-right p, #ad-left img, #ad-right img {
text-align:center;
margin:0;
padding:0;
}

/* product footer */

#product-footer {
	width: 756px;
	margin: auto;
	height: 170px;
	background: url(../images/products_footer.png) no-repeat 0 0;
	margin-top: 0;
	position: relative;
	font-size: 0.65em;
	text-align: left;
	line-height: 1.2em;
}
.col {
	width: 250px;
	float: left;
	padding: 5px 0 0 0;
}
.col a {
	width: 230px;
	color: #666;
	display: block;
	float: left;
	padding: 3px 0 3px 10px;
	text-decoration: none;
}
.col a img {
	float: left;
	margin-right: 15px;
}
.col a span {
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	padding: 3px 0 0 0;
	display: block;
}
.col a:hover { color: #999; }

/* Products
------------------------------------------------------------------*/

a.prod-link {
	float: left;
	width: 240px;
	display: block;
	marg in: 0 10px 10px 0;
	text-decoration: none;
	color: #004284;
}

.prod-link img {
	float: left;
}

.prod-link span {
	display: block;
	padding-left: 110px;
}

.prod-link .boatname {
	font-weight: bold;
}

.prod-link .boatdescription {
	line-height: 1.2em;
}

a.prod-link ul { padding: 0 0 0 0; }

a.prod-link ul li {
	list-style: none;
	padding: 0 0 5px 0;
	line-height: 1.2em;
}

/* News
------------------------------------------------------------------*/

.newsitem1 h3 {
	font-size: 1.2em;
}

.date {
	color: #666;
	margin: -5px 0 0 0;
}

/* Global Formatting
------------------------------------------------------------------*/

a img { border: none; }

a {
	color: #E72028;
	text-decoration: underline;
}

a:hover {
	color: #E72028;
	text-decoration: none;
}

p { margin: 0 0 1em 0; }

ul, ol {
	margin: 0 0 1em 0;
	padding: 0 0 0 30px;
}

	ul ul, ol ol { margin-bottom: 0; }
	
	.page-5 .padding ul { padding: 0; }
	.page-5 .padding ul li { list-style: none; }

.hide { display: none; }

h2 {
	margin: 0 0 0.5em 0;
	font-size: 1.5em;
	color: #000;
}

	h2 a {
		color: #000;
		text-decoration: none;
	}
	
	h2 a:hover {
		color: #000;
		text-decoration: underline;
	}
	
h3 {
	font-size: 1.3em;
	margin: 0 0 0.5em 0;
}

h4 {
	font-size: 1.1em;
	margin: 0 0 0.5em 0;
}

.imgRight {	float: right; margin: 0 0 10px 20px; }
.imgLeft { float: left;	margin: 0 20px 10px 0; }

.clear { clear: both; }

.pdf { background: url(../../../images/pdficon.gif) no-repeat 0 0; padding: 3px 0 10px 23px; }
.word { background: url(../../../images/wordicon.gif) no-repeat 0 0; padding: 3px 0 10px 23px; }
.email { background: url(../../../images/emailicon.gif) no-repeat 0 0; padding: 3px 0 10px 23px; }
.excel { background: url(../../../images/excelicon.gif) no-repeat 0 0; padding: 3px 0 10px 23px; }
.zip { background: url(../../../images/zipicon.gif) no-repeat 0 0; padding: 3px 0 10px 23px; }
.powerpoint { background: url(../../../images/powerpointicon.gif) no-repeat 0 0; padding: 3px 0 10px 23px; }
.newwindow { background: url(../../../images/newwindowicon.gif) no-repeat top right; padding: 3px 15px 10px 0; }

/* padding */

#col-left .padding { padding: 15px; margin-left:1px; min-height: 170px; height: auto !important; height: 170px; }
.colwrap-right .padding { padding: 20px 30px 20px 25px; }

/* Messages */

div.message {
	width: 100%;
	color: #fff;
	padding-top: 8px;
	font: bold 10px Verdana, Helvetica, sans-serif;
	border-bottom: 1px solid #fff;
	z-index: 200;
	padding: 6px 0;
	text-align: center;
	line-height: 1.4em;
}
div.message.info { background: #B7EF46;	color: #333; }
div.message.error {	background: #f66; }

/* Forms
------------------------------------------------------------------*/

form { margin: 0; }
input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
}
form fieldset {
	border: none;
}
form legend {
	padding: 0;
	margin-bottom: 1em;
	font-weight: bold;
	color: #E21E22;
}
form label {
	line-height: 1.3em;
	float: left;
	display: inline;
}
form div.cr { /* checkbox radio */
	float: left;
	display: inline;
}
form p {
	clear: both;
	padding: 0 0 0 5px;
	margin: 0.5em 0 0.5em 0;
}
form option { padding-right: 4px; }
form textarea { width: 250px; }
form span {
	display: inline;
	padding: 2px 0 0 20px;
	font-style: italic;
	color: #999;
	font-weight: normal;
}
form div.cr label {
    float: none;
	padding: 0;
	line-height: 1.8em;
}
form div.cr input {
	margin: 0 3px 0 0;
}
form ol {
	margin: 0;
	padding: 0;
}
form li {
	list-style: none;
	padding: 5px 5px 5px 0;
	clear: both;
	overflow: hidden;
}
.colwrap-right form ol li { margin: 0 0 0.35em 0; padding: 0; }
form div legend {
	padding: 0 0 5px;
	font-weight: normal;
}
form div label {
	display: block;
	width: auto;
}
form .mandat { color: #f00; }
form .sr {
	position: absolute;
	left: -9999em;
	top: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
form label { width: 145px; } /* Width of labels */

.colwrap-right form ol li.buttons { padding: 10px 0 0 0; }

/*\*//*/ form legend { display: inline-block; } /* IE Mac legend fix */

form li.form-error {
	background: #FFEBEB;
	border: 1px solid #f99;
	padding: 2px;
}
form div.form-error {
	color: #FF3232;
	font-weight: bold;
	margin-bottom: 8px;
}

/* Tables
------------------------------------------------------------------*/

table { margin: 0 0 1em; }
table, th, td { border: none; vertical-align: top; }
th, td { padding: 3px 3px 3px 0; }

/* sIFR
------------------------------------------------------------------*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* 
  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
*/

.sIFR-replaced > div {
  display: none !important;
}

/*---- Header styling ---*/

.sIFR-active .colwrap-right h1 {
  visibility: hidden;
  font-family: Verdana;
  font-size: 30px;
  line-height: 1em;
}

.sIFR-active h2 {
  visibility: hidden;
  font-family: Verdana;
  font-size: 20px;
  line-height: 1em;
}