@charset "utf-8";
/* DO NOT EDIT BEYOND THIS POINT!!! FIXED CSS NA ITO UNLESS MAY CHANGES SA DESIGN! */

<style type="text/css">

.body {
	background-color: #4E5869;
	margin: 0px;
	padding: 0;
	color: #000;	
}

.ul, ol, dl {
	padding: 0;
	margin: 0;
}
.h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	font-family: "Myriad Pro";
	/* [disabled]text-align: center; */
	color: #4d4d4d;
	font-size: larger;
}
.a img {
	border: none;
}


.a:hover, a:active, a:focus {
	text-decoration: none;
	color: #2e2e2e;
}


.container {
	max-width: 1083px;
	background-color: #FFF;
    box-shadow: 0 4px 2px 1px #7F7F7F;
	position:relative;
	
}
.page{
 
	box-shadow: 6px 0 4px -4px #7F7F7F , -6px 0 4px -4px #7F7F7F;  
	width:1083px; margin:0px auto 25px auto;
	vertical-align:central;
}

.header {
	background-color: #2e2e2e;
	margin-top:0px;
}

.content {
	padding: 10px 0;
	max-width: 1080px;
}

.content ul, .content ol { 
	padding: 0 15px 15px 40px;
}


.footer {
    box-shadow: 0 4px 2px -2px #7F7F7F;
	margin-top:0px;
	padding: 10px 0;
	background-color: #2e2e2e;
	min-width: 1083px;
	min-height: 40px;
}


.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.date{
	float: left;
	width: 150px;
	height: 90px;
	padding: 0px;
	margin: 10px
	font-family: "Myriad Pro";
	color: #FFFFFF;
}
#basicdate{
	float:left; 
	width: 250px; 
	height:30px;
	display:block; 
	padding:0px; 
	margin-top:47px; 
	text-align:center; 
	color:#FFFFFF;
}

.navigation{width: 380px;
	 height:50px;
	 display:block; 
	 padding:0px; 
	 margin:10px; 
	 text-align:center;
	 color:#996600;
}
.div1{float:left; 
	width: 450px; 
	height:90px;
	display:block;
	text-align:center;
	color:#996600; 
	margin-top:0px;
}
.div2{
	float:left; 
	width: 640px; 
	height:30px;
	display:block;
	padding:0px; 
	margin:0px 0px; 
	text-align:center; 
	color:#996600;
}
div_logo{
	padding:0px; 
	margin:0px;
}

.right_pane{
	float:right; 
	width: 200px; 
	height:40px;
	display:block; 
	margin-top:30px;
	text-align:center; 
	color:#FFFFFF;
	font-family: "Myriad Pro";
	position:relative;
}

.tuhod{
	background: #ededed;
	position:absolute;
	width: 190px;
	margin-left: 5px;
	height: 140px;
	
}

#right_pane_click_header{
	box-shadow: 0px 0px 7px #4d4d4d;
  	-moz-box-shadow: 0px 0px 7px #4d4d4d;
 	-webkit-box-shadow: 0px 0px 7px #4d4d4d;
	background:#e03406;
	height:30px;
	padding-top: 10px;
}

#color
{
	background:#e03406;
	height: 10px;
	position:relative;
	margin-top:0px;
}

#right_pane_click{
	padding-top:12px;
	position: absolute;
	float:right; 
	width: 200px; 
	height:100px;
	display:block; 
	text-align:center; 
	font-family: "Myriad Pro";
	visibility:hidden;
	margin-left: 250px;
	margin-top: 27px;
}


.header {
	width:380px;
	height:154px;
}

.container{
	height:154px;
	background-color: #2e2e2e;
}

.left_head{
	height:154px; 
	float:right; 
	width: 640px;
}

.container .left_head .div1 .navagation .home {
	font-family: "Myriad Pro";
}
.div1 {
	font-family: "Myriad Pro"; float:left;
}
.navigation {
	font-family: "Myriad Pro";
}
.navigation2 {
	font-family: "Myriad Pro";
}

.navigation_home{
	width:60px; 
	height:50px; 
	font-size:24px; 
	float:left
}
.navigation_menu{
	width:70px;
	height:50px; 
	font-size:24px; 
	float:left
}
.navigation_reservation{
	width:130px; 
	height:50px; 
	font-size:24px; 
	float:left
}
.navigation_promo{
	width:66px; 
	height:50px; 
	font-size:24px; 
	float:left
}
.navigation_about{
	width:70px; 
	height:50px; 
	font-size:24px; 
	float:left
}
.navigation_empty{
	width:33px; 
	height:50px; 
	font-size:24px; 
	float:left
}
.navigation_empty2{
	width:25px; 
	height:50px; 
	font-size:24px; 
	float:left
}
.navigation_home2{
	width:50px; 
	height:50px;
	font-size:24px; 
	float:left
}
.navigation_menu2{
	width:50px; 
	height:50px; 
	font-size:24px; 
	float:left
}
.navigation_reservation2{
	width:90px; 
	height:50px;
	font-size:24px; 
	float:left
}
.navigation_promo2{
	width:55px; 
	height:50px;
	font-size:24px; 
	float:left
}
.navigation_about2{
	width:50px; 
	height:50px; 
	font-size:24px; 
	float:left
}
	.navigation2{
		width: 380px; 
		height:70px;display:block;
		padding:0px; margin:10px; 
		text-align:center; 
		color:#996600; 
		float:inherit;
}
.login_register_footer{
	float:left; 
	min-width:150px;
}
.login_footer{
	width:40px; 
	height:50px; 
	font-size:24px; 
	float:left
}
.register_footer{
	width:60px; 
	height:50px; 
	font-size:24px; 
	float:left;
}
.separator{
	width:30px; 
	height:50px; 
	font-size:24px; 
	float:left;
	text-align:left;
}
.brand{
	width:300px; 
	height:50px;
	font-size:24px; 
	float:left; 
	padding-top:20px;
}
.footer_content{
	float:left; 
	width:600px; 
	margin-left: 100px; 
	padding-top:15px;
}
.drop_shadow {
	background:url(images/Shadow_drop.jpg) repeat-y;
	background-position:bottom; 
	width:927px; 
	margin:25px auto 25px auto;}
.left {
	font-size: 12px;
}

.q {
	color: #4d4d4d;
	height: 20px;
	margin-top:20px;
}
.r {
	color: #4d4d4d;
	height: 20px;
	margin-top:3px;
}
.s {
	color: #4d4d4d;
	height: 20px;
	margin-top:3px;
}
.q {
	font-size: 14px;
}
.r {
	font-size: 14px;
}
.s {
	font-size: 14px;
}
