@charset "UTF-8";

/*CSS Information
-----------------------------------------------------------
Author: Jaymie Jones
Author Company: Xtreme.com.au
Author Website: http://www.xtreme.com.au
Designed For: http://www.bosunslocker.com.au
Date: 14/04/2010
Last Modification: 31/05/2010
-----------------------------------------------------------*/

/* Summary
-----------------------------------------------------------
01. Base Element Declarations
02. Base Element Containers
03. Base Element Classes
04. General Styles
-----------------------------------------------------------*/

/* @group 01. Base element declarations
-----------------------------------------------------------*/

body,td,th { color: #000; font-family: Arial, Verdana, helvetica, sans-serif; font-size: 13px; }

body { background: #093864 url(../images/background.jpg) top left repeat-x; }

a { color: #093864; }

a:link { text-decoration: underline; }

a:visited { text-decoration: underline; }

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

a:active { text-decoration: underline; }

@font-face {
	font-family: 'MyriadProBold';
	src: url('MyriadPro-Bold.eot');
	src: local('Myriad Pro Bold'), local('MyriadPro-Bold'), url('../fonts/MyriadPro-Bold.woff') format('woff'), url('../fonts/MyriadPro-Bold.otf') format('opentype'), url('../fonts/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
}

h1, h2, h3, h4, h5, legend, label, blockquote, strong, th, abbr, acronym { font-weight: bold; }

h1, h2, h3, h4, h5 {
	font-family: 'MyriadProBold', georgia, serif;
	color: #093864;
	margin: 0px 0px 5px 0px;
	text-transform: capitalize;
}

h1 { font-size: 30px; }

h2, blockquote { font-size: 26px; }

h3 { font-size: 22px; }

h4, legend { font-size: 18px; }

h5 { font-size: 14px; }

p { padding: 5px 0px; }

em, blockquote { font-style: italic; }

th, td { padding: 5px; }

th { background-color: #187099; color: #fff; }

blockquote { color: #aaa; font-family: georgia, serif; margin: 20px; }

fieldset {
	border: 1px solid #ccc;
	padding: 15px;
}

ul, ol { padding: 10px; }

ul li, ol li { list-style-position: outside; margin-left: 20px; }

ul li { list-style-type: disc; }

ol li { list-style-type: decimal; }

/* @end */

/* @group 02. Base element containers
-----------------------------------------------------------*/

#wrapper { margin: 0 auto; width: 1200px; }

#header {
	background: transparent url(../images/logo.gif) left top no-repeat;
	height: 189px;
	margin: 3px 0px 0px 31%;
	position: relative;
}

#hero { height: 350px; position: relative; }

#content {
	background-color: #fff;
	margin: 0 230px;
	padding: 15px;
	position: relative;
}

#footer {
	color: #3a6083;
	clear: both;
	font-size: 11px;
	padding: 15px 0px;
	text-align: center;
	width: 100%;
}


/* @end */


/* @group 03. Base element classes
-----------------------------------------------------------*/

/* Clearfix
/* -------------- */

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

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

.block { background-color: #fff; margin-bottom: 15px; padding: 10px; }

.even { background-color: #f3f3f3; }

.warning {
	background-color: #ffffaa;
	border: 2px solid #fff000;
	margin: 10px 0px;
	padding: 5px 10px;
}

.error { background-color: #ffcccc; border: 2px solid #ff7777; }

.required { color: red; }

/* Form Items */

.form-item { margin-bottom: 10px; }

.form-textarea { height: 140px; width: 400px; }

.form-text, .form-textarea { border: 1px solid #ddd; padding: 3px; }

.form-text:focus, .form-textarea:focus { background-color: #ffffaa; }

.button {
	background: #093864 url(../images/bg_grad.gif) top left repeat-x;
	background: -moz-linear-gradient(top, #187099, #093864);
	background: -webkit-gradient(linear, left top, left bottom, from(#187099), to(#093864));
	border: 1px solid #093864;
	color: #fff;
	font-weight: bold;
	padding: 5px 15px;
	position: relative;
	text-shadow: 0px -1px 0px #093864;
}

.button:hover {
	background: url(../images/bg_grad2.gif) top left repeat-x;
	background: -moz-linear-gradient(top, #093864, #187099);
	background: -webkit-gradient(linear, left top, left bottom, from(#093864), to(#187099));
	cursor: pointer;
	color: #fff;
}

.button:focus { cursor: pointer; top: 3px; }

a.button { text-decoration: none; }

/* Sidebars */

.sidebar { width: 220px; }

#sidebar-left { float: left; }

#sidebar-right { float: right; }

.sidebar-info { padding: 0px 10px; width: 200px; }

.sidebar .calculator { text-align: center; }

/* @end */

/* @group 04. General Styles
-----------------------------------------------------------*/

.block, #content, .button { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.block, #content { -moz-box-shadow: 0px 2px 3px #05213c; -webkit-box-shadow: 0px 2px 3px #05213c; box-shadow: 0px 2px 3px #05213c; }

/* Header */

#header-link {
	display: block;
	height: 20px;
	left: 840px;
	position: absolute;
	top: 70px;
	width: 20px;
}

/* Content */

/* Content - Contact Form */

#contact-form .form-text, #contact-form .form-textarea { width: 192px; }

#contact-form .button { display: block; margin: 0 auto; }

#contact-details { margin-top: 15px; }

#contact-details-button { text-align: center; }

/* Content - Hero */

#hero h1 {
	background: transparent url(../images/hero-h1-bg.png) top left repeat;
	background: rgba(0,0,0,0.4) none;
	color: #fff;
	display: block;
	padding: 5px 10px;
	left: 0;
	position: absolute;
	top: 0;
	width: 690px;
	z-index: 12;
}

/*#hero img {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 8;
}*/

/* Content - Latest Listings */

#latest-listings ul { margin-left: 15px; padding: 0px; }

#latest-listings ul li { float: left; list-style-type: none; margin: 0px; }

#latest-listings ul li a {
	display: block;
	margin: 0px 10px;
	text-align: center;
	text-decoration: none;
	width: 150px;
}

/* Content - YachtHub */

ul.boats-list { padding: 0px; width: 150px; }

.boats-list li { list-style-type: none; margin: 0 5px 5px 0; }

.boats-list li a { color: #777; text-decoration: none; }

.boats-list li a:hover { color: #333; }

/* Footer */

#footer a { color: #3a6083; text-decoration: none; }

#footer a:hover { text-decoration: underline; }

/* @end */