/* Based on Eric Meyers Reset, with html 5 elements added
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, dialog, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}


/*-------------------
 BASE STYLES 
-----------------------*/

/* HTML TAGS */ 

body { 
    font-family: 'Lato', helvetica neue, arial, sans-serif;
    background:url(http://www.harborwatchrestaurant.com/images2/background.jpg) top center rgb(255, 252, 246); 
    color:rgb(25,25,25);

}

body {
    color:rgba(0,0,0,.9);
}

h1, h2, h3, h4, h5 {
    font-family: 'Lato', helvetica neue, arial, sans-serif !important;
    color:black;
}

h1, .h1 {
    margin:.7em 0;
}

h2, .h2 {
    margin:1.2em 0 0;
}

h3, .h3 {
    text-transform:uppercase;
}


p, li, ol{
    font-size:.875em;
    line-height:1.5;
}

p {
    margin:0 0 .6em 0;
    color:rgba(0, 0, 0, 0.7);
}

ul {
    list-style: disc outside none;
}

a, a:link, a p { 
    /*color:#03b3da; */
    -webkit-transition: background 0.25s ease-in, color 0.25s ease-out;
}

img {
    max-width: 100%;
}

button {
    margin:10px 0;
}

strong {
    font-weight: bold;
}

.lighter {
    color:rgb(60, 85, 93);
}

.red {
color:rgb(240,95,31);
}

.blue {
	color:rgb(36,149,190); }

.gray {
	color:rgba(0,0,0,.8); }

.green {
	color:#49ac42;  }

.wShadow {
	text-shadow:1px 1px 1px rgba(255,255,255,.3); }

.noMargin {
	margin:0; }

hr {
border-bottom: none;
border-top: 2px solid rgb(229, 243, 236);
border-top: 2px solid rgba(255,255,255,.4);
margin:.5em 0;
float: left;
width: 100%;
}

.amp {
	font-family: Baskerville, Palatino, "Book Antiqua", serif; font-style: italic; }

.fixed {
	position:fixed; top:0; z-index: 500; }

.invis {
	display:none; }

/* SELECTORS  */

.wrapper {
	width:96%; margin: 0 auto; }

.details {
padding:10px;
background:url(http://www.harborwatchrestaurant.com/images/ui/black10.png) repeat transparent;
background:rgba(0,0,0,.1);
margin-left:2%;
}

.details {
	margin:50px 2% 20px; }

.mainContent{  
background:url("http://www.harborwatchrestaurant.com/images/ui/white50.png") repeat transparent;
background:rgba(255,255,255,.5); 
padding:10px; clear:both; 
}

.imageBlock a {
    clear: both;
    display: block;
    float: left;
    margin: 10px 0;
    padding: 5px;
}
.imageBlock img {
    float: left;
    margin: 0 5% 0 0;
}

.caps {
    text-transform:uppercase;
}

.more {
    margin-top:1em;
}

.more a, button, .thumbs li p.more a { 
    background:#4ac8e4; 
    color:white; 
    padding:.2em .4em; 
    text-decoration:none;  
    text-shadow:1px 1px 0px rgba(0,0,0,.1); 
    border:none; 
    margin:.5em 0 1em; 
    -moz-border-radius:.2em;
    -webkit-border-radius:.2em;
    -o-border-radius:.2em;
    border-radius:.2em;
    text-transform: uppercase; 
    float:left; 
    -webkit-transition: background 0.25s ease-out; 
}

.noFloat a {
	float:none; }

.more a:hover, button:hover, .more a:focus, button:focus {
	color:#4ac8e4; background:rgb(0, 0, 0);  }

.more a:active, button:active {margin-top:.65em; }


.reverse a {
	color:rgb(25,25,25); }

.reverse a {
	background:none; color: rgba(0,0,0,.8); text-shadow:1px 1px 1px white;}

.reverse a:hover {
	text-shadow:1px 1px 1px black; }

.more2 a {
    padding:5px 0;
    margin:1em 3%;
    background:rgb(25,25,25);
    background: rgba(0,0,0,.9);
    color:white;
    position:inherit;
    float:left;
    width:94%;
    text-align:center;
    text-decoration:none;
    -webkit-transition: background 0.25s ease-out; 
}

.more2 a strong {
    text-transform:uppercase;
    font-size:1.25em;
    display:block;
}

.more2 a:hover {
    color:#4ac8e4;
    background:rgb(0, 0, 0);
}

/* HEADER & NAV */

header {
    /*height: 130px;*/
    margin-bottom: 5px;
    margin-bottom: 14px;
    position: relative;
} 

header img{
    display: block;
    margin: 0 auto;
}

.plaque{
  max-width: 48%;
}

.logoWords {
    float: left;
}

.logoWord a {
    background: none repeat scroll 0 0 transparent;
}

.logo1 a, .logo2 a {
    background: none;
}

.logo1 a:hover, .logo2 a:hover, .logo1 a:focus, .logo2 a:focus {
    background: none;
    opacity: .5;
}

.logo1 a:active, .logo2 a:active {
    margin-top: 1px;
}

.about1 h2, .about1 p {
    border-right: 1px solid rgb(175, 195, 200);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.8);
    float: left;
    font: 0.875em verdana;
    margin: 0;
    padding: 0px 14px 0px 10px;
    position: relative;
}

.about1 {
    clear: left;
    float: left;
    position: relative;
    right: 300px;
}

.about1 .last {
    border:none;
}

.logos { 
    float:left;
    padding:1.5em 0 2.5em;
    width:100%;
}



/*--------------------------
 * main navigation
--------------------------*/

header .navwrap{
    position: relative;
    bottom: 0;
    right: 0;
}

.mainNav {  
    width:100%;
}

.mnClone {
    background-color:rgba(255,255,255,.8);
}

.mainNav ul {
    font-size: 1.48rem;
    margin-left: 0;
}

.mainNav li {
    display:inline;
    margin:0 .2em;
}

.mainNav li:first-child {
    margin-left:0;
}

.mainNav a  {
    padding:.9em 1em;
    color: #AA9931;
    text-decoration: none;
}


/*feature*/

.feature, .lead {
	width:95%; float:left; position:relative; margin-bottom:.75em; }

.feature a {  background:none; text-decoration: none; position: relative; float:left; width:100%; }

.feature a:hover{
	text-decoration: none; }

.feature img { 

-moz-box-shadow:2px 2px 2px rgba(0,0,0,.1);
-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.1);
box-shadow:2px 2px 2px rgba(0,0,0,.1);
-webkit-transition: -webkit-box-shadow 0.25s ease-in;
}

.feature a:hover img { 
-moz-box-shadow:2px 2px 2px rgba(0,0,0,.3);
-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.3);
box-shadow:2px 2px 2px rgba(0,0,0,.3);}


.featureTitles a:hover, .featureTitles a:focus{
	background:url("http://www.harborwatchrestaurant.com/images2/blueBorder.png") repeat-x scroll center bottom rgba(255,255,255,.5); }

.featureTitles a p{
	text-decoration: none; color:rgb(25,25,25); background:transparent; }

.featureTitles a p{
	color:rgba(0,0,0,.9); }

.featureTitles h2 {
font-size: 2em;
margin: 0;
text-transform: uppercase;
color: rgb(240,95,31) ; 
}

.featureTitles a:hover h2, .featureTitles a:focus h2 {
	color:#03285c; }

/*featuresales*/

.featuresales, .lead {
	width:95%; float:left; position:relative; margin-bottom:.75em; }

.featuresales a {  background:none; text-decoration: none; position: relative; float:left; width:100%; }

.featuresales a:hover{
	text-decoration: none; }

.featuresales img { 

-moz-box-shadow:2px 2px 2px rgba(0,0,0,.1);
-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.1);
box-shadow:2px 2px 2px rgba(0,0,0,.1);
-webkit-transition: -webkit-box-shadow 0.25s ease-in;
}

.featuresales a:hover img { 
-moz-box-shadow:2px 2px 2px rgba(0,0,0,.3);
-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.3);
box-shadow:2px 2px 2px rgba(0,0,0,.3);}


.featuresalesTitles a{ 
background: url("http://www.harborwatchrestaurant.com/images2/blueBorder.png") repeat-x scroll center bottom transparent;
float: left;
padding: 1em 5%;
text-decoration: none;
width: 90%;
-webkit-transition: background 0.25s ease-out;
}

.featuresalesTitles a:hover, .featureTitles a:focus{
	background:url("http://www.harborwatchrestaurant.com/images2/blueBorder.png") repeat-x scroll center bottom rgba(255,255,255,.5); }

.featuresalesTitles a p{
	text-decoration: none; color:rgb(25,25,25); background:transparent; }

.featuresalesTitles a p{
	color:rgba(0,0,0,.9); }

.featuresalesTitles h2 {
font-size: 2em;
margin: 0;
text-transform: uppercase;
color: rgb(240,95,31) ; 
}

.featuresalesTitles a:hover h2, .featureTitles a:focus h2 {
	color:#03285c; }



/*new*/

.whatsNew { 
margin:2em 0 ;
background:url(http://www.harborwatchrestaurant.com/images/ui/white50.png) repeat transparent;
background: rgba(255, 255, 255, 0.4);
color: rgba(0, 0, 0, 0.9);
margin: 1em auto;
padding: .5em 2%;
}


/* RATES */

table.ratesTable {
text-align:left;
margin:0 0 20px 0;
clear:left;
width:90%;
}

table.ratesTable tbody {
	margin: 20px 0; }

table.ratesTable tbody tr:last-child th {
	padding-bottom:4em; }

th.lastChildJ {
	padding-bottom:3em; } /*  adding a class with javascript for browsers that shamefully dont know last-child */

table tbody tr th {
font-weight:normal;
padding:0.5em 10% 0 0;
text-align:right;
}

table tbody tr td {
font-size:1em;
padding-right:13%;
text-align:right;
}
.rateDates {
background:url(http://www.harborwatchrestaurant.com/images/ui/white50.png) repeat transparent;
background:rgba(255,255,255,.5);
font-weight:bold;
padding:.3em 2%;
text-align:left;
font:1.313em/1 "proxima-nova-condensed-1","proxima-nova-condensed-2",Helvetica,Tahoma,Verdana,Geneva;
color:rgb(25,25,25);
}

.rateDates {
	color:rgba(0,0,0,.9); }

.rateDates b, .rateDates i {
	display:block; margin: 10px 0; font-size:.9em; }

.weeks td {
	width:50%; }

.buildingRender h2 {
    margin: 0;
}
.buildingRender {
    background:url(http://www.harborwatchrestaurant.com/images/ui/white50.png) repeat transparent;
    background: none rgba(255, 255, 255, 0.5);
    float: right;
    padding: 0.7em 2%;
    width: 96%;
    margin: 1em 0 2em;
}
.buildingRender ul {
    list-style: none;
    width: 90%;
    background:url(http://www.harborwatchrestaurant.com/images/ui/white50.png) repeat transparent;
    background: none rgba(255,255,255,.5);
    margin:0 0 1em 5%;
}
.buildingRender li a {
    float: left;
    padding: .4em 2%;
    color: white; 
    margin: .4em 2%;
    text-decoration: none;	
}

.buildingRender li a:hover {
color:black; 
}
/* rooms */

.roomsHome a {
	background:none; border:none; float:left; width:100%; color:rgb(25,25,25); }

.roomsHome a {
	color:rgba(0,0,0,.9); }

th a  { 
background: none;
text-decoration: none;
text-shadow: 1px 1px 1px white;
}

th a:hover  {
	text-shadow:none; }

    
/* FOOTER */

#footer{
    background:url("http://www.harborwatchrestaurant.com/images2/footerback.jpg") repeat-x scroll top center rgb(0, 45, 100); 
  border-top: 1px solid #c5dbf1;
}

#footer .row{
    padding: 2rem 0;
}

footer, footer p, footer li, footer li a{
    color: #ddd;
}

footer li{
    list-style: none;
    margin-bottom: 1rem;
}

footer a, footer a:link{
    text-decoration: none;
}


.aboutUs {
	clear: left; color:rgb(255, 255, 255); float: left; width:100%; }

/*  CONTACT FORM  */

form#contactUs {
    margin:0 2%; }

label {
    clear: left;
    display: block;
    font-size:1em;
    padding: 10px 0;
    position: relative;
    text-transform: capitalize;
    line-height: 2;
    float:left;
}

input:focus, textarea:focus {	
    border:1px solid white;
    border: 1px solid rgba(200,200,200,.5);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

input, textarea {
    background:url(http://www.harborwatchrestaurant.com/images/ui/white50.png) repeat transparent;
    background:rgba(255,255,255,.8);
    border:1px solid white;
    border: 1px solid rgba(0,0,0,.3);
    display: block;
    font: 1em/1.2 Georgia, Palatino, 'Palatino Linotype', 'Hoefler Text', serif;
    padding:.2em;
}

textarea {
    height: 4em; }

/*label.error {*/
    /*-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);*/
    /*-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);*/
    /*-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);*/
    /*box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);*/
    /*background: none repeat scroll 0 0 #FF6496;*/
    /*border: 1px dotted #321432;*/
    /*bottom: 0;*/
    /*color: black;*/
    /*font-size: 14px;*/
    /*font-style: normal;*/
    /*left: 105%;*/
    /*margin: 0;*/
    /*padding: 5px 10px;*/
    /*position: absolute;*/
    /*width: 300px;*/
/*}*/

label.thankyou {
    color: gray;
    font-style: italic;
    margin: 15px;
    text-transform: lowercase;
}
div.hiddenFields {
    display: none;
}

#contactUs button { 
clear: both;
float: left;
padding: 0.5em 1em; }

form#contactUs #mlist, form#contactUs #brochure {
display: inline;
margin: 15px 5px 10px 0;
}

.formSection {
width: 100%;
float: left;
margin: 5px 0;
}



/*--  SPECIALS  --*/

/* specials ul */
.specials {
	list-style:none; margin:0;  }

.specials h3, .specials .h3 {
	margin:1em 0 0; }

/*specials li */
.special {
	border-bottom: 2px solid rgb(219, 243, 227); border-bottom:2px solid rgba(255,255,255,.3); font-size: 100%; margin: 20px 0 40px; padding-bottom: 20px; }

.special ul {
	margin:.5em 0; }

/* PHOTOS */


.picContainer {
	width:100%; position:relative; float:left; clear:left; }

.picControls {
	float:right; position: relative; float: right; margin: 1em 0 2em; position: relative; width: 100%; }

.picControls a { 
    background:rgb(25,25,25);
    background: rgba(0,0,0,.9); 
    color:white; 
    border:none;
    bottom: auto;
    float: left;
    height: auto;
    left: 0;
    margin: 5px 2%;
    padding: 5px 0;
    position: inherit;
    text-align: center;
    text-transform: uppercase;
    width: 40%; 
    text-decoration: none;
    -webkit-transition: background 0.25s ease-out; 
}

.picControls a:hover {
    color:#4ac8e4;
    background:rgb(0, 0, 0);
}

.picContainer .next {  }

.loader { /*preloader inserted with javascript */
    position:absolute;
    top:40%;
    left:50%;
    display:none;
    width:32px;
    height:32px;
    z-index:100;
}

.pic {
    background:url(http://www.harborwatchrestaurant.com/images/ui/white50.png) repeat transparent;
    background:rgba(255, 255, 255, 0.7); float:left; padding:10px 1.6%; width:96.8%; 
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
 }

.pic img {
	float:left;}

.picDescrip {
	float:left; width:94%; margin:10px 3%;  }

.thumbs {
	list-style:none; width:100%; margin:0; }

.thumbs li {
	float:left; margin:5px 0 0 2%; max-width:200px;  /* wants to get bigger, not sure why*/ }

.thumbs li a{
	width:100%; float:left; border:1px solid transparent; background:none; padding:0; margin:0; }

.thumbs li a:hover, .thumbs li.selected a { 
    border:1px solid black; opacity:.5; 
    -moz-box-shadow:1px 1px 3px black;
    -webkit-box-shadow:1px 1px 3px black;
    -o-box-shadow:1px 1px 3px black;
    box-shadow:1px 1px 3px black;
}

.thumbs li img {
	float:left; }

.picLinks a {  -webkit-transition: opacity 0.25s ease-in; background: none; text-decoration: none;}

.picLinks a:hover {
	background:none; opacity:.6; }

.picLinks p {
    background: none;
    color: black;
    margin: 0 0 1.5em;
    padding: 0.5em 3%;
    text-decoration: none;
}

.ocmdhotels_link {
    background: #0c2232; 
    clear: both; 
    float: left; 
    width: 100%;
    padding: 1.5em 0;
    border-top: 8px solid rgba(255,255,255,.2);
}

.ocmdhotels_link p {
	color: white;
	margin: 0; }

.ocmd_text {
	float: right;
    width: 64.3411%;
    }


    
/*-----------------
 UTILITY
-----------------*/

/* components
 * ----------------------------*/ 
.summary {
  font-style: italic;
}
.fullflat .summary.panel {
  padding-bottom: 1rem;
}
.summary.panel p {
  font-size: 1.2rem;
  color: rgba(0,0,0,.4);
}


/* colors
 * ----------------------------*/ 
.peach {
  background: #ffeddb;
}

.blueish {
  color: #3a98ef;
}


.spacer {
  overflow: hidden;
}

.fullflat {
  border-bottom: 1px solid #ccc;
}

.wholewrap .fullflat:first-child {
  border-top: 1px solid #ccc;
}


/* position
 * ----------------------------*/ 
.fll {
  float: left; 
}

.flr {
  float: right; 
}

.flatcolumns.type {
  padding: 5rem;
}
.flatcolumns.type p {
  line-height: 2;
}

.clearfix:after{
	clear: both;
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
}

.arrow-down {
  width: 0px;
  height: 0px;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 20px solid #ccc;
  position: absolute;
  z-index: 8;
}

.arrow-down.bottom {
  bottom: -20px;
}

.arrow-down.top {
  top: 0;
}

.arrow-down.right {
  right: 20%;
}

.arrow-down.left {
  left: 20%;
}

.arrow-down.center {
  left: 48%;
}

.nop {
  padding: 0 !important;
}

.col{
  display:block;
}

.left{
  float:left;
}

.two{
  width:50%;
}

.three{
  width:33%;
}

.four{
  width:25%;
}

small{
  font-size:.9em;
}

i{
  padding-right: 4px;
}

.twobp {
  padding-bottom: 2rem;
}

.threebp {
  padding-bottom: 3rem;
}

/* 
 * Jerm page rework 180213
 * 
*/ 
.new-head h1 {
    font-family: 'Lato', helvetica neue, arial, sans-serif !important;
    font-size: 4.2rem;
    color: #00224f;
    /*color: #282f3e;*/
    font-weight: 700;
}

h1.prehead {
  font-size: 1rem;
}

h1.subhead {
  font-size: 1.48rem;
  /*color: #aaa;*/
  font-style: italic;
}




/*
 * =============================
 * NEW CONTENT
 * =============================
*/

.new-content > .row {
  padding-top: 0;
}

.new-content > .row .row {
  padding-top: 0;
}

.new-content .panel {
  background: rgba(255,255,255,.68);
  border-radius: 8px;
  padding-top: 1rem;
  padding-bottom: 2rem;
}

.new-content h1 {
  font-size: 5rem;
  color: #0B1F4E;
  margin-bottom: 0;
  max-width: 100%;
}

.new-content h3 {
  font-size: 4rem;
}

.new-content h4 {
  font-size: 3rem;
}

.new-content .subhead {
  font-size: 1.6rem;
  font-style: italic;
  font-weight: 300;
  color: rgba(11,31,78,.48);
}

.new-content.dark h3 {
  color: #fafafa;
}

.new-content.dark .subhead {
  color: #ddd;
}


.new-content {
  position: relative;
}

.new-content.light {
  background: #fff;
  color: #ddd;
}

.new-content .section-head {
  padding-top: 6rem;
  padding-bottom: 4rem;
}

.new-content.dark {
  background: rgba(28,47,72,.9);
  color: #ddd;
}

.new-content .dark p {
  color: #fff;
}

.new-content.dark p {
  color: #ccc;
  font-weight: 300;
}

.new-content a {
  text-decoration: none;
}

#contacter {
  background-color: #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.new-content .row .row:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 3rem;
}

.new-content h3 {
  font-size: 3.8rem;
  text-transform: none;
}

.new-content ul {
  padding-left: 4px;
}

.new-content li a {
  text-decoration: none;
}

#banquet-wrap {
  position: relative;
  background-color: #fff;
}

#banquet-wrap .overlay {
  background: url(../images-banquet/bg-lace.jpg) top left no-repeat;
  opacity: .4;
  background-size: cover;
}

#thestart .overlay {
  background: url(../images2/flyer-bg.jpg) center center no-repeat;
  opacity: .08;
}

#fresher .overlay {
  background: url(../images2/commercial-harbor.jpg) center center no-repeat;
  opacity: .2;
}

#food {
  border-top: 1px solid #000;
  border-bottom: 1px solid #0b0642;
}

#theview {
  min-height: 500px;
  border-top: 1px solid #b3b1ac;
  border-bottom: 1px solid #fff;
}

#theview.new-content {
  background: none;
}

#theview .overlay {
  background: url(../images2/dinner-view-3000.jpg) center center;
  opacity: .4;
  position: fixed;
  z-index: -99;
}

.new-content .overlay {
  background-repeat: no-repeat;
  background-position: center center;
}


#banquet-head .overlay {
  background: url(../images2/sunset-kiss-newlyweds.jpg) center center;
}

#cta {
  background: #150f06;
  min-height: 600px;
}

#cta .overlay {
  background: url(../images2/harbor-watch-raw-bar-web.jpg) center center;
  opacity: .2;
}

#cta button, #cta .button {
  background: #ea4b4b;
}

#cta button:hover, #cta .button:hover {
  background: #cc3333;
}

#cta h3 {
  color: #fff;
  font-size: 4.8rem;
}

#cta h4 {
  font-size: 1.4rem;
  color: #eee;
  font-weight: normal;
  margin-bottom: 1.2rem;
}

#cta p {
  color: #ddd;
}

#cta .row > .row:first-child {
  padding-bottom: 1rem;
}

#cta .row > .row:first-child .columns {
  border-bottom: 1px solid #4f4f4f;
  margin-bottom: 3rem;
  padding-bottom: 2rem;
}

#cta .row > .row:last-child .columns:first-child {
  border-right: 1px solid #888;
}

#authentic .overlay {
  background: url(../images2/banquets-main-champagne-toast.jpg) center center no-repeat;
}

#authentic i.fa-3x {
  width: 100%;
}

.nbtp {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.new-content dl {
  display: block;
}

.new-content dt {
  float: left;
  padding-right: .6rem;
}

.new-content dd, .new-content dt {
  display: block;
  margin-bottom: 0;
}

.iwrap {
  padding: 1rem;
  background-color: #fff;
}

#foot-banner > .row {
  padding-top: 1.8rem;
  padding-bottom: 1.8rem;
}

#foot-banner button, #foot-banner .button {
  background: #7bbed4;
}

#foot-banner button:hover, #foot-banner .button:hover {
  background: #6a98a7;
}

/* home page
 * ----------------------------*/ 
#hours {
}

#hours h2 {
  
}
.hour-head p {
  line-height: 2.8;
}
.panel table {
  margin-top: 4px;
}

#rezr h3 {
  padding: 1.6rem 0 1.2rem;
}

#thestart {
  border-top: 1px solid #fff;
}


/* about page
 * ----------------------------*/ 
#head-wrap {
  border-bottom: 1px solid #efd1b6;
}

#head-wrap .overlay{
  background: url(../images2/peach-bg.jpg) center center no-repeat;
  background-size: cover;
  opacity: .8;
}

.banquet-head .overlay {
  background: url(../images2/sunset-kiss-newlyweds.jpg) center center;
}

#history1 {
  padding-bottom: 0;
}

#history1 .panel {
  background: rgba(255,237,219,.6);
}

#history1 .arrow-down {
  border-top: 20px solid #fff;
}

#history2 .panel {
  background: rgba(217,234,216,.7);
}

#history2 .arrow-down.top {
  border-top: 20px solid #d9ead8;
  top: -1px;
}

#fresher .panel {
  background: #99b0b199;
  border: 1px solid #e8e8e8;
}

#fresher .arrow-down.top {
  border-top: 20px solid #99b0b1;
  top: -1px;
}

.fullflat.new-content > .row {
  padding: 0;
}

.fullflat.stripe {
  padding-bottom: 0;
}

.fullflat .panel {
  margin-top: 1.6rem;
}

.fullflat .imgwrp {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.fullflat .imgwrp img {
  height: 600px;
  max-width: none;
}

.stripe .content {
  z-index: 4;
}
.stripe.spacer {
  padding: 8rem 0;
}

.spacer.info {
  background: #d9ead8;
}

.spacer.info p {
  color: #666;
}

.spacer.info i {
  margin-right: 10px;
  text-shadow: none;
}

.spacer.info h4 {
  color: #fff;
  text-shadow: 0px 0px 3px #424c41;
  text-transform: uppercase;
  font-weight: bold;
}

#history1 img {
  width: 100%;
}

#storm.spacer.info h4 {
  color: #cce1e2;
}

#storm {
  background-color: #99b0b1;
}

#storm p {
  color: #455050;
}

#history2 .arrow-down {
  border-top: 20px solid #fff;
  bottom: -20px;
}

#storm .overlay {
  background: url(../images2/1933-Atlantic-Ocean-hurricane.jpg) center left no-repeat;
  opacity: 1;
  background-size: contain;
}

#fish img {
  min-height: 600px;
  width: auto;
}

.flatcolumn .flatcolumns {
  float: left;
}

#crab-bg {
  position: absolute;
  bottom: -16px;
  width: 100%;
}

.crabs {
  z-index: 1;
}

/* ---- end about ---- */ 



/* contact page
 * ----------------------------*/ 
#contact-us .our-info li {
  line-height: 1.6rem;
}

#contact-us .our-info li i {
  width: 28px;
  text-align: center;
}

#contact-head {
  position: relative;
}

#contact-head .overlay {
  background: url(../images2/dinner-view-3000.jpg) center center no-repeat;
}

#contact-sidebar p {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1.4rem;
}

/*form styles*/
#contact-us fieldset {
  margin-top: 4px;
}

form .row {
  padding: 0;
}

form label {
  width: 100%;
  line-height: 2;
}

form label:first-child {
  padding-top: 0;
  margin-top: -8px;
}

form label small:first-child {
  color: #da8906;
}

form .row input, form .row textarea {
  margin-bottom: 2px;
  width: 100%;
}

form .row select {
  margin-bottom: 0;
}

form .form-error {
  font-size: .68rem;
  display: none;
}

form .row.submit {
  padding-top: 1.8rem;
}

form .row.submit button {
  text-transform: none;
  font-weight: 300;
}

form .row.submit .reset small {
  font-size: 80%;
}

#contacter label.error {
    color: #f00;
    font-size: 14px;
    font-style: normal;
    position: relative;
    width: 100%;
}

#contacter .row {
  /*margin-top: 8px;*/
}
/* ---- end contact ---- */ 

/* end 180213 rework styles */ 





/* FOUNDATION STYLES */ 
.fuller{
    width:100% !important;
}

.fuller.header{
    background: url("http://www.harborwatchrestaurant.com/images2/headback.jpg") repeat-x scroll center bottom; 
}

.fuller.uptop {
    background: #a64d23;
    text-align: right;
    color: #fff;
    padding: .1rem;
    font-size: .88rem;
    font-weight: 300;
    position: fixed;
    z-index: 9999;
}

h2.page-title{
    font-weight: 300;
    font-style: italic;
    color: #032553;
}

.page-head{
    padding: 1rem;
}

.panel a, .panel a:link{
    text-decoration: none;
}

button, a.button {
  text-decoration: none;
}

@media screen and (max-width: 40em) {

/*-----------------
  STYLES FOR UNDER 40em (640px) Width
-------------------*/
.new-content h3 {
  font-size: 2.6rem;
}

#crab-bg {
  bottom: -2px;
}

.crabs {
  max-width: 160%;
}

#storm .overlay {
  background-size: cover;
  opacity: .3;
}

.stripe.spacer {
  padding: 4rem 0;
}

.spancer.info h4 {
  font-size: 2rem;
}

#cta h4 {
  margin-bottom: 0;
}

#cta .row > .row:first-child .columns {
  padding-bottom: .6rem;
  margin-bottom: 0;
}

.flatcolumns.type {
  padding: 1rem;
}

.plaque {
  width: 33%;
}

.mainNav ul{
    font-size: 1.4rem;
}

.mainNav a{
    padding: .9rem .2rem;
}

.thumbs li:nth-child(2n+1){
	clear:left;}

  header img {
    max-width: 180px;
    bottom: 10px;
  }
}


@media screen and (min-width: 40em) {


/*-----------------
  BASE STYLES FOR OVER 40em (640px) Width
-------------------*/

body {
	padding:0; }

a {  
 }

.logo1 {
	margin: 0 0.6em; } 

.mainNav li {
	margin:0; }

.mainNav a {
	margin:0; padding:0.8em 0.5em; }

.wrapper {
	max-width:1100px; margin:0 auto; padding:0; }

.mainNav {
	padding:0;}

.mainContent {
	width:100%; margin:0 auto; padding:0; background:none; }

.more2 {
	clear:both; }

.wrapperWide {
	clear:both; background:url(http://www.harborwatchrestaurant.com/images/ui/white20.png) repeat transparent;
background: rgba(255,255,255,.2); margin:1em auto; padding:1em 0 .5em; max-width:4000px;  }

.pageHead {
	float:left; margin:0 0 .5em; width: 100%; }

.left55 {
	width:55%; margin:1em 0; float:left; }

.left45 {
	width:65%; margin:1em 0; float:left; }


.left40 {
	width:70%; margin:1em 0; float:left; }


.left55 img {
	padding:10px; margin:0px 8px 8px 0px; width: 40%; float: left; background:url(http://www.harborwatchrestaurant.com/images/ui/white50.png) repeat transparent; background:none rgba(255,255,255,.5); }


.right37 { 
border-left: 2px solid rgb(229, 243, 236);
border-left: 2px solid rgba(255, 255, 255, 0.5);
float: right;
margin: 1em 0;
padding-left: 2%;
width: 37.5%;
clear: right;
}

.right27 {
	width:27%; float:right; }

.right30 {
	float: right; width: 30%; }

/*-----------------
  HOME
-------------------*/



.feature, .lead {
	width:70%; }

.feature img {
	padding:10px; background:url(http://www.harborwatchrestaurant.com/images/ui/white50.png) repeat transparent; background:none rgba(255,255,255,.5); }

.feature h2 { }

.feature h2 { 
	position:absolute;
	bottom:20px; 
	right:2%; 
	padding:0 2%; 
	color: #03b3da; 
	text-decoration:none;
	background:url(http://www.harborwatchrestaurant.com/images/ui/black80.png) repeat transparent;
	background:rgba(0,0,0,.8); 
}

.feature a:hover h2 { 
	color: white;
	 
	text-decoration: none;  
}

.whatsNew { /*width:24%; float:right; margin:0; */
padding: 1em 2%;
width: 96%;
float:left;
}

.whatsNew .h3 {
	margin:0 0 0 2%; color:#03b3da; }

.whatsNew p {
	margin: .5em 0 0 2%; }

.whatsNew p.more {
	margin-top: 1.2em; }

.whatsNew h2 {
	margin: .5em 0 0 2%;  }


/*-----------------
  SALES
-------------------*/



.featuresales, .lead {
	width:95%; }

.featuresales img {
	padding:10px; background:url(http://www.harborwatchrestaurant.com/images/ui/white50.png) repeat transparent; background:none rgba(255,255,255,.5); }

.featuresales h2 { }

.featuresales h2 { 
	position:absolute;
	bottom:20px; 
	right:2%; 
	padding:0 2%; 
	color: #03b3da; 
	text-decoration:none;
	background:url(http://www.harborwatchrestaurant.com/images/ui/black80.png) repeat transparent;
	background:rgba(0,0,0,.8); 
}

.featuresales a:hover h2 { 
	color: white;
	 
	text-decoration: none;  
}


/*-----------------
  ROOMS
-------------------*/

.roomAmenities {
	background:url(http://www.harborwatchrestaurant.com/images/ui/white50.png) repeat transparent; background:rgba(255,255,255,.5); padding:.6em 8% 1.5em; float:left; margin:1em 0; width:84%; }

.group-btns li a {
	border-right:1px solid #C5E1F4; border-right:1px solid rgba(150, 150, 150, 0.2); width:179px; text-decoration:none; float:left; margin:10px 0; padding:8px; opacity:.9;  -webkit-transition:background .7s;}

.group-btns li h2, .group-btns li p {
	margin:0; }

.group-btns li:last-child a, .group-btns li.last a {
	border-right:none; }

.group-btns li a:hover {  opacity:1; background:#66A3D2;}

.group-btns li a img {
	border:2px solid rgb(220,220,220); margin:0; }

.leftCol .group-btns li a:hover img {
	border-color:transparent; }

.group-btns li a p {
	line-height:1.6; margin:10px; }

.group-btns li a:hover p {
	color:black; }

.group-btns b {
	display:block; }

.quartImages li {
	width:20%; margin:2px 10px 5px 0; float:left; }

.quartImages li a  {
	width:100%; padding:0; margin:0; border:2px solid rgb(220,220,220); float:left;}

.quartImages li a:hover {
	border:2px solid #66A3D2; }

.quartImages li a img {border:0;}

#filckrimg {
	float: left; position: absolute; display: inline;}

.facilities {
	margin-bottom:30px; float:left; }


/*-----------------
  DINING
-------------------*/

.dining .left55 {
	margin: 0 0 1em; }

.dining .left55 h2:first-child {
	margin-top: 0; }


/*-----------------
  SPECIALS
-------------------*/
.specials .whatsNew {
	width: 93%; }


/*-----------------
  RATES
-------------------*/
table.ratesTable {
width:100%;
}

.ratesNavh2 {
	float: left; margin:10px 0 0; }

.ratesNav  {
	float:left; margin:10px 0 0; }

.ratesNav li {
float:left;
padding:5px 10px;
list-style:none;
}
.ratesNav li a {
padding:2px 8px;
margin:-3px;
}



/* FOOTER */

footer a, footer a:link{
    color: #aaa;
    text-decoration: none;
}

footer a:hover{
    background: none;
    border-bottom: 1px dotted #ddd;
}

footer ul{
    margin-left: 0;
}

footer li{
    margin-bottom: .3rem;
}

footer h5{
    color: #ccc;
}

.hotelImage a{
border: 1px solid rgba(0, 0, 0, 0.2);
float: left;
margin-left: 0;
padding: 0;
width: 33%;
}

.hotelImage a:hover{
border: 1px solid rgba(255,255,255,.8);
-moz-box-shadow:3px 3px 3px rgba(0,0,0,.3);
-webkit-box-shadow:3px 3px 3px rgba(0,0,0,.3);
-o-box-shadow:3px 3px 3px rgba(0,0,0,.3);
box-shadow:3px 3px 3px rgba(0,0,0,.3);
   }


.hotelInfo {
float: left;
margin: 0 2%;
width: 60%;
padding-left: 35%; }

.hotelInfo p {
	margin:0; }

.hotelInfo strong {
	font-weight:normal; }

.social {
    float: left;
}

.social img {
	width: 20%;
}

/* end Media Q min-width: 40em*/



/* IE and GROUP JUNK*/

/*-------------
	SELF CLEARING FLOATS
---------------*/
.group:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/*
------------
    Self Clearing Floats
------------
*/

/* IE6 */
* html .group {
	height:1%;
}

/* IE7 */
*:first-child+html .group{
	min-height: 1px;
}