/* Non-IE Stylesheet */

/* Headings */
h1, h2, h3 {
	font-family:Trebuchet MS, Arial;
}

h2 {
	margin:10px 10px 5px 0px;
	padding:0px;
	font-size:18px;
}

h3 {
	margin:0px;
	padding:0px;
	padding-bottom:3px;
	color:#252525;
	font-size:14px;
}

p {
	padding:0;
	margin:10px 0 10px 0;
}

/* Formatting */
.error {
	color:red !important;
}

.success {
	color:#0C0;	
}

.center {
	text-align:center;
}

.left {
	text-align:left;
}

.bold {
	font-weight:bold;
}

ul.nobullets {
	list-style:none;	
}

li.gap {
	padding-top:10px;
}

.blue {
	color:#1145ef;	
}

.underline {
	text-decoration:underline;	
}

/* Links */
a {
	text-decoration:none;
	color:inherit;
}

a:hover {
	text-decoration:underline;
}

/* Misc */
div.transparent.bottom {
	position:absolute;
	bottom:0;
	z-index:0;
	width:100%;
	height:25px;
	background:black;
	opacity: .6; 
	filter: alpha(opacity=60); 

}

/* Main page */

html {
     overflow: -moz-scrollbars-vertical;
}

body {
	margin:0px;
	background:url("../images/bgs/body_bg.jpg");
	font-family:Arial, Helvetica, sans-serif;
}

div#container {
	width:784px;
	background:url("../images/bgs/container_bg.jpg") repeat-y;
	padding:0 8px 0 8px;
	margin:auto;
	position:relative;
}

div#header {
	height:180px;
	position:relative;
}

div#blue_strip {
	height:4px;
	background:#012363;
	position:absolute;
	top:0;
	width:784px;
	margin:0px;
}

div#linkbar {
	background:#2a419b;
	height:57px;
	padding-left:25px;
}

div#linkbar div.image {
	float:left;
}

div#main_logo {
	padding:30px 20px 20px 0px;
	float:right;
}

div#content {
	position:relative;	
}

div#menu {
	position:absolute;
	bottom:0px;
	left:0px;
	font-size:9px;
	letter-spacing:1px;
	color:white;
	background:#183797;
	border-left:2px solid #5470ca;
	border-right:2px solid #5470ca;
	border-top:4px solid #e5a430;
	border-bottom:5px solid #e5a430;
	z-index:1;
	width:780px;
}

div#menu ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

div#menu li {
	background:url("../images/bgs/menu notselected_bg.jpg") no-repeat 7px 13px;
	display:inline;
	float:left;
}

div#menu li a:hover {
	background:url("../images/bgs/menu hover_bg.jpg") no-repeat 7px 13px;
}

div#menu a {
	color:white;
	display:block;
	padding:10px 10px 10px 30px;
	text-decoration:none;
	display:inline;
	float:left;
}

div#menu li.this {
	background:url("../images/bgs/menu selected_bg.jpg") no-repeat 7px 13px;
}

div#menu li.this:hover {
	background:url("../images/bgs/menu selected_bg.jpg") no-repeat 7px 13px !important;
}

div#menu li.this a {
	color:#feb825;
}

div.callnow {
	position:absolute;
	top:187px;
	left:48px;
	height:119px;
	width:184px;
	z-index:1;
}

div.callnow a {
	display:block;
	height:119px;
	width:184px;
}

body#index div#content {
	background:url("../images/bgs/index%20content%20background.jpg") repeat-y;
}

body#index div#content div.contenttop {
	height:49px;
	background:url("../images/bgs/index%20content%20background%20top.jpg") no-repeat;
}

body#index div#content div.contentbottom {
	height:49px;
	background:url("../images/bgs/index%20content%20background%20bottom.jpg") no-repeat;
}

body#index div.callnow {
	background:  url("../images/gifs/callnow/index.gif") 0 -15px no-repeat;
}

body#index div.callnow a:hover {
	background:  url("../images/gifs/callnow/index-hover.gif") 0 -15px no-repeat;
}

body#index div.mainblurb {
	padding:0 10px 10px 10px;
	width:400px;
	color:#333;
}

body#index div.mainblurb p {
	margin-bottom:33px;	
	line-height:20px;
}

body#index div.moreimages {
	width:300px;
	position:absolute;
	top:110px;
	right:30px;
}

div#main {
	overflow:hidden;
	/*background:url("../images/bgs/main_bg.jpg") repeat-x 0 350px #3664f2;*/
	background:url("../images/bgs/main_bg2.jpg") repeat-x 0 500px white;
	padding-bottom:0px;
	font-size:14px;
	position:relative;
}

body#index div#bg_image {
	background:url("../images/bgs/index background.jpg") no-repeat;
	height:505px;
	border-bottom:5px solid #e5a430;
	position:relative;
	z-index:0;
}

div.box1 {
	background:url("../images/bgs/index box 1.jpg") no-repeat;
	width:307px;
	height:145px;
	position:absolute;
	bottom:30px;
	left:34px;
	z-index:0;
	opacity: .9; 
	filter: alpha(opacity=90); 	
}

div.box1content {
	width:282px;
	height:146px;
	position:absolute;
	bottom:30px;
	left:34px;
	padding:0 20px 0 5px;	
	text-align:center;
	color:white;	
	font-size:14px;
}

div.box1content div.link {
	position:absolute;
	bottom:5px;
	right:12px;
	z-index:3;
}

div.box1content div.link a {
	display:block;
	padding:30px;
}

div.box1content div.realradio {
	position:absolute;
	bottom:25px;
	left:15px;
}

div.box1content div.fb {
	position:absolute;
	top:20px;
	left:60px;
}

div.box2 {
	background:url("../images/bgs/index box 2.jpg") no-repeat;
	width:230px;
	height:193px;
	position:absolute;
	bottom:29px;
	right:5px;
	opacity: .9; 
	filter: alpha(opacity=90); 	
}

div.box2content {
	width:230px;
	height:193px;
	position:absolute;
	bottom:39px;
	right:5px;
	color:white;	
	font-size:14px;
}

div.box2content div.tel {
	margin:10px 0 0 20px;
	font-size:16px;
}

div.box2content ul {
	margin:65px 15px 0 0;
	padding:0px;
	list-style:none;
	text-align:center;
}


div.box1content p {
	color:#fde8c1;
}

div#bg_image div.textline {
	position:absolute;
	bottom:0;
	line-height:25px;
	font-size:12px;
	letter-spacing:0.1em;
	width:100%;
	text-align:center;
	color:white;
}

div#links {
	overflow:hidden;
	border-top:3px solid #d78812;
	background:white;
}

div#links h2 {
	padding:5px 0 5px 0;
	margin:0px;
}

div#links div.top {
	color:white;
	background:url("../images/bgs/ride%20types%20title%20bg.jpg") #2a429c;
	text-align:center;
}

div#links div.inner {
	width:690px;
	margin:auto;
	overflow:auto;
}

div.link_cont {
	float:left;
	height:290px;
	width:210px;
	margin:10px 5px 10px 5px;
	position:relative;
	/*background:#fef4df;*/
	margin-top:20px;
}

div.link_cont a {
	color:#C60;
	font-weight:bold;
}

div.link_cont div.clickhere {
	background-image:url("../images/links/click%20here%20button.jpg") ;
	height:52px;
	width:212px;
}

div.link_cont div.blurb {
	font-size:11px;
	height:125px;
	width:190px;
	padding:0 10px 0 10px;
	text-align:center;
	position:absolute;
	bottom:0;
	color:#494949;
	background:url("../images/links/bottom%20gradient.jpg") bottom no-repeat;
}

div.link_cont div.img {

}

div#footer {
	width:100%;
	font-size:10px;
	padding-top:5px;
	background:#d58911;
	overflow:hidden;
	color:white;
	border-top:3px solid #2a429c;
}

div#footer a {
	color:white;
}

div#footer div.itel {
	float:left;
	margin:5px 0 5px 5px;
}

div#footer div.links {
	float:right;
	margin:5px 5px 5px 0;
	text-align:right;
}

/* about.php */
body.about div#bg_image {
	background:url("../images/bgs/about background.jpg") no-repeat 0 -100px;
	height:480px;
	border-bottom:5px solid #e5a430;
	position:relative;
	z-index:0;
}

body#boat-trip div.text_cont div.image_cont {
	top:120px;
}

/* boats.php */
body.boats div#bg_image {
	background:url("../images/bgs/boats background.jpg") no-repeat 0 -100px;
	height:470px;
	border-bottom:5px solid #e5a430;
	position:relative;
	z-index:0;
}

/* contact.php */
body#contact div#main {
	background:url("../images/bgs/main_bg2.jpg") repeat-x 0 480px white;
}

body#contact div#bg_image {
	background:url("../images/bgs/contact background.jpg") no-repeat 0 -100px;
	height:480px;
	border-bottom:5px solid #e5a430;
	position:relative;
	z-index:0;
}

body#contact div.directions {
	padding:5px 15px 10px 10px;
	margin-top:10px;
	font-size:14px;
	width:440px;
	line-height:17px;
	border-right:1px dotted gray;
}

body#contact div.directions a {
	color:blue;
}

body#contact div.callnow {
	background:  url("../images/gifs/callnow/contact.gif") 0px -15px no-repeat;
}

body#contact div.callnow a:hover {
	background:  url("../images/gifs/callnow/contact-hover.gif") 0px -15px no-repeat;
}

body#contact div.contact_box {
	background:url("../images/bgs/contact box.jpg") no-repeat;
	width:320px;
	height:270px;
	position:absolute;
	bottom:31px;
	left:30px;
	color:white;	
	font-size:14px;	
}

body#contact div.contact_box a {
	color:white;	
}

body#contact div.contact_box ul {
	list-style:none;
	margin:30px 0 0 20px;
	padding:0px;
	font-size:17px;
}


/* kids-parties.php */
body.kidsparties div#bg_image {
	background:url("../images/bgs/kids parties background.jpg") no-repeat 0 -100px;
	height:440px;
	border-bottom:5px solid #e5a430;
	position:relative;
	z-index:0;
}

/* hen-and-stag-parties.php */
body#boat-trip.hen div#bg_image {
	background:url("../images/bgs/hen-stag background.jpg") no-repeat 0 0px;
	height:390px;
	border-bottom:5px solid #e5a430;
	position:relative;
	z-index:0;
}

body#boat-trip.hen div.text_cont div.image_cont {
	top:120px;
}

body#boat-trip div#main {
	background:#b3c5ff;
}

body#boat-trip div.text_cont {
	overflow:hidden;
	background:url("../images/bgs/white-lb gradient.jpg") repeat-x;
}

div.text_cont div.image_cont {
	width:290px;
	position:absolute;
	top:120px;
	left:20px;
}

div.text_cont div.blurb {
	width:450px;
	padding:10px 20px 10px 10px;
	float:right;
	text-align:right;
	min-height:350px;
	height:auto !important;
	height:350px;
}

div.text_cont div.blurb p {
	margin-bottom:25px;
}

body#boat-trip h2 {
	color:#0a2889;
}

body#boat-trip h4 {
	color:#e68a1e;
	margin: 5px 0 5px 0;
}

body#boat-trip div.other_trips {
	float:left;
	margin-left:20px;
	width:320px;
	height:190px;
	background:url("../images/bgs/other trips_bg.jpg") no-repeat;
}

body#boat-trip div.other_trips div.images {
	width:280px;
	height:68px;
	margin:auto;
	margin-top:60px;
	text-align:center;
}

body#boat-trip div.other_trips div.images img {
	margin-right:5px;
}

body#boat-trip div.book_now {
	float:right;
	margin-right:20px;
}

body#boat-trip.hen div.callnow {
	background:  url("../images/gifs/callnow/hen.gif") 0px -2px no-repeat;
}

body#boat-trip.hen div.callnow a:hover {
	background:  url("../images/gifs/callnow/hen-hover.gif") 0px -2px no-repeat;
}

/* coastal-blast.php */
body#boat-trip.coastal div#bg_image {
	background:url("../images/bgs/coastal-blast background.jpg") no-repeat 0 0px;
	height:390px;
	border-bottom:5px solid #e5a430;
	position:relative;
	z-index:0;
}

body#boat-trip.coastal div.text_cont div.image_cont {
	top:120px;
}

/* safety.php */
body#boat-trip.safety div#bg_image {
	background:url("../images/bgs/safety background.jpg") no-repeat 0 0px;
	height:580px;
	border-bottom:5px solid #e5a430;
	position:relative;
	z-index:0;
}

body#boat-trip.safety div.text_cont div.image_cont {
	top:120px;
}

body#boat-trip.safety div.blurb.left {
	float:left;
	text-align:left;
}

body#boat-trip.safety ul {
	text-align:left;	
}

/* prices.php */
body#boat-trip.prices div#bg_image {
	background:url("../images/bgs/prices background.jpg") no-repeat 0 0px;
	height:540px;
	border-bottom:5px solid #e5a430;
	position:relative;
	z-index:0;
}

body#boat-trip.prices div.text_cont div.image_cont {
	top:120px;
}

table#prices {
	color:#2a2a2a;
	text-align:left
	font-size:15px;
}

table#prices td.title {
	font-weight:bold;
	color:#1000e1;
	padding:5px 0 5px 0;
	font-size:16px;
	text-decoration:underline;
}

table#prices td.subtext {
	color:#666;
	font-size:11px;
}

body.prices div.text_cont div.blurb {
	width:450px;
	padding:10px 20px 10px 10px;
	text-align:left;
	margin:auto;
	float:none;
}

/* bookings.php */
body#boat-trip.bookings div#bg_image {
	background:url("../images/bgs/bookings background.jpg") no-repeat 0 0px;
	/*height:520px;*/
	border-bottom:5px solid #e5a430;
	position:relative;
	z-index:0;
	height:0px;
	visibility:hidden;
	display:none;
}

body#boat-trip.bookings div.text_cont div.blurb {
	width:650px;
	margin:auto;
	float:none;
	text-align:center;
	padding-bottom:40px;
}

div.bookingsgrid {
	width:540px;
	margin:auto;
	overflow:auto;
}

div.bookingsgrid div.box {
	width:250px;	
	height:150px;
	float:left;
	margin-right:30px;
	margin-bottom:30px;
	position:relative;
}

div.bookingsgrid div.box.second {
	margin-right:0px;
}

div.bookingsgrid div.details {
	position:absolute;
	top:50px;
	left:10px;
	width:220px;
	text-align:center;
	font-size:13px;
}

div.bookingsgrid div.box.email {
	background:url("../images/bookings%20button%20-%20email.jpg") no-repeat;
}

div.bookingsgrid div.box.call {
	background:url("../images/bookings%20button%20-%20call.jpg") no-repeat;
}

div.bookingsgrid div.box.meet {
	background:url("../images/bookings%20button%20-%20meet.jpg") no-repeat;
}

div.bookingsgrid div.box.message {
	background:url("../images/bookings%20button%20-%20message.jpg") no-repeat;
}

body.bookings div.other_trips {
	margin:auto;	
}

/* gallery.php */
body#boat-trip.gallery div#bg_image {
	background:url("../images/bgs/gallery background.jpg") no-repeat 0 0px;
	height:500px;
	border-bottom:5px solid #e5a430;
	position:relative;
	z-index:0;
}

/* team.php */
body.team div#bg_image {
	background:url("../images/bgs/team background.jpg") no-repeat;
	height:420px;
	border-bottom:5px solid #e5a430;
	position:relative;
	z-index:0;
}

body.team div.text_cont div.blurb {
	text-align:left !important;
	width:500px;
	float:none;
	margin:auto;
}

body.team div.text_cont div.member {	
	height:160px;
	position:relative;
}

body.team div.text_cont div.member div.name {
	font-weight:bold;
}

body.team div.text_cont div.member div.description {
	font-size:12px;
	width:400px;
	position:absolute;
	top:30px;
	left:100px;
}

body.team div.text_cont div.member div.image {
	border:1px solid #999999;
	width:80px;
	height:120px;
	position:absolute;
	top:22px;
	left:0;
}

/* questions.php */
body#boat-trip.questions div#bg_image {
	background:url("../images/bgs/bookings background.jpg") no-repeat 0 0px;
	height:520px;
	border-bottom:5px solid #e5a430;
	position:relative;
	z-index:0;
}

body.questions div.text_cont div.blurb {
	text-align:left;
	float:none;
}

body.questions div.text_cont h2 {
	margin-left:0px;	
}

body.questions div.text_cont div.blurb p {
	padding-left:20px;
	color:#3C3C3C;
}

/* Contact form */
form#contact {
	width:450px;
	margin:auto;
	border:1px solid #999999;
	padding:20px;
	overflow:auto;
	background:url("../images/backgrounds/form%20background.jpg") repeat-x white;
	position:relative;
	text-align:left;
}

form#contact div.column {
	width:220px;
	float:left;
}

form#contact ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

form#contact ul li {
	line-height:25px;
}

form#contact input, form#contact textarea {
	border:1px solid #999999;	
}

form#contact input, form#contact textarea {
	font-style:normal;
}


form#contact input.width {
	width:200px;
	font-style:normal;
}

form#contact textarea.width {
	width:200px;
	height:100px;
}

form#contact li.checkbox {
	font-size:9px;
	line-height:11px;
}

form#contact li.checkbox input {
	float:left;
	width:10px;
	height:20px;
	margin-right:4px;
}

form#contact div.image {
	position:absolute;
	bottom:120px;
	left:15px;
}