/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";


/* Page
-------------------------------------------------------------- */

body {
	background: #f7fbf9;
	margin: 0;
	margin-top: 10px;
}

#page { 
	width: 760px;
	margin: 0 auto; 
	background: white;
	border-left: 1px solid #c6cac5;
	border-right: 1px solid #c6cac5;
	border-top: 1px solid #c6cac5;
	letter-spacing: 0.02em;
}

a {
	color: #00250e;
}

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

#header h1 {
	 display: none;
}	
#header img {
	padding: 10px 20px;
}

#header-text {
	float: right;
	margin: 20px 20px 0 10px;
}

#header-text p {
	margin-bottom: 5px;
	text-align: right;
}

/* Main Navigation
-------------------------------------------------------------- */

#main_navigation { 
	background: gray url(/images/main-nav.png) repeat-x ; 
	height: 25px;
	margin-bottom: 4px;
}

#main_navigation .tabs {

}

#main_navigation .tabs li { 

}

#main_navigation .tabs a {	
	padding: 5px 0; 
	color: #fff; 
	text-decoration: none; 
	text-align: center;
	width: 140px; 
}

#main_navigation .tabs a:hover {
	color: #00250e;
	background: url(/images/active.jpg); 
	background-repeat: no-repeat;
}

#main_navigation .tabs a.active {
	color: #00250e;
	background: url(/images/active.jpg); 
	background-repeat: no-repeat;
}

/* Level 2 Styling
-------------------------------------------------------------- */

#section-header {
	margin: 0 0 4px 0;
}

#section-header h2 {
	background: #00250e;
	color: white;
	margin: 0;
	padding: 3px 25px 2px 25px;
	font-weight: normal;
}

#section-description {
	background: #c6cac5;
	padding: 15px 25px;
}

#section-description p {
	margin: 0;
	color: #231f20;
}

.section-content {
	margin: 15px 25px 0 25px;
	border-bottom: 1px dashed #9c9c9c;
}

.section-content-last {
	margin: 15px 25px 0 25px;
}

.section-content h3 {
	color: #00250e;
	margin-bottom: 0.5em;
	font-size: 1.4em;
}

.section-content p {
	margin-bottom: 1em;
}

.section-content-last ul {
	list-style-type: disc;
}

.section-content-last h3 {
	color: #00250e;
	margin-bottom: 0.5em;
	font-size: 1.4em;
}

.section-content-last p {
	margin-bottom: 1em;
}

#sector-image {
	padding-left: 1px;
}

#section-quote {
	padding-left: 1px;
}

.yacht {
	margin: 85px 25px 0 25px;
}

/* Level 2 Styling - Fleet
-------------------------------------------------------------- */

.fleet h2 {
	margin: 15px 25px 0 25px;
	border-bottom: 1px dashed #9c9c9c;
	border-top: 1px dashed #9c9c9c;
	color: #c7c8ca;
	font-size: 1.7em;
	font-weight: normal;
	padding: 3px 0;
	
}

.section-content-fleet {
	margin: 15px 25px 0 25px;

}

.section-content-fleet table {
	margin-bottom: 0;
}

.section-content-fleet td {
	border: none;
	vertical-align: top;
	padding-right: 30px;
}


.section-content-fleet h3 {
	margin-bottom: 0.4em;
}

/* Body
-------------------------------------------------------------- */

#body { 
	margin-top: 2px;
	width: 760px;
	margin: 0 auto; 
	background: white;
}

#introduction { 
	float: left; 
	width: 550px; 
	margin-right: 5px; 
}

#strap_line {
	background: #00250e;
	padding: 17px 0 16px 20px;
	margin-top: -5px;
}

#strap_line h2 {
	display: none;
}

#resources { 
	float: left; 
	width: 205px; 
}

#resources ul.home-features {
	list-style-type: none;
	margin: 0;
}

#resources ul.home-features li {
	margin-bottom: 1px;
}

#resources ul, #resources ol { color: #888; }
#resources ul a { color: #555; }

.right { float: right; }
.left { float: left; }

h3 { clear: both; }


/* Footer
-------------------------------------------------------------- */
#footer { 
	background: #c7c8ca;
	padding: 8px 0;
}

#footer p.quiet {
	margin-left: 25px;
	margin-bottom: 0;
	color: gray; 
	line-height: 1.2;
}

#footer a {
	color: #5b5b5b;
}