#topwrapper{ display:none; }  
#toplinks{ display:none; }


#wrapper{margin:0px; width:100%; clear:both; }  

#header{position:relative;  /* border:1px solid #990000;*/ }


#content{position:absolute; width:auto; height:100%; margin:0px; padding:0px; background-color:#ffffff;}
#main{float:center; margin: 1px auto; width:95%;  text-align:left; font-family: arial,helvetica,sans-serif; font-size: .8em; line-height:1em; /* border:1px solid #990000; */}

a.copylink {text-decoration:underline; font-size: 11px; line-height: 12px;}
a.copylink:hover {text-decoration:underline; font-size: 11px; line-height: 12px;  color:#ff0000;}
.copylink { font-size: 11px; line-height: 12px; font-family: Verdana; color: #666666;}
.copytext { font-size: 11px; line-height: 12px; font-family: Verdana; color: #666666;}


.noPrint  {display:none; }

.clearfix (display:none;}


@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}


.icons a { display: none; }   

    /* Styles */ 

body {	background-color: #ffffff;
	color:#666; font-family:'Droid Sans',Tahoma,Arial,sans-serif;font-size:1em;line-height:1.2em;}




.page-break	{ display: block; page-break-before: always; }


h1,h2,h3,h4{clear:left; color:#5c5a5a; font-weight:400; margin:0.5em 0; font-family:'Yanone Kaffeesatz';}
h1{font-size:1.8em; line-height:1.1em;}
h2{font-size:1.6em; line-height:1em;}
h3{font-size:0.9em; line-height:.7em;}


#contactbot { display:none; } /* for dropdownform */
#testimonials{ display:none;  /* border:1px solid #990000; */ }

#sidebar{float:left; width:100%; margin:0px; background:none;}

#sidebar2{float:left; width:100%; height:auto; margin:0px; background:none;}

    #inner{width:auto; text-align:center; margin:0px 0px 20px 0px; padding:10px;
 font-family: arial,helvetica,sans-serif; font-size: .9em; line-height:1em; background:#efefef;}

    #inner2 {width:auto; text-align:center; margin:0px 0px 20px 0px; padding:10px;
 font-family: arial,helvetica,sans-serif; font-size: .9em; line-height:1em; background:#efefef;}

#testimonials{display:none;  /* border:1px solid #990000; */ }

#innerbot { display:none;  /* position:absolute: bottom:10px; width:auto; margin:0px; text-align:center; font-family: arial,helvetica,sans-serif; font-size: 1.1em; line-height:1em; */ }
#innerbot h3 {font-size:1.2em; width:auto; height:18px; background-color:#efefef; border-top:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; padding:5px; }

#innerbot .toggle { display:none; }
#innerbot .show { display:none; }


.left .inner{margin:0; padding:0;}
.right .inner{margin:0; padding:0;}

#sitetitle{position:relative; margin:10px auto 10px auto; width:auto;/*  border:1px solid #990000;*/ }
#sitetitle h1 {font-size:40px;color:#000;margin:0;padding:0;}

#sitetitle img {
	max-width: 30%;
	height: auto;
       margin:20px 40px;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;

}

#addresswrapper { position:absolute;  right:0; top:0; width: auto; height: auto; 
margin:0px; 
padding:0px; /*   border:1px solid #aaaaaa; 
 background:#ffffff;  */}

#searchwrapper { display:none; }

#search { position:absolute; top:5px; float:right; width: 160px; height: 24px; right: 10px; margin:0px; border:1px solid #aaaaaa; }
#search form {  }
#search .field { float:left; color:#666666; background:#ffffff; border:0; width:128px; padding:1px; }
#search .submit { border:0; cursor:pointer; background:url(../images/search-submit.jpg); width:21px; height:21px; float:left; margin-right:0px; }
.searchtop { background-image: url(../images/searchtop.gif); }
.searchbox {}
.searchtoptext { }
.searchtext { border: 1px solid #804575; font-family: arial,helvetica,sans-serif; font-size: 6pt; line-height: 6pt; color: #666666;}


.shadow{ background:none; }

#phonewrapper { display:none; }
.slider-wrapper { display:none; }



#weather { display:none;  /* position: relative; width:auto; float:left; margin:10px;  border:1px solid #ff9999; */ }
#tides { display:none;  /* position: relative; width:auto; float:left;  border:1px solid #ff9999; */ }


/*  tides     */

#tidebox { position: relative;
text-align: center;
width:auto;
height:auto;
margin:10px;
padding:0px;
}

#tideinfo {position: relative; width: auto; text-align:center; height: 40px; margin: 0px auto 0px auto; padding:0px auto; font-family:arial,sans-serif; font-size:6px; /* border:1px solid #ff9999; */}

#arrowbox {position: relative; width:auto; height:50px; 
margin:20px auto 10px auto; 
#margin:10px auto 10px auto; 
padding:0px; font-family:arial,sans-serif; font-size:6px;}

#tideleftinfo {position: relative; float:left; width: 90px; height:46px; text-align:center; margin:10px 0px 0px 0px; padding:auto 0px; font-family:Verdana,sans-serif; text-shadow: 0.0em 0.0em 0.01em #003768; font-size:11px; line-height:14px;}
#tiderightinfo {position: relative; float:right; width: 90px; height:46px; text-align:center; margin:10px 0px 0px 0px; padding:auto 0px; font-family:Verdana,sans-serif; text-shadow: 0.0em 0.0em 0.01em #003768; font-size:11px; line-height:14px;}
#arrow {position: relative; float:left; margin: 0px auto; width:25px; height:45px; /* border:1px solid #ff9999; */ 
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}

.tidetitle { padding:0px; font-family: Verdana, sans-serif; font-size: 12px;  line-height: 24px; color: #333333;}
.loctitle { padding:0px; font-family: Verdana, sans-serif; font-size: 16px;  line-height: 18px; color: #003399; font-weight:bold;}
.tideannot { padding:0px; font-family: Verdana, sans-serif; font-size: 10px;  line-height: 12px; color: #333333;}


#chart_div {display:none;}

/*  tides     */


/*  weather     */

#weatherbox { position: relative;
text-align: center;
width:auto; 
height:auto;
margin:10px; 
padding:0px;
}

#weatherinfo {position: relative; width: 270px; text-align:center; margin: 5px auto 0px auto; padding:0px auto; font-family:arial,sans-serif; font-size:6px;}
#weatherinfo IMG {display:none; */}
.weathtitle { padding:0px; font-family: Verdana, sans-serif; font-size: 10px;  line-height: 13px; color: #333333;}
.wloctitle { padding:0px; font-family: Verdana, sans-serif; font-size: 12px;  line-height: 14px; color: #5f5f5f; font-weight:bold; }

/*  weather     */

#mapbox { display: none; }




#picbox {position: relative; width:100%; text-align:center; margin:0px auto; /* border:1px solid #990000; */}


#picbox img {
	max-width: 80%;
	height: auto;
       margin:10px 10px;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;

}





#main img {
	max-width: 80%;
	height: auto;
       margin:10px 10px;
/* border:1px solid #990000;*/
}










#nav {display:none;}






.nav-button { display: none; } /* hide the navigation button by default */

	/* Navigation Button
	-------------------------------------------------------- */
	.nav-text { 
              display: block;
		position: absolute;
		top: 7px;
		left: 60px;
		width: 80px;
		height: 35px;
		font-family: Arial;
              text-align:left;
              line-height:1em;
              padding:10px 5px;
		font-size:1em;
		font-weight: bold;
		text-shadow: -1px -1px 0 rgba(0,0,0,.15);
		color: white;
		text-decoration: none;
z-index:1000;
              }


	.nav-phone { 
              display: block;
		position: relative;
		top: 0px;
		float:right;
		font-family: Arial;
              text-align:left;
              line-height:1em;
              padding:8px 5px;
		color: white;
		text-decoration: none;
              z-index:1000;
              }

	.nav-map { 
              display: block;
		position: relative;
		top: 0px;
		float:right;
		font-family: Arial;
              text-align:left;
              line-height:1em;
              padding:8px 5px;
		color: white;
		text-decoration: none;
              z-index:1000;
              }


	.nav-button {
		display: block;
		position: absolute;
		top: 7px;
		left: 7px;
		width: 50px;
		height: 35px;
		background: url('../images/menu-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/menu-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/menu-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/menu-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
		cursor: pointer;
		border: 0 none;
		border-radius: 5px;
		z-index: 500;
		text-indent: -9999px;
	}

	.nav-button:hover { 
		background-color: rgba(0,0,0,.1); 
	}

	.nav-button.open {
		background: url('../images/close-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/close-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/close-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/close-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
	}






	.phone-button {
		display: block;
		position: absolute;
		top: 7px;
		right: 7px;
		width: 50px;
		height: 35px;
		background: url('images/menu-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('images/menu-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('images/menu-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('images/menu-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
		cursor: pointer;
		border: 0 none;
		border-radius: 5px;
		z-index: 999;
		text-indent: -9999px;
	}

	.phone-button:hover { 
		background-color: rgba(0,0,0,.1); 
	}

	





	/* Navigation Bar
	-------------------------------------------------------- */





	#nav .primary-nav {
		width: 100%;
		float: none;
		background-color: #238be3; /* change the menu color */
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		display: block;
		height: 50px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 499;
		clear: both;

	}




	#nav .primary-nav li {
		display: none;
              clear:both;
		width: 100%;


	}
	#nav .primary-nav li a {
		display: block;
		width: 100%;
		padding: 0px 0px;
		font-family: Arial;
              text-align:left;
              line-height:.8em;
              padding:0px;
		font-size: .8em;
		font-weight: bold;
		text-shadow: -1px -1px 0 rgba(0,0,0,.15);
		color: white;
		text-decoration: none;
	}
	#nav .primary-nav li a:hover {
		background-color: rgba(0,0,0,.5);
		border-top-color: transparent;
	}
	#nav .primary-nav > li:first-child {
		border-top: 0px solid rgba(0,0,0,.2);
	}

	/* Toggle the navigation bar open  */

	#nav .primary-nav.open { 
		height: auto; 
		padding-top: 50px;
	}
	#nav .primary-nav.open li { 
		display: block; 
	}



	/* Submenus – optional .parent class indicates dropdowns */

	#nav .primary-nav > li:hover > a {
		background: rgba(0,0,0,.5);
		border-bottom-color: transparent;
	}
	#nav .primary-nav li.parent > a:after {
		content: "?";
		color: rgba(255,255,255,.5);
		float: right;
	}
	#nav .primary-nav li.parent > a:hover {
		background: rgba(0,0,0,.75);
	}
	#nav .primary-nav li ul {
		display: none;
		background: rgba(0,0,0,.5);
		border-top: 0 none;
		padding: 0;
	}
	#nav .primary-nav li ul a {
		border: 0 none;
		font-size: 12px;
		padding: 10px 5%;
		font-weight: normal;
	}
	#nav .primary-nav li:hover ul {
		display: block;
		border-top: 0 none;
	}



#footer {display:none; /*  border:1px solid #000000;*/}

#footerbottom { margin: 0px auto 0px auto; width:70%; height:45px; /*  border:1px solid #000000;*/}
#footerbottomleft { margin: 20px 0 0 10px; float:left; text-align:right; width: 50%; height:55px; /*  border:1px solid #000000;*/}
#footerbottomright {position:relative; float:right; width: 30%; padding: 0 0 0 5px; margin:0px; text-align:right; /*  border:1px solid #000000;*/}

#footer p{color:#777;font-size:12px;margin:0;padding:15px 30px;text-align:center;}
#footer a{color:#777;}
#footer a:hover{color:#333;}

img.wubutton{
   margin-top:15px;
margin-right:10px;filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}