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 {
border:0 none;margin:0pt;outline-color:invert;outline-style:none;outline-width:0;padding:0;}
:root{overflow-y:scroll;}


body {background:#eef7fc url(../images/Wateronly7.jpg) repeat-x 0 106px; margin:0 auto; width:100%; font: .9em/1.25em "Trebuchet MS","Lucida Sans Unicode", Helvetica, sans-serif;}
h1,h2, h3 { font-family: "Lucida Sans Unicode", Tahoma,  sans-serif; line-height:1.2em;}
h1{margin:0px 0 0.2em 100px; color:#e28270; font-size: 2.1em; padding-top:60px;}
h2{color:#03498E; margin:0.5em 0 0.3em 0; font-size: 1.4em;  }
h3 {font-size:1.2em; margin:0.5em 0 0.3em 0;}
p {margin:0.5em 0 0.3em 0; line-height:1.3em;}
a {color:#06438C}

dl {color:#4F3A2F;}
dt {margin-top:1em;font-weight:bold; text-transform:uppercase; margin-top:10px;}
dd {color:#5B4F48;}


#headerWrap {background:#2D437D; width:100%; height:106px; z-index:100;}
#header{width:1000px; margin:0 auto; position:relative; z-index:100;}
#header #logo {float:left;position:absolute;top:29px;left:44px;z-index:100;}

/****** Main Navigation **********/
#mainNav { height:100%;}
#mainNav ul{margin:0;padding:0; display:inline;list-style:none;position:absolute;left: 190px; bottom:-90px;}
#mainNav ul li {display:inline; float:left; padding:0 15px}
#mainNav ul li a {font:bold  0.8em/1.2em "Trebuchet MS", Helvetica, sans-serif;  text-transform:uppercase; color:#FFF; display:block; float:left; padding:0 4px; text-decoration:none; /*border:1px solid #fff;*/}
#mainNav ul li a span {display:block; white-space:nowrap; clear:left; }

/****** highlight active links  *********/
body#about-the-cannery #mainNav  li.about-the-cannery a,
body#contact-and-location #mainNav  li.contact-and-location a,
body#menus-and-wine-list #mainNav  li.menus-and-wine-list a,
body#group-bookings #mainNav  li.group-bookings a,
body#specialty-services #mainNav  li.specialty-services a,
body#news-and-events #mainNav  li.news-and-events a,
body#gift-cards #mainNav li.gift-cards a,
body#recipes-and-lobster-oil #mainNav li.recipes-and-lobster-oil a{ color: #FFDB5E;}
#mainNav li a:hover { color: #FFDB5E;} /*color:#CCDBEC;*/

/****** END Main Navigation **********/

/****** Sub Navigation **********/
#subnav {background:#f9c700 url(../images/bg_top_yel.gif) repeat-x ; width:960px; position:absolute; top:0; left:5px; height:auto !important;}
#subnav h1 {display:none;}
#subnav  ul{ list-style-type:none; margin-left:170px; font:normal .9em Geneva, Arial, Helvetica, sans-serif;}
#subnav ul li { display:inline; float:left; margin-top:3px;}
#subnav ul li a {display:block;padding:5px 11px; float:left; white-space:nowrap;  text-decoration:none; }
#subnav ul li a.selected, #subnav ul li a.selected:hover {background-color:#FFFFFF; }
#subnav ul li a:hover {background-color:#FCF7E0;}

#subnav ul#subnav_menus-and-wine-list li a, body#menus-and-wine-list #subnav ul li a {padding:5px 10px;}

/****** END Sub Navigation **********/

/**** Body Content ***********/

#contentWrapper {background:url(../images/bg_drop_shadow1.png) repeat-y; width:960px; margin:0 auto; padding: 0 5px 0px 5px;  position:relative; overflow:hidden;}
#footerWrapper {background:url(../images/bg_drop_shadow.png) no-repeat bottom; width:960px; margin:0 auto; padding: 0 5px 10px 5px;}
#footer {clear:both; background-color: #e3f7fe; border:solid #fff 5px; width:950px;}
#content { background:#FFFFFF url(../images/bg_top_yel.gif) repeat-x; margin:0; width:950px; padding:34px 5px 35px 5px; clear:both; float:left;}

body#home #content{padding-bottom:0;}


/*body#home #content,
body#news-and-events #content,
body#gift-cards #content,
body#gift-cards #content{background:#FFFFFF url(../images/bg_top_white.gif) repeat-x ;} no yellow sub nav*/

/******** home page styles *************************************/

.featurePicts  {width:584px;  float:left;z-index:2;}
.featurePicts .panel {float:left; padding:0 4px 0 0; z-index:3; }
.featurePicts .newCannery {background:url(../images/bg_top_wave.png) no-repeat top left; margin-top:-28px; padding-top:39px; float:left; width:579px; z-index:50;}
.featurePicts .newCannery .newCanneryInside {background:#fbad62 url(../images/bg_orange_tile.gif) repeat-x; z-index:50; padding:5px 30px 20px 40px;}
.featurePicts .newCannery .newCanneryInside .phrase {background:url(../images/text_vibrant.gif) no-repeat 0 0; width:188px; height:135px; text-indent: -999em; float:left; margin:0;}
.featurePicts .newCannery .newCanneryInside h2 {background:url(../images/text_latest_news.gif) no-repeat -5px 0; text-indent:-999em; width:250px; height:80px;}
.newCanneryInside h2, .newCanneryInside p {margin-left:240px; margin-top:0; font:12px/15px Geneva, Arial, Helvetica, sans-serif; }

.featureText {margin-left:584px; width:325px; padding:0 0 0 20px; font-size:0.9em;}
.featureText ul {margin:0 0 0 1.5em; padding:0;}
.featureText ul li {margin: 0 0 0 1em; padding: 0 0 0 0em;}
.featureText h2{ margin:1.3em 0 .5em 0; font: normal 1.2em/1.3em  "Lucida Sans Unicode", Tahoma,sans-serif;}
.featureText h3 {margin:0; font-size:1.1em;color:#F96806;}
.featureText p {margin:.5em 0 .7em 1.5em;}
.featureText div.reservation p {margin-left:15px;}


.featureText h2.reservation_top{color:#F96806; background: url(../images/bg_orange_box.jpg) no-repeat 0 1em; margin:1.5em 0 0 0;  padding-bottom:.3em; text-indent:5px; font-weight:bold;}
.featureText div.reservation {background:url(../images/bg_orange_box.jpg) no-repeat 0 100%; padding:0 10px 20px 10px;}
.featureText div.reservation strong {letter-spacing:1px;}
.featureText div.reservation span.or {padding:0 10px;}
#footer p { font:11px/17px Geneva, Arial, Helvetica, sans-serif; text-align:center; padding:1em; margin:0;}
form{margin:0 0 0 0;}


/************** END Home page styles ************************/

/*page with one text column and pictures on the right.  This is the default look.*/

#content .textBlock, #content .textBlock1{margin-left:100px; padding:0; width:420px; float:left;}

#content h2.topMargin{margin-top:2em;}

#content .pictBlock { width:350px; float:right; line-height:0;}/*line-height: there are gaps between picts because of character spacing.*/
#content .pictBlock .img02,  #content .pictBlock .img03{margin-top:5px;float:left;}
#content  .pictBlock .img03 {float:right;}

/*page with two text column*/

#two-columns .textBlock1,
#two-columns-groups .textBlock1{margin-right:5px; width:350px; float:left; }

#two-columns .textBlock2,
#two-columns-groups .textBlock2{ margin-right:75px; margin-left:70px; width:330px; float:left; }

body#group-bookings #two-columns-groups .textBlock2{width:350px; margin-left:50px;} /*force textBlock2 width to equal textblock1*/

#two-columns div.pictBlock, 
#two-columns-groups .pictBlock {width:425px;}

/* only 1 column to display page */
#content .oneColumnTextBlock { 
  margin:0px 100px 0px 100px;
}

/*Restaurant Menus*/

dl.menuRest{line-height:1.2em; width:350px; overflow:hidden; }
dl.menuRest dt {float:left; margin-top:0; width:75%; clear:left; padding-top:1em}
dl.menuRest dd.price{float:right;  width:24%; padding-right:0; padding-bottom:0; padding-top:1em; text-align:right;}
dl.menuRest dd.wine{font-style:italic;}
dl.menuRest dd.oceanwise {float:left; width:20px;}
dl.menuRest dd {width:75%; text-align:left;}

/*Group Dinner Menus with Tabs*/
#tabs3 {width:750px; margin:auto; margin-top:50px;}
#tabs3 h1 {font-size:1.5em; float:left; margin:0 10px 0 0 ; }
#tabs3 h2 {}
#tabs3  ul{ list-style-type:none;  float:right; font-size:.9em; }
#tabs3 ul li { display:inline; float:left; margin-top:3px; margin-left:5px;}
#tabs3 ul li a {display:block;padding:3px 11px; float:left; white-space:nowrap;  text-decoration:none; border-bottom:3px solid #003366; }
#tabs3 ul li a.selected{ border-bottom:3px solid #FF9900;}

#specialty-services div.section,
#news-and-events div.section,
#two-columns-groups div.section,
body#groups div.section {clear:both; border-top:solid 1px #FF9900; width:100%; text-align:center; background-color:#FCFBF8; padding:50px 0 20px 0; }

#two-columns-groups dl,
.section dl,
body#groups dl{ padding:10px 50px 25px 50px; background:url(../images/divider.gif) no-repeat bottom center; }

#two-columns-groups dd.or,
.section dd.or,
body#groups dd.or { font-style:italic; margin-top:5px;}

#two-columns-groups dl.price,
body#groups dl.price{ background-image:none;}

#two-columns-groups #tabs3 div h4,
body#group #tabs3 div h4 { color:#333366; font-size:0.9em; font-style:italic; font-weight:normal; margin:20px auto 0 auto;}

/****Typography*******/

#content p.intro {font-size:1.2em; line-height:1.6em; margin-bottom:1em; font-weight:100; color:#e28270;}
#content ul {margin-left:2em;}
div.boxEmphasis {border-top:solid 1px #e28270; border-bottom:solid 1px #FF9900; background-color:#FCFBF8; padding:10px 0;}
h3.noBotMargin {margin:1em 0 0 0; line-height:.8em; color:#e28270;}

/*********** MISC *****************/
.borderblue {
  padding:10px;
  background:#eef7fc;
  border:1px solid #baced7;
  margin:15px 0px 15px 0px;
}