﻿
body {
	background-color: #ececec;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	color: #757575;
}

input, textarea {
	width: 220px;
	background: #FFFFFF url(images/img04.gif) repeat-x;
	border-top: 1px solid #A3A3A3;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #D6D6D6;
	font: normal 1em/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #757575;
}

h1, h2, h3 {
	color: #31363B;
	letter-spacing:5px;
}

h1, h1 a, h2, h2 a {
	text-decoration: none;
}

h1 a:hover, h2 a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 38px;
}

h2 {
	font-size: 25px;
	font-weight: normal;
}

h3 {
	font-size: 16px;
}

p, ul, ol {
	margin-top: 1.5em;
	line-height: 100%;
}

ul, ol {
	margin-left: 3em;
}

blockquote {
	margin-left: 3em;
	margin-right: 3em;
}

a {
	color: #C11A00;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

img.left {
	float: left;
	margin-right: 20px;
}

img.right {
	float: right;
	margin-right: 20px;
}

hr {
	display: none;
}

#header {
	width: 960px;
	height: 420px;
	margin: 0 auto;
}

/* Logo */

#logo {
	width: 856px;
	height: 80px;
	margin: 0 auto;
	padding: 2px;
	background-color: #ececec;
}

#logo h1, #logo h2 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

#logo h1 {
	padding: 20px 5px 0 20px;
	font-size: 36px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #31363B;
}

#logo h2 {
	padding: 0px 0 0 25px;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #808080;
}

#logo p {
	margin: 0;
	padding: 0 0 0 5px;
	line-height: normal;
	font-size: 1.2em;
	font-weight: bold;
}

#logo a {
		color:white;
}

#splash {
	width: 754px;
	height: 266px;
	padding-bottom: 3px;
	
}

/* Header */

#header {
	width: 860px;
	margin: 0 auto;
}


#wrapper {
	width: 754px;
	margin: 0 auto;
	background: url(images/img05.jpg) repeat-x left top;
}



#footer {
	clear: both;
	width: 860px;
	height: 50px;
	margin: 0 auto;
	background: #FFFFFF url(images/img01.jpg) repeat-x top left;
}

#footer p {
	margin: 0;
	line-height: normal;
	padding: 15px 15px;
}

#footer a { text-decoration:none;
}


#footer a:hover{ text-decoration:underline; color:green;
}


#footer .legal {
	float: left;
}

#footer .credit {
	float: right;
}



.container {width: 850px; margin: 0 auto; background-color:#30d3fb;
	height: 35px;
} 
 
ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 860px;
	list-style: none;
	position:relative;
	font-size: 15px;
	background-color:transparent;
	background-image:url('images/navback.png'); background-repeat:repeat-x;
    height: 35px;
	line-height:20px;
	border:1px gray solid;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;	
	height: 25px;
	width:110px;
	text-align:center;
}

ul#topnav li a {
	padding: 5px 10px;
	display:block;
	color:#FFFFAE;
	/*color: #f0f0f0;*/
	text-decoration: none;
	height:25px;
    
    font-weight:bold;
}
/*
ul#topnav li.Home a {
	background-image: url('images/navbackhover.png') ;    background-repeat:repeat-x
}
ul#topnav li.Restaurant a {
	background-image: url('images/navbackhover.png') ;    background-repeat:repeat-x
}
ul#topnav li.Services a {
	background-image: url('images/navbackhover.png') ;    background-repeat:repeat-x
}
ul#topnav li.Aboutus a {
	background-image: url('images/navbackhover.png') ;    background-repeat:repeat-x
}
ul#topnav li.Contactus a {
	background-image: url('images/navbackhover.png') ;    background-repeat:repeat-x
}*/
ul#topnav li a:hover  {  /* background-color:#FFFFAE; 
                      color:#440505; */ background-image:url('images/navhover.png'); background-repeat:repeat-x;  }
                      
#home li.home a,#Restaurant li.Restaurant a,#Services li.Services a,#Gallery li.Gallery a,#Contactus li.Contactus a,#Aboutus li.Aboutus a
{
	  color:white; background-color:orange; background-image: url('images/navbackactive.png') ;    background-repeat:repeat-x;
}

#mainContain
{
	color:#8d7035; 
}
#mainContain h1
{
	color:#8d7035;
	letter-spacing:normal;
	font-size:13px;
	text-align:left;
	width:160px;
}
#mainContain .left
{
	width:230px; float:right; margin-top:10px;margin-bottom:10px;
}
#mainContain .Serviceleft
{
	width:210px; float:left; margin-top:10px;margin-bottom:10px; margin:0 auto; text-align:center; 
}
#mainContain .Serviceleft img
{
	border:1px gray solid; padding:5px; margin-top:25px; margin-bottom:25px;
}
.tbltariff
{
	 background-color:#ececec; color:black; border-bottom:1px gray solid;

}
.tbltariff th
{
	background-color:#ececec; color:black;
 text-align:center;border:1px gray solid; border-bottom:none;
}
.tbltariff td
{
	 background-color:#f5f5f5; color:black; text-align:center; border:1px gray solid;border-bottom:none;
}

#mainContain .right
{
	width:600px; float:left; margin-top:10px;margin-bottom:10px; padding-left:10px;padding-right:10px;
}
#mainContain .serviceright
{
	width:620px; float:right; margin-top:10px;margin-bottom:10px; padding-left:10px;padding-right:10px;
}
#mainContain .right h1
{
	width: 216px; color:red; font-size:16px;
}
#mainContain .right ul li
{
	 list-style-type:disc;
}

.clear
{
	clear:both;
}

p{
	
	margin:0; padding:0;
}

#main
{
	width:860px; margin:0 auto; 
}
#header_call
{
	margin-left:30px; border:1px black double; width:271px; float:right; left: 691px; top: 31px; height: 50px;
}
#header_call a:link, a:visited, a:active
{
    text-decoration:none;
   
}
#header_call a:hover
{
    text-decoration:none;
    color:black;
    cursor:pointer;
}

#header_call .call
{
	height:25px; line-height:25px; padding-left:10px; color:black; font-weight:bold;
}
#header_call .mail
{
	height:25px; background-color:green; padding-left:10px; color:white; font-weight:bold; line-height:25px;
}




/* RESERVATION MAINCONTAIN */
#mainReservationContain
{
	color:#8d7035; 
}
#mainReservationContain input[type=redio]
{
	width:20px; border:none;
}

#mainReservationContain h1
{
	color:#8d7035;
	letter-spacing:normal;
	font-size:13px;
	text-align:left;
	width:160px;
}
#mainReservationContain .left
{
	width:275px; float:left; margin-top:10px;margin-bottom:10px; text-align:center;
}


#mainReservationContain .right
{
	width:560px; float:right; border-left:1px gray dotted; margin-top:10px;margin-bottom:10px; padding-left:10px;padding-right:10px;
}
#mainReservationContain .right h1
{
	width: 216px; color:red; font-size:15px;
}
#mainReservationContain .right ul li
{
	 list-style-type:disc;
}



#service
{
	margin: 0; padding: 0;
	float: left;	
	list-style: none;
	position:relative;
	font-size: 13px; 
	top: 0px;
	left: 0px;	
	margin-left:10px;
	margin-bottom:20px;
}
.imgservice
{
	margin-right:8px;
}
.SymWelDetSymSer
{
	text-align:justify; padding-right:20px; padding-left:15px; margin-top:5px;
}

.SymWelDetSymSer ul
{
	 margin:0;
	 padding:0;
	 list-style-image:url('images/ul.png');
	 margin-left:10px;
}

.SymWelDetSymSer ul li
{
	 margin:0;
	 padding:0;
	 padding-bottom:8px;
	 
}


.SymWel
{
	float:left;
	margin-top:15px;
	overflow:hidden;
	font-size: 16px;
	font-weight:bold;
	height:38px;
	color:red;
	text-align:justify;
	padding-right:30px;
	padding-left:10px;
}
#Service_Detail
{
	padding:0px 15px 0px 15px;
}