/* colours -->
blue rgb(214,233,225)
orange rgb(255,128,26)
<-- colours */

/* RESET CSS: based on Eric's Reset: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded */
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, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	text-align: center; 
	line-height: 1.2;
	color: black;
	background: gray;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}
/* based on Eric's Reset: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded */

body {
	text-align: center; 
	padding: 0; 
	margin: 0; 
	border: 0; 
	background-image: url(graphics/BGTile_is.gif); 
	background-position: top; 
	line-height: 1.2; 
}

img {
	border: 0; 
	padding: 0; 
	margin: 0; 
	display: inline; 
}

p, h1, h2, ul, a, td {
	border: 0; 
	margin: 0; 
	font-weight: normal; 
}

p, td, th, input, textarea, select {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

h1, h2, li, .menuNum, .menuName {
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
}

p, ul, td, th, input, textarea {
	font-size: 14px;
}

p, h1, h2, .menuName, .menuInstruct {
	padding: 0.375em 0 0 0; 
}

h1 {
	font-size: 1.5em; 
	font-weight: bold; 
}

h2 {
	font-size: 1.25em; 
	font-weight: bold; 
}

ul {
	list-style: none; 
	margin: 0; 
	padding: 0; 
}

a {
	text-decoration: none; 
	font-weight: bold; 
}

p, h1, td, ul, a, .menuDescript {
	color: white; 
}

#wrap {
	width: 860px; 
	margin: 0 auto; 
	padding: 0;
	background-image: url(graphics/BG.gif); 
	background-repeat: repeat-y;
	background-position: top; 
}

#imagePanel {
	padding: 0 25px; 
}

#links {
	margin: 0 0 0.25em 0; 
	padding: 0 25px; 
	background-image: url(graphics/BG_linksPanel_is.gif); 
	background-repeat: repeat-y; 
	background-position: center; 
}

#links img {
	clear: both; 
	padding: 0 15px; 
	display: block; 
}

#links ul {
	margin: 0;
	padding: 0 30px;  
}

#links li, .menuName, .menuInstruct {
	font-size: 18px;
	font-weight: bold; 
	color: rgb(136,78,0); 
}

#links li {
	float: left; 
	margin: 0 10px 0 0;
	padding-right: 10px; 
	border-right: solid 2px; 
}

#links li:last-child {
	margin-right: 0;
	padding-right: 0; 
	border-right: none; 
}

#links a {
color: rgb(136,78,0); 
}

.live, .menuLive, a:hover, #calendar a:hover, #links a:hover, #col_left a:hover {
	color: rgb(255,128,26); 
}

#content {
	margin: 0; 
	padding: 0 50px; 
	text-align: left; 
}

#col_left, #col_right {
	clear: none; 
	width: 370px; 
	margin: 0; 
	padding: 0 0 0.75em 0; 
}

#col_left {
	float: left; 
}

#col_right {
	float: right; 
}

#col_left li, .menuName {
	font-weight: bold; 
	margin: 0; 
	clear: left; 
	padding: 0; 
}

#col_left .live {
	font-size: 1.25em;
}

#col_left a, .menuName {
	color: rgb(214,233,225); 
}

.map, 
.picSmallLanLeft, .picSmallLanRight, .picSmallPorLeft, .picSmallPorRight,
.picLargeLanLeft, .picLargeLanRight, .picLargePorLeft, .picLargePorRight, 
.picWideLeft, .picWideRight, .picWide {
	border: solid 1px; 
	color: white; 
}

.map {
	width: 370px; 
	height: 370px; 
	float: right; 
	margin: 0.5625em 0 10px 0; 
}

.picSmallLanLeft, .picSmallLanRight {
	width: 175px; 
	height: 140px; 
}

.picLargeLanLeft, .picLargeLanRight {
	width: 240px; 
	height: 192px; 
}

.picWideLeft, .picWideRight, .picWide {
	width: 370px; 
	height: 192px; 
}

.picSmallPorLeft, .picSmallPorRight {
	width: 140px; 
	height: 175px; 
}

.picLargePorLeft, .picLargePorRight {
	width: 192px; 
	height: 240px; 
}

.picSmallLanLeft, .picSmallPorLeft,
.picLargeLanLeft, .picLargePorLeft, 
.picWideLeft {
	float: left; 
	margin: 0.5625em 20px 0.375em 0; 
}

.picSmallLanRight, .picSmallPorRight,
.picLargeLanRight, .picLargePorRight, 
.picWideRight {
	float: right; 
	margin: 0.5625em 0 0.5625em 20px; 
}

.picWide {
	margin: 0.5625em 0; 
}

.textClear {
	clear: both; 
}

.credit {
	font-size: 0.75em; 
	font-weight: bold; 
	text-align: right; 
	clear: both; 
	padding: 2em 50px; 
}

.byline {
	text-align: right; 
	font-weight: bold; 
	margin: 0; 
}

.large {
	font-size: 1em; 
}

.bold {
	font-weight: bold; 
}

.italics {
	font-style: italic; 
}

.highlight {
	clear: both; 
	border: solid 1px; 
	margin: .5em 0; 
}

.highlight a {
	font-weight: normal; 
}

.quoteContainer {
	padding: 20px 0 0 40px; 
	margin: 10px 0 0 0;
	background-image: url(graphics/lhquote_brown.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	clear: both; 
}

.quote {
	padding: 0 40px 20px 0; 
	margin: 0; 
	background-image: url(graphics/rhquote_brown.gif); 
	background-position: bottom right; 
	background-repeat: no-repeat; 
}

.note {
	color: rgb(136,78,0); 
	background-color: rgb(214,233,225); 
}

.parenthesis {
	font-size: 0.89em; 
	font-weight: normal; 
}

/* MENUS --> */
table.menuTable {
	border-collapse: separate; 
	border-spacing: 0 3px; 
	width: 100%; 
}

.name {
	float: left; 
	clear: left; 
	font-weight: bold; 
}

.price {
	clear: right; 
	text-align: right;
}

.name, .price {
	color: rgb(255,128,26); 
	margin: 0; 
	padding: 0 0 0.1755em 0; 
}

.menuPrice {
	margin: 0.375em 0 0 0; 
}

.menuDescript {
	clear: left; 
	margin: 0; 
	padding: 0 0 0.1755em 0; 
}

.menuInstruct {
	font-style: italic; 
}

.menuCategory, .menuDescription {
	margin: 0; 
	padding: 0; 
}

.menuCategory {
	padding-top: 50px; 
	line-height: 1.5; 
}

.menuDescription {
	font-style: italic; 
}

.menu {
	padding-left: 20px; 
}

.menuName, .menuNum {
	padding-top: 5px; 
	vertical-align: bottom; 
}

.menuNum {
	padding-right: 5px; 
}

.menuPrice {
	text-align: right;
}

.menuNote {
	padding-top: 1em; 
}

.note, .highlight {
	padding: 0.1755em 0.375em; 
	font-weight: bold; 
}

.note {
	text-align: center; 
	margin: 1em 0 0.5em 0; 
}
/* <-- MENUS --> */

/* BOOK/CONTACT --> */
table#contact {
	margin-top: 10px; 
}

#book td, #contact td {
	width: 50%; 
	height: 26px; 
	padding: 0 0 0 5px; 
	vertical-align: top; 
	text-align: left; 
}

#book tr td:first-child, #contact tr.listing td:first-child {
	text-align: right; 
	padding: 0 5px 0 0; 
	font-weight: bold; 
}

table#book td.submit, table#contact td.submit {
	text-align: center; 
	padding: 0; 
}

td.permission input, td.submit input {
	margin-top: 10px; 
}

table#contact td.permission {
	text-align: left; 
	font-size: 11px; 
}

input[type=text], textarea {
	width: 250px; 
	border: solid 1px; 
	padding: 0.1em 0.2em 0.2em 0.2em;  
}

input[type=submit] {
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	font-size: 18px;
	font-weight: bold; 
	color: rgb(136,78,0); 
	padding: 0 5px; 
	border: none; 
	background: rgb(214,233,225); 
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-box-shadow: 4px 4px 8px rgb(51,51,51); 
	-moz-box-shadow: 4px 4px 8px rgb(51,51,51); 
}

input[type=submit]:hover {
	color: rgb(255,128,26); 
}
/* <-- BOOK/CONTACT */

/* BOOK --> */
#calendar {
	position: absolute; 
}

#calendar {
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-box-shadow: 4px 4px 8px rgb(51,51,51); 
	-moz-box-shadow: 4px 4px 8px rgb(51,51,51); 
	padding-top: 22px; 
}

#calendar table {
	border-collapse: separate;
	border-spacing: 2px; 
	padding: 0 2px 2px 2px; 
	*border-collapse: expression('separate', cellSpacing="2px"); /* IE hack! */
}

#calendar table thead tr th, #calendar table tfoot tr td, #calendar table tbody tr td {
	text-align: center; 
	vertical-align: center; 
}

#calendar td, #calendar th, #calendar #handle {
	height: 16px;
	border: solid 1px rgb(178,178,178); 
	background: white; 
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
}

#calendar td, #calendar th, #calendar a {
	color: black; 
}

#calendar tbody td {
	width: 20px;	
}

#calendar #handle {
	position: absolute; 
	top: 4px; 
	left: 4px; 
	width: 164px; 
	background: rgb(153,153,153); 
}

#calendar td.blank {
	visibility: hidden; 
}

#calendar tbody td {
	font-size: 11px; 
}

#calendar thead th, #calendar tfoot td {
	font-size: 13px; 
}

.warn {
	font-weight: bold; 
	color: yellow; 
}
/* <-- BOOK */