@import "reset.css";
@import "layout.css";

/******************************************************************************************************************
GLOBAL
*******************************************************************************************************************/
body{
	margin: 0;
	padding: 88px 0 0 0;
	/*font-family: "Museo", Helvetica, Arial, sans-serif;*/
	font-family: 'Terminal Dosis', serif;
	color: #fff;
	
	overflow-x: hidden;
	overflow-y: visible;
	
	 background-image:url(images/bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#24181c;
	
	
}
.clear{
	clear: both;
}
a{
	color: #8DC63F;
	text-decoration: none;
	outline: 0;
}
a:hover{
	text-decoration: underline;
	color: #8DC63F;
}
.hidden{
	display: none;
}
.green{
	color: #8DC63F;
}
h1{
	font-size: 2.7em;
   font-weight: 700;
   line-height: 1.1em;
   padding: 30px 0;
}
h2{
	font-size: 34px;
   font-weight: 700;
   line-height: 28px;
   padding: 30px 0;
}
h3{

}
h4{

}
h5{

}
h6{

}

.page {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width:960px;
}

.top-nav {width:100%;height:80px;background-image:url(images/bg-top.png);background-repeat:repeat-x;border:0px solid red;top:0px;}
.navs {width:100%;max-width:960px;height:80px;background-image:url(images/top-nav1.jpg);background-position:center top;background-repeat:repeat-x;border:0px solid;padding-top:25px;}
.navlink {width:100%;float:left;max-height:25px;cursor:pointer;}
.navlink1 {max-width:89px;}
.navlink2 {max-width:89px;}
.navlink3 {max-width:168px;}
.navlink4 {max-width:157px;}
.navlink5 {max-width:152px;}
.navlink6 {max-width:179px;}
.navlink7 {max-width:124px;}
.map-to-our-location {background:url(images/map-to-our-location.png) no-repeat;background-position:bottom;width:283px;height:217px;position:relative}
.locationclick {position:absolute;top:150px !important;border:0px solid;width:300px;height:55px;cursor:pointer}
.make-a-reservation {background:url(images/make-a-reservation.png) no-repeat;background-position:bottom;width:300px;height:217px;position:relative}
.mlogo {width:353px;cursor:pointer;}
.logoadj {margin-top:-80px;margin-left:-15px}
.mapadj {height:65px;margin-left:10px;}
.resadj {height:65px;margin-left:12px;margin-top:-28px;}
.left {float:left;}
.page-last {margin-top:-50px;border:1px solid;}
.page-last-box {background:url(images/men.png) no-repeat;float:left;width:380px;height:231px;border:0px solid;float:left;background-position:left bottom;border:1px solid;}
.men {max-width:512px;width:100%;border:0px solid;float:left;position:relative;}
.tweets {max-width:512px;width:100%;border:0px solid;position:absolute;top:70px;min-width:240px;}
.footer-logo {background:url(images/logo-footer.png) no-repeat;width:453px;height:184px;border:0px solid;}
.footeradj {float:left;border:0px solid;}
.relativ {position:relative}
.marker{position:absolute;top:0px;max-width:32px;width:100%;left:15px}
.social-top-tw {background:url(images/icon-twitter.png) no-repeat;width:32px;height:32px;border:0px solid;float:right;margin-right:10px;}
.social-top-fb {background:url(images/icon-fb.png) no-repeat;width:32px;height:32px;border:0px solid;float:right;margin-right:10px;}
.social {position:absolute;right:60px;float:right;top:20px;}
.download-link {font-size:16px;color:#e4d2bb;text-align:right;margin-right:20px;cursor:pointer;}
.download-link:hover {color:#fff;}
.submenu-drink-link {font-family:'Rokkitt' !important;font-size:25px;border:0px solid;margin-bottom:0px;color:#e4d2bb;margin-left:0px;cursor:pointer;}
.submenu-drink-link:hover {color:#fff;}

.submenu-no-link {font-family:'Rokkitt' !important;font-size:25px;border:0px solid;margin-bottom:0px;color:#fff;}



#cwrap{
	background-image:url(http://museumtavern.ca/img/bg-1a.png);
	background-repeat:repeat;
	background-color:#0f3370;
	background-position:top;
   width: 100%;
   padding-top: 0;
    box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
}
#cwrap1{
	background-color: #001d44;
	
   width: 100%;
   padding-top: 0;
    box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
	border-top:0.25em solid #2c97d2;
}
#cwrap2{
	background-image:url(http://museumtavern.ca/img/bg-3.png);
	background-repeat:repeat;
	background-color:#005897;
	background-position:top;
   width: 100%;
   padding-top: 0;
    box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
	border-top:0.25em solid #4f637e;
}


#cwrap2a{
	/*background-image:url(http://museumtavern.ca/img/bg-3.png);*/
	background-repeat:repeat;
	background-color:#005897;
	background-position:top;
   width: 100%;
   padding-top: 0;
    box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
	border-top:0.25em solid #4f637e;
}
#cwrap2b{
	/*background-image:url(http://museumtavern.ca/img/bg-3.png);*/
	background-repeat:repeat;
	background-color:#2069a1;
	background-position:bottom;
   width: 100%;
   padding-top: 0;
    box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
	border-top:0em solid #4f637e;
}

#cwrap3{
	background-image:url(http://museumtavern.ca/img/bg-4.png);
	background-repeat:repeat;
	background-color:#00326d;
	background-position:top;
   width: 100%;
   padding-top: 0;
    box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
	border-top:0.25em solid #4f637e;
}

#cwrap3a{
	/*background-image:url(http://museumtavern.ca/img/bg-4.png);*/
	background-repeat:repeat;
	background-color:#00326d;
	background-position:top;
   width: 100%;
   padding-top: 0;
    box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
	border-top:0.25em solid #4f637e;
}

#cwrap3b{
	/*background-image:url(http://museumtavern.ca/img/bg-4.png);*/
	background-repeat:repeat;
	background-color:#1f467c;
	background-position:top;
   width: 100%;
   padding-top: 0;
    box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
	border-top:0em solid #4f637e;
}

#cwrap4{
	background-color: #b9b286;
	
   width: 100%;
   padding-top: 0;
    box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
	border-top:0.25em solid #92a7c2;
}

#cwrap5{
	background-color: #5f5c4d;
	
   width: 100%;
   padding-top: 0;
    box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
	border-top:0.25em solid #cac4a3;
}

#cwrap6{
	background-color: #1d2635;
	
   width: 100%;
   padding-top: 0;
    box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
	border-top:0.25em solid #787568;
}


#content{
	margin: 0 auto;
	max-width: 960px;
	padding: 0 0px;
}
#content > section{
	position:relative;
	margin: 0 0 0px 0;
}

.heading-wrap{
	clear: both;
   margin: 0 0 15px;
   position: relative;
}
.bars{
	border-bottom: 1px solid #8DC63F;
	border-top: 1px solid #8DC63F;
	height: 10px;
	position: absolute;
	top: 38px;
}
/*.services-bars{
	width: 390px;
}
.showcase-bars{
	width: 370px;
}
.testimonials-bars{
	width: 342px;
}
.contact-bars{
	width: 380px;
}
.heading-wrap h1{
	display: block;
   text-align: center;
   font-weight: 300;
   color:#8DC63F;
   text-transform: uppercase;
}*/
.heading-wrap h1{
	display:block;
	margin: 0 auto;
	font-weight: 300;
	color:#8DC63F;
}
/******************************************************************************************************************
HEADER
*******************************************************************************************************************/
header#main-header{
	width: 100%;
	
	border-bottom: 0px solid #8DC63F;
	position: absolute;
	top: 0;
	z-index: 5000;
	background:url("images/bg-top.png");
	
}
header#main-header #hcontent{
	max-width: 960px;
	margin: 0 auto;
	padding: 0px 0;
}
header#main-header #hcontent h1#logo{
	margin: 0;
	padding: 0px 0;
	float: left;
}
header#main-header #hcontent h1#logo a{
	background: url("http://museumtavern.ca/img/logo-main2.png") -8px -7px no-repeat;
	display: block;
	font-size: 0;
	text-indent: -9999px;
	width: 205px;
	height: 32px;
	transition: opacity .125s ease-in-out;
	-moz-transition: opacity .125s ease-in-out;
	-webkit-transition: opacity .125s ease-in-out;
	opacity: 1;
}
header#main-header #hcontent h1#logo a.gray-logo{
	opacity: 0.5;
	transition: opacity .125s ease-in-out;
	-moz-transition: opacity .125s ease-in-out;
	-webkit-transition: opacity .125s ease-in-out;
}
header#main-header #hcontent h1#logo a:hover{
	opacity: 1;
}
.header-shadow{
}

nav#main-nav{
	float: right;
	padding: 22px 0 0 0
}
nav#main-nav ul{
	margin:0 0 -6px 0;
	z-index: 5000;
}
nav#main-nav ul li{
	float: left;
}
nav#main-nav ul li a{
	display: block;
	padding: 12px 14px;
	color: #888;
	transition: color .125s ease-in-out;
	-moz-transition: color .125s ease-in-out;
	-webkit-transition: color .125s ease-in-out;
}
nav#main-nav ul li a:hover,
nav#main-nav ul li.active a{
	text-decoration: none;
	color: #fff;
	transition: color .125s ease-in-out;
	-moz-transition: color .125s ease-in-out;
	-webkit-transition: color .125s ease-in-out;
}



/******************************************************************************************************************
INTRO
*******************************************************************************************************************/
#intro{

}
#tagline{
	padding: 15px 0;
	text-align:left;
	color:#FFF;
}
#tagline h1{
	margin: 0 0 16px 0;
	padding: 0;

}
#tagline p {
	font-weight: 300;
	font-size:1.1em;
	line-height:1.6em;
	color:#fff;
	text-align:left;
}
#we-are-branberg-video{
	background: none repeat scroll 0 0 #E5E5E5;
   padding: 10px;
}
/******************************************************************************************************************
INTRO
*******************************************************************************************************************/
section#team{
	overflow: hidden;
}
#team-bio{
	margin: 0 0 30px 0;
	font-size: 20px;
	line-height: 24px;
}
.member{
	width: 48%;
	float: left;
}
.member#sam{
	margin: 0 4% 0 0;
}
.member#mike{
	
}
.member img{
	display: block;
	width: 100%;
	height: auto;
}
.member h3{
	color: #8DC63F;
	font-size: 24px;
	margin: 15px 0;
}
.member h3 > span{
	font-weight: normal;
	color: #414042;
	font-size: 18px;
}
.member .blurb{
	font-weight: 300;
	font-size: 16px;
}
/******************************************************************************************************************
SERVICES
*******************************************************************************************************************/
#services{
   margin: 90px 0;
}
#services article.service{
	float: left;
   font-size: 16px;
   font-weight: 300;
   line-height: 18px;
   margin: 0 4% 30px 0;
   width: 48%;
}
#services article.service h3{
	font-size: 20px;
	font-weight: 500;
	color: #8DC63F;
	margin: 0 0 15px 0;
}
#services article.service p{
	padding: 0 0 10px 0;
}
#services article.service img{
	float: right;
	display: block;
	margin: 0 0 10px 10px;
}
#services article.service ul{
	clear: both;
}
#services article.service ul li{
	padding: 10px;
}
#services article.service ul li.odd{
	background: #e5e5e5;
}

#service-webdesign{
	
}
#service-creative{
	margin-right: 0 !important;
}
#service-marketing{
	
}
#service-ideas{
	margin-right: 0 !important;
}

#profiles{
	margin: 60px 0 0 0;
}
#profiles h2{
	font-size: 1.6em;
	padding: 0 0 30px 0;
}
#profiles img{
	width:100%;
	display: block;
}
#profile-pic{
	width: 48%;
	height: auto;
	margin: 0 4% 0 0;
	float: left;
}
#profiles p{
	font-size: 18px;
}
#sam-brannon{
	width: 22%;
	float: left;
	margin: 0 4% 0 0;
}
#mike-berg{
	width: 22%;
	float: left;
}
/*#profiles{
	background: url("http://museumtavern.ca/img/branberg-profiles.png") 0 0 no-repeat;
	width: 960px;
	height: 220px;
	margin: -50px 0 60px 0;
	position: relative;
	font-size: 18px;
}
#profiles .profile{
	color: #BCBCBC;
	position: absolute;
	bottom: 90px;
}
#profiles .profile h3{
	color: #3d3d3d;
	font-size: 24px;
}
#sam-brannon{
	left: 90px;
   text-align: right;
}
#mike-berg{
	right: 80px;
	text-align: left;
}*/

/******************************************************************************************************************
SHOWCASE
*******************************************************************************************************************/
#showcase span.heading-tag{
	float: left;
	padding-top: 40px;
}
a.pdf-download{
	background: url("http://museumtavern.ca/img/document01.png") no-repeat scroll right top transparent;
   color: #999999;
   display: block;
   font-size: 12px;
   font-weight: 300;
   height: 58px;
   opacity: 0.8;
   overflow: hidden;
   padding: 0 50px 0 0;
   position: absolute;
   right: 0;
   top: 15px;
   width: 75px;
}
a.pdf-download:hover{
	opacity: 1;
	text-decoration: none;
	color: #777;
}

#showcase{
	margin: 0 0 60px 0;
}
#showcase #project-wrapper{
	margin: 0 auto;
    min-height: 572px;
    position: relative;
    max-width: 960px;
}
#showcase .project{
	margin-bottom: 10px;
	float: left;
}
#showcase .project img{
	display: block;
	width: 100%;
	height: auto;
}
.double-width{
	max-width: 378px;
}
.single-width{
	max-width: 184px;
}
#showcase .project .project-meta{
	background: none repeat scroll 0 0 rgba(255, 255, 525, 0.9);
   color: #222222;
   display: none;
   height: 100%;
   width: 100%;
   position: absolute;
}
#showcase .project:hover .project-meta{
	
}
#showcase .project .project-meta h3{
	font-size: 20px;
   font-weight: 500;
   padding: 15px 15px 5px;
   text-shadow: 0 0 10px #fff;
}
#showcase .project .project-meta span.description{
	display: block;
   font-size: 16px;
   font-weight: 300;
   padding: 0 15px 15px;
}
#showcase .project .project-meta a.p-link{
	background: none repeat scroll 0 0 #8DC63F;
   bottom: 0;
   color: #FFFFFF;
   display: block;
   padding: 10px 0;
   position: absolute;
   text-align: center;
   width: 100%;
}
#showcase .project .project-meta a.p-link:hover{
	text-decoration: none;
	background: #73A02B;
}


.project{
	-webkit-transition:all .5s ease-in;  
	-moz-transition:all .5s ease-in;  
	-o-transition:all .5s ease-in;  
	transition:all .5s ease-in;  
}

/*.project-hoodie-allen{ top: 0; left: 0; }
.project-band-box{ top: 0pt; left: 388px; }
.project-timberwolves{ top: 0pt; left: 582px; }
.project-sms{ top: 194px; left: 388px; }
.project-fouronefour{ top: 194px; left: 582px; }
.project-yonas{ top: 194px; left: 776px; }
.project-gophers{ left: 0pt; top: 388px; }
.project-aer{ top: 388px; left: 194px; }
.project-up-coffee{ top: 388px; left: 582px; }
.project-delta{ top: 388px; left: 776px; }
*/

/******************************************************************************************************************
TESTIMONIALS
*******************************************************************************************************************/
#quotes{
	padding: 30px 0 20px;
   position: relative;
}
#quotes h3{
	font-weight: 700;
	font-size: 22px;
	margin: 0 0 20px 0;
}
.signature{
	font-weight: 300;
	font-size: 22px;
	text-align: right;
	color: #8DC63F;
	margin: 20px 0 0 0;
}
ul.slides{
	padding: 0 70px;
	height: 200px;
}
ol.flex-control-nav{
	display: none;
}
ul.flex-direction-nav li a{
	display: block;
	width: 35px;
	height: 35px;
	background-image: url("http://museumtavern.ca/img/arrows.png");
	text-indent: -9999px;
	font-size: 0;
	position: absolute;
	top: 56px;
}
ul.flex-direction-nav a.prev{
	background-position: -1px -1px;
	left: 0;
}
ul.flex-direction-nav a.prev:hover{
	background-position: -1px 35px;
}
ul.flex-direction-nav a.next{
	background-position: 35px -1px;
	right: 0;
}
ul.flex-direction-nav a.next:hover{
	background-position: 35px 35px;
}
.quote{
	font-weight: 300;
	font-size: 20px;
	line-height: 28px;
	text-align: center;	
}

/******************************************************************************************************************
CONTACT
*******************************************************************************************************************/
section#contact{
	padding: 0 0 120px 0;
	margin: 0;
}
#contact-info{
	display: block;
   float: left;
   font-size: 16px;
   font-weight: 300;
   line-height: 18px;
   padding: 10px 0 0;
   width: 48%;
}
#contact-info p{
	margin: 10px 0;
}
#contact-info img{
   display: block;
    width: 90%;
    margin: 60px auto;
}
#contact-form{
	width: 48%;
	float: left;
	display: block;
	margin: 0 4% 0 0;
}
#contact-form form{
	font-size: 18px;
   font-weight: 300;
}
#contact-form form label{
	display: block;
}
#contact-form form input{
	background: none repeat scroll 0 0 #E5E5E5;
   border: medium none;
   display: block;
   font-size: 14px;
   margin: 5px 0 15px;
   padding: 10px;
   width: 94%;
}
#contact-form form input[type=submit]{
	cursor:pointer;
	width:30%;
	background: #8DC63F;
}
#contact-form form textarea{
	background: none repeat scroll 0 0 #E5E5E5;
   border: medium none;
   display: block;
   font-size: 14px;
   margin: 5px 0 15px;
   min-height: 167px;
   padding: 10px;
   width: 94%;
}

.mail-message{
	padding: 90px 0;
}
#mail-success{

}
#mail-fail{

}
.mail-message a.return{
	background: #8DC63F;
   border-radius: 5px 5px 5px 5px;
   color: #FFFFFF;
   display: block;
   float: left;
   margin: 20px 0;
   padding: 15px;
}

#fav_color{
	display: none;
}


/******************************************************************************************************************
404
*******************************************************************************************************************/
#error-page{
	font-size: 22px;
	font-weight: 300;
	padding: 30px 0;
}
#error-page p{
	margin: 15px 0;
}

/******************************************************************************************************************
FOOTER
*******************************************************************************************************************/
footer{
	margin:0;
	padding: 0px 0;
	width: 100%;
	background-image:url(images/bg-top.png);background-repeat:repeat;

	
}
footer a{
	color:#333;
	text-decoration: none;
}
#fcontent{
	max-width: 960px;
	margin: 0 auto;
	padding: 0 20px;
}
nav#footnav ul{
	float: left;
}
nav#footnav ul li{
	display:inline;
	margin: 0 10px 0 0;
}
p.copyright{
	float: left;
	margin: 11px 0 0 0;
	color: #949495;
}

nav#social{
	float:right;
	overflow:hidden;
}
nav#social ul{
	display: block;
	margin: 1px 0 0 0;
	overflow: hidden;
}
nav#social ul li{
	float: left;
}
nav#social ul li a{
	background-image: url("http://museumtavern.ca/img/social3.png");
   display: block;
   float: left;
   font-size: 0;
   height: 24px;
   margin: 0 0 0 14px;
   opacity: 0.5;
   text-indent: -9999px;
   width: 24px;
	transition: opacity .125s ease-in-out;
	-moz-transition: opacity .125s ease-in-out;
	-webkit-transition: opacity .125s ease-in-out;
}
nav#social ul li a:hover{
	opacity: 1;
}
a.facebook{ background-position: 0px 0px; }
a.twitter{ background-position: -24px 0px; }
a.linkedin{ background-position: -48px 0px; }
a.dribbble{ background-position: -72px 0px; }

nav#footnav ul li.hireus a{
	background: #C0BEBE;
   border-radius: 4px;
   padding: 6px 12px;
}
nav#footnav ul li.hireus a:hover{
	text-decoration: none;
	background: #efefef;
	color:#333;
}

.wropacity {filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.wropacity:hover {filter: alpha(opacity=70);-moz-opacity: .7;opacity: .7;}

/*---- twitter --*/
  #ticker {position:absolute;top:60px;left:50px;width:450px;font-size:14px;}
  
  #ticker ul.tweet_list {
        height:75px;
        overflow-y:hidden;
         line-height:18px;
         font-size:15px !important;
         color:#36373a !important;
         font-weight:bold;
      }
      #ticker .tweet_list li {
        height: 75px;
        line-height:18px;
        font-size:15px !important;
        color:#36373a !important;
        font-weight:bold;
      }
      
       #ticker .tweet_list li a {
       
        font-size:15px !important;
        color:#666 !important;
        font-weight:bold;
      }
      
     
 /*---- end of twitter --*/     
 
 /* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #8f0413;
    font-size: 18px;
    
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000 !important;
    background-color: #f3d9d9;
    font-family:Arial !important;
    font-size: 14px !important;
    
}

.validation-summary-errors {
    font-weight: bold;
    color: #8f0413 !important;
    font-size: 18px !important;
}

.validation-summary-valid {
    display: none;
    
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
    margin: 1em 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}

 
 
 
.long-text-box 
{
     border: 1px solid #ccc;
    padding: 2px;
    font-size: 16px !important;
    color: #444;
    width: 630px;
    height: 19px;       
}

.long-textarea {
    border: 1px solid #ccc;
    font-family: Tahoma,Arial,Verdana,sans-serif,Segoe,Segoe UI;
    padding: 2px;
    font-size: 16px !important;
    color: #444;
    width: 630px;
    height: 80px;
}

.long-textarea1 {
    border: 1px solid #ccc;
    font-family: Tahoma,Arial,Verdana,sans-serif,Segoe,Segoe UI;
    padding: 2px;
    font-size: 16px !important;
    color: #444;
    width: 450px;
    height: 80px;
}


.side-text-box  {
    border: 1px solid #ccc;
    padding: 2px;
     font-size: 16px !important;
    color: #444;
    width: 160px;
    height: 15px;  
    margin:-2px 5px 6px 0px;
}

.middle-text-box 
{
     border: 1px solid #ccc;
    padding: 2px;
    font-size: 16px !important;
    color: #444;
    width: 300px;
    height: 19px;       
}

.middle-textarea {
    border: 1px solid #ccc;
    font-family: Tahoma,Arial,Verdana,sans-serif,Segoe,Segoe UI;
    padding: 2px;
    font-size: 16px !important;
    color: #444;
    width: 300px;
    height: 280px;
}

/* wr temp */
#myd {display:none;background-color:#fff;z-index:3000;position:absolute;top:30px;left:30px;width:180px;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border:5px solid #c49a6c !important;padding:15px 30px 15px 30px;}
   .mydadj {float:right;color:#000;margin-top:-15px;width:10px;cursor:pointer;margin-right:-25px;border:0px solid}
   .mobstart {padding-left:28px;margin-bottom:10px;}
   .mobban {width:95%}
   .mobleft {padding-left:38px;}
   .mobtitle {font-family:Vast Shadow !important;font-size:16px;border:0px solid;margin-bottom:20px;line-height:17px;color:#f5e0ca;}
   .mobtfont {font-size:1.0em;font-weight:bold;}
   .hrs {height:1px;border-bottom:1px dotted #fff;border-top:0px dotted #fff;border-left:0px;border-right:0px;}
   .tprice {vertical-align:bottom;text-align:right;}
   .mobsub {background-color:#93755b;opacity:0.7}
   .mobsub1 {padding-left:38px;padding-top:10px;padding-bottom:10px;cursor:pointer;}
   .mobsub2 {margin-left:38px;height:2px;border-bottom:2px dotted #a7805c;margin-right:38px;}
   .mobsub3 {padding-left:38px;padding-top:10px;padding-bottom:10px;margin-bottom:10px;cursor:pointer;}
   #fimg, #dimg {width:40px;height:15px;}
   #standardfare {padding-left:38px;display:none;}
   .faretitle {font-family:'Vast Shadow' !important;font-size:18px;border:0px solid;color:#fff;line-height:26px;padding-left:38px;padding-top:10px;padding-bottom:10px;cursor:pointer;}
   .tablemenu {width:92%;line-height:22px;}
   .width25p {width:25%;}
   .width60p {width:60%;}
    .width15p {width:15%;}
    .width85p {width:85%;}
    .mobsep {margin-left:38px;height:2px;border-bottom:2px dotted #a7805c;margin-right:38px;}
    #smallplates {padding-left:38px;display:none;line-height:26px;padding-right:30px;font-size:'Terminal Dosis' !important;}
    #largeplates {padding-left:38px;display:none;line-height:26px;padding-right:30px;}
    .displaynone {display:none}
    .rdd {display:none;padding-left:38px;}
    .mobdiv {line-height:26px;min-width:270px;padding-right:30px;}
    .tline {padding-right:20px;border-bottom:1px dotted #fff;}
    .mabouttitle {font-family:'Rokkitt' !important;font-size:2.3em;border:0px solid;}
     .mabout {font-family:'Terminal Dosis' !important;font-size:1.0em !important;border:0px solid;color:#fff;max-width:430px;line-height:1.3em;width:90%;padding-top:15px;margin-right:20px !important}
   .bold {font-weight:bold;}
   .msocial {background-color:#160d0d;opacity:0.7;height:220px;padding-top:20px;margin-top:30px;}
   .contactus {line-height:26px;font-size:20px;border:0px solid}
   .ttable1 {vertical-align:bottom;text-align:right;}
   .width68p {width:68%}
   .width8p {width:8%}
   .tableadj {vertical-align:bottom;text-align:right;color:#e4d2bb;}
   .mtitle2 {font-family:'Vast Shadow' !important;font-size:18px;border:0px solid;color:#fff;line-height:26px;padding-left:38px;padding-top:10px;padding-bottom:10px;cursor:pointer;}
   .mtitle3 {font-family:Vast Shadow !important;font-size:12px;}
   .left122 {left:122px;}
   .left22 {left:22px;}
   .left245 {left:245px;}
   .left420 {left:420px;}
   .left570 {left:570px;}
   .left740 {left:740px;}
   .left882 {left:882px;}
   .socialfooter {position:absolute;right:20px;float:right;top:40px;z-index:3000}
   .socialfb {margin-right:10px;cursor:pointer;}
   .socialicon {width:40px;float:left;cursor:pointer;margin-right:10px;}
   .men {float:left;width:380px;height:186px;background:url(images/men.png) no-repeat;background-position:left bottom;}
   .cursorpointer {cursor:pointer}
   .tw {float:left;width:512px;position:relative;}
   .twts {background:url(images/tweets.png) no-repeat;width:570px;height:215px;border:0px solid;float:right;position:absolute;}
   .footeradj2 {float:right;padding-top:20px;border:0px solid;width:182px;}
   .height10 {height:10px;}
   .mtable4 {font-size:18px;color:#c49a6c;padding-bottom:10px;}
   .width50p {width:50%}
   .maboutwrap {background:url(images/divider.png) no-repeat;background-position:bottom;max-width:507px;height:38px;margin-top:0px;margin-right:40px;}
   .oker {color:#dbbc85;}
   .cwhite{color:#fff;}
   .marginleft0 {margin-left:0px !important;}
    .marginleft8 {margin-left:8px !important;}
   .marginbottom10 {margin-bottom:10px;}
   .margintopminus24 {margin-top:-24px;}
   .height0 {height:0px;}
   .marginleftminus8 {margin-left:-8px;}
   .sbmbtn {background:url('images/bts.png') no-repeat;width:271px;height:37px;border:0px;;font-family:'Rokkitt'; font-weight:normal;font-size:22px;color:#23181c;cursor:pointer;}
   .width98p {width:98%}
  
   
   
   /*page*/
   .width100p {width:100%}
.cbanner {width:100%;max-width:960px;margin-left:-20px;}
.walkingman {background:url(images/man.png) no-repeat;background-position:530px 10px; width:930px;height:340px;float:left;margin-left:10px;border:0px solid;position:relative;}
.hmap {background:url(images/map1.png) no-repeat;background-position:bottom;width:252px;height:300px;right:-10px;margin-right:0px;position:absolute;}
.elevetor {position:absolute;top:296px;width:230px;left:10px;font-size:14px !important;line-height:16px;cursor:none;}
.ram {border:0px solid;width:250px;height:290px;}
.himg1 {background:url(images/events4.png) no-repeat;background-position:bottom;width:415px;height:545px;float:left;margin-left:-30px;position:relative;}
.himg2 {background:url(images/drinks.png) no-repeat;background-position:bottom;width:570px;height:263px;position:relative;}
.himg3 {background:url(images/the-food.png) no-repeat;background-position:bottom;width:570px;height:260px;position:relative;}
.paboutwrap{float:left;margin-top:10px;}
.pabouttext {font-family:'Terminal Dosis' !important;font-size:1.1em;border:0px solid;color:#fff;width:620px;line-height:1.2em;padding-right:20px;}
.pabouttitle {font-family:'Rokkitt' !important;font-size:1.8em;border:0px solid;margin-bottom:20px;line-height:1.2em}
.paboutc {width:985px;border:0px solid;}
.paboutimg {float:left;margin-top:-20px;margin-bottom:20px;}
.paboutimgwrap {float:left;margin-right:40px;margin-bottom:20px;}
.gallerywrap {float:left;margin-top:20px;width:630px;}
.pgallery {font-family:'Terminal Dosis' !important;font-size:18px;border:0px solid;color:#fff;width:870px;line-height:26px}
.pgallerytext {float:left;font-family:'Terminal Dosis' !important;font-size:1.1em;border:0px solid;color:#fff;margin-bottom:20px;width:300px;line-height:1.2em;padding-top:20px;}
.pgc {float:left;margin-top:0px;}
.pgctext {font-family:'Terminal Dosis' !important;font-size:1.1em;border:0px solid;color:#fff;width:870px;line-height:1.2em}
.pres {float:left;margin-top:20px;position:relative;height:330px;width:900px;border:0px solid;}
.presapi {position:absolute;top:0px;height:280px;z-index:5000}
.prestext {float:left;font-family:'Terminal Dosis' !important;font-size:18px;border:0px solid;color:#fff;margin-bottom:20px;width:600px;margin-left:250px;line-height:1.2em;}
.foodtext {float:left;font-family:'Terminal Dosis' !important;font-size:18px;border:0px solid;color:#fff;margin-bottom:20px;margin-top:20px;width:930px;line-height:1.2em;}
.pnews {float:left;margin-top:10px;width:930px;font-family:'Terminal Dosis' !important;font-size:1.1em;line-height:1.2em;padding-bottom:30px;}
.pnewswrap {float:left;margin-right:40px;}
.pnewswrap2 {float:left;margin-top:20px;margin-bottom:30px;}
.pdate {font-family:'Terminal Dosis' !important;font-size:1.2em;border:0px solid;color:#fff;margin-bottom:10px;}
.pnewsbutton {margin-top:20px;float:right;}
.withoutpic {font-family:'Terminal Dosis' !important;font-size:1.1em;border:0px solid;color:#fff;width:920px;line-height:1.2em}
.withpic {font-family:'Terminal Dosis' !important;font-size:1.1em;border:0px solid;color:#fff;width:610px;line-height:1.2em}
.contactwrap3 {float:left;min-height:200px;bottom:0px;border:0px solid;position:relative;min-width:32%;padding-right:0%;padding-top:4%}
.contactform {float:left;bottom:0px;width:500px;margin-bottom:30px;}
.contactdesc {float:left;margin-top:0px;width:850px;font-family:'Terminal Dosis' !important;font-size:1.1em;line-height:1.2em;padding-bottom:30px;}
.contactt2 {font-family:'Rokkitt' !important;font-size:1.8em;border:0px solid;margin-bottom:10px;line-height:1.2em;margin-top:0px;}
.contactt1 {font-family:'Rokkitt' !important;font-size:1.8em;border:0px solid;margin-bottom:10px;line-height:1.2em;width:500px;}
.contactwrap {font-family:'Terminal Dosis' !important;font-size:1.1em;border:0px solid;color:#fff;width:960px;line-height:1.2em}
.contactpic {position:absolute;bottom:0px;}
.contactmsg {color:#8f0413}
.contactbox1 {float:left;min-height:200px;bottom:0px;border:0px solid;position:relative;min-width:38%;padding-right:0%;padding-top:4%}
.contactbox2 {float:right;min-height:200px;bottom:0px;border:0px solid;position:relative;min-width:30%;padding-right:0%;padding-top:4%}
.contactmap {position:absolute;bottom:0px;}
.contactlocation {position:absolute;bottom:0px;}
.linkerr1 {display:none; color:Red;}
.pteamwrap {float:left;width:400px;font-family:'Terminal Dosis' !important;font-size:18px;border:0px solid;color:#fff;margin-bottom:20px;line-height:1.2em}
.pteamwrap1 {float:left;width:500px}
.h-text-vibe {color:#fff;font-size:13px;top:320px;width:220px;left:100px;position:absolute;line-height:20px;}
.h-text-drinks {color:#fff;font-size:13px;top:110px;width:212px;left:285px;position:absolute;line-height:20px;border:0px solid;}
.h-text-food {color:#fff;font-size:13px;top:110px;width:220px;left:71px;position:absolute;line-height:20px;}
.btn-vibe-pos {position:absolute;top:415px;left:96px;}
.btn-drinks-pos {position:absolute;top:165px;left:280px;}
.btn-food-pos {position:absolute;top:165px;left:68px;}
.btn-vibe {width:220px !important;height:35px !important;}
.phone {position:absolute;font-family:Vast Shadow !important;font-size:1.07em;left:113px;top:25px;}
.clickmap {position:absolute;font-family:'Terminal Dosis' !important;font-size:0.85em;left:62px;top:7px;line-height:1.2em}
/*Drinks*/
 .width960 {width:960px;}
    .rightmenu {float:right;width:265px;margin-right:20px;}
    .menudivider {background-image:url(images/divider-short.png);background-repeat:repeat-x;background-position:top;width:248px;height:28px;margin-top:0px;border:0px solid;}
    .rightmenuspacer {vertical-align:middle;width:70px;height:25px;margin-left:-10px;}
    .middledivider {background:url(images/divider-thin.png) no-repeat;background-position:bottom;width:245px;height:11px;margin-top:0px}
    .rightmenuspacer2 {vertical-align:middle;width:70px;margin-left:-10px;}
    .pdficon {vertical-align:middle;width:19px;margin-top:-16px;}
    .echef {font-family:'Terminal Dosis' !important;font-size:20px;border:0px solid;color:#c49a6c;margin-bottom:10px;margin-top:-10px;}
    .mmtitle {font-family:'Rokkitt' !important;font-size:30px;border:0px solid;margin-bottom:0px;color:#fff;}
    .bottomdivider {background-image:url(images/divider-short.png);background-repeat:repeat-x;background-position:bottom;width:248px;height:25px;margin-top:0px}
    .dividershort {background:url(images/divider-short.png) no-repeat;background-position:bottom;width:225px;height:38px;margin-top:0px}
    .drinksbox1 {float:left;border:3px solid #a39ea0;width:50%;height:435px;}
    .d1-title {text-align:center;font-family:Vast Shadow !important;font-size:20px;padding-top:12px;}
    .padding20 {padding:20px;}
    .paddingbottom10 {padding-bottom:10px;}
    .dboldtitle {font-size:1.0em;font-weight:bold;}
    .dasheddivider {border-top:1px dashed #a39ea0;margin:10px 0px 10px 0px}
    .lineheight12 {line-height:1.2em}
    .dbox2 {float:left;border:3px solid #a39ea0;margin-left:10px;width:45%;min-height:435px;}
    .dbox3 {float:left;border:3px solid #a39ea0;margin-left:0px;width:42%;margin-top:25px;height:460px;}
    .dbox-table {border:1px dashed #a39ea0;margin:10px;width:95%;height:440px;}
    .db3-title {text-align:center;font-family:Vast Shadow !important;font-size:20px;padding-top:12px;padding-bottom:12px;}
    .tddivider {border-left:1px dashed #a39ea0;width:3px;margin:10px 0px 10px 0px}
    .dbox4 {float:left;border:3px solid #a39ea0;margin-left:10px;width:53%;margin-top:25px;position:relative;height:460px;}
    .drinkspecial {position:absolute;width:312px;height:197px;background:url(images/menu-special.png) no-repeat;top:-170px;left:-15px;}
    .db4-table {border:1px dashed #a39ea0;margin:10px;height:440px;}
    .db4-title {text-align:center;font-family:Vast Shadow !important;font-size:20px;padding-top:12px;padding-bottom:12px;height:42px;}
    .winelist {vertical-align:bottom;text-align:right;}
    .drinkmenu {width:92%;line-height:1.2em;padding-left:20px;}
    .dbox5 {background:url(images/drinks-left1.png) no-repeat;background-position:top;width:620px;height:833px;margin-top:-25px;float:right;padding-left:50px;margin-left:-30px;}
    .winelisttitle {font-family:Vast Shadow !important;font-size:24px;}
    .beerlist {width:290px;height:644px;}
    .dbox6 {float:left;margin-top:50px;}
    .height16 {height:16px;}
    .askserver {color:#dbbc85;padding-top:50px;}
    
    /*menu */
      .starters {max-width:290px;height:810px;margin-top:0px;width:100%;border:0px solid}
            .st1 {font-family:Vast Shadow !important;font-size:24px;}
                       .m1-table {max-width:290px;width:100%;line-height:16px;}
                       .bmtitle {font-size:1.0em;font-weight:bold;}
                       .fbox1 {float:left;margin-top:0px;}
                       .fbox2 {background:url(images/menu-left1.png) no-repeat;background-position:top;width:610px;height:1090px;margin-top:0px;float:right;padding-top:0px;padding-left:50px;border:0px solid;}
                        .fbox-title {margin-bottom:50px;}
                        .fbox-table{width:92%;line-height:18px;}
                        .height8 {height:8px;}
                        .height1 {height:1px;}
                         .height5 {height:5px;}
    
    
    /*gen*/


.arrowwhite {left:-110px;top:-8px;position:absolute;width:100px;}
.hh1 {font-family:'Rokkitt' !important;font-size:30px;border:0px solid}
.phh1 {font-family:Vast Shadow !important;font-size:30px;}
.hh1-oker {color:#dbbc85;}
.border0 {border:0px solid;}
.pdivider {background:url(images/divider.png) no-repeat;background-position:bottom;width:507px;height:38px;;margin-top:0px}
.ptext {font-family:'Terminal Dosis' !important;font-size:1.1em !important;border:0px solid;color:#fff;max-width:470px;line-height:1.2em;width:100%}
.pbanner {width:100%;max-width:960px;margin-left:-15px;}
.phead {float:left;margin-top:10px;width:930px;font-family:'Terminal Dosis' !important;font-size:1.1em;line-height:1.2em;padding-bottom:30px;}
.frame {background-image:url('images/frame.png'); background-repeat:no-repeat;width:297px;height:297px;z-index:5202;position:relative;}
.framepic{width:250px;height:250px;z-index:2;margin-top:-297px;background-position:center center;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border:0px solid #1b0c06 !important;margin-left:22px;margin-top:-276px;}   

/*Slidebox */
#slidebox{position:relative; border:0px solid #ccc; margin:0px 0px 0px 33px;background:url(http://museumtavern.ca/Content/images/spacer.gif)}
#slidebox, #slidebox .content{width:897px;height:441px;}
#slidebox, #slidebox .container, #slidebox .content{height:441px;}
#slidebox{overflow:hidden;}
#slidebox .container{position:relative; left:0;}
#slidebox .content{background:url(http://museumtavern.ca/Content/images/spacer.gif); float:left;}
#slidebox .content div{padding:0px 3px; height:100%; font-family:Verdana, Geneva, sans-serif; font-size:13px;border:0px solid;}
#slidebox .next, #slidebox .previous{position:absolute; z-index:2; display:block; width:21px; height:21px;cursor:pointer;margin-top:99px}
#slidebox .next{right:0; margin-right:10px; background:url(http://museumtavern.ca/Content/slidebox_next.png) no-repeat left top;margin-top:99px;}
#slidebox .next:hover{background:url(http://museumtavern.ca/Content/slidebox_next_hover.png) no-repeat left top;margin-top:99px}
#slidebox .previous{margin-left:840px; background:url(http://museumtavern.ca/Content/slidebox_previous.png) no-repeat left top; margin-top:99px;}
#slidebox .previous:hover{background:url(http://museumtavern.ca/Content/slidebox_previous_hover.png) no-repeat left top; margin-top:99px}
#slidebox .thumbs{position:absolute; z-index:2; bottom:40px; left:30px; }
#slidebox .thumbs .thumb{display:block; margin-left:5px; float:left; font-family:Arial; font-size:30px; text-decoration:none; padding:0px 0px; background:url(http://museumtavern.ca/Content/slidebox_thumb.png); color:#fff;background-color:transparent;}
#slidebox .thumbs .thumb:hover{background:#fff; color:#cc9966; font-family:Arial; font-size:30px;background-color:transparent;}
#slidebox .selected_thumb{background:#fff; color:#cc9966; display:block; margin-left:5px; float:left; font-family:Arial; font-size:30px; text-decoration:none; padding:0px 0px;background-color:transparent;}
.jq {background:url(images/jqueryf.png) no-repeat;}
.jqimage {margin-top:30px;margin-left:0px;}