/* Positioning elements */

#wrapper {
 margin: 5px auto;
 width: 800px;
}

#header {
	height: 200px;
	background-image:  url(panorama1.jpg);
	background-color: #8ce;
	background-repeat: no-repeat;
	background-position: left top;
}

#container {
 clear: both;
}

#content {
 float: left;
 width: 500px;
}
#rates {
 float: left;
 width: 500px;
}
#sidebar {
 float: right;
 margin: 1px 0 0;
 width: 250px;
}

#footer {
 clear: both;
 height: 250px;
}



/* Typography */

body {
 font-family: Calibri, Tahoma, Arial, sans-serif;
 font-size: 0.9em;
 line-height: 1.2em;
}

h2, h3 {
 font-family: Cambria, 'Bookman Old Style', serif;
 font-style: italic;
}

.offer {
 padding: 20px 0 0 188px;
 font-size: 1.2em;
 text-transform: uppercase;
}

/* Header */

#header {
	/*background: #8ce url("panorama1.jpg") no-repeat right top;*/
	padding: 0 0;
}

#header h1 {
 font-size: 3em;
 margin: 0 0;
 padding: 30px 0 5px 510px;
}

#header .description {
 padding: 10px 0 0 510px;
}



/* Menu */

#menu {
 margin: 0 0;
 padding: 0 0;
}

#menu ul {
 padding: 1px 0 0;
 margin: 0 0;
}

#menu ul li {
 float: left;
 list-style-type: none;
 margin: 0 1px 1px 0;
 width: 159px;
}

#menu ul li a {
 display: block;
 padding: 2px 0;
 text-align: center;
}

#sidebar {
 margin: 0 0;
 padding: 10px 10px;
}

#sidebar ul {
 list-style-type: none;
 margin: 0 0;
 padding: 0 0;
}

#sidebar ul ul {
 list-style-type: square;
 padding: 0 20px 10px;
}

/* Colours */

body {
 background-color: #def;
 color: #345;
}

h1, h1 a, .description {
 color: #345;
}

#menu li a {
 background-color: #ec2;
 color: #345;
}

#menu li a:hover {
 background-color: #be9;
}

a {
 text-decoration: none;
}

#content {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}

#wrapper {
 background-color: #eef;
}

h2, #sidebar a:hover, #content a:hover, #content h3 {
 color: #f73;
}

#sidebar {
 background-color: #be9;
}

#sidebar h3, #sidebar h3 a, #content a {
 color: #678;
}

#sidebar ul ul a {
 color: #456;
}

#content ul {
 list-style-type: square;
}

blockquote {
 background-color: #ec8;
 margin: 5px 20px;
 padding: 0 20px;
}

table.gallery {
 border: none;
}

table.gallery th {
 padding: 0 0 20px;
}

.alignleft {
 clear: left;
 float: left;
 margin: 5px 10px 5px 0;
}

.alignright {
 clear: right;
 float: right;
 margin: 5px 0 5px 10px;
}

a img {
 border: 2px solid #678;
}

a:hover img {
 border: 2px solid #f73;
}

#rental td {
 font-family: Consolas, 'Courier New', monospace;
 text-align: center;
 width: 200px;
}

table.avail2 {
 border-spacing: 0;
 margin: 0 0 0 0;
}

table.avail2 td.ab {
 background: #cc0000 url('http://www.holidaylettings.co.uk/images/avail/ab.gif') no-repeat top left;
 text-decoration : line-through;
}

table.avail2 td.abl {
 background:#e06666 url('http://www.holidaylettings.co.uk/images/avail/abl.gif') no-repeat top left;
 text-decoration : line-through;
}

table.avail2 td.ba {
 background:#cc0000 url('http://www.holidaylettings.co.uk/images/avail/ba.gif') no-repeat bottom right;
}

table.avail2 td.bal {
 background:#e06666 url('http://www.holidaylettings.co.uk/images/avail/bal.gif') no-repeat bottom right;
}

table.avail2 td.ub {
 background:#cccccc url('http://www.holidaylettings.co.uk/images/avail/ub.gif') no-repeat bottom right;
 text-decoration : line-through;
}

table.avail2 td.ubl {
 background:#dddddd url('http://www.holidaylettings.co.uk/images/avail/ubl.gif') no-repeat bottom right;
 text-decoration : line-through;
}

table.avail2 td.bu {
 background:#cc0000 url('http://www.holidaylettings.co.uk/images/avail/bu.gif') no-repeat bottom right;
}

table.avail2 td.bul {
 background:#e06666 url('http://www.holidaylettings.co.uk/images/avail/bul.gif') no-repeat bottom right;
}

table.avail2 td.ua {
 background:#cccccc url('http://www.holidaylettings.co.uk/images/avail/ua.gif') no-repeat bottom right;
}

table.avail2 td.ual {
 background:#c2e0c2 url('http://www.holidaylettings.co.uk/images/avail/ual.gif') no-repeat top right;
}

table.avail2 td.au {
 background:#99cc99 url('http://www.holidaylettings.co.uk/images/avail/au.gif') no-repeat bottom right;
}

table.avail2 td.aul {
 background:#dddddd url('http://www.holidaylettings.co.uk/images/avail/aul.gif') no-repeat bottom right;
}

table.avail2 td.us {
 background:#ff40ff url('http://www.holidaylettings.co.uk/images/avail/us.gif') no-repeat top left;
 text-decoration: underline;
}

table.avail2 td.as {
 background:#ff40ff url('http://www.holidaylettings.co.uk/images/avail/as.gif') no-repeat top left;
 text-decoration: underline;
}

table.avail2 td.bs {
 background:#ff40ff url('http://www.holidaylettings.co.uk/images/avail/bs.gif') no-repeat top left;
 text-decoration: underline;
}

table.avail2 td.su {
 background:#ff40ff url('http://www.holidaylettings.co.uk/images/avail/su.gif') no-repeat bottom right;
}

table.avail2 td.sa {
 background:#ff40ff url('http://www.holidaylettings.co.uk/images/avail/sa.gif') no-repeat bottom right;
}

table.avail2 td.sb {
 background:#ff40ff url('http://www.holidaylettings.co.uk/images/avail/sb.gif') no-repeat bottom right;
}

table.avail2 td.a {
 background-color:#99cc99;
}

table.avail2 td.u {
 background-color:#cccccc;color:#ffffff;
}
table.avail2 td.b {
 background-color:#cc0000;
}

table.avail2 td.s {
 background-color:#ff40ff;
 text-decoration : underline;
}

table.avail2 td.al {
 background-color:#c2e0c2;
}

table.avail2 td.ul {
 background-color:#dddddd;color:#ffffff;
}

table.avail2 td.bl {
 background-color:#e06666;
 text-decoration: line-through;
}

table.avail2 td, table.avail2 th {
 color: #456;
 padding: 1px 2px;
 font-size:0.8em;
 text-align:center;
}

table.avail2 tr.month_row td, table.avail2 tr.month_row th {
 border-bottom: 1px solid #fff;
 border-top: 1px solid #fff;
}

table.avail2 tr.month_row:hover td, table.avail2 tr.month_row:hover th {
 border-top: 1px solid #000;
 border-bottom: 1px solid #000;
}

table.avail2 tr.month_row th {
 text-transform: uppercase;
 font-weight: normal;
}

table.avail2 tr.key_row td { text-align:left;font-size:10pt; }
table.avail2 tr.spacer_row td { padding:0px;font-size:1pt;height:5px }
table.avail2 tr#bottom_key td { border-bottom:0px}

table.booking {
 border-collapse: collapse;
 font-size: 0.8em;
 width: 510px;
}

table.booking th, table.booking td {
 border: 1px solid #456;
 font-weight: normal;
 height: 20px;
 text-align: left;
 width: 85px;
}

table.weather th, table.contact th {
 text-align: left;
}

table.weather td {
 text-align: center;
}

table.fiestas td, table.fiestas th, table.contact td, table.contact th {
 padding: 2px 20px 2px 0;
 text-align: left;
 vertical-align: top;
}

cite {
 text-align: right;
}

#footer {
	background-color: #f95;
	text-align: center;
	background-image: url(panorama2.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	vertical-align: bottom;
	padding-top: 220px;
	height: 40px;
}