/*
  Copyright (c) Bruce Martin
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, q, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  border: 0;
  outline: 0;
  background: transparent;
}
blockquote, q {
  quotes: none;
}
:focus {
  outline: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
  font-size: 75%;
  line-height: 1.25;
  color: #5A6569;
  text-align: center;
  background: #DCEDF1;
}
#header {
  padding: 20px 0;
/*
  padding: 20px 0 40px;
  background: transparent url(../img/shade.png) no-repeat 50% 100%;
*/
}
#logo {
  margin: 40px 0 1em 32px;
  width: 178px;
  height: 68px;
  background: url(../img/logo-bg.png) no-repeat 0 0;
}
#logo a {
  display: block;
  width: 178px;
  height: 68px;
}
#logo img {
  display: block;
  width: 0;
  height: 0;
}
#content {
  margin: 0 auto 20px;
  width: 640px;
}
#hampden {
  margin: 0 0 1em;
  width: 640px;
  height: 520px;
  overflow: hidden;
}
#footer {
  clear: both;
  padding: 30px 0;
  font-size: 80%;
  color: #8E9CA0;
  background: transparent url(../img/shade.png) no-repeat 50% 0;
}
#footer p {
  margin: 0;
}

.col {
  position: relative;
  float: left;
  display: inline;
  width: 245px;
  margin: 0 0 20px 50px;
  text-align: left;
}

h1 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 300%;
  font-weight: normal;
  color: #5C5F62;
  text-align: center;
}
h2 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 140%;
  font-weight: normal;
}
p, dl {
  margin: 0 0 1em;
}
form {
  margin: 0;
  padding: 20px;
  text-align: left;
  background: #E3F1F4;
  border-top: 2px solid #D2E1E3;
  border-right: 2px solid #ECF7F9;
  border-bottom: 2px solid #ECF7F9;
  border-left: 2px solid #D2E1E3;
}
form label {
  cursor: pointer;
}
legend {
  margin-left: -10px;
  padding: 0 10px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 200%;
  font-weight: normal;
  background: #E3F1F4;
}
fieldset {
  margin: 0 0 1em;
  padding: 1.5em 2em 0.5em;
}
input, select, textarea {
  font-family: inherit;
  font-size: 180%;
}
.form-item label {
  display: block;
  font-weight: bold;
}
.form-input {
  width: 98%;
}
.form-submit {
  margin-left: 27%;
}
.form-clear .form-item {
  float: left;
  width: 100px;
  margin-right: 20px;
}
.form-item {
  margin: 0 0 0.5em;
}
form dt {
  float: left;
  width: 20%;
  margin: 0.25em 0 0.5em;
  font-weight: bold;
  font-size: 120%;
  text-align: right;
}
form dd {
  margin: 0 0 0.5em 25%;
}
#message, #error {
  margin: 0 0 1em;
  padding: 5px 10px;
  background: #F0FFEB;
  border: 1px solid #BAE058;
}
#error {
  color: #220;
  background: #ffd;
  border: 1px solid #f0c020;
}

#purchase a {
  display: block;
  width: 91px;
  height: 28px;
  background: url(../img/purchase.png) no-repeat 0 0;
}
#purchase a:hover {
  background-position:-250px 0;
}
#purchase a span {
  position: absolute;
  left: -9999px;
}

#enquire a {
  display: block;
  width: 115px;
  height: 28px;
  background: url(../img/enquire.png) no-repeat 0 0;
}
#enquire a:hover {
  background-position:-250px 0;
}
#enquire a span {
  position: absolute;
  left: -9999px;
}

#viewgallery {
  position: absolute;
  top: 0;
  right: 0;
  width: 115px;
  height: 28px;
}
#viewgallery a {
  display: block;
  width: 115px;
  height: 28px;
  background: url(../img/gallery.png) no-repeat 0 0;
}
#viewgallery a:hover {
  background-position:-250px 0;
}
#viewgallery a span {
  position: absolute;
  left: -9999px;
}

/* panel */

#panel {
  padding: 1px 10px;
  text-align: left;
  background: #000;
}

#logout {
  float: left;
  width: 200px;
}

#weather {
  float: right;
  width: 200px;
}
#panel p {
  margin: 0;
  font-size: 11px;
  color: #FFF;
  line-height: 20px;
}

#content:after,
#panel:after,
#weather p:after,
#footer:after {
  content: "."; 
  display: block; 
  height: 0;
  font-size: 1px;
  clear: both; 
  visibility: hidden;
}

/* ie */

#content,
#panel,
#weather p,
#footer { zoom:1; }