body { margin: 10px 20px 50px 20px; padding: 0; font: 75% sans-serif; background: url("../images/page_bg.jpg") top left; color: #333; }
p { margin: 0 0 15px 0; }
a { font-weight: bold; color: #900; }
a:hover { font-weight: bold; color: #900; }
table { width: 80%; margin: 0 auto 15px auto; font: 100% sans-serif; }
textarea, input, select { font: 100% sans-serif; }

h2 { font: bold 150% serif; color: #c00; text-transform: uppercase; text-align: center; }
h3 { font: bold 100% sans-serif; font-weight: bold; text-transform: uppercase; }

blockquote { font: bold 150% serif; text-align: center; color: #c33; text-transform: uppercase; margin: 0 0 15px 0; }



/* -- Custom Styles -- */
div#container {
	width: 760px; margin: 0 auto 20px auto; padding: 0;
	border: 1px solid #333;
	background: #ffe;
	/* background: url("../images/content_bg.jpg") repeat-y top center; */
}

div#header {
	background: url("../images/header_bg.jpg") no-repeat top center;
	padding: 0;
	text-align: center;
	overflow: hidden; height: 150px;
	/*background: #ccc;*/
	border-bottom: 1px solid #333;
}
div#header h1 { font: bold 100% georgia, serif; margin: 0; padding: 150px 0 0 0; }
div#header address { margin: 0; font-style: normal; }
div#header p { margin: 0; }

div#navigation {
	/* background: url("../images/navigation_bg.jpg") no-repeat top center; */
	background: #666;
	height: 23px; padding: 3px 0;
	border-bottom: 1px solid #333;
}
div#navigation ul { margin: 0; padding: 4px 0; text-align: center; }
div#navigation ul li { display: inline; margin: 0; padding: 0 10px; list-style-type: none; text-transform: uppercase; font-weight: bold; }
div#navigation ul li a { color: #fff; text-decoration: none; }
div#navigation ul li a:hover { color: #ff9; }

div#side_nav { float: left; width: 120px; padding: 20px 0 0 20px; }
div#side_nav ul { margin: 0; padding: 0; }
div#side_nav ul li { display: block; width: 120px; height: 120px; list-style-type: none; margin: 0 0 15px 0; padding: 0; overflow: hidden; text-transform: uppercase; text-align: center; font-size: 90%; background: #eee; border: 1px solid #333; }
div#side_nav ul li.guestbook a { background: url("../images/ul_sidenav_guestbook.jpg") no-repeat top right; }
div#side_nav ul li.guestbook a:hover { background: url("../images/ul_sidenav_guestbook.jpg") no-repeat top left; }
div#side_nav ul li.tariff { background: url("../images/ul_sidenav_tariff.jpg") no-repeat top right; }
div#side_nav ul li.tariff a:hover { background: url("../images/ul_sidenav_tariff.jpg") no-repeat top left; }
div#side_nav ul li.specials { background: url("../images/ul_sidenav_specials.jpg") no-repeat top right; }
div#side_nav ul li.specials a:hover { background: url("../images/ul_sidenav_specials.jpg") no-repeat top left; }
div#side_nav ul li.whatson { background: url("../images/ul_sidenav_whatson.jpg") no-repeat top right; }
div#side_nav ul li.whatson a:hover { background: url("../images/ul_sidenav_whatson.jpg") no-repeat top left; }
div#side_nav ul li a { display: block; padding: 105px 0 4px 0; text-decoration: none; color: #fff; }
div#side_nav ul li a:hover { display: block; padding: 105px 0 4px 0; text-decoration: none; }

div#content { width: 576px; padding: 10px 20px 0 20px; float: right; }

dl.enquiries { width: 47%; float: left; }
form#enquiries p { clear: both; text-align: center; }

table.tariff { margin: 0 auto 20px auto; width: 80%; border: 1px solid #999; }
table.tariff th { padding: 3px 10px; width: 33%; border: 0; background: #c33; color: #fff; font-weight: bold; }
table.tariff td { padding: 3px 10px; width: 33%; border: 1px solid #ccc; font-weight: normal; }


div#footer { clear: both; height: 120px; 
	/* background: url("../images/footer_bg.jpg") no-repeat bottom left; */
}
div#footer ul { margin: 0 0 15px 0; padding: 5px 0; border-top: 1px solid #333; text-align: center; }
div#footer ul li { display: inline; margin: 0; padding: 0 10px; list-style-type: none; }
div#footer p, address { float: left; width: 33%; margin: 0; text-align: center; font-style: normal; }

p.copyright { text-align: center; }
p.copyright a { font-weight: normal; color: #333; text-decoration: none; }
p.copyright a:hover { font-weight: normal; color: #000; text-decoration: underline; }

div.photo_center { margin: 0 auto 20px auto; width: 408px; }
div.photo_center p { margin: 0; padding: 2px; text-align: center; }
div.photo_center p img { border: 1px solid #333; }

div.photo_right { clear: both; float: right; padding: 0 0 0 20px; margin: 0 0 20px 0; }
div.photo_right p { margin: 0; border: 1px solid #666; padding: 2px; background: #fff; display: block; }
div.photo_right p img { border: 1px solid #ccc; padding: 5px; background: #fff; }
div.photo_left { clear: both; float: left; padding: 0 20px 20px 0; }
div.photo_left p { margin: 0; border: 1px solid #666; padding: 2px; background: #fff; display: block; }
div.photo_left p img { border: 1px solid #ccc; padding: 5px; background: #fff; }

div#at_a_glance { width: 250px; margin: 0 0 20px auto; padding: 2px; border: 1px solid #666; background: #fff; }
div#at_a_glance h2 { font: bold 100% sans-serif; color: #fff; background: #600; padding: 3px 10px; margin: 0 0 2px 0; }
div#at_a_glance ul { margin: 0; padding: 10px; border: 1px solid #ccc; background: #fff; }
div#at_a_glance ul li { margin: 0 0 5px 0; padding: 7px 0 5px 40px; list-style-type: none; background: url("../images/at_a_glance_bullet.jpg") no-repeat top left; }

ul#whatson { width: 530px; margin: 0 auto; }
ul#whatson li { float: left; margin: 0; padding: 5px 10px; width: 150px; height: 200px; text-align: center; list-style-type: none; }
ul#whatson li img { width: 150px; height: 150px; border: 1px solid #666; }

div#sample_menu { border: 1px solid #666; width: 270px; text-align: center; background: url("../images/sample_menu_top.jpg") no-repeat top center #ecebb8; }
div#sample_menu div.inner { padding: 10px 40px; text-align: center; background: url("../images/sample_menu_bottom.jpg") no-repeat bottom center; }