@charset "utf-8";
/* CSS DOCKSIDE christmas */
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

html.authed body { padding-top: 100px;}
html, body { padding: 0; margin: 0; font-family: Georgia, "Times New Roman", Times, serif; color: #fff; }
body {background: url('../images/bkgrd-christmas.jpg') 50% 50% no-repeat transparent; background-attachment: fixed; background-repeat: repeat-x;}

h1 { font-family: 'Montserrat', sans-serif; font-size: 25px; color:#135B1B; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;}
p { font-size: 13px;}
a { color: #9DB2A3; text-decoration: none;}
a:hover { text-decoration: underline;}

a img { border: none;}

.image-viewer { margin-bottom: 40px; }
.enquire-button { font-family: 'Montserrat', sans-serif; font-size: 15px; text-transform: uppercase; }
.enquire-button a {  padding: 5px 30px; height: 30px; line-height: 30px; text-decoration: none; background-color: #9DB2A3; color: #fff;}
.enquire-button a:hover { background-color: #155A1F;}

/*.venue-list .venue a .title { width: 320px; text-transform: uppercase; height: 35px; line-height: 35px;background-color: #9DB2A3; display: block; text-align: center; color: #fff; text-decoration: none; font-family: 'Montserrat', sans-serif;}
.venue-list .venue a:hover .title { background-color: #BAC9BE; text-decoration: none;}*/


#header { width: 960px; margin: auto;  padding: 40px 40px 20px 40px; background-image:url('../images/blk-transparent.png'); background-repeat: repeat; background-position: left top;}

#logo { width: 260px; height: 160px; float: left; margin-left: 377px; }
#top-links { width: 136px; height: 52px; float: right; opacity: 0.4;}

#nav { width: 850px; height: 20px; margin: 70px auto 0 auto;}

ul#main { padding: 0 0 0 115px; margin: 0;}
ul#main li { list-style: none; float: left; margin: 0; padding: 2px 40px;}
ul#main li a { font-family: 'Montserrat', sans-serif; text-transform: uppercase; color: #fff; font-size: 13px; text-decoration: none; display: block; font-weight: bold; text-align: center;}
ul#main li a:hover, ul#main li.sel a{ color: #9DB2A3;}

#content { background-image:url('../images/blk-transparent.png'); background-repeat: repeat; background-position: left top; width: 960px; margin: 40px auto; padding: 40px 40px 20px 40px; }

#footer { width: 960px; margin: auto; padding: 20px 40px; background-image:url('../images/blk-transparent.png'); background-repeat: repeat; background-position: left top;}
#footer-left { width: 400px; float: left;}
#footer-right { width: 136px; float: right;}

ul#links { padding: 0; margin: 0; height: 52px; width: 136px; }
ul#links li { list-style: none; float: left; height: 52px;}
ul#links li a { display: block; background-image:url('../images/links-footer.png'); height: 52px; opacity: 0.5;}
ul#links li a span { display: none;}

ul#links li#facebook a { width: 25px; background-position: 0 0;}
ul#links li#google-plus a { width: 45px; background-position: -25px 0;}
ul#links li#dockside a { width:66px; background-position: -70px 0;}

ul#links li#facebook a:hover, ul#links li#google-plus a:hover, ul#links li#dockside a:hover { opacity: 1;}

/*COLUMN LAYOUT*/
.layout-columns { width: 1000px; padding: 0; }

.grid-col { float: left; display: inline; }

/* 1000 wide */
.layout-columns .col_1 { width: 960px;}

.layout-columns .col_1_2 { width: 960px;}
.layout-columns .col_1_2.alpha { width: 460px; margin-right: 20px; }
.layout-columns .col_1_2.omega { width: 460px;  margin-left: 20px;}

.layout-columns .col_1_3 { width: 230px;}
.layout-columns .col_1_3.alpha { width: 486px; margin-right: 26px;}
.layout-columns .col_1_3.omega { width: 230px; margin-left: 26px;}

.layout-columns .col_1_4 { width: 230px; margin-right: 26px;}
.layout-columns .col_1_4.alpha { width: 230px; }
.layout-columns .col_1_4.omega { width: 230px; margin: 0;}
.layout-columns .col_1_4 .content-viewer { width: 230px;}

.layout-columns.tight .col_1_3 { width: 240px;}
.layout-columns.tight .col_1_3.alpha { width: 486px; margin-right: 26px;}
.layout-columns.tight .col_1_3.omega { width: 240px; margin-left: 6px;}

.layout-columns.tight .col_1_4 { width: 240px; margin-right: 6px;}
.layout-columns.tight .col_1_4.alpha { width: 260px; }
.layout-columns.tight .col_1_4.omega { width: 240px; margin: 0;}
.layout-columns.tight .col_1_4 .content-viewer { width: 240px;}

/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.row:after,
.clearfix:after {
  clear: both; }

.row,
.clearfix {
  zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
  
  /*------end columns--------------*/
  
.testimonials { height: 250px; position: relative; width: 440px; background-color:#9DB2A3;  padding: 20px 10px; margin-top: 20px;}
.testimonials .q-top { position: absolute; top: 10px; left: 2px; width: 40px; height: 30px; background-image: url('../images/q-top.png'); background-repeat: no-repeat; }
.testimonials .quote { width: 400px; padding: 8px 2px 16px 0; position: absolute; margin: 0 0 0 15px; background-image: url('../images/q-bottom.png'); background-repeat: no-repeat; background-position: right bottom; }
.testimonials .quote .text { font-family: Georgia, Serif; font-size: 24px; line-height: 33px; font-style: italic;letter-spacing: 1px; color: #fff; padding-left: 50px;}

.venue-list { width: 990px;}
.venue-list .venue { width: 300px; margin: 20px 30px 30px 0; float: left; overflow: hidden;}
.venue-list .venue a .image { width: 300px; height: 180px; margin-bottom: 20px; border: none; text-decoration: none;}
.venue-list .venue a:hover { text-decoration: none;}
.venue-list .venue a .title { width: 300px; text-transform: uppercase; height: 35px; line-height: 35px;background-color: #9DB2A3; display: block; text-align: center; color: #fff; text-decoration: none; font-family: 'Montserrat', sans-serif;}
.venue-list .venue a:hover .title { background-color: #135B1B; text-decoration: none;}


.venue-list-small { width: 465px; margin-top: 20px;}
.venue-list-small .venue { width: 150px; margin: 20px 5px 30px 0; float: left; overflow: hidden;}
.venue-list-small .venue a .image { width: 150px; height: 90px; margin-bottom: 10px; border: none; text-decoration: none;}
.venue-list-small .venue a:hover { text-decoration: none;}
.venue-list-small .venue a .title { width: 150px; text-transform: uppercase; line-height: 20px;background-color: #9DB2A3; display: block; text-align: center; color: #fff; text-decoration: none; font-family: 'Montserrat', sans-serif; font-size: 15px; padding: 3px;}
.venue-list-small .venue a:hover .title { background-color: #135B1B; text-decoration: none;}

#menu-list { width: 955px;}

.individual { width: 283px; float: left;  font-family: Georgia, "Times New Roman", Times, serif;font-size: 12px; color: #fff; margin: 10px 35px 5px 0; padding-top: 7px; border-top: solid 1px #ccc;}
.individual .clear { clear: both;}
.individual .title { width: 280px; display: block; line-height:25px; margin: 10px 0 0 0; font-size: 17px; text-transform: uppercase; font-weight: bold; color: #fff; font-family: 'Montserrat', sans-serif; }
.individual .description { padding: 5px 0; line-height: 18px; height: 40px; overflow: hidden;}
.individual .url {  font-size: 15px; text-transform: uppercase; }
.individual .url a { background-color:#9DB2A3; color: #fff; line-height:30px; padding: 3px 15px;font-size: 15px; text-transform: uppercase; font-family: 'Montserrat', Arial, sans-serif;}
.individual .url a:hover { background-color: #fff; color: #9DB2A3; text-decoration: none;}

.contact-form { width: 420px; padding: 10px 20px 20px 20px; clear: left;}
.contact-form .field { width: 420px;  }
.contact-form .field .title { float:left; width: 100px; padding-top: 1px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; line-height: 16px; color: #999; }
.contact-form .field .input { padding-left: 105px;  margin-top: 13px; }
.contact-form .field .input input { height: 16px; width: 300px; background-color: #fff; border: none; color: #666; font-family: Arial, Helvetica, sans-serif;}
.contact-form .field .input textarea { height: 50px; width: 297px; background-color: #fff; border: none; color: #666; font-family: Arial, Helvetica, sans-serif;}
.contact-form .submit { padding: 0 0 50px;}
.contact-form .submit input { margin: 20px 12px 0 0;letter-spacing: 1px; padding: 0 15px; text-align:center; float: right; font-family:'Montserrat', sans-serif; font-weight: bold; font-size: 15px;background-color: #9DB2A3; color: #fff;border: none; height: 30px; line-height: 30px; text-transform: uppercase; clear: left;} 
.contact-form .submit input:hover { background-color:#155A1F; }

.menu-viewer { width: 700px; font-family: 'Montserrat', sans-serif; font-size: 14px; margin-left: 50px;}
.menu-viewer .categories { width: 700px;}
.menu-viewer .categories .category { width: 700px; margin-bottom: 15px;}
.menu-viewer .categories .category .title { color: #9DB2A3; border-bottom: solid 1px #9DB2A3; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; margin: 1px 0 13px 0; display: block; width: 700px !important; }
.menu-viewer .categories .category .item {clear: both; margin-top: 5px; border-bottom: solid 1px #333; padding-top: 5px; min-height: 20px;}
.menu-viewer .categories .category .item:first-child { border:none; padding: 0; margin: 0;}
.menu-viewer .categories .category .item .name { width: 490px; padding-right: 210px; float: left; text-transform: uppercase; font-weight: bold; font-size: 15px; color: #fff;}
.menu-viewer .categories .category .item .price { width: 140px; float: right; padding-bottom: 5px; color: #fff; } 
.menu-viewer .categories .category .item .description { width: 500px; padding: 5px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #999; line-height: 22px; font-style: italic;}
.menu-viewer .categories .category .item .clear { clear: both;}

.menu-viewer .categories .category .item.no-description { border-bottom: solid 1px #333; height: auto; padding: 5px 0 0 0; }
.menu-viewer .categories .category .item.no-description .name { padding: 0 0 3px 0; border: none; text-decoration: none;  color: #fff; display: block; }
.menu-viewer .categories .category .item.no-description .clear { clear: both;}

.menu-viewer .categories .category .columns.num-columns-2 {width: 120px; padding-left: 580px; }
.menu-viewer .categories .category .columns.num-columns-2 .column.column-1 {width: 60px; float: left; padding-bottom: 10px;}
.menu-viewer .categories .category .columns.num-columns-2 .column.column-2 {width: 60px;float: right;}

.menu-viewer .categories .category .columns.num-columns-3 {width: 150px; padding-left: 550px; }
.menu-viewer .categories .category .columns.num-columns-3 .column.column-1 {width: 50px; float: left; padding-bottom: 10px;}
.menu-viewer .categories .category .columns.num-columns-3 .column.column-2 {width: 50px;float: left;}
.menu-viewer .categories .category .columns.num-columns-3 .column.column-3 {width: 50px; float: left; padding-bottom: 10px;}

.menu-viewer .categories .category .item.price-columns-2 .prices { width: 120px; float: right;}
.menu-viewer .categories .category .item.price-columns-2 .prices .price { width: 55px; padding-left: 5px; float: left;}

.menu-viewer .categories .category .item.price-columns-3 .prices { width: 150px; float: right;}
.menu-viewer .categories .category .item.price-columns-3 .prices .price { width: 45px; padding-left: 5px; float: left;}