@charset "utf-8";

/* global-styles */
html {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	background-color:#fff;
}

p { margin-bottom:10px; }

h1 {
	font-size:30px;
	margin-bottom:7px;
}
h2,
h2 a {
	font-size:18px;
	font-weight:bold;
	text-decoration:none !important;
	background-color:transparent;
}
h2 a:hover { text-decoration:none !important; }
h2 span {
	font-size:20px;
	color:red;
}
h3 {
	color:#fff;
}

noscript h2 {
	color:red;
}

.red {
	color:red;
}

#js {
	display:none;
}
#container {
	overflow:hidden;
	margin:0px auto 0px auto;
	background-color:#2F3335;
	width:100%;
}
	#container hr {
		margin-bottom:15px;
	}
	#container #logo {
		margin:0 auto 25px auto;
		height:100px;
		width:100%;
	}
		#container #logo img {
			float:left;
			margin:5px 5px 5px 5px;
		}
		#container #logo h1 {
			float:left;
			margin:20px 0 20px 20px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			 color:#6B1010;
		}

.demo-description {
	background-color:#F6F8C5;
	padding:5px;
	position:relative;
	z-index:10000;
}
	.demo-description hr {
		background-color:#ccc;
		margin-bottom:15px; 
	}
	
.footer {
	margin-top:20px;
}
	.footer hr {
		margin-bottom:5px !important;
	}
	.footer ul {
		display:inline;
		margin-left:5px;
	}
		.footer ul li {
			display:inline;
			border-left:1px solid #999;
		}
			.footer ul li a {
				padding:0 5px 0 8px;
			}
.facebook_box{float:left; width:370px; height:30px; 	
    background:#C6C6C6;
	color:#fff;
	text-shadow:none;
    margin:0px 0 0px 0;}
	.reservation_box1{float:left; width:370px; height:142px; 	background:#424242;
	color:#fff;
	text-shadow:none;
   margin:5px 0 0px 0; border-bottom:1px solid #848484;}			
	.reservation_box{float:left; width:390px; height:100px; 	background:#202324;  opacity:0.8; filter:alpha(opacity=60);
	color:#fff;
	text-shadow:none;
	}
	.input_box{
		width:133px;     padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}
	.input_box1{
		width:133px;     padding:0px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}			
	.submit_box
	{
		width:80px; padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;}
	.submit_box1
	{
		width:80px; padding:0px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;}	
	/*.select_box{-webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
	-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
	-webkit-user-select: none;
	background-image:url(../down.gif); background-position:right; background-repeat:no-repeat;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer; width:130px;}*/	
	.sliding_box{float:left; width:390px; height:150px; 	background:#424242;
	color:#fff;
	text-shadow:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px 5px 5px 5px; margin:0px 0 5px 0;
	}
	#logo_div{float:right; margin:2px 5px auto auto;  color:#FFF;  font-size:16px;}
	#logo_div a:link,a:hover,a:visited{ text-decoration:none; color:#FFF;}
	
	select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	width:133px;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

label {position:relative}
label:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}