@import url("base.css");
@import url("navigation.css");

div#header { height: 120px; margin: 0px; background: url("../images/header.jpg") no-repeat center bottom #903; color: #fff; border-bottom: 2px solid #333; }
div#header h1 { display: none; margin: 0px; padding: 0px; }

div#header_nav { background: url("/images/header_nav_bg.jpg") repeat-x top left; margin: 0px 0px 20px 0px; padding: 20px 10px 2px 10px; }
div#header_nav ul.breadcrumbs { margin: 0px; padding: 0px; float: left; }
div#header_nav ul.breadcrumbs li { margin: 0px 4px 0px 0px; padding: 0px; float: left; list-style-type: none; }
div#header_nav div.show_date { margin: 0px auto; width: 760px; }
div#header_nav p { margin: 0px; text-align: right; font-weight: bold; }

div#body_container { width: 760px; margin: 0px auto 20px auto; }

div.googleplusone { float: right; margin: 0 0 0 20px; }

div#main_content { width: 592px; float: right; margin: 0px 0px 0px 0px; }
div#main_content div.column { float: left; width: 286px; margin: 0px 20px 0px 0px; padding: 0px; }
div#main_content div.column2 { float: left; width: 286px; margin: 0px; padding: 0px; }
div#main_content h2, #address_bottom p.header { color: #903; margin: 0px; font: 120% Georgia; font-weight: bold; text-transform: uppercase;}
div#main_content p.website_link { text-align: center; margin: 0px 0px 30px 0px; }
div#main_content div#advertisement_banner { clear: both; text-align: center; }

ul#index_area_links { padding: 0px; margin: 0px 0px 15px 0px; height: 30px; }
ul#index_area_links li { padding: 0px; margin: 0px; list-style-type: none; float: left; width: 25%; height: 30px; text-align: center; }
ul#index_area_links li a img { border: 1px solid #000; }

div#hotel_list { text-align: left; float: left; margin: 0px 0px 20px 0px; width: 28%; }
div#hotel_list ul { margin: 0px; padding: 0px; }
div#hotel_list ul li { padding: 0px; margin: 0 0 5px 10px; list-style-type: square; }
div#hotel_list div#list_header { color: #903; text-align: center; font-weight: bold; } 

div#photo_listings { float: right; width: 70%; }
div#photo_listings ul { padding: 0px; margin: 0px; }
div#photo_listings ul li { list-style-type: none;  float: left; text-align: center; margin: 0px; padding: 0px; width: 33%; height: 180px; }
div#photo_listings ul li a img { border: 0px; }

div#index_photo_listings { clear: both; } 
div#index_photo_listings h2 { text-align: center; padding: 3px 10px; font: bold 100% sans-serif; text-transform: uppercase; margin: 0px 0px 20px 0px; color: #000; }
div#index_photo_listings ul { padding: 0px; margin: 0px; }
div#index_photo_listings ul li { list-style-type: none;  float: left; text-align: center; margin: 0px; padding: 0px; width: 25%; height: 200px; }
div#index_photo_listings ul li a img { border: 1px solid #333; }

div#room_list { border: 1px solid #999; padding: 10px; margin: 0px 0px 20px 0px; background: #f9f9f9; }
div#room_list dl dt { font-weight: bold; }
div#room_list dl dd { margin: 0px 0px 5px 20px; }

#address_top h2 { margin: 0px; font-size: 100%; text-transform: uppercase; }
#address_top p { margin: 0px 0px 20px 0px; }

#address_bottom { text-align: right; }
#address_bottom p { margin: 0px 0px 10px 0px; }

#at_a_glance { margin: 0px 0px 20px 0px; padding: 10px 20px; border: 1px solid #993; background: url("/images/box_bg.jpg") repeat-x left top; }
#at_a_glance ul { padding: 0px; margin: 0px; }
#at_a_glance ul li { padding: 0px 0px 0px 20px; margin: 0px 0px 10px 0px; background: url("../images/at_a_glance_list.jpg") no-repeat 0px 0px; list-style-type: none; }

div.photo { clear: both; width: 240px; margin: 0px auto 20px auto; text-align: center; }
div.photo_center { text-align:center; }

#tariff { clear: both; border: 1px solid #903; margin: 0px 0px 20px 0px; padding: 20px; text-align: center; }
#tariff ul { padding: 10px; margin: 0px; }
#tariff ul li { list-style-type: none; }

#tariff table { margin: 0px auto 20px auto; }
#tariff table { border: 1px solid #903; }
#tariff table th { border: 1px solid #903; background: #903; color: #fff; text-transform: uppercase; padding: 3px 5px; }
#tariff table td { text-align: right; border: 1px solid #ccc; padding: 3px 5px; }
#tariff table td.left { text-align: left; width: 16%; }

form#enquiry_form { margin: 0px 0px 60px auto; clear: both; width: 592px; }
form#enquiry_form fieldset { padding: 20px; margin: 0px; border: 1px solid #ccc; }
form#enquiry_form fieldset legend { padding: 3px 10px; margin: 0px; background: #903; color: #fff; font-weight: bold; text-transform: uppercase; }
form#enquiry_form dt { float: left; font-weight: bold; text-align: right; width: 35%; margin: 0px 5px 0px 0px; clear: both; }
form#enquiry_form dd { float: left; width: 60%; margin: 0px 0px 5px 0px; }
form#enquiry_form p { clear: both; }
form#enquiry_form p.red_bold { font-weight: bold; color: #f00; text-align: center;}
form#enquiry_form p.buttons { text-align: center; }

div#adsense {
	clear : both;
	margin: 0 auto 20px auto;
	width: 468px;
}

div#footer { clear: both; background: url("/images/footer.gif") repeat-x top left; padding: 20px 20px 30px 20px; }
div#footer ul { margin: 0 0 20px 0; padding: 0; }
div#footer ul li { display: inline; margin: 0px; padding: 5px 20px; border-right: 1px dotted #ccc; list-style-type: none; }
div#footer ul li.valid { margin: 0px; padding: 5px 0px; border: 0px; float: right; }

/*
	div#footer p { float: right; margin: 0px 10px 0px 0px; padding: 0px; }
	div#footer p.counter { float: right; }
	div#footer a img { border: 0px; }
*/

div#footer_links { width: 760px; margin: 0 auto; clear: both; }

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

div#counter {
	clear: both; 
	width: 760px;
	margin: 0px auto;
	text-align: right;
}



div#awards {
	width: 150px;
	border: 1px solid #333;
	clear: left;
}
div#awards h3 {
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #333;
	background: #666;
	color: #fff;
	padding: 3px 5px;
}
div#awards p {
	text-align: center;
}


div.special { border: 1px solid #f00; padding: 10px; margin: 0 0 20px 0; background: #ffe; }
div.special h4 { font-size: 150%; font-weight: bold; text-align: center; color: #f00; margin: 0 0 5px 0; padding: 0; }
div.special p { font-weight: bold; text-align: center; color: #f00; margin: 0 0 5px 0; padding: 0; }

.large {
	font-size: 150%;
}
.red {
	color: #f00;
}