body { margin: 0; padding: 0; font: normal 75% sans-serif; color: #333; background: url("../images/body_bg.jpg") repeat-x top left #ffc; }

p { margin: 0 0 15px 0; }
p.dropcap { float: left; font: 400% serif; margin: 0; }
p.center { text-align: center; }

address { font-style: normal; }
h2 { margin: 0 0 15px 0; font: bold 200% serif; padding: 0 0 5px 0; text-transform: uppercase; border-bottom: 1px solid #ccc; }
h3 { clear: both; margin: 0 0 15px 0; font: bold 100% sans-serif; padding: 0 0 5px 0; border-bottom: 1px solid #eee; }
blockquote { font: bold 160% serif; color: #c33; margin: 0 0 15px 0; text-align: center; text-transform: uppercase; }

form { margin: 0 0 15px 0; }
form p { margin: 0; text-align: center; }

table { margin: 0 auto 15px auto; font-size: 100%; width: 80%; border: 1px solid #666; }
th { background: #ccc; border: 1px solid #999; }
td { border: 1px solid #ccc; }

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


a { color: #333; font-weight: bold; text-decoration: underline; }
a:hover { color: #333; font-weight: bold; text-decoration: underline; }

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

div#header { padding: 30px 40px 0 50px; background: url("../images/header_bg.jpg") no-repeat top center; height: 158px; }
div#header h1 { clear: both; width: 200px; height: 40px; margin: 0; overflow: hidden; font: bold 100% sans-serif; background: url("../images/logo.jpg") no-repeat top left; }
div#header h1 a { display: block; padding: 40px 0 0 0; }
div#header p { margin: 0; float: right; }
div#header p.telephone { background: url("../images/phone_bg.gif") no-repeat top left; padding: 3px 0 0 14px; }
div#header p.email { background: url("../images/envelope_bg.gif") no-repeat top left; padding: 2px 0 0 20px; margin: 0 40px 0 0; }
div#header address { padding: 3px 0 0 2px; margin: 0 0 10px 0; }

div#header_nav { clear: both; text-transform: uppercase; background: url("../images/header_nav_bg.jpg") no-repeat top center; width: 100%; height: 40px; }
div#header_nav ul { margin: 0; padding: 12px 30px 0 0; text-align: right; }
div#header_nav ul li { display: inline; padding: 0 1px 0 0; margin: 0; list-style-type: none; }
div#header_nav ul li a { padding: 0 10px 1px 10px; margin: 0; border-left: 1px solid #666; border-right: 1px solid #666; text-decoration: none; }
div#header_nav ul li.first a { border-left: 0; border-right: 1px solid #666; }
div#header_nav ul li.last a { border-left: 1px solid #666; border-right: 0; }
div#header_nav ul li a:hover { text-decoration: underline; }

div#content { background: url("../images/content_bg.jpg") no-repeat top center; padding: 20px 40px 0 40px; margin: 0 0 30px 0; width: 700px; }
div#content br.clear { clear: both; }
div#content ul { margin: 0; padding: 0 0 0 20px; }
div#content ul li { margin: 0; padding: 0 0 5px 10px; list-style-type: square; }

div#at_a_glance { margin: 0 0 0 auto; border: 1px solid #666; padding: 2px; width: 61%; }
div#at_a_glance h3 { clear: none; border: 1px solid #999; margin: 0 0 2px 0; padding: 3px 10px; background: #eee; text-transform: uppercase; font-style: normal; text-decoration: none; color: #333; }
div#at_a_glance ul.column_left { margin: 0; padding: 10px 2px 10px 33px; border: 1px solid #ccc; }
div#at_a_glance ul.column_left li { margin: 0; padding: 0; list-style-type: square; }
div#at_a_glance ul.column_right { float: right; margin: 0; padding: 10px 3px 10px 33px; width: 44%; border: 1px solid #ccc; }
div#at_a_glance ul.column_right li { margin: 0; padding: 0; list-style-type: square; }

div.image_left { float: left; margin: 0; padding: 0 20px 0 0; }
div.image_left p { margin: 0 0 20px 0; padding: 2px; border: 1px solid #666; background: #eee; }
div.image_left p img { margin: 0; padding: 10px; border: 1px solid #ccc; }
div.image_right { float: right; margin: 0; padding: 0 0 20px 20px; }
div.image_right p { margin: 0; padding: 2px; border: 1px solid #666; background: #eee; }
div.image_right p img { margin: 0; padding: 10px; border: 1px solid #ccc; }

div.details { float: left; width: 45%; border: 1px solid #ccc; padding: 5px 5px 0 5px; height: 120px; margin: 0 0 4	0px 0; text-align: center; }
div.details p { margin: 0; padding: 10px; }
div.details address { margin: 0; padding: 10px; }
div.details_right { float: right; width: 45%; border: 1px solid #ccc; padding: 5px 5px 0 5px; height: 120px; margin: 0 0 30px 0; text-align: center; }
div.details_right p { margin: 0; padding: 10px; }
div.details_right address { margin: 0; padding: 10px; }


dl.room_list { clear: both; margin: 0; padding: 0; }
dl.room_list dt {	clear: both; float: left; width: 213px; margin: 0 0 10px 0; text-align: center; font-weight: bold; padding: 180px 10px 10px 10px;
							border: 1px solid #ccc; background: url("../images/thumbnails/no_image.jpg") no-repeat 10px 10px;
						}
/*dl.room_list dd { float: left; margin: 0 10px 0 0; padding: 0; width: 180px; height: 190px; }*/
dl.room_list dd { margin: 0 0 0 auto; padding: 20px 0 0 0; width: 65%; height: 200px; }
dl.room_list dt.flat_2 { background: url("../images/thumbnails/flat_2.jpg") no-repeat 10px 10px; }
dl.room_list dt.flat_3 { background: url("../images/thumbnails/flat_3.jpg") no-repeat 10px 10px; }
dl.room_list dt.flat_3 { background: url("../images/thumbnails/flat_3.jpg") no-repeat 10px 10px; }
dl.room_list dt.flat_4 { background: url("../images/thumbnails/flat_4.jpg") no-repeat 10px 10px; }
dl.room_list dt.flat_5 { background: url("../images/thumbnails/flat_5.jpg") no-repeat 10px 10px; }
dl.room_list dt.flat_6 { background: url("../images/thumbnails/flat_6.jpg") no-repeat 10px 10px; }
dl.room_list dt.flat_7 { background: url("../images/thumbnails/flat_7.jpg") no-repeat 10px 10px; }
dl.room_list dt.flat_8 { background: url("../images/thumbnails/flat_8.jpg") no-repeat 10px 10px; }
dl.room_list dt.flat_9 { background: url("../images/thumbnails/flat_9.jpg") no-repeat 10px 10px; }
dl.room_list dt.flat_10 { background: url("../images/thumbnails/flat_10.jpg") no-repeat 10px 10px; }
dl.room_list dt.flat_11 { background: url("../images/thumbnails/flat_11.jpg") no-repeat 10px 10px; }

div#enquiry_form dl { width: 80%; margin: 0 auto 15px auto; }
div#enquiry_form dl dt { float: left; width: 40%; display: block; padding: 3px 0; }
div#enquiry_form dl dd { width: 50%; display: block; padding: 3px 0; margin: 0; }

div#enquiry_form { margin: 0 auto 15px auto; border: 1px solid #666; background: #fff; clear: both; padding: 0 0 20px 0; }
div#enquiry_form form { padding: 5px; margin: 0 auto; width: 80%; }
div#enquiry_form dl { display: block; padding: 10px; clear: both; }
div#enquiry_form dl dt { font-weight: bold; padding: 3px 0 0 0; float: left; width: 40%; margin: 0; clear: both; }
div#enquiry_form dl dd { margin: 0; padding: 0 0 5px 0; float: left; width: 50%; }
div#enquiry_form h4 { font: bold 100% sans-serif; text-transform: uppercase; margin: 0; padding: 3px 10px 0 0; text-align: center; clear: both; } 
div#enquiry_form p { padding: 0 10px; clear: both; }
div#enquiry_form h3 { clear: both; }


div#footer { clear: both; background: url("../images/footer_bg.jpg") no-repeat bottom center; margin: 0 auto; padding: 0 0 83px 40px; }
div#footer div#logo { background: url("../images/logo.jpg") no-repeat left center; width: 55%; margin: 0 0 0 auto; padding: 0 0 0 230px; }
div#footer ul { margin: 0 0 10px 0; padding: 0; text-transform: uppercase; text-align: center; }
div#footer ul li { display: inline; margin: 0 0 10px 0; padding: 0 1px 0 0; list-style-type: none; }
div#footer ul li a { padding: 0 10px 1px 10px; margin: 0; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
div#footer address { }
div#footer p, div#footer address { margin: 0; }