div.order_error{font-size: 80%; color:#FF0000;}

body {font-family: arial, tahoma, helvetica, sans-serif; font-size: 100.01%; color: #d6d6d6; text-align: center; background: url('../i/bg.gif') #e4b467; margin: 0; padding: 0;}
* {padding:0; margin:0;}
img, form {margin: 0; padding: 0; border: 0;}

/* links */
a:link {color: #f69706;}
a:visited {color: #f69706;}
a:hover {color: #f69706; text-decoration: none;}
a:active {color: #f69706; text-decoration: none;}

/* layout */
#layout {width: 930px; margin: 10px auto 0 auto;}
#layout .left {vertical-align: top; background: url('../i/bg_left.jpg') repeat-y 100% 0; text-align: right;}
#layout .center {vertical-align: top;}
#layout .right {vertical-align: top; background: url('../i/bg_right.jpg') repeat-y 0 0; text-align: left;}

#header .left {text-align: right; background: none;}
#header .right {text-align: left; background: none;}

#content .center {background: url('../i/bg_content_center.gif') #3a3a3a;}

#footer .left {text-align: right; background: none;}
#footer .center {width: 873px; background: url('../i/bg_footer.gif') no-repeat;}
#footer .right {text-align: left; background: none;}

div.container {width: 100%;}

#columns {width: 100%;}
#columns td {vertical-align: top;}
#columns #column_1 {background: url('../i/bg_left.gif') repeat-y;}
#columns #column_1 div.padding {padding: 17px 10px 0 15px;}
#columns #column_2 {width: 100%;}
#columns #column_2 div.padding {padding: 17px 22px 0 22px;}
#columns #column_3 div.padding {padding: 17px 15px 0 10px;}
#columns td.sep {width: 7px; background: url('../i/sep.gif') repeat-y;}

/* nav */
#nav ul {margin: 0 0 15px 0; padding: 0; list-style: none;}
#nav ul li {font: bold 80% 'times new roman', times, serif; color: #f69706; text-transform: uppercase; margin: 0 0 .5em 0; padding: 0 0 0 20px; background: url('../i/bg_links.gif') no-repeat 0 .5em;}
#nav ul li a:link,
#nav ul li a:visited {color: #e0dfdf; text-decoration: none;}
#nav ul li a:hover,
#nav ul li a:active {color: #f69706;}


/* text */
div.hdr {margin: 0 0 10px 0; padding: 0;}
h1 {font: normal 120% 'times new roman', times, serif; color: #fff; text-transform: uppercase; margin: 0 0 .4em 0; padding: 0;}
h1 span {font-size: 110%; color: #f69706;}
h2 {font: normal 120% 'times new roman', times, serif; color: #f69706; text-transform: uppercase; margin: 0 0 .2em 0; padding: 0;}
h3 {font-size: 75%; font-weight: bold; margin: 0 0 .5em 0; padding: 0;}
.white {color: #fff;}
.grey {color: #b6b6b6;}
h6 {font-size: 75%; font-weight: bold; color: #fff; text-transform: uppercase;}
p {font-size: 75%; line-height: 1.6; margin: 0 0 1.5em 0;}
li {font-size: 75%; margin: 0 0 .5em 2em; padding: 0 0 0 1em; font-style: italic; list-style: none; background: url('../i/dot.gif') no-repeat 0 50%;}
p img {vertical-align: middle;}

#phone {text-align: center; margin: 0 0 12px 0;}

.info {width: 100%; margin: 0 0 20px 0;}
.info td {width: 50%; vertical-align: top; padding: 0 0 10px 0;}
#columns .info td.sep {width: 3px; background: url('../i/bg_wave_v.gif') repeat-y 50% 0;}
.info td p {margin: 0;}

.calendar {width: 100%; background: #3d3d3d; margin: 0 0 15px 0;}
.calendar th {font: normal 70% tahoma, arial, helvetica, sans-serif; color: #fff; text-align: center; padding: 5px 0; border-bottom: 1px solid #302f3f; white-space: nowrap;}
.calendar td {font: normal 55% tahoma, arial, helvetica, sans-serif; background: #2e2e2e; text-align: center; padding: 5px 0; border-top: 1px solid #3d3d3d; border-right: 1px solid #3d3d3d;}

.bigger th {font: normal 80% tahoma, arial, helvetica, sans-serif; color: #fff; text-align: center; padding: 5px 0; border-bottom: 1px solid #302f3f; white-space: nowrap;}
.bigger td {font: normal 75% tahoma, arial, helvetica, sans-serif; background: #2e2e2e; text-align: center; padding: 5px 0; border-top: 1px solid #3d3d3d; border-right: 1px solid #3d3d3d;}

#layout .order td {font-size: 80%; vertical-align: middle; padding: 0 5px 0 0;}
#layout .order td input {font-size: 100%; font-weight: bold;}

/* buttons */
.navbut {margin: 0; padding: 0; white-space: nowrap; clear: both;}
.navbut li {display: inline; list-style: none; margin: 0; padding: 0;}
.navbut a {height: 18px; padding: 2px 16px;}
.navbut a:link, .navbut a:visited {font: bold 12px arial, tahoma, helvetica, sans-serif; color: #fff; border: 1px solid #d16f06; background: #f69706; text-decoration: none;}
.navbut a:hover {color: #fff; background: #b86104; text-decoration: none;}

.busy a:link, .busy a:visited {font: bold 12px arial, tahoma, helvetica, sans-serif; color: #d4d4d4; border: 1px solid #848484; background: #6f6f6f; text-decoration: none;}
.busy a:hover {color: #fff; background: #585858; text-decoration: none;}

.calendar th.nav_calendar table {width: 100%; background: url('../i/bg_h.jpg') #b26e35;}
.calendar th.nav_calendar table th.back {width: 1%; padding: 0 0 0 10px; text-align: left;}
.calendar th.nav_calendar table th.month {width: 98%; text-align: center;}
.calendar th.nav_calendar table th.month big {font-size: 110%; font-weight: bold;}
.calendar th.nav_calendar table th.forward {width: 1%; padding: 0 10px 0 0; text-align: right;}
.calendar td.current {background: #d90000; color: #fff;}
.calendar td.busy {background: #484848;}
.calendar td.no {background: #BB0000;}
.calendar td.vacation {background: #BB0000;}
.calendar td.ord {background: #484848;}

.calendar td.Booked {background: #BB0000;}
.calendar td.white {background: #FFFFFF;}
.calendar td.vacation {background: #000000;}
.calendar td.Free {background: #009900;}
.calendar td.free {background: #009900;}
.calendar td.Pending {background: #CC9900;}
.calendar td.Closed {background: #000000;}

/*
.calendar td.bg {background: url('../i/bg.gif') }
*/
.calendar td.info {background: url('../i/bg_calendar.gif') #4a4a4a; padding: 10px;}
.calendar td.info table {width: 100%; background: none;}
.calendar td.info table th {width: 99%; font-size: 100%; font-weight: normal; text-align: left; background: none; white-space: nowrap; padding: 2px 0; border: none;}
.calendar td.info table td {width: 1%; font-weight: normal; text-align: left; background: none; padding: 2px 5px 2px 0; border: none;}


.calendar_avial {width: 850px; background: #3d3d3d; margin: 0 0 15px 0;}
.calendar_avial th {font: normal 70% tahoma, arial, helvetica, sans-serif; color: #fff; text-align: center; padding: 5px 0; border-bottom: 1px solid #302f3f; white-space: nowrap;}
.calendar_avial td {font: normal 55% tahoma, arial, helvetica, sans-serif; background: #2e2e2e; text-align: center; padding: 5px 0; border-top: 1px solid #3d3d3d; border-right: 1px solid #3d3d3d;}

.calendar_avial th.nav_calendar table {width: 100%; background: url('../i/bg_h.jpg') #b26e35;}
.calendar_avial th.nav_calendar table th.back {width: 1%; padding: 0 0 0 10px; text-align: left;}
.calendar_avial th.nav_calendar table th.month {width: 98%; text-align: center;}
.calendar_avial th.nav_calendar table th.month big {font-size: 110%; font-weight: bold;}
.calendar_avial th.nav_calendar table th.forward {width: 1%; padding: 0 10px 0 0; text-align: right;}
.calendar_avial td.current {background: #d90000; color: #fff;}
.calendar_avial td.busy {background: #BB0000;}
.calendar_avial td.bg {background: url('../i/bg.gif');border-top: 0px solid #3d3d3d; border-right: 0px solid #3d3d3d;}

.calendar_avial td.Booked {background: #BB0000;}
.calendar_avial td.white {background: #FFFFFF;}
.calendar_avial td.vacation {background: #000000;}
.calendar_avial td.Free {background: #009900;}
.calendar_avial td.Pending {background: #CC9900;}
.calendar_avial td.Closed {background: #000000;}

.calendar_avial td.text {font-size: 55%; font-weight: normal; text-align: left; background: none; white-space: nowrap; padding: 0px 0; border: none;}
.calendar_avial td.diff {font-size: 55%; font-weight: normal; text-align: left; background: none; white-space: nowrap; padding: 0px 0; border: none;}
.calendar_avial td.info {background: url('../i/bg_calendar.gif') #4a4a4a; padding: 10px;}
.calendar_avial td.monthes {background: url('../i/bg_h.jpg'); padding: 10px;}
.calendar_avial td.info table {width: 600px; background: none; border-width:1px;}

.calendar_avial td.info table td.text {font-size: 55%; font-weight: normal; text-align: left; background: none; white-space: nowrap; padding: 2px 0; border: none;}
.calendar_avial td.info table td {width: 1%; font-weight: normal; text-align: left; background: none; padding: 2px 5px 2px 0; border: none;}

div.free {width: 24px; height: 19px; background: #009900; border: 1px solid #636363;}
div.busy {width: 24px; height: 19px; background: #484848; border: 1px solid #636363;}
div.booked {width: 24px; height: 19px; background: #484848; border: 1px solid #636363;}
div.no {width: 24px; height: 19px; background: #BB0000; border: 1px solid #636363;}
div.closed {width: 24px; height: 19px; background: #000000; border: 1px solid #636363;}
div.pending {width: 24px; height: 19px; background: #CC9900; border: 1px solid #636363;}

.span.Booked {background: #BB0000;}
.span.Free {background: #484848#006600;}
.span.Pending {background: #CC9900;}
.span.Closed {background: #000000;}


.welcome a:link,
.welcome a:visited {color: #fff;}
.welcome a:hover,
.welcome a:active {color: #f69706;}

.links {clear: both;}
.links ul {margin: 0; padding: 0; list-style: none;}
.links ul li {font-size: 75%; margin: 0 0 .2em 0; padding: 0 0 0 10px; background: url('../i/bg_links.gif') no-repeat 0 .8em;}
html>body .links ul li {background: url('../i/bg_links.gif') no-repeat 0 .5em;}
.links ul li.white {background: url('../i/bg_links_white.gif') no-repeat 0 .8em;}
html>body .links ul li.white {background: url('../i/bg_links_white.gif') no-repeat 0 .5em;}
.links ul li.white a:link,
.links ul li.white a:visited {color: #fff;}
.links ul li.white a:hover,
.links ul li.white a:active {text-decoration: none;}

.img_left_border {float: left; margin: 5px 13px 0 0;}
.img_left_border img {border: 3px solid #fff;}

.img_border {margin: 5px 13px 0 0;}
.img_border img {border: 3px solid #fff;}

.img_rounded {float: left; width: 70px; height: 70px; margin: 2px 8px 0 0;}
.border {position: absolute; margin: 0; padding: 0;}

.photos {float: left; margin: 0 0 10px 0; padding: 0 0 0 15px;}
.photos .img_rounded {margin: 2px 8px 8px 0;}

#copyright {float: left; font: normal 65% tahoma, arial, sans-serif; color: #816e51; padding: 35px 0 20px 30px;}
#design {float: right; font: normal 65% tahoma, arial, sans-serif; color: #816e51; padding: 18px 10px 20px 0;}
#design img {vertical-align: middle; margin: 0 3px;}
#design a:link,
#design a:visited,
#design a:hover,
#design a:active {color: #816e51; text-decoration: none;}

#dinner {padding: 0 0 15px 0;}
#plate {position: absolute; margin: 22px 0 0 110px;}

div.hr_wave {height: 5px; background: url('../i/bg_wave.gif') repeat-x; margin: 0 0 1em 0;}
div.hr_wave hr {display: none;}

.form {width: 100%;}
.form th {width: 30%; font-size: 75%; font-weight: normal; text-align: left; padding: 5px 0; vertical-align: top;}
.form td {width: 70%; font-size: 75%; font-weight: normal; text-align: left; padding: 5px 0 5px 10px; vertical-align: top;}
.form td.buttons {padding-left: 11px;}

.form td .size {width: 100%; height: 22px; border: 1px solid #3a3a3a; font: normal 105% arial, helvetica, sans-serif; padding: 2px 0;}

.orange {color: #f69706;}