@charset "UTF-8";
/*

Blue -  #0a6999

*/


/* CSS Document */

.clear {
	clear:both;
	line-height:1px;
	font-size:1px;
}

body {
	background:#e4e4e4;
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	color:#777;
	font-size:11px;
	
}

a img {
	border:none;
}

a {
color:#0a6999;
text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#0a6999;
	line-height:15px;
	margin:0px;
}

#bodycontainer {
	width:1000px;
	margin:0 auto;
	padding:0px 40px;
	background:url(../images/body_bg.gif) top center repeat-y;
}

#container {
	width:1000px;
	background:url(../images/froth.png) top left no-repeat;
}

#header {
	
}

#signup {
	width:1000px;
	background:url(../images/signup_bg.png) top center no-repeat;
	height:44px;
	padding:6px 0px 0px 0px;
}

#signup img {
	float:left;
	padding:0px 0px 0px 240px;
}

#signup form {
	float:left;
}

/* labels break without Javascript */
#signup label {
	font-size:8px;
}

#signup input {
	vertical-align:middle;
}

#logo {
	float:left;
	width:287px;
	padding:0px 15px 10px 15px;
}

#logo a, #logo a img{
	text-decoration:none;
	border:none;
}

#navcol {
	float:left;
	width:675px;
	text-align:left;
}

#navcol h2{
	clear:both;
	font-size:12px;
	font-weight:normal;
	line-height:5px;
	padding:0px 10px;
	margin:0;
	top:-10px;
	position:relative;
	}

#navcart {
	background: url(../images/basket_bg.png) top right no-repeat;
	float:right;
}

#navcart div{
	background:url(../images/basket.png) top left no-repeat;
	height:21px;
	float:right;
	padding:12px 40px 12px 60px;
	color:#FFF;
}

#navcart div a{
	color:#FFF;
}

#nav {
	clear:right;
	width:675px;
}

#main {
	clear:both;
	/*width:1000px;*/
}

#col1 {
	width:618px;
	float:left;
	padding:0px 0px 0px 27px
}

#mainimage {
}

#fourimages {
}

#content {
	padding:20px 0px;
}

#contentcol1 {
	width:190px;
	float:left;
	padding:0px 20px 0px 10px;
}

#contentcol2 {
	width:385px;
	float:left;
}

#secondimage {
}

#comments {
}

#col2 {
	width:300px;
	float:left;
	padding:0px 0px 0px 30px
}

#intro {
}

#follow {
}

#ads2 {
}

#coastalwatch {
	margin-top:10px;
}

#footer {
	background:url(../images/footer_froth.png) top left no-repeat;
	clear:both;
	width:1000px;
	text-align:center;
	height:60px;
	padding:20px 0px 0px 0px;
}

#copyright {
	margin:0px auto;
	width:600px;
	padding:10px;
	text-align:center;
	border-top:2px solid #0a6999;
}

/* update img display */
.featurecaption {
padding:5px;
font-size:10px;
color:#666;
}

.highlight {
float:left;
width:300px;
}

.highlight.first {
	padding:0px 18px 0px 0px;
}

.highlightcaption {
padding:5px;
font-size:10px;
}

.imgfull {
width:600px;
padding:8px;
/*background:url(../images/bg600.gif) top center no-repeat;*/
background-color: #e4e4e4; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #0a6999; padding: 8px;
}

.imghalf {
width:282px;
padding:8px;
/*background:url(../images/bg302.gif) top center no-repeat;*/
background-color: #e4e4e4; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #0a6999; padding: 8px;
}

/* Captions */
.highlightcaption {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	padding:8px 0px;
}

.buyprint {
	color:#0a6999;
	display:block;
	float:right;
	font-size:11px;
}
.date {
	color:#979797;
}

.title {
	color:#0a6999;
}
.location {
	color:#000;
}


/* intro */
#updatedate {
}

#updatedate div{
	float:left;
}

#updatehead {
	clear:both;
	background:url(../images/divider1.png) top left repeat-x;
	padding:10px 0px;
}

#intro {
	font-size:11px;
}

/* mesurf */
#mesurf {
	background:#e4e4e4 url(../images/mesurf.png) top left no-repeat;
	padding:20px 5px 5px 5px;
	margin:0px 0px 20px 0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}

#mesurf h5{
	color:#0071ba;
	font-size:14px;
	font-weight:bold;
	padding:10px 0px 0px 0px;
	margin:0px;
}

/* follow */
#follow {
	color:#0a6999;
	padding:5px 0px 10px 0px;
}

#follow img {
	vertical-align:middle;
	padding:0px 5px;
}

/* Bondeye candy */
#bondeye {
	border:1px solid #e4e4e4;
	padding:8px;
	margin:0px 0px 10px 0px;
}

#bondeye h3{
	padding:0px;
	margin:0;
	}
	
#bondeye img{
	padding:5px 0px;
	}

/* Stories */

.story {	
	clear:both;
	padding-bottom:10px;
}

.storytitle {
	width:385px;
	background:#e4e4e4;
	height:30px;
	text-align:left;
}
	
.storycontent {
	padding-top:5px;
}
.storycontent p{
	padding:0px 0px 5px 0px;
	margin:0px;
}

.storycontent img {
	float:left;
	padding:0px 5px 5px 0px;
}


/* Stories extended */

.storyextended {	
	clear:both;
	padding:0px 30px 10px 0px;
	width:603px;
	height:400px; 
	overflow:auto;
}

.storyextended .storytitle {
	width:603px;
	background:#fff;
	height:30px;
	text-align:right;
}
	
.storyextended .storycontent {
	padding:20px;
}
.storyextended .storycontent p{
	padding:0px 0px 10px 0px;
	margin:0px;
}

.storyextended .storycontent img {
	float:left;
	padding:0px 10px 10px 0px;
}

.storyextended.storywebversion {
	height:auto;
	overflow:auto;
	}


/* Buy page */
#buyinfo #main {
	padding:10px 30px;
}
#buyinfo .col1 {
	width:304px;
	float:left;
}

#buyinfo .col2 {
	width:604px;
	float:left;
}

#buyinfo .col2 .producttype {
	width:560px;
	padding:10px;
	background-color: #eee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #e4e4e4;
	margin:0px 0px 10px 20px;
}

#buyinfo .col2 .producttype img {
	float:left;
	padding:0px 10px 10px 0px;
}

#buyinfo .col2 .producttype h3{
	margin:0px;
	padding:0px;
}

#buyinfo .col2 .producttype table {
	clear:both;
	background:#fff;
	padding:0px;
	margin:0px;
	width:560px;
}

#buyinfo .col2 .producttype table tr{
	padding:0px;
	margin:0px;
}

#buyinfo .col2 .producttype table td {
	border:1px dotted #ccc;
	padding:2px;
	margin:0px;
	color: #0a6999;
}

#buyinfo .col2 .producttype table td b {
	font-size:10px;
	
}

#buyinfo .qty {
	width:25px;
}

#buyinfo .addcartbutton {
	padding:2px 5px;
	background-color: #0a6999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #e4e4e4;
	margin:10px 0px 0px 0px;
	color:#fff;
}

/* team */
#team #main {
	padding:10px 30px;
}
#team .col1 {
	width:304px;
	float:left;
}

#team .col2 {
	width:604px;
	float:left;
}

#team .col1 #intro{
	padding:0px 30px 0px 10px;
}

#team .col1 #intro h3{
	font-style:italic;
	font-weight:normal;
	font-size:20px;
}

#team .col1 #intro h3 .apos{
	font-style:italic;
	font-weight:bold;
	font-size:30px;
	line-height:20px;
	font-family:"Times New Roman", Times, serif;
}

#team .col1 #intro h4{
	font-style:italic;
	font-weight:normal;
	font-size:13px;
	line-height:20px;
}

#team .col1 #intro h4 .iam{
	font-style:italic;
	font-weight:bold;
	font-size:18px;
	line-height:20px;
}

#team .col1 #intro h4 .apos{
	font-style:italic;
	font-weight:bold;
	font-size:24px;
	line-height:20px;
	font-family:"Times New Roman", Times, serif;
}


#team .col1 #intro p{
	font-size:12px;
	line-height:18px;
	}

#team .teammember {
	width:560px;
	padding:10px;
	background-color: #eee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #e4e4e4;
	margin:0px 0px 10px 20px;
}

#team .teammember h3 {
	color: #0a6999;
	margin:0px;
	padding:0px;
}

#team .teammember img {
	float:left;
	margin:0px 20px 20px 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #0a6999;
	padding:5px;
	background-color: #e4e4e4;
}

#team .teammember .text {
	float:left;
	width:380px;
}

/* bondeye page */

#vimeothumbs ul{
margin:0px;
padding:0px;
}

#vimeothumbs li{
	display:block;
	float:left;
	list-style:none;
	margin:0px 2px 2px 0px;
	padding:1px;
	width:200px;
}

#vimeothumbs li div.vimeo{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px solid #fff;
}
#vimeothumbs li div.title{
	padding:3px;
}

#bondeyepage #content {
	padding:20px 0px;
}

#bondeyepage #content h3{
	color: #0a6999;
}

#recentvids {
	border-top: 1px solid #0a6999;
	padding:20px 0px;
	margin-top:20px;
}

#bondeyepage #main h2{
	padding:10px 30px;
}

/* Update */

#years {
	text-align:center;
	font-size:12px;
}

#years b {
	color:#000;
	font-size:14px;
}

#lastweekupdate{
width:900px;
border-bottom:1px solid #ccc;
padding:20px 0px;
}
#lastweekupdate .text {
float:left;
width:250px;
}
#lastweekupdate .imghalf {
float:left;
margin-right:10px;
}

#pastupdates{
width:600px;
float:left;
padding:20px 0px;
}

.updateitem {
width:272px;
float:left;
margin-right:20px;
min-height:220px;
}

.updateitem .duoimg{
	list-style:none;
	margin:0px 2px 2px 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #0a6999;
	padding:5px;
	background-color: #e4e4e4;
}

.updateitem h3{
}

#recentevents{
border-left:1px dotted #ccc;
width:300px;
float:left;
padding:20px 0px 20px 20px;
}

/*EVENT UPdate*/

#eventupdate #updatehead h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#000;
}

/*Galleries*/

#gallery #categories{
	margin:0px 30px;
}

#gallery #categories ul{
	margin:10px 0px;
	padding:10px;
	border:1px dotted #ccc;
	width:230px;
}

#gallery #categories ul li{
	margin:0px;
	list-style:none;
	padding:0px 3px 5px 20px;
	background:url(../images/gallery/bullet.png) top left no-repeat;
}

#gallery #categories ul li a{
	color:#000;
	font-size:12px;
}

#gallery #categories ul li a.current{
	font-weight:bold;
	color:#0a6999;
}

#gallery .col1 {
	width:304px;
	float:left;
}

#gallery .col2 {
	width:604px;
	float:left;
}


#gallery .recentitem {
	width:134px;
	border:1px dotted #ccc;
	float:left;
	padding:5px;
	margin:0px 3px 5px 2px;
}

#gallery .col2 h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:normal;
	color:#000;
	margin:4px 0px;
}


/*Shopping Cart*/
	
	#shoppingcart {
	padding:30px;
	border:2px solid #ccc;
	margin:0px 20px;
	color:#666;

	}
	
	#cartpagecontents {
	margin:20px 0px;
	padding:30px;
	border:2px solid #ccc;
	margin:0px 20px;
	color:#666;
	}
	
	#cartpagecontents table{
	width:800px;
	}
	
	#cartpagecontents table td {
padding:5px;
border-right:1px dotted #ccc;
border-bottom:1px dotted #ccc;
font-size:11px;
text-align:center;
}

	#cartpagecontents table td h3 {
text-align:center;
}
	
	#cartpagecontents form{
	width:auto;
	}
	
.qty {width:20px;}

#purchasedetails {
	margin:20px 0px;
	padding:30px;
	border:2px solid #ccc;
	margin:0px 20px;
	color:#666;
	}

/* Extend column */

#extendcol {
	display:block;
	list-style:none;
	margin:0 auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #0a6999;
	padding:10px;
	background-color: #fff;
	width:600px;
	
}

/* Contact */

#contactbox {
	display:block;
	list-style:none;
	margin:0px 2px 2px 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #0a6999;
	padding:20px;
	background-color: #e4e4e4;
	}

#contactbox label {
		width:90px;
		display:block;
		font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#0071bc;
	padding:5px 10px;
	vertical-align:top;
	float:left;
	text-align:right;
	font-weight:bold;
	}
	
	#contactbox input.c2 {
		width:300px;
	}
	#contactbox input.c3 {
		width:80px;
	}
	
	#contactbox .c4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#f00;
	}
	
	#contactbox textarea.c5 {
		width:300px;
	}
	
	#contactbox input.button {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#fff;
	background:#0071bc;
	border:1px solid #999;
	padding:5px 10px;
	float:right;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin:50px 0px 0px 0px;
	}
	
	#contactbox input.button:hover {
		cursor:pointer;
	background:#3391dc;
	border:1px solid #666;
	}
	
	
/*services */
#services #main {
	padding:10px 30px;
}
#services .col1 {
}

#services .col2 {
}