/* ==========================================================================
   Author's custom styles
   ========================================================================== */
			body {background: #1A1A1A; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
			.box-wrapper {
				background-color:#1b1b1b;		
				margin-top: 25px; margin-bottom: 10px;
				padding-bottom: 10px;
				min-height: 400px;
				
				/* Rounded corners */
				-moz-border-radius: 5px 5px 5px 5px;
				-webkit-border-radius: 5px 5px 5px 5px;
				border-radius: 5px 5px 5px 5px;
				}
			
			.box-wrapper h2 {padding: 10px 20px 5px 20px; color: #FFF;} 
			.box-wrapper p {padding-left: 20px; padding-right: 20px; color: #FFF;}
			
			footer {
				background-color:#1b1b1b; color: #FFF; 
				padding: 10px 5px 5px 20px;	
				min-height: 30px; margin-bottom: 10px;
				
				/* Rounded corners */
				-moz-border-radius: 5px 5px 5px 5px;
				-webkit-border-radius: 5px 5px 5px 5px;
				border-radius: 5px 5px 5px 5px;
				}

			.left {width: 350px; display: block; float: left; padding-top: 15px; margin-left: -1px;}
			.right {width: 595px; display: block; float: right;}
			
			a.logo {display: block; padding-bottom: 15px; float: left; clear: both; background: url(../img/RailSide_website_logo.png) no-repeat; width:337px; height:126px; text-indent: -9999px;}
			
			.menu-board {display: block; background: url(../img/news_brd.png) no-repeat; width: 354px; height: 509px; padding-top: 60px; padding-bottom: 15px; clear: both; margin-top: -2px; margin-bottom: 15px; margin-left: 0px;
				
				/* Rounded corners */
				-moz-border-radius: 5px 5px 5px 5px;
				-webkit-border-radius: 5px 5px 5px 5px;
				border-radius: 5px 5px 5px 5px;
			}
			.menu-board h3 {font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 700; text-align: center; margin: 12px 0 0 0; padding: 0; letter-spacing: 1px; color: #FFF;}
		 	.menu-board p {width: 250px; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 700; text-align: center; margin: 0px auto; font-size: 22px; letter-spacing:0; line-height: 1.5em;}
			a.beers {display: block; background: url(../img/beers_on_tap_med.png) no-repeat; width:274px; height:141px; float: left; clear:both; text-indent: -9999px; margin-left: 43px; margin-top: -210px;}
			a.beers:hover {background-position: 0px -141px; cursor: pointer;}
			



/* ==========================================================================
   Author's custom styles
   ========================================================================== */
			
			.white {
				background-color: #FFF;
			}	
			.gray {
			}
			
					
			/* ----- INDEX PAGE ----- */
			.nav-side-wrapper {width: 280px; padding: 8px 0; margin-right: 10px; float: right;}
			.content {
				padding: 0 10px 0px 10px; 
				display: block; 
				width: 960px;
			}
			.content h2 {margin-top: 5px; font-family: 'Julius Sans One', sans-serif; margin-bottom: 15px;}
			.content p, .content td {
				font-family: 'Comfortaa', sans-serif;
				color: #828282;
			}
			
			
			.z-bottom {z-index: 0;}
			
			
			.content-right {
				float: right; 
				min-height:500px;
			}
			.content-right h2 {
				font-family: 'Comfortaa', sans-serif; 
				font-weight:300; 
				clear: both;
			}
			
			
		/* ----- NAVIGATION ----- */	
			.nav-wrapper {
				background: url(../img/nav_bkgrnd.png) no-repeat; 
				clear: both; 
				width: 965px; 
				position: relative; 
				margin: 0 auto 0 auto;
				height: 127px;
				}
			a.brand {
				background: url(../img/nav_logo.png) no-repeat;
				width: 343px;
				height: 168px;
				display: block;
				position: absolute;
				text-indent: -9999px;
				left: 302px;
				z-index: 9999;
				}
			a.brand:hover {background-position: 0px -168px; cursor: pointer;}
				
				ul.navi {display: block; margin:0; padding: 0; top: 75px; position: relative;}
				ul.navi li {height: 24px;float: left; display: block; text-indent: -9999px; list-style: none;}
				ul.navi li:hover {background-position: 0px -24px;}
				ul.navi li a {height: 24px; display: block;}
				
				ul.navi li#home {background: url(../img/nav_tab1.png) no-repeat; width: 81px; margin-left: 50px;}
				ul.navi li#home:hover {background-position: 0px -24px;}
				
				ul.navi li#beer {background: url(../img/nav_tab2.png) no-repeat; width: 137px; margin-left: 15px;} 
				ul.navi li#beer:hover {background-position: 0px -24px;}
				
				ul.navi li#about {background: url(../img/nav_tab4.png) no-repeat; width: 100px; margin-left: 377px;} 
				ul.navi li#about:hover {background-position: 0px -24px;}
				
				ul.navi li#contact {background: url(../img/nav_tab5.png) no-repeat; width: 109px; margin-left: 20px; margin-right: 20px;} 
				ul.navi li#contact:hover {background-position: 0px -24px;}
		
				ul.navi li#facebook {background: url(../img/facebook.png) no-repeat; height:27px; width:28px; margin-left: 0px; margin-top: -1px;} 
				ul.navi li#facebook:hover {background-position: 0px -27px;}	
		
		
		
		
		
		
			/* ----- FOOTER ----- */
			p.copyright {
				float: left; 
				font: normal 13px 'Comfortaa', sans-serif;
				color:#666; 
				font-weight: 300; 
				min-width: 200px; 
			}






/* ----- START - CSS UPDATES - DJ - 13-11-10 ----- */
ul.navi li#menu
{
	background: url(../img/nav_tab6.png) no-repeat;
	width: 137px;
	margin-left: 15px;
} 

ul.navi li#menu:hover
{
	background-position: 0px -24px;
}
/* ----- START - CSS UPDATES - DJ - 13-11-10 ----- */