/* basics */

*{margin:0; padding:0;}

body {
	margin:0 0 10px; padding:0;
	font: 13px arial,helvetica,clean,sans-serif;
	background: #fff;
	text-align: center;
	}
	
	body.splash {
		background:#FFF8D7;
		}
	
body * {line-height: 1.22em;}

h1, h2, h3, h4, h5, h6,
p,
blockquote,
form,
label, dl, ul, ol,
fieldset,
address {
    margin: 0 0 1em 0;
	}
	
h1, h2, h3, h4, h5, h6 {
	font-family: 'trebuchet ms', arial, helvetica, sans-serif;
	margin: 0 0 1em 0; padding: 0;
	}

h1 { 	font-size: 167%; 
	color:#000;
	}

h2 {
	font-size: 142%;
	color:#000;
	}

h3 {
	font-size: 136%;
	color:#000;
	}

h4 {
	font-size: 122%;
	}

h5 {
	font-size: 107%;
	}

h6 {
	font-size: 100%;
	}


/* images and misc. */

img{ border: none; }
img a{border:none;}

img.floated {float: left;margin: 0 15px .5em 0;}
img.floated.alt {float: right;margin: 0 0 .5em 15px;}
	
blockquote{ margin:15px; padding:0 12px 0 12px;}

code{ margin:10px; font-family:"Courier New", Courier, monospace;}
	
.clear { clear:both;}

hr {background: #ccc;border: 0;color: #ccc;height: 1px;margin: 0 0 10px;}

table {	font-size: inherit;	border-collapse: collapse; border-spacing: 0;}


/* links */

a{ color:#666; text-decoration:underline border: none;}
a:hover{color:#000;text-decoration: underline; border: none;}



/* container */


#container {
	width: 705px;
	position: relative;
	margin: 112px auto 0; padding:0;
	text-align: left;
	background:#FFF8D7;
	border:1px solid #F5D145;
	}
	
	body.splash #container {
		width:740px;
		background:url(../../img/gbl/bg-page-splash.gif) 38px 18px no-repeat;
		margin:0 auto; padding:0;
		border:none;
		}
		
	
/* header */

#header {
	background:#fff;
	position: relative;
	height:110px;
	margin-top:-112px;
	margin-left:-46px;
	float: left;
	}
	
	#header a {
		margin: 0 0 0 7px; padding: 0;
		}

  #links {
  	float: right;
	font: 9pt Arial, Helvetica, sans-serif;
	text-align: right;
	color: #333;
      margin-top: -80px;
  }

 #links a, #links a:visited {
	color: #333; 	
 }
 
  #links a:hover {
	color: #0033cc; 	
 }
 
/* main menu */

#menu {
	width:78px;
	margin:42px 0 0 0; padding:0;
	float:left;
	position:absolute;
	left:-39px;
	}

#menu-alt {
	width:78px;
	margin:42px 0 0 0; padding:0;
	float:right;
	position:absolute;
	right:-40px;
	}
	
	#menu ul, #menu-alt ul {
		margin: 0; padding: 0;
		list-style: none;
		}
	
		#menu li, #menu-alt li {
			margin: 0; padding: 0;
			}
	
			#menu a, #menu-alt a {
				display:block;
				width:78px; height:78px;
				text-indent:-999em;
				overflow:hidden;
				}
				
				#menu a.home {
					background:url(../../img/gbl/bg-nav-primary-home.gif) 0 0 no-repeat;
					}
					
				#menu a.about {
					background:url(../../img/gbl/bg-nav-primary-about.gif) 0 0 no-repeat;
					}
				
				#menu a.location {
					background:url(../../img/gbl/bg-nav-primary-location.gif) 0 0 no-repeat;
					margin-top:-3px;
					margin-bottom:3px;
					}
					
				#menu a.research {
					background:url(../../img/gbl/bg-nav-primary-research.gif) 0 0 no-repeat;
					}
					
				#menu a.contact {
					background:url(../../img/gbl/bg-nav-primary-contact.gif) 0 0 no-repeat;
					}
					
				#menu-alt a.moorage {
					background:url(../../img/gbl/bg-nav-primary-moorage.gif) 0 0 no-repeat;
					}
					
				#menu-alt a.boatyard {
					background:url(../../img/gbl/bg-nav-primary-boatyard.gif) 0 0 no-repeat;
					}
				
				#menu-alt a.services {
					background:url(../../img/gbl/bg-nav-primary-services.gif) 0 0 no-repeat;
					}
					
				#menu-alt a.photo-album {
					background:url(../../img/gbl/bg-nav-primary-photo-album.gif) 0 0 no-repeat;
					}
					
				#menu-alt a.marina-news {
					background:url(../../img/gbl/bg-nav-primary-marina-news.gif) 0 0 no-repeat;
					}
					
					#menu a:hover, #menu-alt a:hover {
						background-position: 0 -78px;
						}

/* home-page menu */				

#menu-splash {
	width:740px; height:550px;
	margin:0 0 55px 0; padding:0;
	}
		
	#menu-splash a {
		width:91px; height:91px;
		display:block;
		position:absolute;
		overflow:hidden;
		text-indent:-999em;
		}
		
		#menu-splash a.location {
			top:180px; left:114px;
			background:url(../../img/gbl/nav-splash-location.gif) 0 0 no-repeat;
			}
			
		#menu-splash a.about {
			top:275px; left:83px;
			background:url(../../img/gbl/nav-splash-about.gif) 0 0 no-repeat;
			}
			
		#menu-splash a.research {
			top:379px; left:91px;
			background:url(../../img/gbl/nav-splash-research.gif) 0 0 no-repeat;
			}
			
		#menu-splash a.contact {
			top:469px; left:146px;
			background:url(../../img/gbl/nav-splash-contact.gif) 0 0 no-repeat;
			}
			
		#menu-splash a.rates {
			top:178px; left:533px;
			background:url(../../img/gbl/nav-splash-rates.gif) 0 0 no-repeat;
			}
			
		#menu-splash a.boatyard {
			top:275px; left:565px;
			background:url(../../img/gbl/nav-splash-boatyard.gif) 0 0 no-repeat;
			}
			
		#menu-splash a.services {
			top:378px; left:554px;
			background:url(../../img/gbl/nav-splash-services.gif) 0 0 no-repeat;
			}
			
		#menu-splash a.photo-album {
			top:469px; left:500px;
			background:url(../../img/gbl/nav-splash-photo-album.gif) 0 0 no-repeat;
			}
			
			#menu-splash a:hover {
				background-position:0 -91px;
				}					
					
		

/* content */

#content {
	width:601px;
	margin:52px 0 48px;
	margin-left:52px;
	}	

	#content-inner {
		padding:10px 16px;
		}
		
		#content-inner-location {
			background:#F3EEFD url(../../img/gbl/bg-content-primary-location.jpg) 0 0 no-repeat;
			padding:155px 16px 10px;
			}	
		
		#content-inner-about-us {
			background:#D7EEE3 url(../../img/gbl/bg-content-primary-about-us.jpg) 0 0 no-repeat;
			padding:155px 16px 10px;
			}
			
		#content-inner-research {
			background:#FAE1A3 url(../../img/gbl/bg-content-primary-research.jpg) 0 0 no-repeat;
			padding:155px 16px 10px;
			}
			
		#content-inner-contact-us {
			background:#FADECF url(../../img/gbl/bg-content-primary-contact.jpg) 0 0 no-repeat;
			padding:155px 16px 10px;
			}
		
		#content-inner-rates {
			background:#DEE3CF url(../../img/gbl/bg-content-primary-rates.jpg) 0 0 no-repeat;
			padding:155px 16px 10px;
			}
		
		#content-inner-boatyard {
			background:#F0E3DC url(../../img/gbl/bg-content-primary-boatyard.jpg) 0 0 no-repeat;
			padding:155px 16px 10px;
			}
			
		#content-inner-services {
			background:#E3EEF5 url(../../img/gbl/bg-content-primary-services.jpg) 0 0 no-repeat;
			padding:155px 16px 10px;
			}
			
		#content-inner-photo-album {
			background:#DEE3CF url(../../img/gbl/bg-content-primary-photo-album.jpg) 0 0 no-repeat;
			padding:155px 16px 10px;
			}

	#content ul, #content ol {
		margin-left:40px;
		}

	#content h1 {
		position:absolute;
		top:-40px;
		left:310px;
		}
		
	#content-splash h1, #content-splash h2 {
		text-indent:-999em;
		}
		
	.colset {
		width:565px;
		margin-left:15px;
		}
		
		.col {
			width:49%;
			float:left;
			padding-right:1px;
			padding-bottom:15px;
			}


/* footer */

#footer {
	position: relative;
	height:43px;
	text-align:center;
	color:#9999af;
	}
	
	#footer.splash {
		font-size:11px;
		}

	#footer-inner {
		padding: 10px 10px 0 10px; 
		color: #A3A7BF;
		}
	
	#footer a {
		color:#336699;
		text-decoration:none;
		border-right:1px solid #9999af;
		padding:2px 6px 0 3px;
		}
		
		#footer a.last {
			border:none;
			}
		
		#footer a:hover {
			background:#eef8ff;
			text-decoration:underline;
			color:#0033cc;
			}
			
#footer-menu {
	font-size:11px;
	}


/* H1's */

h1.location, h1.about-us, h1.research, h1.contact-us, h1.rates, h1.boatyard, h1.services, h1.photo-album, h1.marina-news {
	width:78px; height:78px;
	display:block;
	text-indent:-999em;
	}
	
h1.location {
	background:url(../../img/gbl/r_location.gif) 0 0 no-repeat;
	}
	
h1.about-us {
	background:url(../../img/gbl/r_about.gif) 0 0 no-repeat;
	}
	
h1.research {
	background:url(../../img/gbl/r_research.gif) 0 0 no-repeat;
	}
	
h1.contact-us {
	background:url(../../img/gbl/r_contact.gif) 0 0 no-repeat;
	}
	
h1.rates {
	background:url(../../img/gbl/r_rates.0.gif) 0 0 no-repeat;
	}

h1.boatyard {
	background:url(../../img/gbl/r_boatyard.gif) 0 0 no-repeat;
	}

h1.services {
	background:url(../../img/gbl/r_services.gif) 0 0 no-repeat;
	}
	
h1.photo-album {
	background:url(../../img/gbl/r_photoalbum.gif) 0 0 no-repeat;
	}

h1.marina-news {
	background:url(../../img/gbl/r_newsletter.gif) 0 0 no-repeat;
	}
	
	
/* Moorage Page */

#content-primary-wrap-rates h2 {
	color:#78913A;
	text-align:center;
	}

#content-primary-wrap-rates h4 {
	color: #fff;
	background:#78913A;
	margin:0; padding:0;
	width:255px;
	text-align:center;
	border-bottom:1px solid #fff;
	text-transform:uppercase;
	}

#content-primary-wrap-rates table {
	width:255px;
	margin-bottom:10px;
	}
	
	#content-primary-wrap-rates th {
		background:#999;
		color:#fff;
		font-size:1.2em;
		font-weight:bold;
		text-align:center;
		border-right:1px solid #fff;
		}
	
	#content-primary-wrap-rates tr {
		background:#DEE3CF;
		}
		
	#content-primary-wrap-rates tr.alt {
		background:#e6e6e6;
		}	
		
		#content-primary-wrap-rates td {
			text-align:center;
			}	
			
			
/* Photo Album Page */

#gallery {
	margin:15px 0 10px 4px;
	}			
	
	
/* forms */

form {
	width: 100%;
	margin: 0 0 10px 0; padding: 0;
	clear: both;
	}

	fieldset {
		margin: 0 0 10px 0 !important; padding: 10px;
		border: 1px solid #848484;
		background:#F5EEE3;
		}

		.fieldgroup label {
			display: block;
			float: left;
			margin: 0 0 5px 0;
			width: 49%;
			}

		.fieldgroup.extended label {
			width: 100%;
			}

			 .prelabel {
				width: 32%;
				float: left;
				padding: 2px 0;
				}

			.fieldgroup input, .fieldgroup textarea, .fieldgroup select {
				float: left;
				width: 62%;
				margin: 0; padding: 0;
				}

			.fieldgroup.extended input, .fieldgroup.extended textarea, .fieldgroup.extended select {
				float: left;
				width: 95%;
				margin: 0; padding: 0;
				}
				
.fieldgroup {
	width: 100%;
	float: left;
	padding: 0;
	}

	#content .btnset {
		padding: 0 0 10px 0; margin: 0;
		position: relative;
		}
		
		#content .btnset ul {
			margin: 0; padding: 0;
			list-style: none;
			}
		
			#content .btnset ul li {
				margin: 0; padding: 0;
				list-style: none;
				float: left;
				}
				
			.btnset a, .btnset button {
				display: block;
				display: inline; 
				float: left;
				margin: 0 3px 0 0;
				background-color: #f5f5f5;
				border: 1px solid #dedede;
				border-top: 1px solid #eee;
				border-left: 1px solid #eee;
				font-size: 92%;
				line-height: 130%;
				text-decoration: none !important;
				color: #565656;
				cursor: pointer;
				padding: 4px 8px;
				}
		
			.btnset button {
				width: auto;
				overflow: visible;
				padding: 4px 7px 3px 7px;
				}
		
			.btnset button[type] {
				padding: 5px 7px 5px 7px;
				line-height: 16px;
				}

			.btnset button img, .btnset a img {
				margin: 0 0 -3px 0 !important;
				padding: 0;
				border: none;
				width: 16px;
				height: 16px;
				}
		
			.btnset a:hover {
				background: #f4f4f4;
				color: #666;
				}
	
.tip {
	clear: left;
	margin: 0 0 10px 0; color: #666;
	font-size: 85%;
	}

label em, .required {
	color: red;
	}