* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; outline: 0; font-size: 100%; font-family: "Lucida Grande", Arial, Tahoma, Sans-Serif; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;}

caption, th, td {font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";} 

body,p,td,th,ul,li{ color: #333; font-family: "Lucida Grande", Arial, Tahoma; font-size: 12px; line-height: 18px; margin:0; padding:0; }
.clearspace {clear:both; height:0px; padding:0px; margin:0px; width:0px;}
a { color: #666; text-decoration: none; }
a:hover { color: #333; }
a:active { color: #333; }
p {margin: 0 0 15px 0; color:#fff; font-size:14px;}
a img { border:0 none;}
h3 { color:#666; font-size:12px; margin:0 0 15px 0; padding:0;}
h2 { color:#fff; font-size:18px; margin:0 0 15px 0; padding:0; font-weight:normal;}

body { background-color:#333;}
#wrapper { width:800px; margin:0 auto;}
#logo {background-color:#666;}
#header { width:800px; height:180px;}
#banner { width:656px; float:right;}
#tittle { background-color:#897b3c; text-align:center;}
#content { width:800px; margin:0; padding:0; background:url(images/bg-content.gif) repeat-y;}

#cleft { width:144px; float:left;}
#boxbooknow { width:144px;}
#boxbooknow a 
{width:144px; display:block; padding: 25px 0; background-color:#666666; color:#FFFFFF; text-align:center; font-size:12px; font-weight:bold;}
#boxbooknow a:hover {background-color:#333;}
#boxbooknow { width:144px;}
#boxbooknow a 
{width:144px; display:block; padding: 25px 0; background-color:#666666; color:#FFFFFF; text-align:center; font-size:12px; font-weight:bold;}
#boxbooknow a:hover {background-color:#333;}
#boxpay { width:144px;}
#boxpay a 
{width:144px; display:block; padding: 25px 0; background-color:#b4b4b4; color:#FFFFFF; text-align:center; font-size:12px; font-weight:bold;}
#boxpay a:hover {background-color:#333;}


#boxcontact { padding:20px 15px;}
#boxcontact h3 { font-size:14px; color:#FFFFFF;}
#boxcontact p { color:#666; font-size:11px;}

#ccenter { width:382px; float:left; padding:35px 15px 5px 35px; height:330px; overflow:hidden;}
#ccenter ul { margin:0; padding:0;}
#ccenter ul li { color:#333; margin:0; padding:0; list-style-type:disc; font-size:11px;}
#ccenter td { font-size:12px; color:#333; padding:0 0 5px 0;}
#ccenter td.text { font-size:11px; color:#fff;}
#ccenter a { font-size:12px; color:#FFFFFF; text-decoration:underline;}
#payment td { text-align:right; padding:0 0 10px 5px; vertical-align:top;}
#payment td.textleft { text-align:left;}

#cright { width:194px; float:left; padding:20px 15px;}
#cright p { font-size:11px;}
#footer { background-color:#666666; width:780px; padding:0 10px;}
#footer p { font-size:11px; padding:10px 0; margin:0;}
#footer p#left { float:left; width:380px;}
#footer p#right { float:right; width:380px; text-align:right;}

#nav { width: 144px; height:180px; float: left; overflow:hidden;}
#nav #mainnav { margin:0; padding:0; }
#nav #mainnav li { display: inline; }
#nav #mainnav li a { float: left; width: 0; padding-left: 144px; display:block; }
#nav #mainnav li a { background: url(images/nav.jpg) ;background-repeat: no-repeat; overflow:hidden; }


/* BUTTONS */
#nav #mainnav li#m-1 a { height: 56px;  background-position: 0px 0px; }
#nav #mainnav li#m-2 a { height: 34px;  background-position: 0px -56px; }
#nav #mainnav li#m-3 a { height: 36px;  background-position: 0px -90px; }
#nav #mainnav li#m-4 a { height: 54px;  background-position: 0px -126px; }

/* OVER STATES */
#nav #mainnav li#m-1 a:hover { height: 56px;  background-position: -144px 0px; }
#nav #mainnav li#m-2 a:hover { height: 34px;  background-position: -144px -56px; }
#nav #mainnav li#m-3 a:hover { height: 36px;  background-position: -144px -90px; }
#nav #mainnav li#m-4 a:hover { height: 54px;  background-position: -144px -126px; }

#nav.m1 #mainnav li#m-1 a { height: 56px;  background-position: -144px 0px; }
#nav.m2 #mainnav li#m-2 a { height: 34px;  background-position: -144px -56px; }
#nav.m3 #mainnav li#m-3 a { height: 36px;  background-position: -144px -90px; }
#nav.m4 #mainnav li#m-4 a { height: 54px;  background-position: -144px -126px; }

#reservation {}
#reservation th {
background-color:#E2DBAF;
border:1px solid #D5D192;
color:#4B260C;
font-weight:bold;
padding:5px 0 5px 10px;
text-align:left; font-size:14px;
}
#reservation td  {
border-left:1px solid #D5D192;
border-right:0 none;
color:#4B260C;
padding:5px 0 0 10px; vertical-align:top;
}
#reservation td.res {
border-left:0 none;
border-right:1px solid #D5D192;
color:#4B260C;
padding:5px 0 0 10px;
}
#reservation td.res span { border: 1px solid #D5D192;}
#reservation td.bookbottom  {
border-bottom:1px solid #D5D192;
border-left:1px solid #D5D192;
border-right:1px solid #D5D192;
padding-bottom:10px;
}
#reservation td.paylbottom  {
border-bottom:1px solid #D5D192;
border-left:1px solid #D5D192;
border-right: 0 none;
padding-bottom:10px;
}
#reservation td.payrbottom  {
border-bottom:1px solid #D5D192;
border-right:1px solid #D5D192;
border-left: 0 none;
padding-bottom:10px;
}