body {

	background:#999 url(./cocktail_workshop_bg.jpg) no-repeat center center fixed; 
	background-size:100% auto;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
	line-height: 1.5em;
	font-size:14px;
	font-family: Arial;
	font-weight: normal;
}



									/*		
									html {
										background: url(../test.jpg) no-repeat center center fixed;
										min-height:100%;
										-webkit-background-size: cover;
										   -moz-background-size: cover;
											 -o-background-size: cover;
												background-size: cover;
										}
										
										
										
										
									body {
	background:transparent;
	min-height:100%; 	
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
	line-height: 1.5em;
	font-size:14px;
	font-family: Arial;
	color:#fff;
	color:rgba(255,255,255,.8); 
	font-weight: normal;
}	
											
											
											
											
											
											
											
											 */
																						
									
																	
									
	@font-face {
    font-family: 'pubcrawl';
    src: url('./pubcrawl.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


	@font-face {
    font-family: 'beer';
    src: url('./beer.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



	@font-face {
    font-family: 'original';
    src: url('./original.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


									
						
									
						
									
									
									p.titlesfooter {
										
										font-family: arial;
										text-align: left;
										color: gray;
									font-size: 120%;}
									
													p.normal22{
									text-align: justify;
									font-family: arial;
									font-size: 130%;
									color: black;
									line-height: 140%;
									padding-right: 10px;
									padding-left: 10px;}
									
									p.beerexp{										
									font-family: beer;
									color: black;
									font-size: 250%;
									text-align: center;
									}
									
									p.beerexp2{
									font-family: pubcrawl;
									font-size: 250%;
									text-align: center;
									color:#FF6900;
									}
									
									
									
									p.normalleft{
									text-align: left;
									font-family: arial;
									font-size: 130%;
									color: black;
									padding-left: 8px;
									padding-right: 8px;}
									
									p.qst{
									text-align:left;
									font-family: original;
									font-size:200%;
									color: #FF6900;
									line-height:130%;
										
									}
									
									p.ans{
									text-align:justify;
									font-family: arial;
									font-size:150%;
									color: black;
									line-height:110%;
										
									}
									
																						
									p.list1 {
											line-height: 170%;
											font-size: 170%;
											font-family: arial;
											font-weight: bold;
											color: white;}
											
									p.new1 {
											line-height: 170%;
											font-size: 170%;
											font-family: arial;
											font-weight: bold;
											color: white;
											text-align:center;}
											
									.stepbox{
									background-color : background-color: rgba(255,  255,  255,  0.8);background: rgba(255,  255,  255,  0.8);color: rgba(255,  255,  255,  0.8);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									padding: 11px;
									margin: 0px;}
									
												
									.stepboxblack{
									background-color : background-color: rgba(0,  0,  0,  0.8);background: rgba(0,  0,  0,  0.8);color: rgba(0,  0,  0,  0.8);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									padding: 11px;
									margin: 0px;}
									
									.booking0{
									background-color : black;
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 1px;
									border: solid 2px white;							
									}
									
									.booking1{
									color:black;
									background-color : green;
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									border: solid 4px #FF6900;							
									}
									
									.stepbox2{
									background-color : background-color: rgba(255,  255,  255,  0.8);background: rgba(255,  255,  255,  0.8);color: rgba(255,  255,  255,  0.8);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									padding: 7px;
									margin: 0px;}
									
						
											
									p.legend {
											color: #A0A0A0;
											font-size: 80%;
											font-family: arial;
											text-align: left;}
									

						
						
									
									.img100{
									
									width: 100%;
									}
									
									p.daily {
									
									font-family: arial;
									color: white;
									line-height: 130%;
									font-size: 140%;
									text-align: justify;
									}
									
									p.dailycenter {
									
									font-family: arial;
									color: white;
									line-height: 130%;
									font-size: 140%;
									text-align: center;
									}
									
									p.dailyleft {
									
									font-family: arial;
									color: white;
									line-height: 130%;
									font-size: 140%;
									text-align: left;
									}
									
									p.titletop{
									font-family: original;
									color:black;
									line-height:160%;
									font-size: 420%;
									text-align: center;
									text-decoration: underline;
									text-decoration-color:#DA0035;
									}
									
									p.descritop{
									font-family: original;
									color:black;
									line-height:130%;
									font-size: 180%;
									text-align: center;
						
									}
										
									
									p.gps {
									
									font-family: arial;
									color: white;
									line-height: 130%;
									font-size: 100%;
									text-align: left;
									}
											
									
									p.pubcrawl{
									font-family: pubcrawl;
											font-size: 220%;
											color: #FF6900;
									text-shadow:   background: #91877b;
									text-shadow: 0 3px 1px rgba(0, 0, 0, 0.7);}
											
									p.pubcrawlshad{
									
									font-family: pubcrawl;
									font-size: 220%;
									color: #FF6900;
									text-shadow:   background: #91877b;
									text-shadow: 0 3px 1px rgba(0, 0, 0, 0.7);
									text-align:center;
									}
											
									p.pubcrawlsm{
									font-family: pubcrawl;
											font-size: 170%;
											color: #FF6900;}
											
								
											
									p.desc{
									font-family: arial;
									font-size: 140%;
									color: #FF6A00;
									line-height: 130%;
									text-align:justify;
									border: 7px solid #303030;
									padding: 10px;
									background: black;
									}		
									
									.bkk{	background-color: #000000;
									opacity: 0.7;
									filter: alpha(opacity=70); /* For IE8 and earlier */
									padding: 10px;}
									
									
									.shadow {
									box-shadow: 4px 4px 10px #1E1E1E;
									 border-radius: 2px;}
											
											
									.shadowonly{
									box-shadow: 4px 4px 10px #161616;}
		
		
									.noline {text-decoration: none}
									
								
	
																		
								
																		
.btnnn {
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  font-family: pubcrawl;
  color: #ffffff;
  background: #000000;

  font-size:250%;
    border-bottom: 10px solid white;
  padding: 5px 2px 0px 10px;
    margin-bottom:5px;

}

.btnnn:hover {
  background: #1a2c38;
  text-decoration: none;
}				


								
								
								
								
								
								
									
									h1 {
									font-family: pubcrawl;
									font-size: 300%;
									color: #FF6900;
									text-shadow:   background: #91877b;
									text-shadow: 0 3px 1px rgba(0, 0, 0, 0.7);
									text-align:center;}
									
									p.toptitle {
									font-family: pubcrawl;
									font-size: 400%;
									color: #FF6900;
									text-shadow:   background: #91877b;
									text-shadow: 0 3px 1px rgba(0, 0, 0, 0.7);
									text-align:center;}
									
									p.toptitle2 {
									font-family: pubcrawl;
									font-size: 500%;
									color: white;
									text-shadow:   background: #91877b;
									text-shadow: 0 3px 1px rgba(0, 0, 0, 0.7);
									text-align:center;}
									
									p.toptitleSM {
									font-family: pubcrawl;
									font-size: 100%;
									color: #FF6900;
									text-shadow:   background: #91877b;
									text-shadow: 0 3px 1px rgba(0, 0, 0, 0.7);
									text-align:center;}
									
									
									h2 {
										
									font-family: pubcrawl;
									font-size: 220%;
									color: #FF6900;
									text-shadow:   background: #91877b;
									text-shadow: 0 3px 1px rgba(0, 0, 0, 0.7);
									text-align:center;}
	
									
									
									p.titlesfooter {
										
										font-family: arial;
										text-align: left;
										color: gray;
										font-size: 120%;
									}
																						
									p.list1 {
											line-height: 170%;
											font-size: 170%;
											font-family: arial;
											font-weight: bold;
											color: white;}
											
									p.legend {
											color: #A0A0A0;
											font-size: 80%;
											font-family: arial;
											text-align: left;}
									

											
									p.copyright{
									
											font-family: arial;
											font-weight: bold;
											color: white;}
																		
									.book {color: red;}
									
									.img100{
									
									width: 100%;
									}
									
									p.daily {
									
									font-family: arial;
									color: white;
									line-height: 130%;
									font-size: 140%;
									text-align: justify;
									}
									
									p.dailycenter {
									
									font-family: arial;
									color: white;
									line-height: 130%;
									font-size: 140%;
									text-align: center;
									}
									
									p.dailyleft {
									
									font-family: arial;
									color: white;
									line-height: 130%;
									font-size: 140%;
									text-align: left;
									}
									
									p.gps {
									
									font-family: arial;
									color: white;
									line-height: 130%;
									font-size: 100%;
									text-align: left;
									}
											
									
									p.pubcrawl{
									font-family: pubcrawl;
											font-size: 220%;
											color: #FF6900;
									text-shadow:   background: #91877b;
									text-shadow: 0 3px 1px rgba(0, 0, 0, 0.7);}
											
									p.pubcrawlshad{
									
									font-family: pubcrawl;
									font-size: 220%;
									color: #FF6900;
									text-shadow:   background: #91877b;
									text-shadow: 0 3px 1px rgba(0, 0, 0, 0.7);
									text-align:center;
									}
											
									p.pubcrawlsm{
									font-family: pubcrawl;
											font-size: 170%;
											color: #FF6900;}
											
								
											
									p.desc{
									font-family: arial;
									font-size: 140%;
									color: #FF6A00;
									line-height: 130%;
									text-align:justify;
									border: 7px solid #303030;
									padding: 10px;
									background: black;
									}		
									
									.bkk{	background-color: #000000;
									opacity: 0.7;
									filter: alpha(opacity=70); /* For IE8 and earlier */
									padding: 10px;}
									
									
									.shadow {
									box-shadow: 4px 4px 10px #1E1E1E;
									 border-radius: 2px;}
											
											
									.shadowonly{
									box-shadow: 4px 4px 10px #161616;}
		
		
									.noline {text-decoration: none;}
									
									
									
									.stepbox{
									background-color : background-color: rgba(000,  000,  000,  0.7);background: rgba(000,  000,  000,  0.7);color: rgba(000,  000,  000,  0.7);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									padding: 11px;
									margin: 0px;}
									
																				
									.stepboxwhite{
									background-color : background-color: rgba(255,  255,  255,  0.8);background: rgba(255,  255,  255,  0.8);color: rgba(255,  255,  255,  0.8);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									padding: 11px;
									}
									
									
																	.stepboxmargin{
									background-color : background-color: rgba(255,  255,  255,  1);background: rgba(255,  255,  255,  1);color: rgba(255,  255,  255,  1);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									padding: 11px;
									margin-top: 12px;
									margin-bottom: 12px;}
									
									
										p.new1 {
											line-height: 170%;
											font-size: 170%;
											font-family: arial;
											font-weight: bold;
											color: white;
											text-align:center;}
								
	
																		
								
																		
.btnnn {
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  font-family: pubcrawl;
  color: #ffffff;
  background: #000000;

  font-size:250%;
    border-bottom: 10px solid white;
  padding: 5px 2px 0px 10px;
    margin-bottom:5px;

}

.btnnn:hover {
  background: #1a2c38;
  text-decoration: none;
}