/*
Theme Name: The Inglewood
Theme URI: http://www.theinglewoodhotel.com/
Description: The Inglewood Hotel Theme
Version: 1.0
Author: Dave Obersby
Author URI: http://www.obbworld.co.uk/

*/

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

p { margin: 0 0 15px 0; }
p.center { text-align: center; }
.bold { font-weight: bold; }
.big { font-size: 160%; }
.huge { font-size: 300%; }
.nomargin { margin: 0; }
.red { color: #f00; }

blockquote { float: right; width: 50%; background: url("images/quote_start.jpg") no-repeat 5px 0; }
blockquote p { margin: 0; padding: 10px 20px; text-align: center; background: url("images/quote_end.jpg") no-repeat 100% 100%; }

div#container { margin: 0 auto; width: 800px; border: 1px solid #999; padding: 2px; }
div#container_inner { border: 2px solid #eee; padding: 10px; }

div.hidden { height: 0px; overflow: hidden; }

div.column { width: 50%; float: left; }
div.column h3 { text-align: center; }

table { width: 75%; margin: 0 auto 20px auto; border: 1px solid #333; }
table th { border: 1px solid #333; color: #fff; background: #060; }
table td { border: 1px solid #999; padding: 3px 10px; }

h2 { font: 240% serif; font-weight: bold; text-transform: uppercase; margin: 0 0 20px 0; text-align: center; }
h3 { font: 100% sans-serif; font-weight: bold; text-transform: uppercase; margin: 0 0 5px 0; }

a { font-weight: bold; text-decoration: none; color: #060; }
a:hover { font-weight: bold; text-decoration: underline; color: #f00; }

textarea, select { font: 100% sans-serif; }

div#header { margin: 0 0 20px 0; padding: 10px 0; height: 120px; border: 1px solid #333; background: #060; color: #fff; }
div#header h1 { margin: 0 auto; font-size: 100%; width: 494px; height: 105px; overflow: hidden; color: #fff; background: url("images/logo.jpg") no-repeat 0 0; }
div#header h1 a { display: block; color: #fff; padding: 105px 0 0 0; }
div#header p, div#header address { margin: 0; width: 33%; text-align: center; float: left; color: #fff; font-style: normal; }
div#header a { color: #fff; }

div#navigation { float: left; width: 24%; }
div#navigation ul { margin: 0 0 20px 0; padding: 10px 10px 5px 10px; border: 1px solid #333; width: 140px; }
div#navigation ul li { margin: 0 0 5px 0; padding: 0; width: 135px; list-style-type: none; }
div#navigation ul li a { display: block; width: 100%; padding: 3px 0; text-align: center; background: #060; color: #fff; 
			border-top: 2px solid #6c6; border-right: 2px solid #030; border-bottom: 2px solid #030; border-left: 2px solid #6c6; text-decoration: none; }
div#navigation ul li a:hover { display: block; width: 100%; padding: 3px 0; text-align: center; background: #040; color: #ccc; 
			border-bottom: 2px solid #6c6; border-left: 2px solid #030; border-top: 2px solid #030; border-right: 2px solid #6c6; text-decoration: none; }

div#content { width: 76%; float: right; margin: 0 0 20px 0; }

div.photo_right { float: right; }
div.photo_right p { margin: 0; padding: 0 0 10px 10px; }
div.photo_right p img { border: 1px solid #333; }

div.breakfast_menu { width: 300px; margin: 0 auto; background: #efefef; border: 1px solid #666; padding: 20px; }
div.breakfast_menu h3 { text-align: center; margin: 0 0 20px 0; }
div.breakfast_menu p { text-align: center; }
div.breakfast_menu hr { width: 100px; margin: 0 auto 10px auto; height: 1px; border: 0; }

form { margin: 0 auto 20px auto; width: 90%; border: 4px double #999; padding: 10px; }
form dl { float: left; width: 49%; }
form dl dt { font-weight: bold; margin: 0; padding: 0 0 5px 20px; }
form dl dd { margin: 0; padding: 0 0 10px 40px; }
form dl dd span { width: 110px; float: left; padding: 3px 0 0 0; }

form p { text-align: left; padding: 0 20px; }
form p.center { text-align: center; }
form p input { padding: 5px 10px; border: 1px solid #666; }

div.map { text-align: center; margin: 0 0 20px 0; }
div.map p { display: inline; text-align: center; padding: 0 10px; }

div#bullets { clear: both; width: 600px; }
div#bullets ul { margin: 0; padding: 0; }
div#bullets ul li { margin: 0 0 10px 0; padding: 5px 0 0 40px; list-style-type: none; float: left; width: 260px; height: 30px; vertical-align: middle; text-align: left; background: url("images/bullet.jpg") no-repeat 0 0; }

div#footer { padding: 2px 0 0 0; }
div#footer ul { margin: 0; padding: 5px 0; text-align: center; }
div#footer ul li { display: inline; list-style-type: none; padding: 3px 5px; margin: 0; }
div#footer p { text-align: center; }

div#legal { padding: 10px 0 0 0;  width: 780px; margin: 0 auto; }
div#legal p { text-align: right; }
div#legal ul#docs { text-align: right; margin: 0; padding: 0; }
div#legal ul#docs li { display: inline; margin: 0; padding: 0 10px; list-style-type: none; }

ul#validation { margin: 0; padding: 0; display: inline; }
ul#validation li { float: left; list-style-type: none; margin: 0; padding: 0 10px 0 0; width: 85px; height: 15px; overflow: hidden; }
ul#validation li.xhtml { background: url("images/valid_xhtml.gif") no-repeat 0 0; }
ul#validation li.css { background: url("images/valid_css.gif") no-repeat 0 0; }
ul#validation li a { display: block; padding: 15px 0 0 0; }

div.clear { clear: both; }

div#awards { text-align: center; }
div#awards p { display: inline; }

div.special_box { border: 2px solid #f00; padding: 10px; margin: 0 0 20px 0; }
div.special_box p { margin: 0; text-align: center; }

.alignright { float: right;  padding: 0 0 10px 10px; }
.alignleft { float: left; padding: 0 10px 10px 0; }