@charset "utf-8";
/* CSS DOCKSIDE WEDDINGS */
@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: #999;}

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 0 20px 0; }

#logo { width: 260px; height: 160px; margin: auto; }
#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: #000; 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;}

#outer-content { border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; padding: 30px 0; width: 100%;}
#content { width: 1000px; margin: auto;  }

#footer { width: 960px; margin: auto; padding: 20px 0;}
#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.jpg'); 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: 1000px;}

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

.layout-columns .col_1_2.alpha .content-viewer { padding-left: 20px; width: 460px;}
.layout-columns .col_1_2.omega .content-viewer {padding-right: 20px; width: 460px;}

.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: 300px; position: relative; width: 460px; background-color:#9DB2A3; background-image:url('../images/quote-home-bottom.png'); background-repeat: no-repeat; background-position: right bottom; padding-top: 10px; margin-top: 15px;}
.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: 410px; padding: 15px 2px 16px 15px; 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; padding-left: 40px; letter-spacing: 1px; color: #fff; }

.venue-list { width: 1000px; margin-left: 20px;}
.venue-list .venue { width: 300px; margin: 20px 30px 40px 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: 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;}

.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: #999; margin: 10px 35px 5px 0; padding-top: 7px; border-top: solid 1px #ccc; height: 60px; overflow: hidden;}
.individual .clear { clear: both;}
.individual .title { width: 160px; display: block; line-height:25px; margin: 10px 0 0 0; font-size: 17px; text-transform: uppercase; font-weight: bold; color: ##999; font-family: 'Montserrat', sans-serif; float: left;}
.individual .url {  font-size: 15px; float: right; width: 100px; margin-top: 10px; height: 30px;}
.individual .url a { background-color:#9DB2A3; color: #fff; line-height:30px; padding: 4px 15px;font-size: 15px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;}
.individual .url a:hover { background-color: #999; text-decoration: none;}

.contact-form { width: 420px; padding: 10px 20px 20px 40px; background-color: #F0F3F6; background-image:url('../images/form-arrow.jpg'); background-repeat: no-repeat; background-position: left top; 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; color: #666; background-color: #fff;border: solid 1px #ccc;font-family: Arial, Helvetica, sans-serif;}
.contact-form .field .input textarea { height: 50px; width: 297px; background-color: #fff;border: solid 1px #ccc; 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; }

/*9DB2A3*/
.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: #135B1B; border-bottom: solid 1px #135B1B; 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 #ccc; 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: #999;}
.menu-viewer .categories .category .item .price { width: 140px; float: right; padding-bottom: 5px; color: #999; } 
.menu-viewer .categories .category .item .description { width: 500px; padding: 5px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #333; 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 #ccc; 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: #999; 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; color: #9DB2A3;}
.menu-viewer .categories .category .columns.num-columns-2 .column.column-2 {width: 60px;float: right; color: #9DB2A3;}

.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; color: #9DB2A3;}
.menu-viewer .categories .category .columns.num-columns-3 .column.column-2 {width: 50px;float: left; color: #9DB2A3;}
.menu-viewer .categories .category .columns.num-columns-3 .column.column-3 {width: 50px; float: left; padding-bottom: 10px; color: #9DB2A3;}

.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;}

.gallery { width: 975px; overflow: hidden;}
.gallery .image { width: 180px; margin: 15px 15px 15px 0; float: left; height: 180px;}