body { color: #000; background: #fff; margin: 0 0 60px 0; padding: 0; font: 75% sans-serif; }

h3 { margin: 0 0 15px 0; font-size: 100%; font-weight: bold; text-decoration: underline; color: #06c; }
h4 { margin: 0 0 15px 0; font-size: 100%; font-weight: bold; text-decoration: underline; }
p { margin: 0 0 20px 0; }
a { font-weight: bold; color: #06c; }
address { font-style: normal; }

table { width: 100%; font: 100% sans-serif; border: 1px solid #666; padding: 1px; margin: 0 0 20px 0; }
table th { padding: 3px; border: 1px solid #999; background: #ccc; }
table td { padding: 3px; border: 1px solid #ccc;  }

table col.left { text-align: left; }
table col.center { text-align: center; }
table col.right { text-align: right; }

table col.food_type { background: #eee; font-weight: bold;  width: 50%; }
table col.food_price { width: 50%; text-align: right; }

div#container { width: 800px; margin: 0 auto; background: url("images/container_bg.jpg") repeat-y 0 0; }

div#header { padding: 35px 40px 0 40px; height: 240px; background: url("images/header_bg.jpg") no-repeat 0 0; overflow: hidden; }
div#header address { float: left; }
div#header h1 { height: 183px; margin: 0; font-size: 100%; overflow: hidden; }
div#header h1 a { display: block; padding: 183px 0 0 0; margin: 0; }
div#header ul#top_nav { text-align: right; padding: 0; margin: 0; }
div#header ul#top_nav li { display: inline; padding: 0 0 0 10px; margin: 0; list-tyle-type: none; }
div#header ul#header_nav { margin: 0; padding: 0 20px; text-align: center; }
div#header ul#header_nav li { display: inline; margin: 0; padding: 0 10px; list-style-type: none; }
div#header ul#header_nav li a { color: #fff; }

div#side_nav { float: left; width: 28%; padding: 0; text-align: center; background: url("images/side_nav_bg.jpg") repeat-y 0 0; }
div#side_nav div.background { padding: 0; background: url("images/side_nav_top.jpg") no-repeat 0 0; }
div#side_nav ul { margin: 0; padding: 35px 10px 60px 40px; background: url("images/side_nav_bottom.jpg") no-repeat 0 100%; }
div#side_nav ul li { padding: 3px 10px; margin: 0 0 5px 0; list-style-type: none; }
div#side_nav ul li a { color: #333; text-decoration: none; }
div#side_nav ul li a:hover { color: #666; text-decoration: underline; }

div#awards { float: left;  padding: 0 0 0 40px; }

div#content { padding: 13px 40px 0 0; width: 65%; float: right; }
div#content h2 { width: 460px; height: 62px; margin: 0 auto 15px auto; overflow: hidden; }
div#content h2 span { display: block; padding: 62px 0 0 0; }
div#content h2.welcome { background: url("images/h2_welcome.jpg") no-repeat top center; }
div#content h2.location { background: url("images/h2_location.jpg") no-repeat top center; }
div#content h2.contact { background: url("images/h2_contact.jpg") no-repeat top center; }
div#content h2.facilities { background: url("images/h2_facilities.jpg") no-repeat top center; }
div#content h2.restaurant { background: url("images/h2_restaurant.jpg") no-repeat top center; }
div#content h2.tariff { background: url("images/h2_tariff.jpg") no-repeat top center; }
div#content h2.specials { background: url("images/h2_specials.jpg") no-repeat top center; }
div#content h2.elvis_weekend { background: url("images/h2_elvis_weekend.jpg") no-repeat top center; }

div.image_right { float: right; }
div.image_right p { margin: 0; padding: 0 0 20px 20px; }
div.image_right p img { border: 0; }
div.image_right { float: right; }
div.image_right p { margin: 0; padding: 0 0 20px 20px; }
div.image_right p img { width: 280px; height: 210px; border: 1px solid #333; }

div.offer { border: 4px double #333; padding: 10px 10px 0 10px; text-align: center; margin: 0 0 20px 0; }
div.offer.red { border: 4px double #f00; padding: 10px 10px 0 10px; text-align: center; margin: 0 0 20px 0; }
div.offer p { margin: 0 0 10px 0; }
div.offer h3 { display: block; font-size: 200%; color: #06c; text-transform: uppercase; }
div.offer.red h3 { display: block; font-size: 200%; color: #f00; text-transform: uppercase; }
div.offer h4 { display: block; font-size: 100%; color: #06c; text-transform: uppercase; text-decoration: underline; margin: 0 0 10px 0; }
div.offer.red h4 { display: block; font-size: 100%; color: #f00; text-transform: uppercase; text-decoration: underline; margin: 0 0 10px 0; }
div.offer .title { display: block; font-size: 150%; color: #000; text-transform: uppercase; }
div.offer .price, div.offer .months { display: block; font-size: 160%; color: #f00; }
div.offer .small_print { font-style: italic; }
div.offer dl { margin: 0 0 10px 0; width: 100%; }
div.offer dl dt { float: left; clear: both; width: 200px; text-align: right; margin: 0 10px 5px 0; }
div.offer dl dd { float: left; width: 200px; text-align: left; margin: 0 0 5px 0; }

div#valentines_left { background: url("images/valentines_left.jpg") no-repeat 0 0; float: left; width: 119px; height: 84px; }
div#valentines_right { background: url("images/valentines_right.jpg") no-repeat 0 0; float: right; width: 119px; height: 84px; }

div.elvis_right { float: right; }
div.elvis_right p { margin: 0; padding: 0 0 20px 0; }

div#advert_banner { float: left; width: 219px; }
div#advert_banner p.elvis { margin: 0 0 20px 0; background: url("images/elvis_presley_banner.jpg") no-repeat top right; width: 219px; height: 228px; overflow: hidden;  }
div#advert_banner p.elvis a { display: block; padding: 228px 0 0 0; }
div#advert_banner p.timmills { margin: 0 0 20px 0; background: url("images/tim_mills_logo.jpg") no-repeat top right; width: 207px; height: 61px; overflow: hidden;  }
div#advert_banner p.timmills a { display: block; padding: 61px 0 0 0; }
div#advert_banner p.bestdesigns { margin: 0 0 20px 0; background: url("images/bestdesigns_logo.jpg") no-repeat top right; width: 207px; height: 69px; overflow: hidden;  }
div#advert_banner p.bestdesigns a { display: block; padding: 69px 0 0 0; }

div#elvis_banner_tariff { float: right; background: url("images/elvis_presley_banner.jpg") no-repeat top right; width: 198px; height: 238px; overflow: hidden; }
div#elvis_banner_tariff p { margin: 0; }
div#elvis_banner_tariff p a { display: block; padding: 238px 0 0 0; }

div#elvis_weekend { }
div#elvis_weekend dl { margin: 0; padding: 0; }
div#elvis_weekend dl dt { margin: 0; padding: 0; font-weight: bold; }
div#elvis_weekend dl dd { margin: 0 0 10px 0; padding: 0 0 0 20px; }
div#elvis_weekend .dates { display: block; font-size: 160%; color: #f00; text-align: center; }
div#elvis_weekend .price { display: block; font-size: 160%; color: #f00; text-align: center; }
div#elvis_weekend .title { display: block; color: #000; text-align: center; font-weight: bold; }

div#footer { padding: 0 40px 55px 40px; background: url("images/footer_bg.jpg") no-repeat center bottom; text-align: center; }
div#footer p { display: inline; margin: 0; padding: 0 20px; }

div.clear { clear: both; width: 100%; }

div#horiz_line { height: 1px; border-bottom: 1px solid #999; width: 80%; margin: 0 auto 10px auto; }

div#validation { width: 760px; margin: 0 auto; }
div#validation p { float: right; width: 84px; height: 15px; border: 0; overflow: hidden; padding: 0 5px; }
div#validation p a { display: block; padding: 15px 0 0 0; }
div#validation p.blackpoolhotels { background: url("images/web_advertising.gif") no-repeat top left; }
div#validation p.bestdesigns { background: url("images/web_design.gif") no-repeat top left; }
div#validation p.your_name_here { background: url("images/web_hosting.gif") no-repeat top left; }
div#validation p.xhtml { background: url("images/valid_xhtml.gif") no-repeat top left; }
div#validation p.css { background: url("images/valid_css.gif") no-repeat top left; }

div.indent { padding: 0 0 0 40px; }

p.center { text-align: center; }
.red { color: #f00; }
.bold { font-weight: bold; }