/*========================================================

Global CSS file for 4Charter

Created by Strawberrysoup - www.strawberrysoup.co.uk

=========================================================*/

/*==============================================
colour scheme:

Light Blue	:		#378dd0
Dark Blue	:		#0d61a2
Darkest Blue :		#04366C

==============================================*/

body {
	background: #0d61a2;
	padding: 10px 0 10px 0;
	color: #444;
/* 	opacity: 0.99999; */
}

#page {
	background: #378dd0;
	padding: 10px 0;
}

#header {
	background: #FFF;
	margin-bottom: 10px;
}

#barge_header {
	background: #FFF;
	margin-bottom: 10px;
}

#nav {
	background: #0d61a2;
	margin-bottom: 10px;
}

#content_wrapper {
	clear: left;
	background: #FFF;
	margin-bottom: 10px;
}

#content {
	width: 916px;
	margin: 0 auto;
	padding: 10px 4px 20px 0;
}

#footer {
	clear: both;
	background: #FFF;
	padding: 10px 0;
}

/* split main column layout */

.splitMain #main_content {
	float: left;
	width: 450px;
}

.splitMain #secondary_content {
	float: right;
	width: 460px;
	margin-top: 65px;
}

/* sidebar layout */

.sidebarCol #main_content {
	float: right;
	width: 730px;
}

.sidebarCol #secondary_content {
	float: left;
	width: 170px;
}

/* miniSidebar Layout */

.miniSidebar #main_content {
	float: left;
	width: 590px;
}

.miniSidebar #secondary_content {
	float: right;
	width: 310px;
}

/* single column */

.single #secondary_content {
	display: none;
}

.single #main_content {
	margin-top: 0;
}

.single img.image_holder {
	float: right;
	width: 295px;
	margin: 50px 0 20px 20px;
	border: 1px solid #ccc;
	padding: 5px 5px 3px 5px;
	clear: both;
}

th {
	text-align:left;
}
/*==============================================
headings
==============================================*/

#barge_header h1 {
	width: 920px;
	margin: 0 auto;
	background: url('../cssimages/bg_barge_header.gif') no-repeat 0 5px;
	height: 145px;
	position: relative;
}


#header h1 {
	width: 920px;
	margin: 0 auto;
	background: url('../cssimages/bg_header.gif') no-repeat 0 5px;
	height: 145px;
	position: relative;
}

h2 {
	color: #0d61a2;
	font-size: 1.6em;
	margin-top: 0.9em;
}

h3 {
	color: #0d61a2;
	font-size: 1.3em;
	margin-bottom: 0.7em;
}

h4 {
	color: #0d61a2;
	margin-top: 9px;
	margin-bottom: 6px;
	font-size:1.1em;
}

/*==============================================
links
==============================================*/

a:link, a:visited {
	color: #0D61A2;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
	color: #378DD0;
}

/*==============================================
header
==============================================*/

#top_contact {
	position: absolute;
	color: #FFF;
	top: 16px;
	right: 16px;
	text-indent: 0;
	font-size: 0.5em;
}

#top_contact a {
	color: #FFF;
	text-decoration: none;
}

/*==============================================
navigation
==============================================*/

#nav ul {
	width: 920px;
	margin: 0 auto;
	list-style: none;
}

#nav li.last a {
	border-right: 2px solid #378dd0;
	width: 153px;
}

#nav li {
/* 	width: 150px; */
display: inline;
}

#nav li a {
	color: #FFF;
	width: 188px;
	background: #0d61a2;
	display: block;
	float: left;
	border-left: 2px solid #378dd0;
	text-align: center;
	padding: 5px 0;
	text-decoration: none;
}

#nav li a:hover {
	background: #04366c;
	text-decoration: none;
}

/* specific highlighing rules */

.home #nav .home a,
.ribs #nav .ribs a,
.barges #nav .barges a,
.gallery #nav .gallery a,
.contact #nav .contact a,
.bookings #nav .bookings a,
.contact #nav .contact a,
.events #nav .events a,
.maintenance #nav .maintenance a  {
	background: #04366c;
	cursor: default;
}

.s_home #sub_nav .s_home a,
.stag #sub_nav .stag a,

.sports #sub_nav .sports a,
.private #sub_nav .private a,
.testimonials #sub_nav .testimonials a,
<!--.gun_wharf #sub_nav .gun_wharf a,-->
<!--.evening_sailing #sub_nav .evening_sailing a,-->
<!--.prices_thames #sub_nav .prices_thames a,-->
<!--.corporate #sub_nav .corporate a,-->
.sports #sub_nav .sports a,
.s_ribs #sub_nav .s_ribs a,
.prices #sub_nav .prices a,
.alice #sub_nav .alice a,
.yachts #sub_nav .yachts a,
.school #sub_nav .school a,
.gallery #sub_nav .gallery a,
.contact #sub_nav .contact a,
.alice_events #sub_nav .alice_events a  {
	background: #04366c;
	cursor: default;
}

.s_home #sub_nav .s_home a span,
.stag #sub_nav .stag a span,
.corporate #sub_nav .corporate a span,
.sports #sub_nav .sports a span,
.private #sub_nav .private a span,
.testimonials #sub_nav .testimonials a span,
<!--.gun_wharf #sub_nav .gun_wharf a span-->
<!--.evening_sailing #sub_nav .evening_sailing a span-->
<!--.prices_thames #sub_nav .prices_thames a span-->
<!--.corporate #sub_nav .corporate a span,-->
.sports #sub_nav .sports a span,
.s_ribs #sub_nav .s_ribs a span,
.prices #sub_nav .prices a span,
.alice #sub_nav .alice a span,
.yachts #sub_nav .yachts a span,
.school #sub_nav .school a span,
.gallery #sub_nav .gallery a span,
.alice_events #sub_nav .alice_events a span
.ourlocations #sub_nav .ourlocations a span, {
	display: inline;
}

/*==============================================
sub nav
==============================================*/

#sub_nav {
	list-style: none;
	width: 150px;
	margin-left: 3px;
	margin-bottom: 6px;
}

#sub_nav li {
	margin-bottom: 3px;
}

#sub_nav li a { 
	display: block;
	background: #0d61a2;
	color: #FFF;
	padding: 6px 8px;
	position: relative;
	padding-right: 18px;
	line-height: 1.6em;
	text-decoration: none;
	width: 124px;
}

#sub_nav li a:hover, #sub_nav li.current a {
	background: #04366c;
	text-decoration: none;
}

#sub_nav li a span {
	position: absolute;
	right: 10px;
	top: 7px;
	display: none;
}

#sub_nav li a:hover span, #sub_nav li.current span {
	display: inline;
}

.add_nav {
	width: 150px;
	font-size: 0.9em;
/* 	margin-left: 5px; */
	text-align: center;
	margin-bottom: 0;
	margin-top: 2px;
}

/*==============================================
main content styles
==============================================*/

/* seo bold */

strong {
	font-weight: normal;
}

ul.bulleted_list {
	margin-left: 26px;
}

.bulleted_list li {
	line-height: 1.6em;
	margin-bottom: 10px;
}

/* homepage */

.site_section_link {
	border: 1px solid #CCC;
	padding: 10px;
	margin-top: 10px;
	background: #F6f6f6;
	cursor: pointer;
}

.site_section_link:hover {
	border: 1px solid #999;
	background: #F9f9f9;
}

.site_section_link h4 a {
	text-decoration: none;
}

.site_section_link img {
	margin-right: 10px;
	float: left;
}

.site_section_link p {
	margin-bottom: 0;
	font-size: 0.8em;
	margin-left: 170px;
}

/* ribs details table */

#rib_details {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #CCC;
	clear: both;
	margin-bottom: 10px;
}

#rib_details th {
	background: #378dd0;
	color: #FFF;
	font-weight: normal;
}

#rib_details td, #rib_details th {
	border: 1px solid #CCC;
	text-align: center;
	padding: 4px;
}

/* prices table */

#prices_table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #CCC;
}

#prices_table td, #prices_table th {
	border: 1px solid #CCC;
	text-align: center;
	padding: 4px;
}

/* yacht list */

#yacht_list {
	/* list-style: none; */
	margin-left: 30px;
	line-height: 1.6em;
}

/* events page */

#events_list {
	line-height: 1.8em;
}

#events_list dt {
	width: 180px;
	float: left;
	font-weight: bold;
	clear: left;
}

#events_list dd {
	margin-left: 180px;
}

/* alice events page */

.event_date {
	font-weight: bold;
}

/* contact page */

#thanks {
	font-weight: bold;
	color: #378DD0;
	border: 1px solid #378DD0;
	padding: 10px;
	width: 542px;
	text-align: center;
}

form dl {
	padding-top: 10px;
}

form dt {
	width: 160px;
	float: left;
	clear: left;
	margin-bottom: 15px;
	font-weight: bold;
}

form dd {
	margin-bottom:15px;
	margin-left: 160px;
}

form input, form textarea {
	background: #EEE;
	width: 400px;
}

form .warning {
	color: #C90704;
}

#submit {
	width: auto;
	padding: 0 6px;
	float: right;
	margin-right: 27px;
}

#alt_contact {
	margin-top: 76px;
}

#secondary_content strong {
	font-weight:bold;
}

/* terms and conditions */

ol#t_and_c {
	line-height: 1.6em;
	margin-left: 30px;
	font-size: 0.9em;
}

ol#t_and_c li {
	margin-bottom: 1.0em;
}

/*==============================================
slideshow styles
==============================================*/

.image_holder {
	float: right;
	width: 295px;
	margin: 0 0 20px 20px;
	border: 1px solid #ccc;
	padding: 5px 5px 3px 5px;
	clear: both;
}

.image_holder p {
	margin: 3px;
	font-size: 0.9em;
	text-align: center;
}

.image_holder_lymington {
	float:right;
	width: 150px;
	margin: 0 0 20px 20px;
	border: 1px solid #ccc;
	padding: 5px 5px 3px 5px;
	clear: both;
}
.image_holder_langstone {
	float:right;
	width: 148px;
	margin: 0 0 20px 20px;
	border: 1px solid #ccc;
	padding: 5px 5px 3px 5px;
	clear: both;
}
.image_holder_bembridge {
	float:right;
	width: 234px;
	margin: 0 0 20px 20px;
	border: 1px solid #ccc;
	padding: 5px 5px 3px 5px;
	clear: both;
}
.image_holder_ryde {
	float:right;
	width: 274px;
	margin: 0 0 20px 20px;
	border: 1px solid #ccc;
	padding: 5px 5px 3px 5px;
	clear: both;
}
.image_holder_southampton {
	float:right;
	width: 273px;
	margin: 0 0 20px 20px;
	border: 1px solid #ccc;
	padding: 5px 5px 3px 5px;
	clear: both;
}
.image_holder_portsmouth {
	float:right;
	width: 373px;
	margin: 0 0 20px 20px;
	border: 1px solid #ccc;
	padding: 5px 5px 3px 5px;
	clear: both;
}
.image_holder_hamble {
	float:right;
	width: 276px;
	margin: 0 0 20px 20px;
	border: 1px solid #ccc;
	padding: 5px 5px 3px 5px;
	clear: both;
}
.image_holder_cowes {
	float:right;
	width: 259px;
	margin: 0 0 20px 20px;
	border: 1px solid #ccc;
	padding: 5px 5px 3px 5px;
	clear: both;
}
.image_holder_chichester {
	float:right;
	width: 278px;
	margin: 0 0 20px 20px;
	border: 1px solid #ccc;
	padding: 5px 5px 3px 5px;
	clear: both;
}
.image_holder_yarmouth {
	float:right;
	width: 311px;
	margin: 0 0 20px 20px;
	border: 1px solid #ccc;
	padding: 5px 5px 3px 5px;
	clear: both;
}
.image_holder_thesolent {
	float:right;
	width: 432px;
	margin: 0 0 20px 20px;
	border: 1px solid #ccc;
	padding: 5px 5px 3px 5px;
	clear: both;
}
.list {
	padding-left:10px;
}
.list a {
	text-decoration:none;
}

#main_content #location_list {
	width:150px;
}
#main_content #location_list li {
	margin:10px;
	padding:1px;
	border:1px solid #04366C;
	width:150px;
	list-style:none;
}
#main_content #location_list a {
	text-decoration:none;
	padding:3px;
	width:144px;
	display:block;
   	
}
#main_content #location_list a:hover {
	width:144px;
	color:#fff;
	background:#0D61A2;
}
/*==============================================
gallery pages
==============================================*/

.gallery_pic {
	border: 1px solid #CCC;
	width: 163px;
	height: 163px;
	float: left;
	margin: 0 10px 10px 0;
	padding: 5px;
}

.gallery_pic:hover {
	border: 1px solid #999;
}

.fourth {
	margin-right: 0;
}

/*==============================================
footer 
==============================================*/

#footer p  {
	width: 920px;
	margin: 0 auto;
	text-align: center;
}

#terms_safety {
	padding-bottom: 10px;
}

#tel {
	border-right: 1px solid #999;
	padding-right: 12px;
}

#email {
	margin-left: 10px;
}

p#credits, p#credits a, p#credits a:hover {
	text-align: center;
	text-decoration: none;
	margin-bottom:0;
	margin-top: 6px;
	color: #43A0E8;
	bottom: 0;
}

p#credits a:hover {
	color: #88BEE8;
	text-decoration: underline;
}
/*===================================================================
prices content
===================================================================*/
#main_content ul {
	padding:10px 0 10px 10px;
}
#main_content li {
	line-height:18px;
	padding:0 0 0 5px;
}