@charset "UTF-8";
/* CSS Document */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }
/* end reset */


body {
background: url(http://www.harborwatchrestaurant.com/images/water.gif) top center no-repeat #006699;
font: 100% "Century Gothic Bold", "Gill Sans", Verdana, Geneva, sans-serif;
}

#wrapper{ width:960px; margin:0 auto;}


#header {

width:960px;
background: url(http://www.harborwatchrestaurant.com/images/banner.jpg) no-repeat top center;
float:left;
}

#header h1 {
width: 400px;
height: 280px;
position: relative;
}
#header h1 a {
text-indent: -9999px;
display: block;
width: 400px;
height: 285px;
}


/*-----------
NAVIGATION
------------*/
#nav {
	
}

#nav li {
list-style-type: none;
font-size: 1.5em;
padding: 8px 15px 8px 16px;
float: left;
}

#nav a {
color: #003366;
text-decoration: none;
}

#nav a:link {
color: #003366;
}

#nav a:visited {
color: #003366;
}
#nav a:hover, #nav a:focus {
	color: #660000;
}
#nav a:active {
	color: #660000;
}
/*-----------
NAVIGATION
------------*/
#bottomnav {
	margin-bottom: 0px;
	top: 75px;
	left: 5px;
}
#bottomnav li {
	list-style-type: none;
	font-family: "Century Gothic Bold", "Gill Sans", Arial, sans-serif;
	font-size: .9em;
	padding: 7px 20px 15px 20px;
	margin-left: 30px;
	float: left;
}
#bottomnav a {
	color: #003366;
	text-decoration: none;
}
#bottomnav a:link {
	color: #003366;
}
#bottomnav a:visited {
	color: #003366;
}
#bottomnav a:hover {
	color: #660000;
}
#bottomnav a:active {
	color: #660000;
}
/*-----------
END NAVIGATION
------------*/

/*-----------
MAIN CONTENT
------------*/
#main {
background: url(http://www.harborwatchrestaurant.com/images/main.jpg) 0 0 repeat-y;
float:left;
clear:left;
width:960px;
position:relative;
}

.home {
	float: left;
	width: 450px;
	text-indent: -9999px;
	background-image: url(http://www.harborwatchrestaurant.com/images/home_title.png);
	background-repeat: no-repeat;
	padding-bottom: 80px;
	margin-left: 40px;
	overflow: hidden;
	zoom: 1;
}
.menu {
	float: left;
	width: 450px;
	text-indent: -9999px;
	background-image: url(http://www.harborwatchrestaurant.com/images/menu_title.png);
	background-repeat: no-repeat;
	padding-bottom: 80px;
	margin-left: 40px;
	overflow: hidden;
	zoom: 1;
}
.rawbar {
	float: left;
	width: 450px;
	text-indent: -9999px;
	background-image: url(http://www.harborwatchrestaurant.com/images/rawbar_title.png);
	background-repeat: no-repeat;
	padding-bottom: 80px;
	margin-left: 40px;
	overflow: hidden;
	zoom: 1;
}
.drinks {
	float: left;
	width: 450px;
	text-indent: -9999px;
	background-image: url(http://www.harborwatchrestaurant.com/images/drinks_title.png);
	background-repeat: no-repeat;
	padding-bottom: 80px;
	margin-left: 40px;
	overflow: hidden;
	zoom: 1;
}
.banquets {
	float: left;
	width: 450px;
	text-indent: -9999px;
	background-image: url(http://www.harborwatchrestaurant.com/images/banquets_title.png);
	background-repeat: no-repeat;
	padding-bottom: 80px;
	margin-left: 40px;
	overflow: hidden;
	zoom: 1;
}
.gallery {
	float: left;
	width: 450px;
	text-indent: -9999px;
	background-image: url(http://www.harborwatchrestaurant.com/images/gallery_title.png);
	background-repeat: no-repeat;
	padding-bottom: 80px;
	margin-left: 40px;
	overflow: hidden;
	zoom: 1;
}
.contact {
	float: left;
	width: 450px;
	text-indent: -9999px;
	background-image: url(http://www.harborwatchrestaurant.com/images/contact_title.png);
	background-repeat: no-repeat;
	padding-bottom: 80px;
	margin-left: 40px;
	overflow: hidden;
	zoom: 1;
}
.emailus a {
	text-decoration: none;
	color: #003366;
}
.emailus a:hover {
	color: #66000;
}
#maintext {
	float: left;
	width: 510px;
	padding-left: 53px;
	overflow: hidden;
	zoom: 1;
}

.peaches img {
	border: 1px double #666;
	padding: 4px;
	overflow: hidden;
	zoom: 1;
	}
.peaches {
	float: left;
	width: 230px;
	margin: 0px 17px 0px 0;
}
.peaches p {
	font: .7em/normal Veranda, Helvetica, sans-serif;
	text-align: center;
	margin: 0 0 0 0;
	padding: 4px;
}
.oysters img {
	border: 1px double #666;
	padding: 4px;
	overflow: hidden;
	zoom: 1;
}
.oysters {
	float: right;
	width: 220px;
	margin: 0 10px 10px 15px;
}
.oysters p {
	font: .7em/normal Veranda, Helvetica, sans-serif;
	text-align: center;
	margin: 0 0 0 0;
	padding: 4px;
}
.market img {
	border: 1px double #666;
	padding: 4px;
	overflow: hidden;
	zoom: 1;
}
.market {
	float: left;
	width: 101px;
	margin: 0 17px 0px 0;
	}
.market p {
	font: .7em/normal Veranda, Helvetica, sans-serif;
	text-align: center;
	margin: 0 0 0 0;
	padding: 2px;
}
.gallerydownload {
	float: left;
	width: 500px;
	margin-left: 50px;
	margin-top: -22px;
	margin-bottom: 22px;
}
.gallerywrapper {
	margin-left: 40px;
}

.photo img {
	border: 1px double #666;
	background-color: #FFF;
	padding: 4px;
	
}


.figure {
	position: relative;
	float: left;
	margin: 0 10px 10px 10px;
	zoom: 1;
	z-index: 0;
}

.figure span p {
	font: .7em/normal Veranda, Helvetica, sans-serif;
	text-align: left;
	margin: 2px;
}

.figure:hover {
	background-color: transparent;
	z-index: 50;
}
.figure span {
	position: absolute;
	border: 1px double #666;
	background-color: #FFF;
	padding: 4px;
	left: -1000px;
	visibility: hidden;
	text-decoration: none;
	-webkit-box-shadow:5px 5px 7px rgba(30,30,30,.6);
	-moz-box-shadow:5px 5px 7px rgba(30,30,30,.6);
	box-shadow:5px 5px 7px rgba(30,30,30,.6);
	min-width:200px;
}
.figure span img {
	border-width: 0;
	padding: 2px;
}
.figure:hover span {
	visibility: visible;
	top: 0;
	left: 85px;
	top: 85px;
}
.space {
	height: 400px;
}
.hometext {
	color: #333;
	font-family: "Hoefler Text", Garamond, Times, serif;
	font-size: .9em;
	line-height: 130%;
}
.banquettext{
	color: #660000;
	font-family: "Hoefler Text", Garamond, Times, serif;
	font-size: 1em;
}
.banquetcontact {
	color: #003366;
	font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;
	font-size: 1.4em;
	border-bottom: none;
}
.banquetcontact a {
	color: #003366;
	text-decoration: none;
}
.banquetcontact a {
	color: #003366;
	text-decoration: none;
}
.banquetcontact a:hover {
	color: #660000;
	text-decoration: none;
}
.banquetpic img {
	border: 1px double #666;
	padding: 4px;
	overflow: hidden;
	zoom: 1;
}
.banquetpic {
	float: left;
	width: 180px;
	margin: 0 17px 5px 0;
}
.ice img {
	border: 1px double #666;
	padding: 4px;
	overflow: hidden;
	zoom: 1;
}
.ice {
	float: right;
	width: 118px;
	margin: 0 10px 10px 12px;
}
.ice p {
	font: .7em/normal Veranda, Helvetica, sans-serif;
	text-align: center;
	margin: 0 0 0 0;
	padding: 3px;
}

.downloadmenu a {
	color: #666;
	font-family: "Hoefler Text", Garamond, Times, serif;
	font-size: .8em;
}
.downloadmenu a:hover {
	color: #660000;
}
	
h3 {
	color: #660000;
	font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;
	font-size: 1.4em;
	border-bottom: 1px solid #660000;
}
h4 {
	color: #003366;
	font-family: "Hoefler Text", Garamond, Times, serif;
	font-size: 1.1em;
	padding-top: 12px;
}
p {
	color: #333;
	font-family: "Hoefler Text", Garamond, Times, serif;
	font-size: .8em;
	line-height: 130%;
}
/*-----------
END MAIN CONTENT
------------*/



#rightinfo {
float: right;
width: 393px;

}



/*-----------
SPECIALS
------------*/

#specialsHours{
background:url(http://www.harborwatchrestaurant.com/images/infobox_mid.png) 0 0 repeat-y;
margin:66px 0 0 21px;
padding:5px 0 10px;
position:relative;

}

h2.specials {
background:url("http://www.harborwatchrestaurant.com/images/infobox_top.png") no-repeat scroll 0 0 transparent;
height:66px;
position:absolute;
text-indent:-9999px;
top:-66px;
width:364px;

}

h2.hours {
width: 364px;
height: 45px;
background: url(http://www.harborwatchrestaurant.com/images/hours.png) top right no-repeat;
text-indent: -9999px;
margin-bottom:10px;

}

#specialsHours ul{ 
list-style:none;
margin:5px;
width:280px;
}

#specialsHours ul li{
color: #333;
font: .9em/normal "Hoefler Text", Garamond, Times, serif;
margin:5px 0;
line-height: 130%;
}



#specialsHours ul li strong{
color: #003366;
display:block;
}


.specialsbtm {
height: 80px;
background:url(http://www.harborwatchrestaurant.com/images/infobox_bot.png) no-repeat;
margin:-5px 0 0 21px;
}





#directions a {
	float: right;
	height: 280px;
	width: 340px;
	background: url(http://www.harborwatchrestaurant.com/images/directions.png) no-repeat top right;
	margin-right: 29px;
	overflow: hidden;
	zoom: 1;
}
#coupon a {
	float: right;
	height: 105px;
	width: 320px;
	background: url(http://www.harborwatchrestaurant.com/images/coupon.png) no-repeat top right;
	margin-right: 37px;
	margin-bottom: 20px;
	overflow: hidden;
	zoom: 1;	
}
#webcam {
	float: right;
	width: 265px;
	margin-right: 37px;
	margin-bottom: 20px;
	background-image: url(http://www.harborwatchrestaurant.com/images/webcam.png);
	background-position: left center;
	background-repeat: no-repeat;
	overflow: hidden;
	zoom: 1;
}
#facebook {
	float: right;
	width: 290px;
	margin-right: 37px;
	margin-bottom: 20px;
	background-image: url(http://www.harborwatchrestaurant.com/images/facebooklogo.png);
	background-position: left center;
	background-repeat: no-repeat;
	overflow: hidden;
	zoom: 1;
}
.infolinks a {
	float: right;
	text-decoration: none;
	color: #003366;
	font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;
	font-size: 1.4em;
	overflow: hidden;
	zoom: 1;
}
.infolinks a:link {
	color: #003366;
}
.infolinks a:visited {
	color: #003366;
}
.infolinks a:hover {
	color: #660000;
}
.infolinks a:active {
	color: #660000;
}

/* Contact Form */ 
#contact{text-align:left;}

#contact label{
font-size:16px;
display:block;
margin:15px 0 3px;
text-transform:capitalize;
}

#contact label span{
font-style:italic;
font-size:14px;
color:gray;
margin-left:10px;
text-transform:none;
letter-spacing:1px;
}

button{margin:10px 0; padding:5px 10px; display:block; background:rgb(0, 102, 153); border:2px solid rgb(0, 102, 153); color:white; font-size:20px; }

button:hover, button:focus{background:transparent; color:rgb(0, 102, 153); }

button:active{margin-top:11px;}

/*-----------
END SPECIALS
------------*/
#footer { 
	clear: both; 
	height: 31px;
	background: url(http://www.harborwatchrestaurant.com/images/footer.jpg) no-repeat center bottom;
}	



#bottomcontact{ text-align:center; }

#bottomcontact h4 {
	color: #FFF;
	padding-bottom: 3px;
	border-bottom: none;
	font-size: 1.3em;
}
#bottomcontact p {
	color:#FFF;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
}
#bottomcontact a {
	text-decoration: none;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
}
#bottomcontact a:hover {
	color: #FF0;
}