@charset "utf-8";
/* CSS Document */


* {margin: 0; padding:0;}

html {}

body {
	height:100%;
	width:100%;
	padding:0;
	margin:0;
	font-family: Helvetica, sans-serif;
	font-size:12px;
}

.clear {
	clear:both;}

div.container {
	padding-left:20px;
	margin:0 auto;
	width:1150px;}

div#stretch-header {
	background-color:#DBE0C0;
	height:auto;
	width:100%;
	}

#stretch-logo
{
	background-color:#283947;
}	
	
div#container-header {
	height:50px;
	text-align:left;	
	vertical-align:middle;
	position:relative;
}

div#street {
	float: left;
	margin-right: 378px;
	padding-top: 10px;
	font-size: 10px;
	}

div#map-sign {
	position:absolute;
	width:63px;
	height:36px;
	top:1px;
	left:320px;
	}

div#strecth-logo {
	background-image:url(/Images/header-bg.png);
	background-repeat:repeat-x;
	height:103px;}

div#container-logo {
	height:103px;
	z-index:10;}
	
div#logo {
	width:300px;
	height:103px;
	float:left;
	background-image:url(/Images/logo_2015.png);
	background-repeat:no-repeat;}
	
div#birthday {
	float:left;
	margin-left:350px;
	height:76px;
	width:300px;
	margin-top:27px;
	}
	
div.social-icon {
	float:left;
	width:40px;
	height:35px;
	margin-left:10px;
	margin-top:14px;
}
	
div#stretch-maininfo {
	background-color:#fff;
	height:auto;
	width:100%;
	border-top:1px dotted #666;
	border-bottom:1px dotted #666;}

div#container-maininfo {
	height:336px;}
	
div#blue, div#menu, div#purple, div#blog, div#gallery {
	float:left;}
	
div#blue {	
	background-repeat:repeat;
	height:336px;
	width:10px;
	background-color:#617D93;
}
	
	
div#menu {
	width:130px;
	height:336px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	font-size:14px;
	font-weight:bold;}
	
ul {
	list-style:none;
	}
li {margin-bottom:14px;
	}
	
	
 ul#sliding-navigation  
 {  
     list-style: none;  
     font-size: 13px;  
     margin: 10px 0; 
	 font-family: 'Allerta', arial, serif; 
 }  
   
 ul#sliding-navigation li.sliding-element h3,  
 ul#sliding-navigation li.sliding-element a  
 {  
     display: block;  
     width:90px;  
     padding: 5px 15px;  
     margin: 0;  
     margin-bottom: 5px;  
 }  
   
 ul#sliding-navigation li.sliding-element h3  
 {  
     color: #fff;  
     background: #333;  
     border: 1px solid #1a1a1a;  
     font-weight: normal;  
 }  
   
 ul#sliding-navigation li.sliding-element a  
 {  
     color:#283947;       
     border-bottom: 1px dotted #666;  
     text-decoration: none;  
	 font-weight:bold;
}  
  
ul#sliding-navigation li.sliding-element a:hover { color: #DBE0C0; }  	
	
.gallerylayer,
#fadeshow1
{
	background:#283947 !important;
}	
	
div#purple {
	background-image:;
	background-repeat:no-repeat;
	width:9px;
	height:336px;
	background-color:#617D93;}

div#blog {
	margin-left:40px;
	width:470px;
	height:291px;
	margin-right:0px;
	margin-top:25px;
	margin-bottom:20px;
	border-right:1px dotted #666;
	padding-right:30px;
	position:relative;
}

div#blog-label {
	width:121px;
	height:122px;
	position:absolute;
	top:-31px;
	right:-6px;
	}

div#gallery {
	width:419px;
	height:296px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:40px;}
	
td.photogalleryItem img {
	border:1px solid #fff;}
	
td.photogalleryItem img:hover {
	border:1px solid #766317;}
	
td.photogalleryNavigation {
	display:none;}
	
div#slogan {
	text-align:right;
	padding-bottom:0px;
	line-height:22px;}

div#stretch-content {
	height:auto;
}

div#stretch-footer {

	}
	
div#container-footer {


	}

/* EAT PAGES*/

div#title-submenu {
	width:140px;
	height:auto;
	float:left;
	line-height:22px;
	position:relative;
}

div.bar-submenu {
	height:121px;
	margin-left:0px;
	background-color:;
	width:1010px;
	float:left;}


div.Eat-content {
	margin-left:140px;
	float:left;
	COLOR:#DBE0C0;
	font-weight:bold;
	position:relative;}
	
	
div.title
{
	color: #283947 !important;
}	

div.eat-wrap {
	width:310px;
	height:auto;
	margin-right:30px;
	float:left;}

	
div#menu-legend {
	width:320px;
	height:auto;
	float:left;}
	
div.legend-content {
	width:310px;
	height:auto;
	padding:5px;
	border-left: 2px dotted #999;
	border-top: 2px dotted #999;
	color:#222;
	font-weight:bold;
}


/* DRINKS PAGE */ 

div.drink-content {
	margin-left:140px;
	float:left;
	color:#eebd4d;
	font-weight:bold;
	position:relative;
	}
	
div#tabs {
	color:#283947 !important;
	min-height:600px;
}
	
div#tabs img {
	cursor:pointer;}
	
div.beer-option {
	width:400px;
	height:auto;
	float:left;
	margin-right:20px;
	cursor:
}
	
div.wine-option {
	width:400px;
	height:auto;
	float:left;
	margin-right:20px;}

/* TWITTER WIDGET + LOGO */
	
div.twtr-hd, div.twtr-ft {
	display:none;}

#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p {
color:#FFFFFF !important;
font-size:12px;
}
	
div.twtr-doc {
	padding-top:5px;
	padding-left:25px;
	height:34px;
}

div.twtr-widget div.twtr-tweet {
border:0px;
overflow:hidden;}

.twtr-bd .twtr-timeline {
	border-left:1px solid #fff;
	height:46px;}
	
div#twitter {
	margin-left:00px;
	height:50px;
	width:219px;
	float:right;
	overflow:hidden;
}
	
div#twitter-logo {
	position:absolute;
	width:97px;
	height:60px;
	top:3px;
	left:570px;}
	
.twtr-bd {
	height:48px;
	z-index:-10;}

/*BLOG DETAIL POST */

div.wrapper {
	width:1000px;
	margin-left:140px;}
	
div.BlogRecentPost {
	border-bottom:1px dotted #777;
	margin-bottom:10px;}
	
.BlogTagCloud {
	border-bottom:1px dotted #777;
	margin-bottom:10px;
	padding-bottom:10px;}
	
.post-details {
	color:#6c5a16;
	font-size:13px;
	font-family:Helvetica, Arial, Sans-serif;}


a.connect_widget_like_button {
	background-image:url(/Images/twitter_bird.png);
	background-repeat:repeat;
	width:97px;
	height:60px;}
	

	
/* MAP */

div#map {
	margin-top:10px;
	width:1150px;
	border:4px solid #777; }
	
/* EVENTS */

div#stretch-content-events {
	background-color:#fff;}


div.gallery-event {
	position:absolute;
	z-index:-10;
	top:10px;
	width:275px;
	padding-left:8px;
	line-height:28px;
	}
	
div#bookyourevent {
	margin-top:280px;}
	
/* FUNNY TUESDAYS */ 

div#funny-main {
	width:530px;
	height:auto;
	float:left;
	margin-right:10px;
	margin-top:0px;}
	
div#funny-moments {
	width:260px;
	height:auto;
	float:left;
	margin-right:10px;}

div#funny-videos {
	width:260px;
	height:auto;
	float:left;}

div#funny-guests {
	width:180px;
	height:auto;
	float:left;
	margin-right:10px;
	margin-top:0px;}

div#funny-facebook {
	width:280px;
	height:auto;
	float:left;
	margin-top:0px;}
	
div#funny-newsletter {
	width:270px;
	height:auto;
	margin-top:30px;
	padding:5px;
	border:1px solid #aaa;}
	
	
/* PLAY WITH BEBE PAGE */

#bebe-main {
	width:530px;
	height:auto;
	float:left;
	margin-right:20px;
	margin-top:10px;}
	
#bebe-info {
	width:460px;
	height:auto;
	float:left;
	margin-top:10px;
	color:#666;
	}

/* TABS FOR EAT PAGE */

ul.tabs {
 margin: 0; padding: 0;
float: left;
 list-style: none;
 height: 60px;

 width: 100%;
}
ul.tabs li {
 float: left;
 margin: 0;
 padding: 0;
 height: 60px;
 line-height: 31px;
 margin-right:100px;
 margin-left:60px;

 margin-bottom: -1px;
background: #EEBD4D;
 overflow: hidden;
 position: relative;
}
ul.tabs li a {
 text-decoration: none;
color: #6e5b17;
display: block;
 font-size: 12px;
 font-weight:bold;
 padding: 10px 0 0 5px;

outline: none;
}
ul.tabs li a:hover {

}
html ul.tabs li.active, html ul.tabs li.active a:hover {}

html ul.tabs li.active {
	border-bottom:5px solid #745F1C;}


.tab_container {

 border-top: none;
 clear: both;
 float: left;
 width: 100%;
 background: #fff;

}
.tab_content {

font-size: 1.2em;
}
.tab_content h2 {
 font-weight: normal;
padding-bottom: 10px;
 border-bottom: 1px dashed #ddd;
 font-size: 1.8em;
}
.tab_content h3 a{
 color: #254588;
}
.tab_content img {


} 

/* EAT MENU */ 

div.description {
	font-size:13px;}

/* GALLERY CONTENT */

div#gallery-content {
	margin-left:140px;
	width:1020px;}
	
div.gallery-album-name {
	width:130px;
	height:20px;
	background-color:#617D93;
	color:#fff;	
	font-weight:bold;
	text-align:right;
	padding:5px;
	position:absolute;
}

div.gallery-album-pics {
	width:1020px;}

/* HISTORY PAGE */ 

div.history-content {
	margin-left:140px;	
	width:1020px;}
	
div#history-intro {
	width:800px;
	height:auto;
	font-size:12px;
	font-weight:bold;
	margin-top:10px;
	margin-left:30px;
	}

	
#tabs h1
{
	color: #DBE0C0;
}
	

	
div.history-years {
	width:130px;
	height:20px;
	background-color:#617D93;
	color:#fff;	
	font-weight:bold;
	text-align:right;
	padding:5px;
	position:absolute;
}

div.history-period {
	width:1020px;}
	
.triangle-border {
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	border:1px solid #c7b570;
	color:#777;
	background:#fff;
	min-height:70px;
	
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

/* Variant : for left positioned triangle
------------------------------------------ */

.triangle-border.left {
	margin-left:30px;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-border.right {
	margin-right:30px;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-border:before {
	content:"";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-40px; /* value = - border-top-width - border-bottom-width */
	left:40px; /* controls horizontal position */
	width:0;
	height:0;
	border:20px solid transparent;
	border-top-color:#5a8f00;
}

/* creates the smaller  triangle */
.triangle-border:after {
	content:"";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-26px; /* value = - border-top-width - border-bottom-width */
	left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	width:0;
	height:0;
	border:13px solid transparent;
	border-top-color:#fff;
}

/* Variant : top
------------------------------------------ */

/* creates the larger triangle */
.triangle-border.top:before {
	top:-40px; /* value = - border-top-width - border-bottom-width */
	right:40px; /* controls horizontal position */
	bottom:auto;
	left:auto;
	border:20px solid transparent;
	border-bottom-color:#5a8f00;
}

/* creates the smaller  triangle */
.triangle-border.top:after {
	top:-26px; /* value = - border-top-width - border-bottom-width */
	right:47px; /* value = (:before right) + (:before border-right) - (:after border-right) */
	bottom:auto;
	left:auto;
	border:13px solid transparent;
	border-bottom-color:#fff;
}

/* Variant : left
------------------------------------------ */

/* creates the larger triangle */
.triangle-border.left:before {
	top:15px; /* controls vertical position */
	left:-20px; /* value = - border-left-width - border-right-width */
	bottom:auto;
	border-width:10px 20px 10px 0;
	border-style:solid;
	border-color:transparent #c7b570;
}

/* creates the smaller  triangle */
.triangle-border.left:after {
	top:16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
	left:-21px; /* value = - border-left-width - border-right-width */
	bottom:auto;
	border-width:9px 21px 9px 0;
	border-style:solid;
	border-color:transparent #fff;
}

/* Variant : right
------------------------------------------ */

/* creates the larger triangle */
.triangle-border.right:before {
	top:10px; /* controls vertical position */
	right:-30px; /* value = - border-left-width - border-right-width */
	bottom:auto;
    left:auto;
	border-width:15px 0 15px 30px;
	border-style:solid;
	border-color:transparent #5a8f00;
}

/* creates the smaller  triangle */
.triangle-border.right:after {
	top:16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
	right:-21px; /* value = - border-left-width - border-right-width */
	bottom:auto;
    left:auto;
	border-width:9px 0 9px 21px;
	border-style:solid;
	border-color:transparent #fff;
}

/* ABOUT PAGE */ 

div#about-content {
	margin-left:140px;
	font-size:13px;
	width:1020px;
	float:left;
	color:#777;
}

div.community-content {
	margin-top:20px;}

div.about-text {
	width:550px;
	height:auto;
	float:left;
	margin-top:20px;}
	
div.about-text-com {
	width:550px;
	height:auto;
	float:left;
	padding-bottom:120px;
	border-bottom:1px dotted #ff8902;
	position:relative;}

div.about-links {
	margin-top:10px;}

div.about-media {
	width:430px;
	height:auto;
	float:right;
	margin-bottom:20px;
	}
	
div#comeout {
	position:absolute;
	top:320px;
	left:0px;}
	
#about-content a:link {
	color:#777;
}

#about-content a:hover {
	color:#ff8902;
	
}

#about-content a:visited {
	color:#ff8902;
	
}

div.about-media img {
	border:3px solid #e1cd7f;}
	
	/*POP UP BIRTHDAY */	
	
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:100;
}
#popupbday{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:auto;
width:408px;
background:;
border:3px dotted #cecece;
z-index:2;
padding:12px;
font-size:13px;
}

#popupbdayClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}

/* POP UP BIRTHDAY */ 

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:100;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:auto;
width:408px;
background:#000;
z-index:1000;
padding:12px;
font-size:13px;
 -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
  box-shadow:0 0 40px rgba(0,0,0,0.9);
  border:2px solid #333;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}


div#button {
	cursor:pointer;}
	
#twitter_m
{
	width:430px;
}	

a.button:link {

   width:114px;
   border-top: 1px solid #ed7a00;
   background: #f0a728;
   background: -webkit-gradient(linear, left top, left bottom, from(#ff8400), to(#f0a728));
   background: -webkit-linear-gradient(top, #ff8400, #f0a728);
   background: -moz-linear-gradient(top, #ff8400, #f0a728);
   background: -ms-linear-gradient(top, #ff8400, #f0a728);
   background: -o-linear-gradient(top, #ff8400, #f0a728);
   padding: 8px 16px;
   -webkit-border-radius: 38px;
   -moz-border-radius: 38px;
   border-radius: 38px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 16px;
   font-family: Helvetica, sans-serif;
   text-decoration: none;
   display:block;

   }
a.button:hover{
   border-top-color: #ffaa00;
   background: #ffaa00;
   color: #ffffff;
   }
a.button:active {
   border-top-color: #ff7700;
   background: #ff7700;
   }

a.button:visited {
   color: white;
}

#container-content
{
	padding-top:20px;
}